vue中elemenui中el-table表格（修改表头背景色，每一行为小手状态）

最新推荐文章于 2024-08-20 16:39:14 发布

mwh321

最新推荐文章于 2024-08-20 16:39:14 发布

阅读量1.3k

点赞数 1

文章标签： vue.js javascript html5 elementui

本文链接：https://blog.csdn.net/mwh321/article/details/120349297

版权

修改表头背景色，每一行为小手状态

1.:show-header="false"不展示表头

<el-table
      :data="tableData"
      stripe
      style="width: 100%"
      @row-click="clickRow"
      :cell-style="cellStyle"
      :header-cell-style="tableHeaderColor"
    >

 methods: {
  /* 加入小手状态 */
    cellStyle(data) {
      if (data) {
        return 'cursor:pointer;'
      }
    },
    /* 修改表头颜色 */
    tableHeaderColor({ rowIndex }) {
      if (rowIndex === 0) {
        return 'background-color: lightblue;color: #fff;font-weight: 500;'
      }
    }}