需求
目前
找到对应的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;
}
第二个问题
修改 表格空数据时,边框颜色
文章来源:https://www.toymoban.com/news/detail-847645.html
css样式
>>>.el-table::before {
background-color: transparent !important;
// transparent 为默认值,透明背景颜色,因为我的需求是需要将边框线去掉,所以给了默认值,
//大家可以根据自己的需求给颜色值噢
}
实现效果
文章来源地址https://www.toymoban.com/news/detail-847645.html
到了这里,关于Vue+el-table 修改表格 单元格横线边框颜色及表格空数据时边框颜色的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!