To make a table look smarter, you can use colors on both texts and cells. Color customizing the table header, rows, columns, or cells makes the table appear more engaging.
In this document, we will learn how to color Ninja Tables in the Drag & Drop option.
Topics that are covered in this document:
- Change Table Header Background Color
- Change Even Row Background Color
- Change Odd Row Background Color
- Change Selected Cell Row Background Color
- Change Selected Cell Column Background Color
- Change Selected Cell Background Color
Change Table Background Colors #
To manage colors for the Header, Rows, Columns, and Specific Cells, we must first go to “Background Mode” by clicking on the button above the table.
This step is required for any listed topics we will be exploring.
And again, when we are done coloring cells, headers, rows, or columns, we can exit from the Background Mode by clicking on the Close button from the leftmost side of the Table Editor.
Click “Save Table” to save the changes.
Change Table Header Background Color #
Select a color from the “Header Background” option in the table editor on the left.
Then the color of the First Row, which is by default the Header of the table, will be changed to your selected color (We selected light green) as below:
Change Even Row Background Color #
Select a color from the “Even Row Background” option and change it to whatever color you like to see with the light green header.
Change Odd Row Background Color #
Likewise, pick a color for the odd rows from the “Odd Row Background” option.
As you can see, we went with yellow this time.
Change Selected Cell Row Background Color #
Click on a row to get the “Selected Color Options” on the left.
Change Selected Cell Column Background Color #
Following the same process, click on a column to edit the column colors from the “Cell Column Background” option.
Change Selected Cell Background Color #
And finally, if you only want to color a specific cell, click the cell and then click “Selected Cell Background.”
