使用tablesorter jquery在表中添加一行

2023年5月20日 122次阅读

我有一个带有
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 ..谢谢

最佳答案 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');
});
点赞