同类最佳的 JavaScript 数据表小部件/库 [关闭]答案

【问题标题】：Best-of-breed JavaScript datatable widget/library [closed]同类最佳的 JavaScript 数据表小部件/库 [关闭]
【发布时间】：2011-04-26 23:13:17
【问题描述】：

我过去曾使用过几个数据表小部件，包括YUI2's，我很想知道那里是否有公认的领先者。我对jQuery Grid 感到很兴奋，但自从它宣布以来我还没有看到任何东西。

我希望在数据表提供程序中看到的内容：

可以使用任意对象键值对的 JSON 数组； YUI2 声明将这些对象映射到列的模式的能力做得很好（尽管 API 的其余部分有点冗长、笨拙）。
提供通过文本字段过滤的能力
支持客户端分页（能够与服务器端分页交换将是一个优势）。
支持使用任意 HTML（链接、图像等）自定义单元格的呈现/格式的方法

在没有进一步指导的情况下，我可能会调查DataTables 和YUI3 DataTable。推荐？

【问题讨论】：

数据表非常全面 - 请参阅 mvcjquerydatatables.apphb.com 以获取有关 ajax 过滤、排序、自定义单元格、excel 导出的示例

标签： javascript jquery-ui datatable yui

【解决方案1】：

我还没有研究过 YUI3，但据我所知，它比 2 有了很大的改进。这听起来可能很异端，但你有没有想过自己动手？我真的一直在挖掘 KnockoutJS，他们有一个带有分页的 DataGrid 的简单示例。我相信它可以很容易地扩展。 http://knockoutjs.com/examples/grid.html

我还在生产环境中使用过 jQuery DataTables。诚然，这是一个简单的用例，但似乎没有出现任何问题。

【讨论】：

这是我目前正在走的路，我非常喜欢。它没有我想要的功能，但是我添加的所有其他内容（jqGrid 和 SlickGrid）的文档相对较差，并且占用空间大或依赖很多我不想嫁给自己。跨度>
knockoutjs 是一个建立在固定计时器上的 mvvm 模型——对于 Web 开发和用户体验来说真的不好用 JQuery DataTables 是正确的答案

【解决方案2】：

我投票给jqGrid，我发现它真的很容易使用，而且看起来很棒。

【讨论】：

【解决方案3】：

我推荐 Slickgrid，并远离 DataTables。在使用 DataTables 时，我在将数据存储与视图同步时遇到了许多问题。我也不喜欢 API 界面上的匈牙利符号。看起来没什么大不了的，但过段时间你就会明白了。

在 jqGrid、Datatables 和 Slickgrid 中，Slickgrid 是我迄今为止使用过的最好的。

编辑：在所有选项上花费了更多时间后，我最终修改了 SlickGrid 以隐藏一些细节并允许更多样式选项...

所以“修改后的 slickgrid”最终成为我的选择。对此非常满意，尽管我认为竞争空间很大。

【讨论】：

【解决方案4】：

Kendo UI 击败了这两只手。

http://demos.kendoui.com/web/grid/editing-inline.html

【讨论】：

【解决方案5】：

DataTables 看起来很有希望。似乎功能强大且灵活

http://www.datatables.net/examples/

【讨论】：

数据表是一个巨大的臃肿的 IMO

【解决方案6】：

Handsontable：用于 HTML、JavaScript 和 jQuery 的类似 Excel 的简约数据网格编辑器

http://handsontable.com/

【讨论】：

【解决方案7】：

http://www.sencha.com/products/extjs/examples/#sample-2

ExtJS 网格是您想要研究的东西。 ExtJS 是一个不错的框架，他们刚刚发布，他们的 api 还相当完整，但一旦他们完成，我相信他们会是一流的。

【讨论】：

一个网格的巨大足迹。

【解决方案8】：

您可能还想查看 Doby Grid：http://dobyjs.com/#grid 它基于 SlickGrid，但具有许多附加功能。

【讨论】：

【解决方案9】：

我推荐 Webix Datatale，因为它提供了上述所有功能。您可以在此处查看演示并了解更多信息：http://webix.com/widget/datatable/。

【讨论】：