Bootstrap数据表搜索功能

Question

我想在bootstrap表上搜索多列值。这个

有任何代码

例如;

  

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

我想这样搜索但我找不到任何东西。我可以在服务器上发布数据输入并编写有关LİKE的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