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;" } }

在制作Excel表格时,通过将数据表中上下相邻的两行用不同的背景色填充,可以使各行的数据看起来更清楚,避免看错行,同时也能增加Excel表格的美观度.本文将介绍如何在Java程序中为 Excel 奇数行和偶数行设置交替背景色. 使用工具:Free Spire.XLS for Java (免费版) Jar文件导入方法方法一: 下载最新的Free Spire.XLS for Java包并解压缩,然后从lib文件夹下,将Spire.Xls.jar包导入到你的Java应用程序中.(导入成功后如下图所示

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;}偶数行

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

css中关于table的相关设置

一.设置好看的单边框表格 1.一种实现方式分别给table标签和td标签设置不在同一方向的border属性,如下table设置‘左上’边框,td设置‘右下’边框.其他设置方式同样可以实现. table{ border-right: 1px solid; border-top: 1px solid; /*相邻边框被合并*/ border-collapse:collapse; } td{ border-left: 1px solid; border-bottom: 1px solid; } 二.给

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)

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

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

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

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

css选择表格偶数行

css代码tr:nth-child(even){background:gray} 选择偶数行 tr:nth-child(even){background:gray} 选择奇数行

Linux下修改IP、DNS、路由命令行设置

本文最后修改时间:20180313 一.快速修改,重启后设置就没了 ifconfig eth0 192.168.1.22 netmask 255.255.255.0 up route add default gw 192.168.1.2 二.修改配置文件,重启设置还在 (一)ubuntu 版本命令行设置静态IP 修改 /etc/network/interfaces # This filedescribes the networ k interfaces available onyour syst

CSS中如何选择ul下li的奇数、偶数行

i针对网段开放端口 (命令行设置)

针对网段开放端口 -A INPUT -s 192.168.1.0/24 -p tcp -m tcp --dport 1234 -j ACCEPT 命令行设置iptables iptables -I INPUT -m state --state NEW -m tcp -p tcp --dport 1234 -j ACCEPT/etc/init.d/iptables save 原文 : http://blog.itpub.net/15498/viewspace-2135384/ mysql>gran

css给奇数行或偶数行添加指定样式

odd表示奇数行,even表示偶数行; tr:nth-child(odd); .table-striped > tbody > tr:nth-child(odd) { background-color: #f9f9f9; }

使用命令行设置MySql编码格式

使用命令行设置MySql编码格式 1.登录mysql 2.输入 SHOW VARIABLES LIKE 'character_set_%'; 3.查看 value值是否为utf8,如果不是,则使用SET设置. 4.SHOW VARIABLES LIKE 'character_set_%'; 再次查看确认. 5.最后exit; 完成 2018年10月29日20:52:42

table的td设置1px的方法，亲测有效

第一种方法: 1.将table的属性设置为:BORDER=0 .cellspacing=1 : 2.设置table的背景色为即你要设置的table的边框颜色: 3.设置所有td背景色为#ffffff白色: 这样,就大功告成了. 第二种方法: 1.设置BORDER=0 : 2.再通过CSS,给Table加上1px的border-top,border-left: 3.然后再设置所有的td的border-right,border-bottom: 不妨试试哦第三种方法: 1.设置table的CSS为{

html table奇偶行颜色设置 (CSS选择器)

: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

IOS TableView代理设置 table的行高

// 设置行高(每一行的高度一致) self.tableView.rowHeight = ; self.tableView.delegate = self; #pragma mark - 代理方法 /** * 每一行的高度不一致的时候使用这个方法来设置行高 */ - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath { ) ; ; } //设置cell右边指示器

html的table列表根据奇数还是偶数行显示不同颜色

<tr <s:if test="#sts.even"> class="table_1" onMouseOut="this.className='table_1'" onMouseOver="this.className='tab_over'"</s:if><s:else> class="table_2" onMouseOut="this.className

NPOI导出word，以及对table的一些设置

参考网址:http://www.aiuxian.com/article/p-1970779.html NPOI版本:2.1.3.1 最终效果图: 代码: /// <summary> /// 导出word培训班自然情况表 /// </summary> [HttpPost] public void PrintWord() { int id = Int32.Parse(Request.Form["id"]); var query = from n in db.Natu