element ui 表格字体大小
时间: 2023-10-20 12:06:35 浏览: 100
在 Element UI 表格中,可以通过设置 `cell-style` 或者 `cell-class-name` 属性来自定义表格中的字体大小。
1. 使用 `cell-style` 属性:
```html
<el-table :data="tableData">
<el-table-column prop="name" label="姓名" :cell-style="{'font-size': '16px'}"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
```
2. 使用 `cell-class-name` 属性:
```html
<el-table :data="tableData">
<el-table-column prop="name" label="姓名" :cell-class-name="customCellClassName"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
```
```javascript
methods: {
customCellClassName({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 0) {
return 'custom-font-size';
}
return '';
},
}
```
```css
.custom-font-size {
font-size: 16px;
}
```
以上是两种常用的方法来设置 Element UI 表格中的字体大小。你可以根据实际需求选择其中一种方式来进行设置。
阅读全文