javascript - Bootstrap数据表搜索功能

Question

我想在 Bootstrap 表上搜索多列值。有这方面的代码

例如；

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

我想这样搜索，但找不到任何东西。我可以将数据输入发布到服务器上并编写有关 LIKE 的 SQL 查询。但它并没有具体说明。有相关例子吗？

祝你有美好的一天:)

我的页面截图

我的表格源代码

<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