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

Question

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

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

场景1： 1）在页面加载期间添加以下代码行               $（ '的tablesorter'）的tablesorter（）。 2）在动态添加/删除表中的行或根据搜索结果动态添加行时，添加以下代码行。              $（ “表”）触发器（ “updateAll”）。或$（“table”）。触发器（“更新”）;

场景2： 1）在页面加载期间添加以下代码行               $（ '的tablesorter'）的tablesorter（）。 2）在动态添加/删除表中的行时添加以下代码行              $（ '的tablesorter'）的tablesorter（）;

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

任何解决上述问题的建议都将受到赞赏。

Answer 1

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

要更新tablesorter的内部缓存，您应该触发"update" event。

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

添加或删除列时仅使用"updateAll" event。

1. 添加/删除表格列。
2. $("table").trigger("updateAll");