element UI里面表格的行高需要自己调整高度和设置padding,直接写style是不行的,里面有 :
1、row-style (行的 style)
2、header-row-styl (表头行的 style)
3、cell-style(单元格的 style)
也可以高度定制表格的样式,比如
:cell-style="getTdStyle"
:data="tableData"
ref="tableData"
border
style="width: 100%;"
max-height="555"
>
....
export default {
methods: {
getTdStyle(row) {
// console.log("row", row);
let style = {};
// 单独设置表格第三行的样式
if (row.rowIndex == 2) {
style = {
backgroundColor: "#f5f7fa",
color: "#606266",
};
}
return style;
}
}
}