如何解决为什么桌子不能伸展到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>System>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%,这有助于我摆脱网格中的空白空间。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。