layui.table.render({})中设置表头居中时,用style: 'text-align:center;'不生效,怎么解决
时间: 2024-02-26 22:56:17 浏览: 242
解决Layui数据表格中checkbox位置不居中的方法
在 `layui.table.render({})` 中设置表头居中可以通过 `align: 'center'` 来实现,而不是使用 `style: 'text-align:center;'`。可以参考下面的示例代码:
```javascript
layui.use('table', function(){
var table = layui.table;
table.render({
elem: '#test',
cols: [[
{field:'id', title: 'ID', align: 'center'},
{field:'username', title: '用户名', align: 'center'},
{field:'age', title: '年龄', align: 'center'},
{field:'city', title: '城市', align: 'center'},
{field:'sign', title: '签名', align: 'center'},
{field:'experience', title: '积分', align: 'center'},
{field:'score', title: '评分', align: 'center'},
{field:'classify', title: '职业', align: 'center'},
{field:'wealth', title: '财富', align: 'center'}
]],
data: [{
"id":"10001",
"username":"张三",
"age":"20",
"city":"北京",
"sign":"人生需要动态规划",
"experience":"116",
"score":"87",
"classify":"工程师",
"wealth":"999999"
}, {
"id":"10002",
"username":"李四",
"age":"25",
"city":"上海",
"sign":"每个人都有一个梦想,我的梦想就是写出优美的代码",
"experience":"666",
"score":"66",
"classify":"工程师",
"wealth":"666666"
}, {
"id":"10003",
"username":"王五",
"age":"30",
"city":"深圳",
"sign":"让天下没有难写的代码",
"experience":"86",
"score":"86",
"classify":"工程师",
"wealth":"888888"
}],
});
});
```
在上面的代码中,我们在每个表头列的 `align` 属性中设置为 `center`,用来实现表头居中的效果。
阅读全文