jqGrid - 调整 TH（列）大小时，如何不仅调整 TD 的大小，还调整 TD 内部 DIV 的大小？答案

【问题标题】：jqGrid - how do I resize not just the TD but also TD inner DIV when TH (column) is resized?jqGrid - 调整 TH（列）大小时，如何不仅调整 TD 的大小，还调整 TD 内部 DIV 的大小？
【发布时间】：2011-02-28 22:38:01
【问题描述】：

我需要捕捉调整列大小的事件。我该怎么做？

【问题讨论】：

标签： events resize jqgrid handler

【解决方案1】：

在我看来你应该使用resizeStop事件（见http://www.trirand.com/jqgridwiki/doku.php?id=wiki:events&s[]=resizeStop#list_of_events）

更新：在 jqGrid 中调整列标题的大小后，它会调用 resizeStop 事件。例如

jQuery('#list').jqGrid({
    caption: 'My caption',
    url: myUrl,
    resizeStop: function (newwidth,index) {
      alert('Column #' + index + ' has now size ' + newwidth + ' px');
    },
    // other jqGrid parameters
});

【讨论】：

我意识到这个问题对我来说不是那么容易解决...你看，我需要对 td 内容进行自动换行，而我能做到的唯一方法就是对每个网格 td 的内容进行 wrapInner使用 DIV 并根据列的标题宽度在该 DIV 上设置固定宽度。在我这样做之后，简单地在 TD 上使用断词不会包装 TD 的内容（它具有固定的宽度）...... col resize 不会计算我插入的内部 div。我无法想象如何计算每个内部 div 的正确宽度（n 位置、n+1 位置、n-1 位置）.. 大量计算，这对 TH 很有效。
我尝试了 resizeStop（有用）...只是为了实现我插入的所有内部 Div 宽度所需的所有额外计算。
接近放弃寻找自动换行 + 调整列大小的解决方案，该解决方案适用于 FF、IE7 和 IE8
在stackoverflow.com/questions/2994343/…发布相关问题