1

テーブルヘッダーは、動的なajaxの更新に応じて変更されます。これを使用してこれを行う場合：

$('table thead').html(headers);

次に、以下を使用してテーブルを再初期化します。

$("table").tablesorter({ theme : 'blue', sortList: [[2,1],[0,0]] });

並べ替えの機能はヘッダーから削除されます。ヘッダーを更新して再初期化して、それらのヘッダーが正しく処理されるようにするにはどうすればよいですか？

4

1 に答える 1

1

あなたの場合、テーブルソーターのインスタンスを再初期化する前に破棄する必要があるかもしれません。

// initialisation
var initOptions = {
  theme: 'blue',
  sortList: [[2,1],[0,0]]
};
$("table").tablesorter(initOptions);

次に、ajaxの更新後、次を使用します。

// Remove tablesorter and all classes
$("table").trigger("destroy", [false, function(){
  // callback after the destroy method
  $('table thead').html('<tr>' + headers + '</tr>');
  $("table").tablesorter(initOptions);
}]);

この例では、initOptions変数が初期化コードと同じクロージャ内にあることを確認するか、単に複製します;）

于 2013-03-20T13:29:50.843 に答える