el-table里字体加粗
时间: 2023-11-25 14:52:32 浏览: 1090
可以通过在CSS中设置`.el-table__footer-wrapper .cell`的`font-weight`属性为`600`来使`el-table`中的字体加粗。具体实现方法如下所示:
```css
.v-deep .el-table .el-table__footer-wrapper .cell {
font-weight: 600;
color: #000;
}
```
另外,如果想要在`el-table`中设置表头的字体加粗,可以通过在`el-table`的`column`中设置`headerStyle`属性来实现。具体实现方法如下所示:
```javascript
<el-table :data="tableData">
<el-table-column prop="name" label="姓名" :header-style="tableHeaderColor"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
```
```javascript
methods: {
tableHeaderColor({ row, column, rowIndex, columnIndex }) {
if (rowIndex === 0) {
return 'background-color: #FAFAFA;color:black;font-size:13px;font-weight: 500;text-align:center'
}
},
}
```
阅读全文