使用Element UI的table表格 显示表格线为黑色

2024年1月7日 231次阅读 来源: happytail

1.改变最外层边框

  .el-table td,

  .el-table th.is-leaf,

  .el-table–border,

  .el-table–group {

    border-color: black;

  }

  .el-table–border::after,

  .el-table–group::after,

  .el-table::before {

    background-color: black;

  }

2.在el-table添加属性 :cell-style=”cellStyle” 改变表格里面的边框颜色。

:header-cell-style=”{ color: ‘black’, borderColor: ‘black’ }”，改变表头的边框颜色，

3.在methods添加函数：

cellStyle({ row, column, rowIndex, columnIndex }) {

        return ‘border-color:black!important; color:#000000!important’;

      },

    原文作者：happytail
    原文地址: https://blog.csdn.net/happytail/article/details/121796767
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞