bootstrap table 插件 搜索

Posted 逐帆

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap table 插件 搜索相关的知识,希望对你有一定的参考价值。

以前用过easyui datagrid 每次搜索的时候调用datagrid构造方法 重新获取数据,

 

发现bootstrap-table 插件不行,只需要初始化一次,

以后每次搜索时,直接调用refresh 方法,

 

 

bootstrap-table分页:

 

 

1,设置 sidePagination=‘server‘

2,设置 分页参数

function queryParams(params) {

return {
pageSize: params.limit,

pageNumber: params.pageNumber,

};

}

 

3,设置 queryParams: queryParams,

 

$(‘#tableList‘).bootstrapTable({
method: ‘post‘,
url: "/test/getData",
height: $(window).height() - 200,
striped: true,
dataType: "json",
pagination: true, 

sidePagination=‘server‘,

queryParams: queryParams,

....});

 

以上是关于bootstrap table 插件 搜索的主要内容,如果未能解决你的问题,请参考以下文章

如何来使用bootstrap table

bootstrap-table中导出excel插件bootstrap-table-export使用

bootstrap table插件怎么固定表头

开源插件Bootstrap-Table 实现表格的查询分页排序

bootstrap-table 插件的使用小结。

使用BootStrap的table表格,如何利用BootStrap的分页插件Paginator实现表格的分页