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

elementui修改单元格的样式

程序员文章站 2022-06-08 15:54:46
...

废话不多说直接上代码
在el-table中定义样式函数,js中写函数

<el-table
                    :cell-style="cellStyle"
                    >

js:这里的函数的返回值有多个参数,大家可以console.log(参数),F12去查看自己想到的数据,并取出,这里我设置的是列名为“标题”的那列单元格样式

 /** 标题单元格字体格式*/
            cellStyle:function (row, column, rowIndex, columnIndex) {

                if(row.column.label === "标题"){
                    return 'font-weight:bold'
                }else{
                    return ''
                }
            }

效果:只有该列字体加粗
elementui修改单元格的样式

相关标签: ElementUI cellStyle