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

最新推荐文章于 2025-03-24 16:38:20 发布

我家媳妇儿萌哒哒

最新推荐文章于 2025-03-24 16:38:20 发布

阅读量1.3w

点赞数 11

分类专栏： element UI 文章标签： css

本文链接：https://blog.youkuaiyun.com/qq_44146522/article/details/116660893

版权

element UI 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何使用ElementUI自定义el-table表格的边框颜色。通过设置cell-style和header-cell-style属性，可以轻松调整表格中各单元格的边框样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

element ui修改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;
  }