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;'
          }
        }
如果真的不知道将来要做什么,索性就先做好眼前的事情。只要今天比昨天过得好,就是进步。长此以往,时间自然会还你一个意想不到的未来。
生活像一个杯子。一开始,里面是空的,之后,要看你怎么对待它。如果你只往不如意的方面想,那么你最终辉得到一杯苦水。如果你往好的方面想,那么你最终会得到一杯清泉。
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文地址:https://www.cnblogs.com/lipengze/p/11461148.html