Tool(s) to + column & rows on HTML5 tables - html

Question

I was about to fork a compatibility guide & when I looked at the HTML, I saw it was a table.
Tables are good to show data like this, but not fun to edit when you have to edit every few weeks.
What tools can edit an existing HTML table very quickly & cleanly add/remove/clone columns & rows quickly & painlessly please?
Can be online, GUI or WYSIWYG (prefered) or command-line driven, on or off-line (though online with JavaScript engine that is Node.js compatible is preferred).
Or perhaps another way is better to show tabular data that changes every few weeks, like AJAX presenting JSON data, but still need some hand-holding for the best scenario here also.
Table & suggestion in question:
https://github.com/kangax/es5-compat-table/blob/gh-pages/es6/index.html
https://github.com/kangax/es5-compat-table/issues/29

Answer 1

Different people has different needs and attitudes!
1).You can use a spreadsheet program to edit the table and export to html.Google spreadsheet provides functionality to embed a preadsheet to a web page or to download(export) the spreadsheet in simple HTML, you can use CSS to style it to fit your needs.
2).Google's API can grab data from a spreadsheet and show like a table.What you have to do is just edit the Google spreadsheet!
I checked the API and could build a quick example,Here is the fiddle!
Here is a little summery of what I did,
var query = new google.visualization.Query(
'http://spreadsheets.google.com/tq?key=pCQbetd-CptGXxxQIG7VFIQ&pub=1');
The spread sheet I refer here is 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);
in my callback,
var data = response.getDataTable();
//init the table
visualization =
new google.visualization.Table(document.getElementById('table'));
visualization.draw(data, null);