Bootstrap数据表搜索功能

Question

我想在 bootstrap table 上搜索多列值。这个有任何代码

例如；

https://datatables.net/examples/plug-ins/range_filtering.html

我想这样搜索，但找不到任何东西。我可以 post 服务器上的数据输入并编写 SQL 关于 LİKE 的查询。但并不具体。有什么例子吗？

祝你有美好的一天:)

我的页面截图

我的table源代码

<div class="table-responsive " style="height: 400px; overflow-y: auto;">
              <table id="tablo_icin2" class="table table-bordered table-hover table-striped">

                <thead>
                <tr>
                  <th>
                    <span class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></span>
                  </th>
                  <th>User Name</th>
                  <th>Password</th>
                </tr>
                </thead>

                <tr>
                <td></th>
                <td>Mark</th>
                <td>123</th>
                </tr>

              </table>
             </div>

Answer 1

您可以使用 bootgrid 作为 bootstrap 的插件。

http://www.jquery-bootgrid.com/Examples

Bootstrap数据表搜索功能

Bootstrap datatable search function

javascript

datatable

jquery

twitter-bootstrap

bootstrap-table