tablesorter v2.0在表中动态添加行

tablesorter v2.0 dynamically adding rows in a table

本文关键字：动态 添加行 v2 tablesorter      更新时间：2023-09-26

我们正在尝试在我们的解决方案中实现Tablesorter v2.0。我们在项目中使用Knockout、MVC、C#。

我们在整个项目中都有场景，在表中，我们根据执行的搜索结果动态添加行或添加/删除行。我们还在上面的场景中实现了表排序，但它们似乎不起的作用

场景1:1） 在页面加载期间添加到代码行下方$（'.tablesort'）.tablesorter（）；2） 在表中动态添加/删除行或根据搜索结果动态添加行时添加到代码行下方。$（"table"）.trigger（"updateAll"）；或$（"table"）.trigger（"update"）；

场景2:1） 在页面加载期间添加到代码行下方$（'.tablesort'）.tablesorter（）；2） 在表中动态添加/删除行时添加到代码行下方$（'.tablesort'）.tablesorter（）；

两种情况下的问题：•当我们添加新行或根据搜索结果动态添加行时，基于第2点（如上），系统正在动态复制表中的行，并且排序也没有正确进行。

如有任何解决上述问题的建议，我们将不胜感激。

表分类器只能初始化一次。在相同元素上多次使用$('.tablesorter').tablesorter();将被忽略。设置debug选项以测试此行为。

要更新表分类器的内部缓存，您应该触发一个"update"事件。

  1. 添加新行/删除行
  2. $("table").trigger("update");

仅在添加或删除列时使用"updateAll"事件。

  1. 添加/删除表列
  2. $("table").trigger("updateAll");
相关文章：