Question

我有一个带有jquery库“Tablesorter”的表构建，当我点击一个按钮时我想在这个表中添加一行但是当我添加行时，这不会占用tablesorter的CSS ...所以我不能选择他，或者css“奇怪”“偶数”不起作用..

$("#ajouterCodePiece").click(function(){
    $('#tablesorter-demo-gauche tr:last').after('<tr'><td>'+$('#codepiece option:selected').text()+'</td><td>'+$('#mode option:selected').text()+'</td></tr>');
});

如何在我的新行中添加tableorter的css和jquery ..谢谢

Answer 1

Tablesorter将所有表内容存储在缓存中，因此为了告诉tablesorter某些内容已发生变化，您需要触发更新：

$('table').trigger('update');

这是updated demo

$("#ajouterCodePiece").click(function () {
    $('#tablesorter-demo-gauche tr:last').after('<tr><td>' + $('#codepiece option:selected').text() + '</td><td>' + $('#mode option:selected').text() + '</td></tr>');
    $('#tablesorter-demo-gauche').trigger('update');
});

使用tablesorter jquery在表中添加一行

1 个答案: