如何使用过滤器选择器

Question

这是我的问题。 我想过滤此表以显示所有“活动”状态。 我使用此代码，但结果仅在可见行（x3）上，而不是全部基础上。 我认为该代码需要更改。

var trs = $（'tr：not（：first）'）;

Example:

$(document).ready(function(){
    $('input:radio[name="type_affect"]').change(function () {
        var status = $('input[name="status"]:checked').prop('value');
        **var trs = $('tr:not(:first)');**
        $(trs).hide();
          if(status != ''&& status != 'none'){
              var chkdName = $('input[name="status"]:checked').prop('name');
              trs = $(trs).find("."+chkdName+':contains('+status+')').parent();
          }
        $(trs).show();
    });
    $("#reset").on('click', function(){
      $(':radio').prop('checked', false);
      $('tr').show();
    });
});

Answer 1

一会儿虚弱！

我更改了所有内容，这里更改了解决方案。

$(document).ready(function(){
    $('input:radio[name="status"]').change(function () {
    var filtering = FooTable.get('#tab-search').use(FooTable.Filtering);
        var filter = $(this).val();
    if (filter === 'none') {
        filtering.removeFilter('status');
    } else {
        filtering.addFilter('status', filter, ['status']);
    }
    filtering.filter();
    });
});