如何使用bootstrap-table进行后端排序

Posted 2023-03-28

striped: true, //是否显示行间隔色
cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
pagination: true, //是否显示分页（*）
sortable: true, //是否启用排序
sortOrder: "desc", //排序方式
queryParams: queryParams,//传递参数（*）
sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*）
pageNumber:1, //初始化加载第一页，默认第一页
pageSize: 10, //每页的记录行数（*）
pageList: [10, 25, 50, 100], //可供选择的每页的行数（*）
search: true, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
strictSearch: true,
showColumns: true, //是否显示所有的列
showRefresh: true, //是否显示刷新按钮
minimumCountColumns: 2, //最少允许的列数
clickToSelect: true, //是否启用点击选中行
uniqueId: "roleNo", //每一行的唯一标识，一般为主键列
showToggle:true, //是否显示详细视图和列表视图的切换按钮
cardView: false, //是否显示详细视图
detailView: false, //是否显示父子表
responseHandler: handel,
idField: "roleNo",
columns: [
checkbox: true
,
field: 'roleNo',
title: '角色编号',
sorttable: true
,
field: "roleNm",
title: "角色名称",
sorttable: true
],
silent: true, //刷新事件必须设置
formatLoadingMessage: function ()
return "请稍等，正在加载中...";
,
formatNoMatches: function () //没有匹配的结果
return '无符合条件的记录';
,
onLoadError: function (data)
$('#reportTable').bootstrapTable('removeAll');

); 参考技术A table控件有filter的属性，可以过滤数据table.filtered :=false;table.filter := ...//过滤条件table.filtered := true;至于排序，可以用indexfieldnames设置一个字段名称就可以了 参考技术B Bootstrap的后台数据绑定、特殊列处理及列的排序功能
1.数据绑定
一般做程序设计，很少是使用json文件直接绑定数据。基本上我们都是使用编程语言进行数据获取，并做数据绑定。
放置一个Table控件
<table id="table" ></table>
调用javascript的代码
<script >
$('#table').bootstrapTable(
url: 'tablejson.jsp', //数据绑定，后台的数据从jsp代码
search:true,
uniqueId:"Id",
pageSize:"5",
pageNumber:"1",
sidePagination:"client",
pagination:true,
height:'400',
columns: [

field: 'Id',
title: '中文'
,
field: 'Name',
title: 'Name'

,
field: 'Desc',
title: 'Desc'

],
);本回答被提问者采纳