我用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隐藏水平滚动条，现在一切都很好与我。
