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背景色,table奇偶背景不同)