Фильтр загрузочного стола по нескольким столбцам

Question

Я использую Bootstrap Table от wenzhixin. Мне нужно отфильтровать несколько столбцов. Например, мне нужно отфильтровать страны, а затем города.

У меня есть два поля для каждого поля в таблице (выберите страну и выберите город).

Как я делаю это прямо сейчас, я применяю filterBy метод на изменение выбора опции:

$('#countries-list').on('change', function (evt) { 
     var selectedCountry = $('#countries-list').select2('val'); 
     if (selectedCountry == "all") { 
      $tableFilter.bootstrapTable('filterBy'); 
     } else { 
      $tableFilter.bootstrapTable('filterBy', {country: selectedCountry});     
     } 
    }); 

    $('#cities-list').on('change', function (evt) { 
     var selectedCity = $('#cities-list').select2('val'); 
     if (selectedCity == "all") { 
      $tableFilter.bootstrapTable('filterBy'); 
     } else { 
      $tableFilter.bootstrapTable('filterBy', {city: selectedCity});    
     } 
    }); 

Проблема заключается в том, что они перекрывают друг друга. Я был бы признателен за любые предложения о том, как применять второй фильтр только к результатам первого, а не ко всему набору данных.

Спасибо!

Answer 1

Я предлагаю вам использовать расширение загрузочного стола Filter-Control.

• Example
• Github project