<el-table设置字体大小
时间: 2024-09-01 18:01:46 浏览: 95
在Element UI的表格组件`el-table`中,如果你想自定义单元格内的文本字体大小,可以使用`cell-style`属性。这个属性接受一个返回对象的函数,你可以在这个函数里动态设置每个单元格的样式,包括字体大小。
例如:
```html
<template>
<el-table :data="tableData">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄">
<template slot-scope="{ row }">
<span :style="{ fontSize: '14px' }">{{ row.age }}</span>
</template>
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 20 },
{ name: '李四', age: 25 },
// 更多数据...
]
};
}
};
</script>
```
在这个例子中,`fontSize: '14px'`会将年龄列的字体大小设为14像素。你可以根据需要修改这个值或者编写更复杂的条件来动态调整字体大小。
阅读全文