Vue+el-table 修改表格 单元格横线边框颜色及表格空数据时边框颜色

需求

目前

找到对应的css样式进行修改

修改后

css样式

  >>>.el-table th.el-table__cell.is-leaf {border-bottom: 1px solid #444B5F !important;}>>>.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf {border-bottom: 1px solid #444B5F !important;}

第二个问题

修改 表格空数据时，边框颜色

css样式

 >>>.el-table::before {background-color: transparent !important; // transparent 为默认值，透明背景颜色，因为我的需求是需要将边框线去掉，所以给了默认值，//大家可以根据自己的需求给颜色值噢}

实现效果