el-table中奇偶行背景色显示不同的颜色

默认样式

深色主题

border
ref="singleTable"
highlight-current-row
@current-change="handleCurrentChange"
:row-class-name="tableRowClassName"
:header-cell-style="{background:'#004d8c',color:'#FFFFFF'}"

事件方法

 //奇偶行背景色不同setCurrent(row) {this.$refs.singleTable.setCurrentRow(row);},handleCurrentChange(val) {this.currentRow = val;},tableRowClassName({row, rowIndex}) {if ((rowIndex + 1) % 2 === 0) {return 'success-row';}return '';},

样式

<style>
.el-table .success-row {background: #DFEAF5;
}
</style>

el-table中奇偶行背景色显示不同的颜色相关推荐

excel处置4000行数据卡_【Excel技巧】在Excel中奇偶行提取和奇偶行筛选方法
今天我给大家讲一个人人都会使用,都能用到的excel教程,那就是在Excel中奇偶行提取和奇偶行筛选方法,以下一共分两部分为大家讲解excel中奇偶行的提取与筛选的方法. 第一.excel偶数行提取 ...
el表达式中换行_textarea里显示换行br
在easyui中的datagrid中使用行内编辑时textarea的换行保存到mysql数据库为\n 在textarea中输入回车符在js读取textarea中的值有\r\n然后到业务层转换到str ...
如何将DataGrid中任意行背景色设置为#00A000？
昨天遇到这样的一道题,我有点难住了,设置DataGrid任意行背景色,ok这点我没有问题,但是如何设置成#00A000,以前也遇到设置背景色问题,如果在Html中设置背景,只要BackColor=#0 ...
java中设置基偶隔行换色_Excel2016中奇偶行填充不同颜色的方法
在Excel工作表中,为了美化工作表,可以为单元格填充颜色.当需要为相邻的行添加不同颜色时,可以使用条件格式来进行操作,以快速获得需要的效果.本文图文详解在Excel2016工作表中实现奇偶行填充不同 ...
bootstrap table中的行tr标签设置display:block后行样式错乱问题
在table中,如果在tr加上display样式时,会发生错乱如下: <tr style="display: block;" statusCode="2" ...
Vue经典实例之table表格奇偶行不同颜色、鼠标移入变色、点击变色，一看就明白
最主要就是用到属性的绑定 :class (动态绑定多个class) :class="[(k+1)%2==1?'trclock':'',curId==k?'trhover':'',select ...
解决element-ui table show-summary合计行不显示问题
在table的底部添加合计设置show-summary就可以了但是给table加了一个固定高度话,就不显示了,其实这个合计是存在的解决办法: 1.不设置固定高度 2.在vue的生命周期update ...
Table中width属性研究
下面分几种情况看看width属性对实际展示效果的影响(情况有很多种,我这里只是挑选常见的几种来分析研究) 1.table的width超过td的width之和 <table border=&quo ...
Table中合并相同内容列+Excel中合并相同内容列。
Table中合并相同内容列的方法比较好办,网上代码也很多,参照了一些把它封装成jquery 插件,调用起来还是蛮好用的. 这个地方稍微修改了下,有的时候td中内容虽然一样,但是数据库中的value却是 ...

el-table中奇偶行背景色显示不同的颜色

el-table中奇偶行背景色显示不同的颜色相关推荐

最新文章

热门文章