一旦使用了bootstrap table的height属性,当行数到一定数量时,页面右侧会出现滚动条。这时会出现表头和内容无法对齐。搜索了一下,最终解决了。方案如下:
$('#tableId').bootstrapTable({
locale: 'zh-CN',
height: 500,
toolbar: "#toolbar",
toolbarAlign: 'right',
pagination: true,
pageSize: 10,
data: data,
pageNumber: 1,
queryParamsType: null,
pageList: "[10, 20, 50, 100, ALL]",
columns: cols,
onPostHeader: function(){
$('#tableId').bootstrapTable('resetView');
}
});
其实就是在bootstrap table触发onPostHeader时刷新。