テーブルに並べ替えを追加するために、愚かなテーブル ( http://joequery.github.io/Stupid-Table-Plugin/ ) を使用しています。コールバックを使用して適切な上矢印または下矢印を追加し、並べ替えに使用された列と、それが昇順か降順かを示します。
元のイベント ハンドラは次のコードを使用していました。
table.bind('aftertablesort', function (event, data) {
// data.column - the index of the column sorted after a click
// data.direction - the sorting direction (either asc or desc)
var th = $(this).find("th");
th.find(".arrow").remove();
var arrow = data.direction === "asc" ? "↑" : "↓";
th.eq(data.column).append('<span class="arrow">' + arrow +'</span>');
});
これは、ヘッダーが 1 行しかない場合は正常に機能しますが、複数の行がある場合は、最後のヘッダー行ではなく最初のヘッダー行が検出されるため機能しません。
私が試した別のスレッドに従って、一番下の行を見つける方法を見つけるのに苦労しています:
var th = $(this + ' thead tr:last').find("th");
しかし、これは構文エラーになります。これは、「this」を適切に使用していないためだと思います。誰でも助けることができますか?
ありがとう、
ステフ