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

ウェインイェ

これは難しいかもしれませんが、運がない解決策を模索してきたので、展開可能/折りたたみ可能な行/子行のテーブルがあります。

Col1            Col2    Col3
Node A          A       A
  --A child 1   A1      A1
  --A child 2   Foo     Bar
Node B          Foo     Bar
  --B child 1   B1      B1
  --B child 2   Foo     Bar

すべての子-行が展開しまったと私は、ノードAとノードBをソートするために期待してい、のCol1をソートしていながら、そうしない、すなわち、すべての子行のソート、ソートのCol1場合、私はこれが表示されます。

Col1            Col2    Col3
Node B          Foo     Bar
  --B child 1   B1      B1
  --B child 2   Foo     Bar
Node A          A       A
  --A child 1   A1      A1
  --A child 2   Foo     Bar

これではない....:

Col1            Col2    Col3
  --B child 1   B1      B1
  --B child 2   Foo     Bar
  --A child 1   A1      A1
  --A child 2   Foo     Bar
Node B          Foo     Bar
Node A          A       A

:私のコードは次の場所にありますhttps://jsfiddle.net/wayneye/tyxykyf3/、私が使っていたjqueryのテーブル選別機を、私の要件を満たす限り、それを使用するために制限されることはありません:ソート親行ではなく、子供の行を

親切に私に手を貸してください、あなたは私のHTML構造/ jsを変更するか、他のライブラリを使用することができます、ありがとう!

トリッキー12

こここのリンクを確認すると、次のように表示されます(tablesorter 2.15.12+の場合、2.25.4を使用しています)。

子行の親にtablesorterが追加されました-hasChildRowクラス名が追加されました。

そのページの例を見ると、子行のクラスがあることにも気付くでしょうtablesorter-childRow

tablesorter-hasChildRow親行と子行に追加するだけですtablesorter-childRow

ここでJSFiddleを更新

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

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

分類Dev

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

分類Dev

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

分類Dev

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

分類Dev

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

分類Dev

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

分類Dev

別の列を使用してjQueryDataTablesテーブルを並べ替える方法は?

分類Dev

jqueryを使用してHTMLテーブルの列を並べ替える

分類Dev

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

分類Dev

Powershell で Format-Table を使用してテーブルを並べ替える

分類Dev

jQueryを使用してhtmlテーブルの行を最初の日付列で並べ替える

分類Dev

PHPLaravelが2つのテーブルを使用して並べ替える方法

分類Dev

MySQLテーブルを並べ替えてから行を更新する

分類Dev

coredataを使用したテーブルビュー行の並べ替え

分類Dev

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

分類Dev

テーブルの行を並べ替える

分類Dev

テーブルの行を列で並べ替える

分類Dev

テーブルの行を列で並べ替える

分類Dev

VBAを使用してExcelでテーブルを並べ替えますか?

分類Dev

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

分類Dev

特定のフィールドを使用してデータテーブルを並べ替える

分類Dev

Flexboxを使用してHTMLテーブルの行を並べ替えないのはなぜですか?

分類Dev

AngularJStheaderを介して複数のテーブルを並べ替える

分類Dev

jqueryjavascriptを使用してテーブル内のフォルダとファイルを並べ替える方法

分類Dev

ボタンを使用してテーブル ビューでセルを並べ替える

分類Dev

NSPredicateを使用してテーブルビューでコアデータを並べ替える(Swift)

分類Dev

ajaxを使用して作成されたDOMテーブル要素を並べ替えて検索する方法

分類Dev

純粋なJavaScriptを使用してテーブルを並べ替えて再生成する方法

分類Dev

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

Related 関連記事

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

  6. 6

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

  7. 7

    別の列を使用してjQueryDataTablesテーブルを並べ替える方法は?

  8. 8

    jqueryを使用してHTMLテーブルの列を並べ替える

  9. 9

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

  10. 10

    Powershell で Format-Table を使用してテーブルを並べ替える

  11. 11

    jQueryを使用してhtmlテーブルの行を最初の日付列で並べ替える

  12. 12

    PHPLaravelが2つのテーブルを使用して並べ替える方法

  13. 13

    MySQLテーブルを並べ替えてから行を更新する

  14. 14

    coredataを使用したテーブルビュー行の並べ替え

  15. 15

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

  16. 16

    テーブルの行を並べ替える

  17. 17

    テーブルの行を列で並べ替える

  18. 18

    テーブルの行を列で並べ替える

  19. 19

    VBAを使用してExcelでテーブルを並べ替えますか?

  20. 20

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

  21. 21

    特定のフィールドを使用してデータテーブルを並べ替える

  22. 22

    Flexboxを使用してHTMLテーブルの行を並べ替えないのはなぜですか?

  23. 23

    AngularJStheaderを介して複数のテーブルを並べ替える

  24. 24

    jqueryjavascriptを使用してテーブル内のフォルダとファイルを並べ替える方法

  25. 25

    ボタンを使用してテーブル ビューでセルを並べ替える

  26. 26

    NSPredicateを使用してテーブルビューでコアデータを並べ替える(Swift)

  27. 27

    ajaxを使用して作成されたDOMテーブル要素を並べ替えて検索する方法

  28. 28

    純粋なJavaScriptを使用してテーブルを並べ替えて再生成する方法

  29. 29

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

ホットタグ

アーカイブ