Bootstrap数据搜索功能 [英] Bootstrap datatable search function

问题描述

我想在引导表上搜索多列值。有这样的代码

例如;

我的表源代码

 < div class =table-responsivestyle =height：400px; overflow-y：auto;> 
< table id =tablo_icin2class =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>用户名< / th> 
 密码< / th> 
< / tr> 
< / thead> 
 
< tr> 
< td>< / th> 
< td> Mark< / th> 
< td> 123< / th> 
< / tr> 
 
< / table> 
< / div> 
  

解决方案

您可以使用bootgrid作为引导插件。

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

I want to searching multicolumn value on the bootstrap table. There is any code for this

For example ;

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

I want to searching like this but I could not find anything. I can post the data input on the server and write SQL query about LİKE . But it does not specific . Do have any example about it ?

Have a good day :)

My page screenshot

My table source code

<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>

解决方案

You can make use of bootgrid as plugin for bootstrap.

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

这篇关于Bootstrap数据搜索功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！