实用指南:vue2怎么修改el-table样式

前端开发友友们使用el-table的场景是非常多的,尤其是在中后台管理系统,但我们想更灵活的更改表格样式,又不想使用穿透的方式该怎么做呢,很简单,以下分为修改表头样式和表格内容样式两部分:

1.修改表头样式:header-cell-style

在el-table中加入header-cell-style属性,可以更改任何你想要的表头样式,包括颜色,字体,大小等。

//中间是你自己渲染的表格数据

2.修改表格内容:row-style

在el-table中加入row-style属性,可以更改任何你想要的表格内容样式,包括颜色,字体,大小等。如行高,字体大小,颜色边框等

//中间是你自己的表格数据

另外如果只想修改单元列的宽度时,只需要在<el-table-column>上加上width='xxx'属性即可

posted @ 2025-08-23 16:33  yfceshi  阅读(82)  评论(0)    收藏  举报