修改el-table表格单元格边框颜色

最新推荐文章于 2024-08-14 17:42:23 发布

zsd_666

最新推荐文章于 2024-08-14 17:42:23 发布

阅读量5.5k

点赞数 3

文章标签： vue.js javascript css

原文链接：www.baidu.com

版权

该文章详细介绍了如何通过设置Vue组件el-table的属性`cell-style`和`header-cell-style`来修改表格单元格和表头的边框颜色，以及通过添加自定义类名并应用CSS来进一步定制表格的整体边框风格。

摘要由CSDN通过智能技术生成

修改el-table表格单元格边框颜色

第一步：设置除表头单元格边框样式

:cell-style="{borderColor:'#C0C0C0'}"

第二步：设置表头单元格边框样式

:header-cell-style="{borderColor:#C0C0C0}"

第三步：单独给表格加样式

<el-table
      class="exporttable"
      :data="tableData"
      style="width: 100%"
      border
      fit
      :header-cell-style="rowclass"
      :cell-style="{borderColor:'#C0C0C0'}"
      :row-class-name="tableRowClassName"
    >
 
 
.exporttable {
    border: solid 1px #c0c0c0;
  }