Bootstrap Table由多列過濾

我正在使用wenzhixin的Bootstrap Table。我需要過濾幾列。例如，我需要過濾國家和城市。Bootstrap Table由多列過濾

我有兩個表中的每個字段的選擇字段（選擇國家和選擇城市）。

我現在正在做它的方式是我申請上選擇選項的變化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});    
     } 
    });

的問題是，他們互相覆蓋。我將不勝感激任何關於如何將第二個過濾器應用於第一個過濾器而不是整個數據集的建議。

謝謝！

來源

2016-09-29 nysmoon

我使用角NG-重複和自定義過濾器創建的表。所有的過濾器現在都可以工作，但仍然有其他一些問題......所以，如果你想出一個解決方案，分享還不算太遲;）謝謝！ – nysmoon

我建議你使用引導表擴展名Filter-Control。

來源

2016-10-09 09:37:39

謝謝你的鏈接！我已經嘗試過，很好的延伸！問題是我的利益相關者希望過濾器的輸入字段與表格分開尋找某種特定的方式。我無法弄清楚如何使用位於頁面上的輸入字段進行這項工作，而不是在表頭中。希望它是有道理的:) – nysmoon

Bootstrap Table由多列過濾

回答

相關問題