html
<table class="table-style" id="tableId"></table>
渲染表格
table.render({
elem:'#tableId',
data: [
{ name:'张三', sex:'男', age: '20', date:'2001-10-26'},
{ name:'李四', sex:'男', age: '21', date:'2000-03-04'},
{ name:'刘小名', sex:'女', age: '19', date:'2002-08-11'},
],
cols: [
[
{ field: 'name', title: '姓名',align:'center'},
{ field: 'sex', title: '性别',align:'center'},
{ field: 'age', title: '年龄',align:'center'},
{ field: 'date', title: '出生日期',align:'center'},
]
],
done: function (res, curr, count) {
$("[lay-id='tableId']>.layui-table-page").css({"text-align":"center"});
//找到lay-id为tableId的表格设置当前表格下的分页样式,不影响页面其他layui表格
}
});
效果:
如果一个页面有多个layui表格的话或者一个项目有多个layui表格,只想单独设置某个表格的样式 居中可以采取这种方式,如果所有的表格都设置分页居中可以直接使用css来设置:
.layui-table-page {
text-align: center;
}