利用element-ui
开发,如何在表格el-table
把指定的行新增颜色,下面web建站小编给大家简单介绍一下具体实现代码!
1、el-table代码
<el-table :data="targetCarList" border style="width: 100%" v-loading="loading" element-loading-text="拼命加载中" :row-style="rowClass" > </el-table>
2、js代码
rowClass (row, index) { if (this.status === 'sexflag') { row.sex = row.sex ? row.sex : 0 if ((row.total > 30 && row.total <= 60) && row.sex === 0) { return { "background-color": "#FFDDAA" } } else if ((row.total > 60) && row.sex === 0) { return { "background-color": "#FFCCCC" } } } },
el-table表格显示selection多选时对某些复选框设置禁止选中
el-table表格实现多选功能(全选/指定选中/取消选中)
el-dialog中获取el-table组件的ref值报undefined错误!
上面是“el-table利用:row-style="rowClass"设置指定行变色”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_16323.html
workflows工作流
- 荷塘月色ComfyUI工作流
- 树上挂着一只表情可爱的香蕉ComfyUI工作流二
- 一种长着彩虹翅膀的虫子comfyui工作流
- 文生图工作流:树枝上站着一只鸟
- 一对葫芦ComfyUI工作流
- 雪地里一只可爱的小老虎
- 一只躲在一堆秋叶里的小刺猬
- 一头巨大的古代大象背后建着一座城市
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!