为什么桌子不能伸展到100％的宽度

问题描述

| 上面是图像，左侧是手风琴，右侧是内容部分（表格内）我担心内容部分（右侧）表格的宽度为何不是100％？而顶部的标题将扩展为整个页面宽度。下面给出的是我的代码“ 0”。

var i=0;
var filesystem=[];
$(xml).find(\'file\').each(function(){ 
    //console.info($(this).attr(\'total\')+\",\"+$(this).attr(\'free\')+\",\"+$(this).attr(\'used\')+\",\"+$(this).attr(\'percentage\'));
    var row={};
    row.id=i++;
    row.total=$(this).attr(\'total\');
    row.free=$(this).attr(\'free\');
    row.used=$(this).attr(\'used\');
    row.percentage=$(this).attr(\'percentage\');
    filesystem.push(row);
});


$(\'#detailTable\').empty();
$(\'<div width=\"100%\">\')
.attr(\'id\',\'diskUsageSpan\')
.html(\'<div class=\"titleBlue\">Configuration&gt;System&gt;disk Usage</div>\'+
        \'<table id=\"list1\" width=\"100%\"></table>\'+
        \'<div id=\"gridpager\"></div>\'+
    \'</div>\')        
.appendTo(\'#detailTable\');    


jQuery(\"#list1\").jqgrid({
    datatype: \"clientSide\",height: 250,colNames:[\'id\',\'Total Space\',\'Free Space\',\'Used Space\',\'Used Percentage\'],colModel:[
           {name:\'id\',index:\'id\',width:90,align:\"right\"},{name:\'total\',index:\'total\',{name:\'free\',index:\'free\',{name:\'used\',index:\'used\',{name:\'percentage\',index:\'percentage\',width:120,align:\"right\"}
       ],pagination:true,pager : \'#gridpager\',rowNum:10,viewrecords: true,gridview: true,edit:false,add:false,del:false

});


for(var i=0;i<filesystem.length;i++)
    jQuery(\"#list1\").jqgrid(\'addRowData\',i+1,filesystem[i]);

jQuery(\"#list1\").setGridParam({rowNum:10}).trigger(\"reloadGrid\");

    

解决方法

        您可以使用

height: \'auto\'

或scrollOffset：0 jqGrid选项来解决此问题。原因是如何计算网格宽度。它不是完美的，总是为滚动条保留一些额外的位置。 在某些情况下也可以使用诸如

autowidth:true

或

shrinkToFit:false

之类的其他选项。     ,        如果使用jqxGrid，则可以尝试以百分比为单位设置所有列的宽度，因此总和将为100％，这有助于我摆脱网格中的空白空间。