手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何设置el-table的单元格背景色

时间:2024-10-14 07:43:32

1、打开一个vue文件,添加一个el-table组件,然后设置el-table的数组。如图

如何设置el-table的单元格背景色
如何设置el-table的单元格背景色

2、在el-table组件上添加cell-class-name属性,然后设置第一列单元坼黉赞楞格背景色class为yellow。

如何设置el-table的单元格背景色
如何设置el-table的单元格背景色

3、使用css设置yellow的背景色为浅黄色。如图

如何设置el-table的单元格背景色

4、保存vue文件后用浏览器打开,这时候就可以看到第一列的背景色显示为浅黄色。如图

如何设置el-table的单元格背景色
© 手抄报圈