添加“全部”选项以在嵌入式 javascript 的引导表中选择过滤器组件答案

【问题标题】：Add "all" option to select filter component in bootstrap-table in embedded javascript添加“全部”选项以在嵌入式 javascript 的引导表中选择过滤器组件
【发布时间】：2020-07-08 11:46:31
【问题描述】：

我有一个使用 Bootstrap 4 和 bootstrap-table 的数据表。我添加了 bootstrap-table 插件过滤器控件，以便我可以有一些可排序性选项。我的问题，一个我似乎无法理解的问题是如何解决我认为会是一个常见问题。

在活跃用户的列中，我有一个简单的“是”或“否”值。数据全部存储在 Postgres 数据库中，因此这不是一个简单的 HTML 表。我们使用的所有文件都是嵌入的 javascript (.ejs) 文件，而构建这个项目的负责人已经不在了。有没有一种简单的方法可以将 all <option> 添加到 bootstrap-table 自动生成的 <select> 中？

这是脚本的摘录：

<table id="table" class=table table-hover" data-toggle="table" data-pagination="true" data-page-size="10" data-sortable="true" data-filter-conrol="true">
  <thead>
    <tr>
      //... other non-relevant th elements
      <th id="active_users" data-field="user_stats" data-sortable="true" data-filter-control="select" data-filter-default="yes">Active?</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      //...other non-relevant td elements
      <td class="table-row user-table-data"><%=userJson.registeruser[i].is_active%></td>
    </tr>
  </tbody>
</table>

现在，它运行良好，符合我的预期。我的选择是：

空白
是的
没有

如何编辑引导表选项以将空白更改为自定义值 all?那有可能吗？我看到有很多涉及 jQuery 的答案，但这些似乎对我不起作用；我找不到适合这种特定情况的任何东西。

我很高兴看到任何其他可以解决此问题的已回答帖子，但我无法找到适合我当前情况的帖子。谢谢！

【问题讨论】：

标签： bootstrap-4 drop-down-menu datatable bootstrap-table embedded-javascript

【解决方案1】：

应该可以结合使用列选项filterData 来设置自定义选择条目）和选项filterCustomSearch 来创建自定义搜索功能。

在自定义搜索功能上，您检查所选值是否为“全部”，然后您可以返回整个数据。

【讨论】：