JavaScript ソーターが必要です (推奨)。jquery) 要素のクローンを作成しません

Question

これまで私が試してきたこと 小型テーブルソーター, 牛のテーブル, ソート可能, 、 そして Yoastのソータブルテーブルプラグイン. 。現在、最後のものがインストールされています テストページはこちら. 。同じページで実行している qtip スクリプトと最終的に競合が発生しなくなりました。クローン要素を使用するソーターから競合が発生することを理解しています。残念ながら、この最後の関数では実際の並べ替え関数にバグがあります。私の技術的な限界を考えると、これが機能しない理由を学習/理解しようとするよりも、他のソーターを探す方が簡単です。

Answer 1

このjqueryプラグインを使用しました http://tablesorter.com/ 問題なくcluetipsプラグインを使用できます。パントを決めたら、何か違うことを試してみてください。

Answer 2

あなたのソースを確認しました。数字の周囲にはおそらくスペースのためのスペースがありますが、テキストA2、FAにはスペースがありません。これが、希望する一貫した並べ替えが得られない理由である可能性があります。CSS を使用してすべてのスペースを削除し、パディングを追加してみてください。

それでもソートで問題が発生する可能性があります。ソーターはそれらの数値をテキストのように扱うため、数値ではなくテキストのように値を評価するため、特定の数値が他の数値より前に来ると考えられるからです。あなたの例に行き、列ヘッダーを 3 回目のクリックで、私が話している内容を理解しました。

これを回避できるかどうかはわかりません。その列から数字以外のものを削除してテストを行い、正しく並べ替えられるかどうかを確認してください。