elementui表格列的字体
时间: 2023-09-01 13:13:06 浏览: 198
vue2+elementui 实现table表格列分割
3星 · 编辑精心推荐
elementui表格列的字体可以通过以下方式进行设置:
1. 使用表格的 column 属性设置每一列的样式,包括字体样式。例如:
```
<el-table :data="tableData">
<el-table-column prop="name" label="姓名" :style="{ 'font-size': '16px', 'font-weight': 'bold' }"></el-table-column>
<el-table-column prop="age" label="年龄" :style="{ 'font-size': '14px' }"></el-table-column>
<el-table-column prop="address" label="地址" :style="{ 'font-size': '12px', 'color': '#999' }"></el-table-column>
</el-table>
```
2. 使用 CSS 样式表设置表格列的字体样式。例如:
```
.el-table th {
font-size: 16px;
font-weight: bold;
}
.el-table td {
font-size: 14px;
}
.el-table .el-table__row td {
color: #999;
}
```
以上两种方式都可以实现表格列的字体样式设置,具体选择哪种方式取决于个人习惯和项目需求。
阅读全文