javascript - ブラウザで HTML テーブルを操作する

Question

私はチャートやグラフをよく読んでいますが、ドラッグ アンド ドロップで行や列を交換できるようにする FF または GC 拡張機能があるかどうか疑問に思っていました。

たとえば、行 1、55、92、および 143 の値を比較したい場合、簡単に比較できるように、これら 4 つの行をグラフの一番上に配置するようにテーブルを並べ替える方法はありますか?

おそらくそれをコピーして Excel に貼り付けることができると思いますが、ブラウザーで解決策があることを望んでいました。

Answer 1

ファイアフォックス:

https://addons.mozilla.org/en-us/firefox/addon/tabletools2/

https://addons.mozilla.org/en-us/firefox/addon/export-to-csv/

Excel にエクスポートすることもできます。

javascriptを使用してhtmlテーブルをExcelにエクスポートする方法

http://www.mrkent.com/tools/converter/

ただし...必要なものを強調表示します> cntrl c> cntrl vをExcelに入力して完了します。

Answer 2

ヒント：Ctrlキーを押したままセルの範囲を選択することで、（少なくともFirefoxでは）セルを選択できます。

J. Rudermanのブックマークレットを使用すると、テーブルを任意の列で並べ替えたり、転置したり、行に番号を付けたりできます。

あなたが探しているものは、剣道のようなフレームワークによって提供される機能に似ているようです：列の並べ替えまたは集約？

Answer 3

var rowIndexWanted = [4, 5];

var table1 = document.getElementById('table1');
var table1body = table1.getElementsByTagName('tbody');
var rows = table1.getElementsByTagName('tr');
var rowsWanted = [];

for(i in rowIndexWanted)
{
    rowsWanted.push(rows[rowIndexWanted[i]]);
}

for(i in rowsWanted)
{
    table1body[0].insertBefore(rowsWanted[i], table1body[0].childNodes[0]);
}