代码之家 › 专栏 › 技术社区 › gergerger

引导表/如何在表配置中添加筛选器控件

bootstrap-table html javascript

gergerger · 技术社区 · 7 年前

我正在尝试对中的每列进行筛选 引导表 .

数据过滤器控制 标记以执行此操作, 但我想在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>

谢谢大家!

1 回复 | 直到 7 年前

Annemieke Buijs 6 年前

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

  });
});

推荐文章

Softly · 单选按钮未按预期取值

1 年前