element ui table 表格 行高设置不生效
时间: 2023-07-08 13:48:55 浏览: 2449
如果 Element UI 表格的行高设置不生效,可能是因为你的样式被其他样式覆盖了。你可以尝试使用 !important 关键字来强制应用你的样式,或者在样式选择器前加上更具体的选择器,以提高样式的优先级。
例如,假设你想将 Element UI 表格的行高设置为 50px,你可以这样写样式:
```
.el-table__row {
height: 50px !important;
}
```
如果这样不生效,你可以尝试使用更具体的选择器,例如:
```
.my-table .el-table__row {
height: 50px;
}
```
其中,`.my-table` 是你表格的父元素的类名,这样选择器的优先级会更高,从而确保样式生效。
相关问题
element ui设置table的行高
要设置Element UI表格的行高,可以使用`:row-style`属性。在该属性中,可以设置一个函数来动态计算行的样式。这个函数会传入三个参数:`{ row, rowIndex }`,其中`row`表示当前行的数据,`rowIndex`表示当前行的索引。可以在函数中返回一个对象,对象的属性是CSS样式的键值对。通过设置`line-height`属性来设置行的高度。
代码示例:
```
<el-table :data="tableData" :row-style="setRowStyle">
...
</el-table>
```
```
methods: {
setRowStyle({ row, rowIndex }) {
return {
'line-height': '40px'
};
}
}
```
el-table表格行高
您好,关于el-table表格的行高设置,您可以在el-table组件中通过设置row-height属性来控制表格每一行的高度。例如,将row-height设置为60px会使得所有行的高度均为60像素。如果您需要对某些特定行进行高度设置,则可以在el-table-column组件中通过自定义模板或者CSS样式的方式进行行高设置。希望能够解决您的问题。
阅读全文