jquery - テーブルソーターにスタイリングを追加する

Question

このページをご覧になり、「表」タブをクリックしてください。

このように、並べ替えを示す三角形を追加しようとしています ( http://datatables.net/blog/Twitter_Bootstrap_2 ) が、わかりません。スタイリングではなく、実際の並べ替えが機能しています。

これを機能させるにはどうすればよいですか？

Answer 1

クラス付きのテーブル ヘッダー.tablesorter-headerにこの CSS がありません (必要に応じて画像の URL を変更してください):

table#national_universities_table thead tr .tablesorter-header {
    background-image: url("images/bg.gif");
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}

table#national_universities_table thead tr .tablesorter-headerAsc {
    background-image: url("images/asc.gif");
}

table#national_universities_table thead tr .tablesorter-headerDesc {
    background-image: url("images/desc.gif");
}