Tablesorter

Question

我有一个 table分拣机 table，如下所示。

如您所见，"License" 过滤器有 2 个条目。

如果我动态添加一行，使 table 如下所示。

我尝试使用

更新 table

$('#connectionGrid2').trigger('updateAll', [false]); $('#connectionGrid2').trigger('updateCache', [false]); $('#connectionGrid2').trigger('update', [false]);

然而这些更新并没有让新值出现在下拉列表中。

是否可以在不重新初始化 table 排序器的情况下更新过滤器 header 下拉列表？

Answer 1

请检查以确保您使用的是最新版本。

否则，在 this demo

中一切似乎都按预期工作

$(function () {
    $('table').tablesorter({
        theme: 'blue',
    widgets: ['filter']
    });
  $('button').click(function(){
      var row = [
        '<tr>',
          '<td>Lisa</td>',
          '<td>Chemistry</td>',
          '<td>Female</td>',
          '<td>99</td>',
          '<td>99</td>',
          '<td>99</td>',
          '<td>99</td>',
        '</tr>'
      ].join('');
      $('tbody')
        .append($(row))
        .trigger('update');
  });
});

如果您仍然遇到问题，请修改该演示以重现该问题，以便更轻松地进行故障排除。谢谢！

Tablesorter - 更新过滤器 header 添加 Table 行后的下拉菜单

Tablesorter - Update Filter header DropDown after Appending Table Row

javascript

jquery