el-table,设置某一列的样式

黑皮的崛起之路

于 2021-06-23 18:00:11 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端笔记文章标签： html5 前端 vue.js css3

本文链接：https://blog.youkuaiyun.com/Cheng_zt/article/details/118158822

8 篇文章

订阅专栏

本文介绍如何在Element UI的el-table组件中使用cell-style属性，针对特定列设置样式，并提供了一个自定义样式的函数实例，用于根据列索引调整文本对齐方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.给<el-table></el-table>添加:cell-style="addclass"

<el-table :cell-style="addclass"></el-table>

2.添加所需样式

addclass({ row, column, rowIndex, columnIndex }){
	//columnIndex每一列的索引
    if (columnIndex==2) {
        return 'text-align:left'
    }
},