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

【问题标题】：Easy way to present tabular data in web page (like Google spreadsheet)在网页中呈现表格数据的简单方法（如 Google 电子表格）
【发布时间】：2011-07-08 02:48:52
【问题描述】：

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

两种明显的方法是：

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

那么，有没有类似的 Google 电子表格，我可以在其中将数据存储在其他网站上，并嵌入一个漂亮的视图？如果做不到这一点，是否有一个工具可以生成一个具有我所追求的功能的 HTML 表（大概嵌入在 Javascript 中 - 没关系）。

【问题讨论】：

我可能应该添加一些约束：它只能是 HTML、CSS、JavaScript。任何服务器端的东西都出来了。

标签： html google-sheets spreadsheet tabular

【解决方案1】：

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

我最喜欢的是：

AGGrid - HTML+JS - 有据可查、高性能且免费的非企业版
DataTables - HTML+JS - 拥有大量社区支持的动态 HTML 表格的鼻祖
HandsOnTable - HTML+JS - 高性能、用户友好，同时提供真正的电子表格功能
Airtable - Saas - 托管电子表格替代 Google 表格

【讨论】：

哇，感谢您回答一个 8 年前的问题：) 我什至不记得最初的动机是什么。但这是一个非常漂亮的资源。
:) 多年来，我一直在我的 google 搜索结果中看到这个问题，在那段时间里，我已经实现了 00 年代不同的表格和网格，我想我会分享我的经验。

【解决方案2】：

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

【讨论】：

它们看起来都像是我可以使用的东西。我可能会在生成的 javascript 中对表值进行硬编码。不过，我想知道是否有一个真正的谷歌电子表格替代品根本不需要任何编码？

【解决方案3】：

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

在这里查看：

http://www.datatables.net

【讨论】：

【解决方案4】：

看看我们在http://www.sumwise.com 所做的事情。尽管它仍在开发中，而且我们还没有真正准备好支持建模者，但它可能对您很有价值。要访问开发人员环境，请访问http://app.sumwise.com/app。使用您的谷歌帐户注册并玩转。很乐意回答出现的问题。

【讨论】：