テーブルに行を追加するときにjsを使用してテーブルを並べ替える

RamaGeeks

JSからテーブルを作成して、行を追加します

function addItem(code,name) {  
    var tblList = document.getElementById("list_inventory");
    var tblBody = tblList.tBodies[0];
    var lastRow = tblBody.rows.length;
    var row     = tblBody.insertRow(lastRow);               

    var newCell = row.insertCell(0);
    newCell.innerHTML = lastRow+1;

    var newCell = row.insertCell(1);
    newCell.innerHTML = name+"<input type='hidden' name='code[]' id='code[]' value='"+code+"' />";
}

しかし、問題は、行をさらに作成するたびに「名前」で昇順のテーブルを作成する必要があることです。出来ますか?

マルグラン・ザルケノフ

もちろん可能です。挿入後:

var rows = tblBody.rows;
rows.sort(function(a,b) {
    var first = a.cells[0].children[0].name;
    var second = b.cells[0].children[0].name;
    return (first.name < second.name) ? 1 : ((first.name > second.name) ? -1 : 0);
});
tblBody.rows.innerHTML = rows;

したがって、アイデアは、行を選択してから、入力名propで並べ替えることです。それがあなたを助けることを願っています。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

SQLクエリを使用して取得するときにテーブルの月を並べ替える方法は?

分類Dev

子行を使用してテーブルを並べ替える

分類Dev

反応仮想化を使用してテーブルに並べ替えを追加する方法は?

分類Dev

jqueryでtablesorterを使用して並べ替え列を変更したときに、最初にテーブルを昇順で並べ替える方法は?

分類Dev

jQuery UIを使用して別のタブのテーブルに並べ替え可能な行を追加するにはどうすればよいですか?

分類Dev

stlsortを使用してテーブルを適切に並べ替える

分類Dev

jqueryを使用してHTMLテーブルにない要素を並べ替える

分類Dev

jQueryとプラグインを使用してテーブルを並べ替え可能にする

分類Dev

テーブルの行に表示される配列を並べ替えようとしています

分類Dev

テーブルの上部にすべての列にまたがる見出しを追加しますが、それでもテーブルを見出しの2行目で並べ替えることができます

分類Dev

jQueryを使用してテーブルを並べ替える方法

分類Dev

ページネーションと並べ替えを伴うajaxを使用して、データテーブルに行を動的に追加します

分類Dev

Javascriptを使用してテーブルの行を並べ替える方法

分類Dev

Angular.jsを使用して数値に従ってテーブルを並べ替える方法は?

分類Dev

並べ替える前にMariaDBでテーブルをグループ化しようとしています

分類Dev

並べ替え用のフォントを追加してテーブルに配置する

分類Dev

テーブルを4列で並べ替え可能にする

分類Dev

Postgresの結合テーブルの列ごとに行を並べ替える

分類Dev

Javascriptを使用してテーブルを適切に並べ替えますか?

分類Dev

2つの異なるテーブルから行を選択しますが、phpとMySQLを使用して日付順に並べ替えます

分類Dev

JSを使用してhtmlテーブルに行を追加する

分類Dev

Athena / Prestoを使用して、書き込む前にテーブルを並べ替えることはできますか?

分類Dev

2つのテーブルを組み合わせて、FIFOによる並べ替えを使用します

分類Dev

ユーザーが列をクリックしたときにテーブルを並べ替える

分類Dev

テーブルの行をグループ化して並べ替える

分類Dev

テーブルの行をグループ化して並べ替える

分類Dev

JavaScriptとjQueryを使用したテーブルの並べ替えに関する問題

分類Dev

追加後に動的テーブルデータを並べ替える方法

分類Dev

antdを使用してテーブルをアルファベット順に並べ替える方法

Related 関連記事

  1. 1

    SQLクエリを使用して取得するときにテーブルの月を並べ替える方法は?

  2. 2

    子行を使用してテーブルを並べ替える

  3. 3

    反応仮想化を使用してテーブルに並べ替えを追加する方法は?

  4. 4

    jqueryでtablesorterを使用して並べ替え列を変更したときに、最初にテーブルを昇順で並べ替える方法は?

  5. 5

    jQuery UIを使用して別のタブのテーブルに並べ替え可能な行を追加するにはどうすればよいですか?

  6. 6

    stlsortを使用してテーブルを適切に並べ替える

  7. 7

    jqueryを使用してHTMLテーブルにない要素を並べ替える

  8. 8

    jQueryとプラグインを使用してテーブルを並べ替え可能にする

  9. 9

    テーブルの行に表示される配列を並べ替えようとしています

  10. 10

    テーブルの上部にすべての列にまたがる見出しを追加しますが、それでもテーブルを見出しの2行目で並べ替えることができます

  11. 11

    jQueryを使用してテーブルを並べ替える方法

  12. 12

    ページネーションと並べ替えを伴うajaxを使用して、データテーブルに行を動的に追加します

  13. 13

    Javascriptを使用してテーブルの行を並べ替える方法

  14. 14

    Angular.jsを使用して数値に従ってテーブルを並べ替える方法は?

  15. 15

    並べ替える前にMariaDBでテーブルをグループ化しようとしています

  16. 16

    並べ替え用のフォントを追加してテーブルに配置する

  17. 17

    テーブルを4列で並べ替え可能にする

  18. 18

    Postgresの結合テーブルの列ごとに行を並べ替える

  19. 19

    Javascriptを使用してテーブルを適切に並べ替えますか?

  20. 20

    2つの異なるテーブルから行を選択しますが、phpとMySQLを使用して日付順に並べ替えます

  21. 21

    JSを使用してhtmlテーブルに行を追加する

  22. 22

    Athena / Prestoを使用して、書き込む前にテーブルを並べ替えることはできますか?

  23. 23

    2つのテーブルを組み合わせて、FIFOによる並べ替えを使用します

  24. 24

    ユーザーが列をクリックしたときにテーブルを並べ替える

  25. 25

    テーブルの行をグループ化して並べ替える

  26. 26

    テーブルの行をグループ化して並べ替える

  27. 27

    JavaScriptとjQueryを使用したテーブルの並べ替えに関する問題

  28. 28

    追加後に動的テーブルデータを並べ替える方法

  29. 29

    antdを使用してテーブルをアルファベット順に並べ替える方法

ホットタグ

アーカイブ