11

jQuery の tablesorter を実装していますが、矢印が表示されないようです。

これが私がこれまでに行ったことです：

<script type="text/javascript" src="/path/to/jquery-latest.js"></script> 
<script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script>

と

$(document).ready(function() 
    { 
        $("#myTable").tablesorter(); 
    } 
);

テーブルは正常にソートされますが、矢印は表示されません。ここで何か不足していますか？
私も以下を追加しましたが、うまくいきませんでした： 

<LINK rel="StyleSheet" type="text/css" href="../tablesorter/themes/green/style.css">
4

6 に答える 6

12

このページでテーブルソーターを使用したときにも同じ問題が発生しました-http ://ajthomas.co.uk/fpl/。ただし、ダウンロードに含まれるスタイルシートと画像を追加できなかったためです。あなたもそうだったようです。

于 2012-08-01T16:19:40.810 に答える
6

スタイルシートをカスケードすると、TableSorter サイトで表示されるのとまったく同じように表示されます。パッケージから移動する必要さえありません。スタイル シート宣言の後に次の行を追加するだけです。

<link href="[YOUR PATH TO]/tablesorter/themes/blue/style.css" rel="stylesheet" type="text/css" />
于 2013-04-16T21:26:09.343 に答える
0

tablesorter で並べ替えの矢印が表示されないという問題が解決しない場合は、初期化コールバックで使用するちょっとしたトリックを次に示します。

$("table.sort").tablesorter({
  theme : 'dropbox',
  cssIcon: 'tablesorter-icon',
  initialized : function(table){
    $(table).find('thead .tablesorter-header-inner').append('<i class="tablesorter-icon"></i>');
  }
});
于 2017-07-11T19:29:47.157 に答える