有志者事竟成。

vue elementui如何修改el-table头部样式

找到el-table加入红色代码

<el-table :row-style="tableRowStyle" :header-cell-style="tableHeaderColor">
</el-table>

然后再methods加入

 

 

// 修改table tr行的背景色
        tableRowStyle ({ row, rowIndex }) {
                //   return 'background-color: pink'
        },
            // 修改table header的背景色
        tableHeaderColor ({ row, column, rowIndex, columnIndex }) {
          if (rowIndex === 0) {
            return 'background-color: #FAFAFA;color: #000;font-weight: 500;'
          }
        }

 

posted on 2019-09-04 19:30  阿长*长  阅读(7023)  评论(0编辑  收藏  举报

导航