elementUI|element-ui的el-table属性修改,如内边框,斑马纹,列宽度...

首先,设置表格外边框:








其次取消表格内部边框
这个用来取消表格里面td的边框
::v-deep .el-table__row > td {
/* 去除表格线 */
border: none;
}
这个用来取消表格头部tr的标签

斑马纹
自定义颜色
【elementUI|element-ui的el-table属性修改,如内边框,斑马纹,列宽度...】1.

2.在methods中写,根据判断你可以自由设置单数行还是双数行变颜色
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 == 0) {
return "warning-row";
} else {
return "";
}
},
3.在style里面写样式
::v-deep .el-table__row.warning-row {
background: red;
}
设置表格内部宽高
设置行高

设置列宽



每天学一点,迟早成仙!!!

    推荐阅读