在网页中呈现表格数据的简便方法（如Google电子表格）

Question

我有一些表格数据要显示在我的组织的网页上。它目前大约有80行和6列。它需要每隔几周更新一次。我希望它尽可能方便用户（按页面滚动，也可以搜索框，按列标题排序......）

两种明显的方法是：

• 生成HTML（<table>） - 缺点是缺乏功能
• 嵌入Google电子表格。这样工作正常，但根本不灵活 - 难以设计样式，并且它似乎不支持固定的标题行（奇怪的是 - 它们在未嵌入时工作）。

那么，是否有相当于谷歌的电子表格，我可以将数据存储在其他网站上，并嵌入一个很好的视图？如果失败了，是否有一个工具可以生成一个HTML表格，其中包含我正在使用的功能（可能是嵌入在Javascript中 - 没关系）。

Answer 1

您可能正在寻找SlickGrid或jqGrid。这两个都是非常强大的网格组件，可以异步加载数据。

Answer 2

有一个很棒的jQuery插件叫做DataTables。您所要做的就是发出一个标准元素，然后在其上指向DataTables，然后进行排序，过滤，分页（从AJAX加载选项），导出到CSV以及许多其他强大功能。

在这里查看：

http://www.datatables.net

Answer 3

JSpreadsheets.com在收集和比较各种HTML5表格，电子表格和数据网格方面做得很好，这些数据表是大多数数据密集型Web项目的主要内容。

我的最爱是：

• AGGrid-HTML + JS-很好的文档，对于非企业版来说性能良好且免费
• DataTables-HTML + JS-具有大量社区支持的动态HTML表的祖父
• HandsOnTable-HTML + JS-性能出色，用户友好，同时提供真正的电子表格功能
• Airtable-Saas-替代Google表格的托管电子表格

Answer 4

看看我们在http://www.sumwise.com做了些什么。虽然它仍在开发中，我们还没有真正准备好支持建模者，但它可能对您有价值。要访问开发人员环境，请转至http://app.sumwise.com/app。注册您的谷歌帐户并玩游戏。很高兴回答问题。