el-table修改表頭行高
时间: 2024-06-21 17:01:19 浏览: 165
excel调整行高
5星 · 资源好评率100%
在Element UI的`el-table`组件中,如果你想修改表头行的高度,你可以直接操作`el-table-column`的`header-cell-style`属性。这是一个对象,其中包含了一个`style`对象,可以用来设置CSS样式,包括行高(`line-height`)。
例如,如果你想要将表头行高度设置为30像素,你可以这样做:
```html
<template>
<el-table :data="tableData" style="width: 100%">
<el-table-column
prop="name"
label="姓名"
header-cell-style="{ lineHeight: '30px' }">
</el-table-column>
<!-- 其他列... -->
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
// ...
]
}
}
}
</script>
```
在这个例子中,`lineHeight: '30px'`会设置表头单元格的行高为30像素。如果你需要在整个表格中统一设置,可以直接在`el-table`的`style`上设置。
阅读全文