jqgrid - 调整 jqgrid 中最后一列的大小

Question

jqgrid 中似乎存在一个错误，其中一个 can not resize the last column 。

这似乎是 2009 年提出的一个相当老的问题。我看了一下，最新的 jqGrid 示例似乎有这个问题......然而我发现最后一列可以拖动来调整网格本身的大小。请参阅here转到 3.6 中的新增内容部分。任何指针(如果已修复)。

Answer 1

看来我找到了解决办法。调整最后一列的大小只能在标题包装器 (div.ui-jqgrid-hbox) 的区域内完成。在外太空调整大小过程中失去焦点。由于存在一些默认20像素的padding-right区域，只能在这一小部分增加尺寸。另外，我们需要暂时取消表包装器的影响，因为他也会导致调整大小过程停止。

这是我的解决方案。我假设您的表包装器 ID 是 gbox_DataTable_u:

1:CSS:定义新的宽边距右区域:

.ui-jqgrid .ui-jqgrid-hbox { float :左；右内边距:10000px;}

2:将 2 个事件附加到您的网格:

resizeStart:function(event, index){ $('#gbox_DataTable_u').width($('#gbox_DataTable_u').outerWidth() + 10000);}

resizeStop: 函数(宽度, 索引) {$('#gbox_DataTable_u').width($('#DataTable_u').outerWidth());}

工作表示例:http://www.design.atplogic.co.il/aman/philips/users.htm#