el-table中奇偶行背景色显示不同的颜色
时间:2020-03-24
本文章向大家介绍el-table中奇偶行背景色显示不同的颜色,主要包括el-table中奇偶行背景色显示不同的颜色使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1 <el-table 2 ref="singleTable" 3 :data="tableData" 4 highlight-current-row 5 @current-change="handleCurrentChange" 6 :header-cell-style="{background:'#ECF0FB'}" 7 :row-class-name="tableRowClassName" 8 style="width: 100%"> 9 <el-table-column type="index" width="50"></el-table-column> 10 <el-table-column prop="nickname" label="昵称"></el-table-column> 11 <el-table-column prop="emailAddress" label="邮箱地址"></el-table-column> 12 <el-table-column prop="updateDate" label="创建时间"></el-table-column> 13 <el-table-column label="操作" align="center"> 14 <template slot-scope="scope"> 15 <div v-if="scope.row.nickname==$store.state.basicInfo.xm"> 16 <el-button size="mini" class="disabled" disabled @click="transform({id:scope.$index,type:'edit'})">修改</el-button> 17 <el-button size="mini" class="disabled" disabled @click="handleDelete(scope.$index)">删除</el-button> 18 </div> 19 <div v-else> 20 <el-button size="mini" class="change" @click="transform({id:scope.$index,type:'edit'})">修改</el-button> 21 <el-button size="mini" class="delate" @click="handleDelete(scope.$index)">删除</el-button> 22 </div> 23 </template> 24 </el-table-column> 25 </el-table>
原文地址:https://www.cnblogs.com/gwkzb/p/12560215.html
- SQL Server 2016新特性:动态数据屏蔽(DDM)
- ASP.NET AJAX(12)__浏览器兼容功能判断浏览器的类型和版本Sys.Browser针对DOM元素的兼容操作针对DOM事件的兼容操作
- 设计模式专题(六)——原型模式
- ASP.NET AJAX(13)__利用Microsoft AJAX Library开发客户端组件Sys.Component成员Sys.IDisposable成员Sys.INotifyDisposin
- 设计模式专题(七)——建造者模式
- ASP.NET AJAX(14)__UpdatePanel与服务器端脚本控件脚本控件的作用脚本控件的指责Extender模型脚本控件和Extender模型在PostBack中保持状态在UpdatePa
- ASP.NET AJAX(15)__构建高性能ASP.NET AJAX应用UpdatePanel的性能问题使用UpdatePanel的注意事项脚本加载避免脚本阻塞页面显示AjaxControlTool
- LINQ to SQL(1):基础入门
- 设计模式专题(十)——观察者模式
- LINQ to SQL(2):生成对象模型
- 使用 Oracle 的 Security External Password Store 功能实现数据库加密登陆
- LINQ to SQL(3):增删改查
- LINQ to SQL(4):OR设计器
- 在不同浏览器都实用的各窗口大小获取方法
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 【C语言简单说】十七:数组(补)
- 【C语言简单说】十八:二维数组
- 【C语言简单说】十九:二维数组循环嵌套(1)
- 【C语言简单说】十九:二维数组循环嵌套(2)
- 【C语言简单说】二十:指针基础
- 【C语言简单说】二十一:双重指针基础 (完结)
- 有关 php __autoload 自动加载类函数的用法
- sql 子查询(mysql)
- php 使用PDO,防止sql注入 简单说明
- js (javascript) 中获取年月日信息
- js(javascript)取得当前时间小时,分钟,秒 以及毫秒
- js(javascript) onclick与ondblclick 单击与双击事件
- unity5.x C# 获取屏幕宽度 设置不受重力影响
- unity5.x Translate平移移动 以及GetComponent获取组件
- php 计时器microtime 以及去掉数组重复值array_unique