要设置el-table的边框颜色,你可以通过以下几种方式来实现: 1. 使用内联样式 直接在<el-table>标签上使用style属性来设置边框颜色: html <el-table style="border: 1px solid #333;"> <!-- 表格内容 --> </el-table> 这种方式适用于需要为特定表格实例设置边框颜色的场景。
::v-deep.el-table--border:after, .el-table--group:after, .el-table:before {background-color:#1F3877; } ::v-deep.el-table--border th, .el-table--border th.gutter:last-of-type {border-color:#1F3877; } ::v-deep.el-table--border td, .el-table--border th {border-color:#1F38...
1. 网上很多都是通过上下左右边框方式,如: .el-table{border-bottom:1px solid black;border-right:1px solid black;margin:0 auto; }::v-deep.el-table th{border:1px solid black !important;border-right:none !important;border-bottom:none !important; }::v-deep.el-table td{border:1px solid black...
问题描述 在我们使用饿了么UI框架做项目的时候,el-table的自带的表格边框颜色有时候需要修改一下。本文记录一下修改el-table边框样式的注意事项。 效果如下图 代码实现如下图 随手记录一下 编辑于 2023-12-06 23:05・IP 属地未知 内容所属专栏 elementUI 记录饿了么UI相关问题 订阅专栏 ...
/deep/ .el-table{ font-size: 16px; border-color: #63DFFF; } /deep/ .el-table td, .el-table th.is-leaf,.el-table--border, .el-table--group{ border-color: #63DFFF!important; } /deep/ .el-table--border::after, .el-table--group::after, .el-table::before{ ...
></el-table-column> </el-table> </el-col> </el-row> </div> </template> <script> export default { props: { // 是否显示操作 title: { type: String, default: "", }, contentTableConfig: { type: Object, require: true, default: () => ({}), ...
在Vue中使用el-table显示数据,怎样设置标题栏的颜色和设置每一行 隔一行显示不同的颜色,实现效果如下 注: 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 找到el-table标签添加如下样式和属性设置 <el-table class="alarm" v-loading="loading" :header-cell-style="{ background:...
// 移出单元格 恢复默认色 cellMouseLeave(row, column, cell, event) { cell.classList.remove('blue-cell'); }, 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. ::v-deep .el-table td.blue-cell{ border: 1px solid blue !important; } 1. 2. 3....
important; } .el-table__header th { border-right: 3px solid #606060 !important; } .el-table__body td { border-bottom: 3px solid #606060 !important; border-right: 3px solid #606060 !important; } //解决最下面一行会出现重叠的一行 .el-table__row:last-child > .el-table__cell { ...