具有自动调整行高的 JavaScript 数据网格

Javascript data grid with auto adjusting row height

本文关键字：JavaScript 数据 数据网 网格 调整      更新时间：2023-09-26

我想要一个JavaScript UI库，它可以创建一个完全支持可变行高的数据网格。 即每一行可以有不同的行高，自动适应内容，并让文本换行到下一行。

我看到人们在许多免费库(例如 SlickGrid(中寻找此功能，但我花了很长时间才找到一些可行的替代方案。我更喜欢那些免费用于商业用途的产品，但我也会考虑付费产品。

我对此进行了一些详细的研究，并发现了以下结果：

在所有替代方案中，我只找到了一个免费用于商业用途的 - [dojox DataGrid][1]，但是不清楚如何使用自定义编辑器(大多数商业编辑器都提供这个(。

有很多可行的替代方案需要付费用于商业用途：dhtmlxGrid，jQuery EasyUI DataGrid，jQWidgets，Wijmo Grid小部件，JideTable和Sencha ExtJS网格。

其中，我个人认为最好的是dhtmlxGrid http://dhtmlx.com/docs/products/dhtmlxGrid/- 免费版是GPL，专业版是199美元。

更详细的说明如下：

  • dhtmlxGrid 支持换行、富文本、许多数据源、事件处理程序、自定义编辑器。看起来它有可靠的文档和支持论坛。免费版具有"创建自定义单元格编辑器的能力"，"内联单元格编辑"等。与专业版比较。免费版没有"多行页脚"，"行跨和行跨"，一些序列化选项(XML(。似乎不是问题。超过100个样品。免费版本是GPL(小心使用！专业版是 199 美元。他们还有一个单独的富文本编辑器。自由。dhtmlxeditor.文档显示更多按钮。讨论将 dhtmlxGrid 与 dhtmlxeditor 一起使用。应该是可能的。他们遇到了一些麻烦，但最新版本可能会起作用。与dhtmlxDataStore集成可能很有用。提供撤消/重做操作可能很有用。需要专业版。内置单元格编辑器：在此处搜索"单元格编辑器 (eXcell( 的使用"(此处为示例(和在此处搜索"定义新的单元格编辑器 (eXcell("。我会说这是最好的解决方案。虽然对编辑有点怀疑。

  • dojox DataGrid看起来不错。不如dhtmlxGrid好。支持换行、富文本、一些数据源、一些事件处理程序。但不清楚自定义编辑器。

  • Sencha ExtJS Grids.需要商业许可证。最多 3,225 名开发人员的价格为 5 美元。

  • jQuery EasyUI DataGrid看起来不错，但有点简单。支持autoRowHeight，富文本，json导入(但没有其他？(，事件处理器。免费版是GPL(小心！( - 专业版是449美元。可能是一个很好的解决方案，尽管对编辑器和导出有点怀疑。

  • jQWidgets具有自动行高功能，但商业版不是免费的使用($ 199(。

  • Wijmo 网格小部件 (wijgrid( 具有自动行高，但费用为 495 美元。

  • JideTable具有自动行高功能，但售价为99美元。不看起来和别人一样坚实。

值得注意的是，如果你唯一的用户是必须登录才能访问它的员工，那么 GPL 可能是可以的——显然 GPL 只要求你向使用它的人提供源代码(但你应该自己确认这一点(。

相关文章：