去掉 height 属性的配置即可保证数据表格的表头部分与数据部分对齐。
代码详例如下:
$(function () {
$("#serviceTable").bootstrapTable({
// for the Name of Package then appended system
url:'/service/ServiceList.action',
// height: 500,
dataType: "json",
striped: true,//row color
cache: false,
undefinedText: "-",
sortName: "serviceId",
sortOrder: "asc",
pagination: true,
sidePagination: "server",
toolbar: "#toolbar",
pageNumber:1,
pageSize:5,
pageList:[5,10,25,50],
paginationPreText: "上一页",
paginationNextText: "下一页",
columns: [{
checkbox: true
}, {
field: "serviceName",
title: "权益名称",
align: 'center'
},{
field: 'serviceId',
title:'操作',
align:'center',
formatter:function(value,row,index){
var serviceId = row.serviceId;
var a = '<a href="/service/csServiceAction_goCsServiceJsp.action?csService.serviceId='+serviceId+'" class="cs_menuTab">编辑</a>';
return a;
}
}]
});
});