.table > tbody > tr:nth-child(2n) > td:nth-child(2n),
.table > tbody > tr:nth-child(2n + 1) > td:nth-child(2n + 1){
background:#000;
color: #FFFFFF;
font-weight: bold;
}
You can specify name (eg. black) or hex code (eg. #FFFFFF) of background color for the boxes. You can also specify the color to be used for text in table. On executing the code, output will look like,
Similarly you can add other CSS and Javascripts for more customizations.
For more info, contact us at demo@helicalinsight.comChess Pattern in a Table
In this article you will learn about how to create a chess pattern in table with alternate cells in different colors both horizontally and vertically. Create or open the report wherein you want such customization.
Then, add the CSS style in the style box.
CSS Code