layui表格 表头加粗
时间: 2024-06-08 09:03:32 浏览: 306
layui是一个轻量级的前端UI库,它提供了丰富的表格组件,其中包括对表头样式定制的功能。要在layui表格中将表头加粗,你可以使用`layui.table`的`head/style`属性,设置`fontWeight`为`bold`或`"bold"`,如下所示:
```html
<script src="layui/layui.js"></script>
<style>
table.layui-table th {
font-weight: bold; /* 如果layui没有提供全局重置,可以在这里直接设置 */
}
</style>
<!-- 初始化表格 -->
<table id="Demo" lay-filter="demo" lay-data="data">
<thead>
<tr>
<th>标题1</th>
<th>标题2</th>
<!-- ... -->
</tr>
</thead>
</table>
<script>
layui.use('table', function(){
layui.table.render({
elem: '#Demo', // 表格容器ID
data: [], // 表格数据
cols: [[// 列配置
{field: 'title1', title: '标题1', align: 'center', width: 100, headStyle: {fontWeight: 'bold'}}, // 加粗标题1
{field: 'title2', title: '标题2', align: 'center', width: 100},
...
]],
...
});
});
</script>
```
阅读全文