layui分页样式设置居中

 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;
}

今天的文章layui分页样式设置居中分享到此就结束了，感谢您的阅读。