jQuery Datatable，通过 UI 调整 col 宽度

Posted 2023-05-07

技术标签:

【中文标题】jQuery Datatable，通过 UI 调整 col 宽度【英文标题】：jQuery Datatable, resize col width by UI 【发布时间】：2011-09-18 19:57:39 【问题描述】：

我正在决定使用什么 jquery 插件，DataTable 还是 jqGrid。

我做了很大的搜索，但找不到答案。是否可以在 DataTable UI 中通过鼠标调整列宽，因为它是在 jqGrid 中制作的？

【问题讨论】：

【参考方案1】：

我不会让可调整大小的问题阻止你，它正在路上： http://datatables.net/forums/discussion/1676/x

Datatables 无疑是目前功能最丰富、编写最完善、支持最完善的网格解决方案，我可能已经全部使用或研究过它们。仅 Ajax 选项就使其比下一个最接近的竞争对手更强大。在等待调整大小时，让它充分发挥作用并获得所需的所有功能。

我在想我也需要调整大小，但通过智能 UI 规划发现它确实没有被遗漏。我的客户喜欢排序、分页、ajax 加载等，我喜欢它与 ThemeRoller 完全集成的事实，因此我可以在几分钟内为应用重新命名。

【讨论】：

【参考方案2】：

我看到这个问题比较老，但是当我找到我的解决方案后才来到这里，我发布了我发现的工作。

可以在 DataTables 中通过 ColReorderWithResize 插件使用鼠标调整列的大小。示例并在其网站的第 3 方部分下载： https://datatables.net/extras/thirdparty/ColReorderWithResize/

编辑：在论坛中发现也讨论过这个插件...

【讨论】：

链接现在是legacy.datatables.net/extras/thirdparty/ColReorderWithResize，因为它适用于旧版数据表（版本 【参考方案3】：

我也是数据表的忠实粉丝，但目前列调整大小的补丁有点不稳定且不完整，尽管我确信它的排序只是时间问题。

与此同时，还有flexigrid (http://flexigrid.info/)。

它支持通常的（分页、过滤等），也支持调整列的大小（实现得非常好）。

但是，与数据表不同的是，它没有得到支持基础或开发者社区的支持，而且更改很少。如果这对您来说无关紧要，这可能是您要走的路。

希望这会有所帮助！

【讨论】：

以上是关于jQuery Datatable，通过 UI 调整 col 宽度的主要内容，如果未能解决你的问题，请参考以下文章