bootstrap-table /如何在表格配置中添加過濾器控件

Question

我試圖在中設置每列過濾器Bootstrap-table。

我已經看到了很多使用HTML 數據過濾控制標籤要做到這一點，網站，但我想這樣做在JavaScript端;最好在表配置屬性上。

這是一個HTML 數據過濾控制標記示例：

<thead> 
     <tr> 
      <th data-field="state" data-checkbox="true"></th> 
      <th data-field="prenom" data-filter-control="input" data-sortable="true">Prénom</th> 
      <th data-field="date" data-filter-control="select" data-sortable="true">Date</th> 
      <th data-field="examen" data-filter-control="select" data-sortable="true">Examen</th> 
      <th data-field="note" data-sortable="true">Note</th> 
     </tr> 
    </thead> 

謝謝大家！

Answer 1

$(function() { 
    $('#table').bootstrapTable({ 
    filterControl: true, 
    disableUnusedSelectOptions: true, 

    columns: [ 
     { 
     field: "first_column", 
     title: "First Column", 
     filterControl: 'input', 
     filterControlPlaceholder: "holder", 
     filterStrictSearch: false 
     },{ 
     field: "second_column", 
     title: "Second Column", 
     filterControl: 'select', 
     filterStrictSearch: false, 
     }, 
    ] 

    }); 
});