4,249
社区成员




<table id="tb_initial" style="table-layout:fix ed;" ></table>
然后JS代码
$('#tb_initial').bootstrapTable({
url: '__CONTROLLER__/y', //请求后台的URL(*)
method: 'get', //请求方式(*)
toolbar: '#toolbar', //工具按钮用哪个容器
striped: true, //是否显示行间隔色
cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
pagination: true, //是否显示分页(*)
sortable: true, //是否启用排序
sortOrder: "asc", //排序方式
queryParams: oTableInit.queryParams,//传递参数(*)
sidePagination: "client", //分页方式:client客户端分页,server服务端分页(*)
pageNumber:1, //初始化加载第一页,默认第一页
pageSize: 10, //每页的记录行数(*)
pageList: [10, 25, 50, 100,400], //可供选择的每页的行数(*)
search: true, //是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大
strictSearch: false, //搜索模式false 模糊搜索
showColumns: true, //是否显示列按钮
showRefresh: true, //是否显示刷新按钮
rowStyle: function (row, index) {
//这里有5个取值代表5中颜色['active', 'success', 'info', 'warning', 'danger'];
var strclass = "";
if (row.issave == 0) {
strclass = 'warning';
if (row.isschool == 1) {
strclass = 'success';
}
}else {
return {};
}
return { classes: strclass }
},
minimumCountColumns: 2, //最少允许的列数
clickToSelect: false, //是否启用点击选中行
height:600, //行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度
uniqueId: "id", //每一行的唯一标识,一般为主键列
showToggle:true, //是否显示详细视图和列表视图的切换按钮
cardView: false, //是否显示详细视图
detailView: false, //是否显示父子表
columns: [
{field:"选择",checkbox: true,title:"选择",class:"tablebody",align:"center",valign:"middle"},
{field:"sn",class:"tablebody",title:"序号",align:"center",valign:"middle",sortable:"true",formatter:
function (value, row, index) {
return index+1;
}},
//sortable 排序,valign表格居中模式 middle居中,align 文本居中模式
{field:"eqptcode",class:"tablebody", title:"编号",align:"center",valign:"middle",sortable:"true"},
{field:"issave",class:"tablebody", title:"入账状态",align:"center",valign:"middle",sortable:"true",formatter:
function (value, row, index) {
if(value==2){
return '已入';
}else{
return '待入账';
}
}},