当前位置: 首页 > news >正文

el-table 边框颜色修改 简单有效!

废话不多说,直接上图

(1)修改前的图如下:

在这里插入图片描述

以上是elementUI原组件自带的样式

(2)下面是修改后的边框图如下:
在这里插入图片描述

源码如下:

<el-table :data="jctableData" border size="mini"><el-table-column prop="pinglv" label="空间频率" align="center"></el-table-column><el-table-column prop="csod" label="CS(OD)" align="center"></el-table-column><el-table-column prop="csos" label="CS(OS)" align="center"></el-table-column><el-table-column prop="max" label="最高值" align="center"></el-table-column><el-table-column prop="min" label="参考低值" align="center"></el-table-column>
</el-table>

起到修改后效果的核心css代码在下面

/**改变边框颜色*/.el-table {border-bottom: 1px solid #000;border-right: 1px solid #000;margin: 0 auto;
}
/deep/.el-table th {border: 1px solid #000;border-right: none;border-bottom: none;
}
/deep/.el-table td {border: 1px solid #000;border-right: none;border-bottom: none;
}
/**改变表头标题颜色*/
/deep/.el-table thead {color: #000;
}

直接复制上面css代码块即可使用,简单粗暴!!!记得三连哦,谢谢你们的支持!

http://www.lryc.cn/news/188470.html

相关文章:

  • Zabbix第二部分:基于Proxy分布式部署实现Web监控和Zabbix HA集群的搭建
  • JumpServer rce深入剖析
  • EasyExcel导入/导出Excel文件
  • 力扣(LeetCode)2512. 奖励最顶尖的K名学生(C++)
  • CubeMX+BabyOS 使用方法
  • OpenResty安装-(基于Nginx的高性能Web平台,可在Nginx端编码业务)
  • 算法-DFS+记忆化/动态规划-不同路径 II
  • 黑盒测试方法:原理+实战
  • SQLite事务处理
  • Java中CountDownLatch使用场景
  • 漏刻有时数据可视化Echarts组件开发(41)svg格式地图应用
  • firefox的主题文件位置在哪?记录以防遗忘
  • Vuex获取、修改参数值及异步数据处理
  • 【 OpenGauss源码学习 —— 列存储(autoanalyze)(二)】
  • 使用postman 调用 Webservice 接口
  • 程序员Google插件推荐
  • 机器学习中常见的监督学习方法和非监督学习方法有哪些。
  • UEFI基础——测试用例Hello Word
  • 【tomcat、java】
  • 京东获取推荐商品列表 API
  • rust cfg的使用
  • 电脑屏幕怎么录制?5 个最佳免费录屏软件
  • vscode 调试使用 make 编译的项目
  • Docker修改阿里源
  • 有必要买一台内衣裤专洗机吗?家用小洗衣机推荐
  • 高精度与高精度的乘法---基础算法
  • 护眼灯有效果吗?科普护眼灯的作用与推荐
  • 【办公自动化】在Excel中按条件筛选数据并存入新的表2.0(文末送书)
  • HDLbits: Lfsr5
  • Visual Studio 错误CS0006:未能找到元数据文件踩坑记录