2016-03-03 32 views
1

我有一个如下图所示的tablesorter表。Tablesorter - 在添加表行后更新过滤器标题DropDown

enter image description here

正如你所看到的, “许可证” 过滤器,有2项。

如果我动态添加一行,以便表格如下所示。 enter image description here

我曾尝试使用更新

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

然而,这些更新不会得到出现在下拉菜单中的新值的表。

是否可以更新过滤器标题下拉菜单而不重新调整tablesorter?

+0

不,它只是没有增加值 – Busturdust

回答

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'); 
    }); 
}); 

如果您仍然有问题,请修改演示,重复的问题,使故障排除更容易。谢谢!

+0

这似乎工作,但无论如何触发更新后添加行?我在一个循环中添加行,并且这个样式会为每一行调用'trigger('update')',当我想在添加所有X行数后我会'更新' – Busturdust

+0

似乎'$(ele ).append(row).trigger('update')'以及后循环'updateCache'需要 – Busturdust

+1

您也可以使用['addRows'方法](http://mottie.github.io/tablesorter/ docs /#addrows),它只会将传递给它的行添加到缓存中,而不会更新所有内容。 – Mottie

相关问题