如何重新初始化tablesorter
How to re-init tablesorter
我正在使用 jquery tablesorter 插件。我从 table 开始,然后像这样初始化我的 table ..
$("#myStoreStatusTbl").tablesorter({
sortList: [[3,1],[10,0],[0,0]],
stripingRowClass: ['even','odd'],
stripeRowsOnStartUp: true,
widthFixed: false,
widgets: ['zebra'],
dateFormat: "uk",
headers: {
0: { sorter: 'digit' },
2: { sorter: false },
7: { sorter: false }
}
});
我后来在 ajax 调用后清除了 table 的内容...
$('#myStoreStatusTbl tbody').html('');
然后在 ajax 调用后用值重新填充它。
重新填充工作正常,但我在 tablesorter init 中应用的所有属性不再应用。
我试图在 ajax 调用后触发更新...
$("#myStoreStatusTbl").trigger("update");
但这不起作用。有人可以给我一些建议吗?
谢谢
您能否在 ajax 调用后尝试以下顺序:
$("#myStoreStatusTbl").trigger("update");
var sorting = [[3,1],[10,0],[0,0]];
// sort on the list
$("#myStoreStatusTbl").trigger("sorton",[sorting]);
这将对新填充的数据执行 sorton
事件
我正在使用 jquery tablesorter 插件。我从 table 开始,然后像这样初始化我的 table ..
$("#myStoreStatusTbl").tablesorter({
sortList: [[3,1],[10,0],[0,0]],
stripingRowClass: ['even','odd'],
stripeRowsOnStartUp: true,
widthFixed: false,
widgets: ['zebra'],
dateFormat: "uk",
headers: {
0: { sorter: 'digit' },
2: { sorter: false },
7: { sorter: false }
}
});
我后来在 ajax 调用后清除了 table 的内容...
$('#myStoreStatusTbl tbody').html('');
然后在 ajax 调用后用值重新填充它。
重新填充工作正常,但我在 tablesorter init 中应用的所有属性不再应用。
我试图在 ajax 调用后触发更新...
$("#myStoreStatusTbl").trigger("update");
但这不起作用。有人可以给我一些建议吗?
谢谢
您能否在 ajax 调用后尝试以下顺序:
$("#myStoreStatusTbl").trigger("update");
var sorting = [[3,1],[10,0],[0,0]];
// sort on the list
$("#myStoreStatusTbl").trigger("sorton",[sorting]);
这将对新填充的数据执行 sorton
事件