bootstrapTable初始化常用参数
bootstrapTable初始化常用参数,前端分页排序,后端获取表格数据
$('#table').bootstrapTable({
toolbar: '#mybar', //工具按钮用哪个容器
striped: true, //是否显示行间隔色
cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
sortable: true, //是否启用排序
sortOrder: "asc", //排序方式
showColumns: true, //是否显示所有的列
showRefresh: true, //是否显示刷新按钮
minimumCountColumns: 2, //最少允许的列数
clickToSelect: true, //是否启用点击选中行
uniqueId: "ID", //每一行的唯一标识,一般为主键列
showToggle: true, //是否显示详细视图和列表视图的切换按钮
cardView: false, //是否显示详细视图
detailView: false, //是否显示父子表
columns: columnsdata,
pagination: true,
pageList: [10, 20, 30, 40, 'all'],
loading: '数据加载中...',
pageSize: 10,
pageNumber: 1,
showExport: true,
exportDataType: 'all', //basic', 'all', 'selected'.
exportTypes: ['excel'], //导出类型
exportOptions: {
ignoreColumn: [0, 0], //忽略某一列的索引
fileName: $('#myModal .modal-header h4').text(), //文件名称设置
worksheetName: 'Sheet1', //表格工作区名称
tableName: $('#myModal .modal-header h4').text(),
excelstyles: ['background-color', 'color', 'font-size', 'font-weight'],
},
method: 'get',
datatype: 'json',
url: "/user/query",//这个接口需要处理bootstrap table传递的固定参数
queryParamsType: '', //默认值为 'limit' ,在默认情况下 传给服务端的参数为:offset,limit,sort
queryParams: function () {
let params = {keyword: $("#search_keys").val().replace(/[ ]/g, "").replace(/\t/g, "")}
return params
},//前端调用服务时,会默认传递上边提到的参数,如果需要添加自定义参数,可以自定义一个函数返回请求参数
responseHandler: function (res) {
return res.data
},
});

浙公网安备 33010602011771号