el-table设置边框颜色

需求的边框颜色是透明的

1.设置表头的边框颜色

在el-table标签分别绑定两函数

:cell-style="tableCellStyle"

:header-cell-style="tableHeaderCellStyle"

        <el-tablev-if="tableData.length !== 0":cell-style="tableCellStyle":header-cell-style="tableHeaderCellStyle":data="tableData"style="width: 100%;"><el-table-column prop="name" label="规则名称" /><el-table-column prop="example" label="示例" /><el-table-column prop="remark" label="备注"><template slot-scope="scope"><div class="remark">{{ scope.row.remark }}</div></template></el-table-column><el-table-column label="操作"><template slot-scope="scope"><div class="operation" @click="toRuleDetails(scope.row)"><img class="eyeIcon" src="@/static/icons/eye.png" alt=""><span>查看</span></div></template></el-table-column></el-table>

2.在methods写绑定的两方法

    // 修改 table cell边框的背景色tableCellStyle() {return 'border-color: transparent;'},// 修改 table header cell的背景色tableHeaderCellStyle() {return 'border-color: transparent;'},

3.在style中设置el-table下边框颜色

/* 表格下边框颜色 */
.el-table--border::after,
.el-table--group::after,
.el-table::before {background-color: transparent;
}

4.效果如下

el-table设置边框颜色相关推荐

android wps表格如何设置边框颜色
今天,简单讲讲如何使用WPS Excel设置表格边框. 这个可以说可android的关系不大,但是之前工作时,组长让我写一下工作计划要求用表格写.我完成后,组长说要是美观一些就好,于是自己查询了相关资 ...
table 设置边框
本文引自:https://www.cnblogs.com/leona-d/p/6125896.html 示例代码: <!DOCTYPE html> <html lang=" ...
html边框自动变颜色,css怎么设置边框颜色？
元素外边距内就是元素的的边框 (border).元素的边框就是围绕元素内容和内边据的一条或多条线.每个边框有 3 个方面:宽度.样式,以及颜色.下面我们就来看一下css设置边框颜色的方法. css可以 ...
html边框颜色线性渐变,css3设置边框颜色渐变的方法有哪些
css3设置边框颜色渐变的方法有哪些发布时间:2020-09-14 14:51:54 来源:亿速云阅读:110 作者:小新 css3设置边框颜色渐变的方法有哪些?这个问题可能是我们日常学习或工作经 ...
html边框自动变颜色,CSS设置边框颜色 css布局边框颜色
一.边框颜色样式单词 border-color:#000(设置4边边框颜色为黑色) border-color:+颜色值,即可设置对象边框颜色 border-left-color:#000 设置左边框颜 ...
html 框线设置颜色,css怎么设置边框颜色？
元素外边距内就是元素的的边框 (border).元素的边框就是围绕元素内容和内边据的一条或多条线.每个边框有 3 个方面:宽度.样式,以及颜色.下面我们就来看一下css设置边框颜色的方法. css可以 ...
html中fieldset改颜色,HTML fieldset 标签的具体用法是什么？怎么用fieldset设置边框颜色？...
HTML 标签的具体用法是什么?怎么用fieldset设置边框颜色?本篇文章为大家详细的介绍了HTML 标签的一些用法(有实例)和如何跟别的元素组合使用的一些技巧 HTML中fieldset标签的定义 ...
php里面怎么设置边框颜色,css怎么设置div边框颜色
css设置div边框颜色的方法:首先创建一个HTML示例文件:然后定义一个div:最后通过给该div添加"border-color"或者"border-left-colo ...
html设置边框颜色
<!DOCTYPE <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> ...

el-table设置边框颜色

el-table设置边框颜色相关推荐

最新文章

热门文章