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, 
     }, 
    ] 

    }); 
});