el-table奇数行无法设置背景色

el-table中单数行与双数行设置不同的背景颜色

<el-table :cell-style='cellStyle' :data="tableData" style="width: 100%;" ></el-table> //表格行颜色 cellStyle({row,column,rowIndex,columnIndex}){ if((rowIndex%2)==1){ return "background:#f3f7fd;" } }

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型.n 可以是数字.关键词或公式. 下面的例子, 设置表格的奇偶行背景颜色不同:单独设置表格的第1列背景颜色不同. <!DOCTYPE html> <html> <head> <style type="text/css"> table{ height: 200px; width:400px; border:2px solid green; } td{ bor

CSS3设置Table奇数行和偶数行样式

table:.myTable tr:nth-child(even){ //偶数行 background:#fff;}.myTable tr:nth-child(odd){ //奇数行 background:#f5f2eb;} ul列表: #Ulist li:nth-of-type(odd){ margin-left: 20px;}奇数行 #Ulist li:nth-of-type(even){margin-left: 10px;}偶数行

设计table表格，用js设计偶数行和奇数行显示不同的颜色

第一种:鼠标经过时table表格中的颜色根据奇偶行改变不同的颜色 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function changeOver(elementId){ //声明指定相关表元素 var table1 = do

table行颜色设置

function renderingTable(obj){ $(obj).each(function(){ //设置奇数行颜色 $(this).find("tr:even").css("background-color", '#e9f3fa'); //设置偶数行颜色 $(this).find("tr:odd").css("background-color", "#f0f0f0&quo

css 设置奇数行偶数行样式

.list ul li:nth-child(even){ ...} //li的偶数行样式 .list ul li:nth-child(odd){ ...} //li的奇数行样式 .list ul li:nth-child(1){ top:0;} //第一个li.list ul li:nth-child(2){ top:30px;} //第二个li 部分情况下的解决方案 <style> .list li:nth-of-type(odd){ margin-left:

js div及table首行顶部吸附示例

js div顶部吸附示例,例如这样: 以下为DIV顶部吸附示例:(此示例来自于网络,在此记录与分享!感谢原作者!) 示例1:兼容IE6 <div style="height:300px;background:#e0e0e0"></div> <div id="fixedMenu" style="background:#ffffff;width:100%;"> <ul> <li><a

java 解决JFrame不能设置背景色的问题分类： Java Game 2014-08-15 09:48 119人阅读评论(0) 收藏

这段时间比较多,于是写一写JAVA的一些IT技术文章.如有JAVA高手请加QQ:314783246,互相讨论. 在Java的GUI设计中,Frame和JFrame两者之间有很大差别,上次刚学时编一个窗口老是出现不能设置背景色的问题,最后通过不断将一些代码注释掉的办法查出是JFrame类的问题. 看下面代码: import java.lang.*; import java.awt.*; import java.awt.event.*; import javax.swing.*; public cl

表格table常见的边框设置和初步的立体效果

做网页时经常会遇到表格,常见的表格如下: <style type="text/css"> .tbtest0 { width:500px; height:200px; border:1px solid #331067; } .tbtest0 td { border:1px solid #331067; } </style> <table class="tbtest0"> <tr><td></td>

SQL-61 对于employees表中，给出奇数行的first_name

题目描述对于employees表中,给出奇数行的first_nameCREATE TABLE `employees` (`emp_no` int(11) NOT NULL,`birth_date` date NOT NULL,`first_name` varchar(14) NOT NULL,`last_name` varchar(16) NOT NULL,`gender` char(1) NOT NULL,`hire_date` date NOT NULL,PRIMARY KEY (`emp

linux命令（39）：shell 打印偶数行，奇数行 ,行号

awk 命令: 1. 打印行号和内容: awk '{print NR":"$0}' 2. 输出:偶数行和奇数行到文件 awk '{print $0.txt > NR%2.txt}' file 3. 打印出奇数行内容:(三者等价) awk 'NR%2==1' file awk 'NR%2' all_file.txt awk 'i=!i' file 打印出偶数行的内容:(三者等价) awk 'NR%2==0' file awk '!(NR%2)' file awk '!(i=!i)

Excel2010如何实现隔行设置背景色

当Excel表格中的数据很多,很有可能会出现看错行的现象,为防止看错行,可以隔行设置背景色.可以通过套用表格格式或者条件格式来达到隔行变色的效果方法一:通过套用表格格式 1.选中要处理的单元格或者列. 说明:选择列的话这样方便以后添加数据都能实现隔行有背景色. 2.在“开始”选项卡,单击“套用表格格式 ”,选择你中意的一种格式即可 3.会打开如下图所示对话框,选择表数据来源,可以根据实际情况将“表包含标题”选中或不选中,然后单击“确定”. 说明:选择数据源,因为刚开始选中表格里的单元格,这么默

Table标题行冻结，数据行滚动的一种方式

这段时间在做Table标题行冻结,数据行滚动,虽然能实现,但也遇到一些问题,记录下来. 首先说说实现,实现其实不难,估计很多人都能想象出来,那就是标题行与内容行分离.我是这么做的,用两个表格,一个只有thead,一个只有tbody,两个表格的列数量是完全相等的,而且相同的列宽度完全相等.这样两个表格合并在一起的时候,就感觉是一个表格一样. 但问题来了,就是当滚动条的时候,滚动条会占掉一部分宽度,导致数据表的总宽变小,从而导致数据表每个单元格的宽度被不同程度挤压,这样,表头与数据的边框就无法对齐了

JS组件系列——Bootstrap Table 表格行拖拽（二：多行拖拽）

前言:前天刚写了篇JS组件系列——Bootstrap Table 表格行拖拽,今天接到新的需要,需要在之前表格行拖拽的基础上能够同时拖拽选中的多行.博主用了半天时间研究了下,效果是出来了,但是感觉不尽如人意.先把它分享出来,以后想到更好的办法再优化吧. 一.效果展示 1.拖动前 2.拖动中 3.拖动后 4.撤销回到拖动前状态二.需求分析通过上篇我们知道,如果要实现拖拽,必须要有一个可以拖拽的标签,或者叫容器,比如上篇里面的tr就是一个拖拽的容器,那么如果要实现选择行的拖拽,那么博主的第一反应

Magento table rates表运费设置

在magento中集成了Table rate表运费,这种运输方式.表运费就是我们自己写个运费表,根据距离和商品重量设置运费,制做成一张csv格式的表,导入到magento中,来实现运费的控制. 在我的新版Magento视频中有一集是讲运费设置的,大家可以看下如何开启表运费的设置.今天我们主要来看下如何制作这张表. 表运费启用的设置路径:后台 -> system -> configurable -> shipping methods ->table rates 如下图,当你切换到w

listview当选中某一个item时设置背景色其他的不变

listview当选中某一个item时设置背景色其他的不变: 可以使用listview.setOnFoucsChangeListener(listener) ; /** * listview获得焦点和失去焦点时背景颜色的变化 * @author long **/private class MyOnFocusChangeListener implements OnFocusChangeListener{@Overridepublic void onFocusChange(View v, boole

Gridview中奇偶数行颜色设置

在gridview中的RowDataBound事件里面写 switch (e.Row.RowType) {case DataControlRowType.Header: e.Row.BackColor = Color.FromArgb(153, 0, 0); e.Row.ForeColor = Color.White; break; case DataControlRowType.DataRow: //建立奇数行与偶数行的onmouseover及onmouseout的颜色变换 if (Conve

QLCDNumber设置背景色和显示数字颜色

只看楼主倒序阅读楼主发表于: 2013-10-22 //LCD时间显示 QLCDNumber *m_pLcdTime = new QLCDNumber(this); //设置显示几个数字 m_pLcdTime->setDigitCount(19); //设置数字字体:Outline,轮廓突出,颜色为背景色:Filled,内部填充型,颜色为黑色:Flat,平面型 m_pLcdTime->setSegmentStyle(QLCDNu

MFC 可以设置背景色、字体、字体颜色、透明背景的 Static 静态文本控件

MFC库里没有符合这个条件的控件,于是我自己写了一个,初步测试有效. 注:可以设置透明背景,但还不能做到透明度设置(如50%透明度) 如果设置了背景色,就不保留透明背景默认背景色是透明的 [cpp] view plaincopy // 设置背景色(若clr为CLR_NONE,则背景透明) void SetBackgroundColor(COLORREF clr){m_clrBackground = clr;} // 设置文字前景色 void SetTextColor(COLORREF clr)

EXCEL 偶数、奇数行分开求和公式

例举 : A1行是 123 A2行是 321 A3行是 456 A4行是 789我是加的是A1+A3得出的和还有加的是A2+A4得出的和因为要A1+A3一直加到A601,我用很笨的方式像这样子一个个加过来,所以EXCEL说公式太复杂,加不出来,我只能在自己敲计算器加.请求大家看看有没有简单的公式可以让偶数.奇数分开求和. =sumproduct(mod(row(a1:a601),2)*a1:a601) =sumproduct((1-mod(row(a1:a601),2))*a1:a601) 奇数

如何 Graphics 对象设置背景色

用 Clear 方法可以轻松地给 Graphics 对象设置背景色. using (Bitmap bmp = new Bitmap(width, height)){ using (Graphics graphics = Graphics.FromImage(bmp)) { graphics.Clear(Color.White); 当然这是在还没有绘图之前就要设置.