css设置datatable表格奇偶数行或者奇偶数列背景色不同

奇偶数行背景色不同：

/*设置表格奇偶数行背景色不同*/
.table-responsive table tbody tr:nth-child(even){background: rgba(250,250,255,1)
}
.table-responsive table tbody tr:nth-child(odd){background:rgba(255,255,255,1);
}

奇偶数列背景色不同：

/*设置表格奇偶数列背景色不同*/
.table-responsive table tbody th:nth-child(even){background: rgba(250,250,255,1)
}
.table-responsive table tbody th:nth-child(odd){background:rgba(255,255,255,1);
}

css设置datatable表格奇偶数行或者奇偶数列背景色不同相关推荐

html语言对奇偶数行设置颜色,纯CSS实现奇偶数行颜色交替(兼容主流浏览器)
做一张li二倍高的背景图,然后,上半部分PS成奇数行颜色,下半部分PS成偶数行颜色,然后将这张图定义给ul任其平铺.这样一来,纵使有万千行,它也会轻而易举的交替颜色... 本文DEMO背景图(1*50 ...
JQuery实现表格奇偶数行变色
HTML代码部分start <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...
《JS控制表格奇偶数行背景色变换》
引言: 当我们利用html标记标签语言制作出一张普通的信息表格时,为了摆脱单调,提高用户体验,我们可以为其添加各种动态效果,以满足用户在操作表格时所带来的效果乐趣. 内容概括:当鼠标移动到表格上的相关 ...
CSS3:nth-child()伪类选择器，Table表格奇偶数行定义样式
转自爱设计原文链接http://www.dangshopex.com/jishufenxiang/WEBkaifajishu/8653.html CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为 ...
CSS设置无需表格的菜单
CSS设置无需表格的菜单项目列表的符号可以设置list-style-type属性值为none,然后,制作各种各样的菜单和导航条,来显示项目的列表. 首先,建立一个HTML结构,将菜单的各个项用项目列 ...
css设置html表格边框颜色,互联网常识：CSS如何设置htmltable表格边框样式
设置表格边框样式的方法:1.给table元素添加"border:边框宽度边框样式边框颜色"样式,可给整个表格设置边框样式:2.给td元素添加"border:边框宽度 ...
EXCEL表格中如何给奇偶数行填充不同颜色
1.打开EXCEL工作表,选中所有需要设置的列 2.依次点击"开始"下的"条件格式"中的"新建规则"选项. 3.弹出"新建格式规则 ...
CSS设置超出表格的内容用省略号显示
table{table-layout: fixed;} td{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 转载于:ht ...
python求奇偶数和_python奇偶数求和
原博文 2016-11-11 14:34 − #求100内奇数和while\for..in循环 sum = 0 i = 1 while i <= 100: sum += i i += 2 pri ...

css设置datatable表格奇偶数行或者奇偶数列背景色不同

css设置datatable表格奇偶数行或者奇偶数列背景色不同相关推荐

最新文章

热门文章