View Categories

Table Color Settings

2 min read

Customize table colors with Ninja Tables efficiently with the Table Color Settings. Color customization is an awesome feature that lets you control the table designs and appearance.

You can make your data tables more engaging and captivating using colors.

How to Customize Table Color #

  • First, you must set up a Table using the Ninja Tables plugin.

  • Select a table to customize its colors and click on the Table Design” tab.

  • Next, click on the Table Design tab from the list of other Tabs.

  • On the right side, a sidebar appears with 3 separate segments. Select Table Colors from the second segment.
Ninja-Tables-Advanced-Table-Design-Customization

  • The Table Color tab appears with its functions. You will notice a dropdown list of various preset colors in the Pre-Defined Scheme option. And a Custom Scheme option.
Ninja Tables color customization

We’ll explain each option one by one.

Pre-defined Color Scheme #

The color of the tables changes according to the pre-set color combination you choose.

Ninja Tables offers 13 predefined color combinations.

Here’s an example of a table with a pre-defined color scheme of “Yellow.” Once you select this color, the table will change its color combination to yellow and dark ash.

Ninja Tables predefined scheme

Custom Color Scheme #

Pre-defined color combinations can’t always look good for your tables. Color the table with any combination you want using the Custom Color Scheme.

  • To do so, click the Custom Scheme option in the Select Color Scheme section. Then select the color of your choice.
Ninja Tables custom color scheme

  • Under the Table Body Colors part, you will find the Hover tab on the right side. Customize the hover color according to your needs. Hover over the table and see the row/text colors change. This will make the table more interactive.

  • Another way to customize colors is by using an Alternate Color Schema for Table Rows. Choose your preferred custom colors to display them over alternative rows.

You can also change the color of your table with CSS. Check out this documentation.

Also, check out – Table Font Setting.

Leave a Reply

Your email address will not be published. Required fields are marked *