html - Tools) to + HTML5 表格上的列和行

Question

我正要创建一个兼容性指南，当我查看 HTML 时，我看到它是一个表格。

表格很适合显示这样的数据，但当您必须每隔几周编辑一次时，编辑起来就不好玩了。

请问哪些工具可以非常快速地编辑现有的 HTML 表格并干净利落地添加/删除/克隆列和行？

可以在线、GUI 或所见即所得(首选)或命令行驱动，在线或离线(尽管最好使用与 Node.js 兼容的 JavaScript 引擎在线)。

或者也许另一种更好的方式来显示每隔几周更改一次的表格数据，例如 AJAX 显示 JSON 数据，但这里的最佳场景仍然需要一些帮助。

有问题的表格和建议: https://github.com/kangax/es5-compat-table/blob/gh-pages/es6/index.html

https://github.com/kangax/es5-compat-table/issues/29

Answer 1

不同的人有不同的需求和态度!

1).您可以使用电子表格程序编辑表格并导出为 html。Google 电子表格提供了将电子表格嵌入网页或下载(导出)简单 HTML 电子表格的功能，您可以使用 CSS 来根据您的需要设置样式。

2).Google 的 API 可以从电子表格中抓取数据并像表格一样显示。您只需编辑 Google 电子表格即可!

我检查了 API 并可以构建一个快速示例，这里是 the fiddle !

这是我所做的一些总结，

var query = new google.visualization.Query(
      'http://spreadsheets.google.com/tq?key=pCQbetd-CptGXxxQIG7VFIQ&pub=1');

我在这里引用的电子表格是 http://spreadsheets.google.com/ccc?key=pCQbetd-CptGXxxQIG7VFIQ

  // Apply query language.
  //I'm selecting all the cols!
  query.setQuery('SELECT * ');
// Send the query with a callback function.
      query.send(handleQueryResponse);

在我的回调中，

var data = response.getDataTable();
   //init the table
  visualization = 
   new google.visualization.Table(document.getElementById('table'));
  visualization.draw(data, null);