jquery - テーブルソートスクリプトを使用してスパン列ヘッダーをソートする方法

Question

以下のように、htmlテーブルをソートしようとしています

テーブル ヘッダー (Person、User#、UniqueID、Full Name、Trans No.、Flags、In and Out) をクリックしたときに並べ替えるのが好きです。

テーブルの並べ替えを使用して、User# と UniqueID 列をクリックしたときに並べ替える方法は?

Answer 1

うーん、まだ完璧ではありませんが、クリックした列の下の列を並べ替えることができるテーブルソーターのフォークが github にあります...「フルネーム」ヘッダーセルを試して、私の意味を確認してください。「Product」列と「In」列の css を更新する方法を修正する必要があります。

とにかく、これは上の画像の情報を使用したデモです。文書化されていないcssChildRowオプションを使用しています -元のデモを参照してください here。その 2 番目のデモのコードが tablesorter 2.0.5 に追加されました。元のtablesorterを使用した同じデモを次に示します...「フルネーム」列をクリックすると、「ID#」列のみがソートされることがわかります。