记录一下我今天学习Bootstrap-table的用法。使用的是后台分页,排序和分页都是前台传字段给后台,后台处理好了再给前台,前台除了显示不应该有其它逻辑处理。为了增加我的代码难度,我准备使用快排或者堆排序。。。
js中初始化表格
$("#codeCheckTable").bootstrapTable({
method:'get',
url:"a.json",//要请求数据的文件路径
pageNumber: 1,//初始化加载第一页,默认第一页
pagination:true,//是否分页
sidePagination:'server',//指定服务器端分页
pageSize:5,//单页记录数
pageList:[5,10],//分页步进值
showRefresh:true,//刷新按钮
showColumns:true,
clickToSelect:true,//是否启用点击选中行
toolbarAlign:'right',//工具栏对齐方式
buttonsAlign:'right',//按钮对齐方式
toolbar:'#toolbar',//指定工作栏
queryParams :function(params) {
return {
offset: params.offset+1,
pageSize: params.limit,
};
},
columns:[
{
title:'ID',
field:'id',
visible:false
},
{
title:'姓名',
field:'name',
sortable:true,
cellStyle:{ //设置样式
css:{"background-color":"pink"}
}
},
{
title:'年龄',
field:'age',
sortable:true
}
],
locale:'zh-CN',//中文支持,
responseHandler:function(res){
//在ajax获取到数据,渲染表格之前,修改数据源
return res;
}
})
对单元格进行监听