javascript - Tablesorter - 附加表行后更新过滤器标题下拉列表

Question

我有一个如下所示的表格排序表。

如您所见，“许可证”过滤器有 2 个条目。

如果我动态添加一行，则表格如下所示。

我尝试使用更新表格

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

然而，这些更新并未使新值出现在下拉列表中。

是否可以在不重新初始化表排序器的情况下更新过滤器 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');
  });
});

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