在前端使用bootstrap-table插件,实现按列搜索功能

1、使用bootstrap-table插件做表格功能
2、做搜索的时候,设置data-search这个属性为:data-search="true",就可以实现全表格,输入任意字符的模糊搜索。
图片描述

我的问题:希望实现按某一列来模糊搜索对应数据,但是没找到方法,请问这个要怎么实现呢?

补充一:2015-06-02
我需要的导出是按各个列导出的,如下所示:
图片描述

阅读 27k
4 个回答

你现在是想要实现按照某一列来模糊搜索,那你可以试试将不需要搜索的列的data-sortable设置为false,要搜索的列的data-sortable设置为true

<table id="table-pagination" data-url="data2.json" data-height="400" data-pagination="true" data-search="true">
    <thead>
        <tr>
            <th data-field="id" data-align="right" data-sortable="false">Item ID</th>
            <th data-field="name" data-align="center" data-sortable="true">Item Name</th>
            <th data-field="price" data-sortable="false" data-sorter="priceSorter">Item Price</th>
        </tr>
    </thead>
</table>

1、我已用js写好了按列搜索功能。
2、然后发现了另外一个问题,bootstrap-table的导出功能,原来只可以导出当前页的数据啊?

我的问题:请问如何设置导出为所有分页的数据都导出啊?

新手上路,请多包涵

为什么我的设置data-search这个属性为:data-search="true",还是不能实现搜索功能呢?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进