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'
}
},
上一篇: WPF MVVM从入门到精通3:数据绑定
下一篇: td 提示暂无数据
推荐阅读
-
element-ui表格列金额显示两位小数的方法
-
动态实现element ui的el-table某列数据不同样式的示例
-
element-ui表格列金额显示两位小数的方法
-
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
-
详解vue2.0的Element UI的表格table列时间戳格式化
-
vue使用element-ui中的table表格,实现某一列的文字超出规定字符显示省略号
-
element-ui的el-table动态修改表格展示列,table高度变小问题
-
element表格合计行,根据合计行的某一列数字来变样式
-
element ui表格自定义行 列的样式
-
动态实现element ui的el-table某列数据不同样式的示例