4

互換性ガイドをフォークしようとしていましたが、HTML を見ると、それが表であることがわかりました。

表は、このようなデータを表示するのには適していますが、数週間ごとに編集する必要がある場合、編集するのは楽しくありません。

既存の HTML テーブルを非常にすばやく編集し、列と行をすばやく簡単に追加/削除/複製できるツールは何ですか?

オンライン、GUI または WYSIWYG (推奨) またはコマンドライン駆動、オンラインまたはオフライン (ただし、Node.js と互換性のある JavaScript エンジンを使用したオンラインが推奨されます) にすることができます。

または、JSON データを表示する AJAX のように、数週間ごとに変化する表形式のデータを表示する別の方法が適しているかもしれませんが、ここでも最良のシナリオを実現するためにある程度の手を握る必要があります。

問題の表と提案: https://github.com/kangax/es5-compat-table/blob/gh-pages/es6/index.html

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

4

1 に答える 1

3

人によってニーズや考え方は異なります。

1).スプレッドシート プログラムを使用して表を編集し、html にエクスポートできます。Google スプレッドシートには、プレッドシートを Web ページに埋め込んだり、単純な HTML でスプレッドシートをダウンロード (エクスポート) する機能が用意されています。CSS を使用してスタイルを設定できます。あなたのニーズに合わせてください。

2).Google の API は、スプレッドシートからデータを取得して表のように表示できます。Google スプレッドシートを編集するだけです。

私はAPIをチェックし、簡単な例を構築することができました.Here is 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);
于 2012-04-22T17:12:40.177 に答える