欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

element ui表格自定义行 列的样式

程序员文章站 2022-06-07 18:05:48
...

在<el-table>的标签上添加:cell-style属性

<el-table  :data="gridData"  border :cell-style="columnStyle"></el-table>

在methods中添加对应的columnStyle方法

columnStyle({ row, column, rowIndex, columnIndex }) {
      //注意:第一行的索引为0
      if (columnIndex === 2) {
        //如果有多个css样式,使用;隔开
        return 'color:red;cursor: pointer'
      }
    },