el-table怎样修改标题的行高
时间: 2023-10-06 19:10:55 浏览: 84
vue-plugin-hiprint 参数原始代码
要修改el-table标题的行高,可以通过以下步骤实现:
1. 在el-table组件中,设置header-row-style属性,用来设置标题行的样式:
```
<el-table :data="tableData" :header-row-style="{height: '50px'}">
<!-- 表格列 -->
</el-table>
```
2. 在header-row-style中,设置height属性为你想要的行高即可。
注意:header-row-style中的属性名需要用驼峰式命名,且属性值需要用单引号或双引号包裹。
```
:header-row-style="{height: '50px'}"
```
这样就可以将el-table的标题行高设置为50px。你可以根据需要修改数字来调整行高。
阅读全文