直播系统搭建，el-table更改某行背景及文字样式

直播系统搭建，el-table更改某行背景及文字样式

1、el-table标签添加 属性 :row-class-name="tableRowClassName"

2、定义属性方法

 

1	//row是获取到某一行的数据 orderTimeFlag 是我列表数据中的一个字段<br>//用来判断哪些行需要颜色改变<br>tableRowClassName({ row }) {<br>   if (row.orderTimeFlag == "1") {<br>        return "red-row";<br>   }<br>},

​

3、设置背景颜色及其他样式

 

1	//    /deep/ 新的使用方法<br>::v-deep {<br>  .el-table .red-row {<br>    font-size: 12px;<br>    font-weight: 700;<br>    color: red !important;<br>  }<br>}

 

以上就是 直播系统搭建，el-table更改某行背景及文字样式，更多内容欢迎关注之后的文章