表格table隔行变色

Posted gduf

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表格table隔行变色相关的知识,希望对你有一定的参考价值。

if($(‘.p03-s2‘).find(‘table‘).length >= 2) {
$(‘table:last-child‘).css({
‘borderTop‘: ‘none‘
});
}
if($(‘.p03-s2‘).find(‘th‘).length) {
$(‘thead‘).css({
‘backgroundColor‘ : ‘#edf0f2‘
});
$(‘tbody‘).css({
‘backgroundColor‘ : ‘#fff‘
});
} else {
$(‘tbody‘).css({
‘backgroundColor‘ : ‘none‘
});
$(‘tr:even td‘).css({
‘backgroundColor‘ : ‘#edf0f2‘,
‘color‘: ‘#808080‘
});
$(‘tr:odd‘).css({
‘backgroundColor‘ : ‘#fff‘,
‘color‘: ‘#333‘
});
}

以上是关于表格table隔行变色的主要内容,如果未能解决你的问题,请参考以下文章

(转)适用微信小程序的table表格(带隔行变色)

JavaScript表格隔行变色

js---隔行变色

表格隔行变色效果,鼠标悬浮高亮显示

表格隔行变色js代码,创建属性

利用jQuery实现表格的隔行变色高亮显示