el-table修改行高
时间: 2023-11-07 09:01:57 浏览: 130
el-table修改行高可以通过使用row-style属性或者cell-style属性来实现。在row-style中,你可以通过设置一个回调方法来为每一行设置不同的style样式。在cell-style中,你可以通过设置一个回调方法来为每个单元格设置不同的style样式。此外,你还可以通过设置header-row-style和header-cell-style来修改表头行和表头单元格的样式。
例如,如果你想将行高设置为20px,可以使用以下代码:
```html
<el-table :data="tableData" :row-style="rowStyle">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 18 },
{ name: '李四', age: 20 },
{ name: '王五', age: 22 }
]
};
},
methods: {
rowStyle(row, index) {
return { height: '20px' };
}
}
};
</script>
```
阅读全文