我用jQuery和jqGrid开发了AJAX接口。
如何从我的jqGrid表删除水平滚动条?
http://dskarataev.ru/jqgrid.png
如果我设置autowidth:true,那么我得到宽度的表=列的宽度,但我需要宽度的表=父元素的宽度的id返回的函数getSelectedTabHref()
所以我使功能:
$(window).bind('resize',function() { $('#tasks').setGridWidth($(getSelectedTabHref()).width()); $('#tasks').setGridHeight($(window).height()-190); }).trigger('resize');
这里是我如何创建jqGrid表:
$('#tasks').jqGrid({ datatype: 'local',colNames:[labels['tasksNum'],labels['tasksAdded']+"/"+labels['tasksAccepted'],labels['tasksOperator'],labels['tasksClient'],labels['tasksManager'],labels['tasksDesc']],colModel :[ {name:'taskId',index:'taskId',width:1,align:'right'},{name:'taskAdded',index:'taskAdded',width:3},{name:'taskOperator',index:'taskOperator',width:4},{name:'taskClient',index:'taskClient',width:7},{name:'taskManager',index:'taskManager',{name:'taskDesc',index:'taskDesc',width:8}] });
解决方法
我调整ui.grid.css,因为我不需要一个水平滚动条。我这样做:
.ui-jqgrid .ui-jqgrid-bdiv { position: relative; margin: 0em; padding:0; /*overflow: auto;*/ overflow-x:hidden; overflow-y:auto; text-align:left; }
评论是怎么回事,我只是使用overflow-x隐藏水平滚动条,现在一切都很好与我。