如何在加载数据后调整jqgrid的列宽？

Question

我的最终目标是让jqgrid根据数据内容自动设置列宽。作为前往那里的路径的一部分，我需要能够在加载数据之后设置列宽，这时我知道每列的最大宽度。但是，一旦我知道列的最大宽度，我如何在“loadComplete”事件中设置每列的宽度并使网格刷新每列的新宽度？我在网上找到的大多数帖子都是关于网格的整体宽度。我想要的是设置每个列的宽度，如果总宽度太长，则自动显示水平滚动条。

更新：在看到Oleg的精彩演示之后，我最终在dqGrid（4.5.4）中编写了这个代码。这是我做的：

找到该功能

addJSONData = function(data,t, rcnt, more, adjust) {

然后找到这个功能

            for (j=0;j<rowReader.length;j++) {

                v = $.jgrid.getAccessor(cur,rowReader[j]);

                rd[ts.p.colModel[j+gi+si+ni].name] = v;

                rowData.push(addCell(idr, v, j + gi + si + ni, i + rcnt, cur, rd));

                // my addtion: stores the largest header size

                var newWidth = v.length * 6; 

                if (ts.grid.headers[j].width < newWidth) {

                    ts.grid.headers[j].width = newWidth;

                }

            }

然后在此函数结束之前添加以下内容

        // my addition: invoke the resizing logic

        for (j = 0; j < rowReader.length; j++) {

            ts.grid.resizing = { idx: j };

            ts.grid.dragEnd();

        }

之后，网格将根据内容调整每列的宽度。我仍然需要帮助的一件事是如何珍贵地计算新的宽度。我目前的硬编码计算

var newWidth = v.length * 6;

显然不是很可扩展。

Answer 1

我发现“更新”有点奇怪。首先是它的新问题（原文是“如何在加载数据后调整jqGrid的列宽？”）。秒我不建议更改jqGrid的源代码，如果真的需要它。而不是你可以使用loadComplete或beforeProcessing。现在关于你的主要问题：我认为你可以将细胞内容包装在里面<span>...</span>。之后，您可以使用jQuery.width计算<span>单元格中每个文本的精确宽度（以像素为单位）。最后你可以使用setColWidth。

Answer 2

我很清楚更改源代码的缺陷。这只是一个概念的证明，在我看来，实现这个是一个相当简单但非常有用的功能是多么困难。特别是简单的HTML表本身就是这样做的。当然，在不重新处理数据的情况下也实现了效率。