jquery - jqGrid水平滚动条

Question

我使用 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', width:4},
    {name:'taskDesc', index:'taskDesc', width:8}]
});

Answer 1

我调整了 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来隐藏水平滚动条，现在一切都对我来说很好。