I'm thrilled to share a new feature that lets us personalize tables with alternating row colors, custom header background and text colors, as well as unique border colors. Here’s a step-by-step guide to make the most of this new functionality.
Steps to Add Alternating Row Background Colors:
- Choose the Table in the component tree and open the Properties panel.
- At Row Style, check the box next to Use alternating row color.
- At Row Color, check the box next to Override default alternating color.
- To set a new row background color, click the drop-down arrow at Background and either select a color from the palette or enter an html color code.
- Click Save.
The table will look like this:
Now steps to change the background color and text color of the header.
- Choose the Tablein the component tree and open the Properties
- At Header Colors, check the box next to Override default colors.
- To set a new background color, click the drop-down arrow at Background and either select a color from the palette or enter an html color code.
- To set a new text color, click the drop-down arrow at Text and either select a color from the palette or enter an html color code.
- Click Save.
After all the changes the table will look like below:
Now steps to apply custom color to column and table borders:
- Choose the Table in the component tree and open the Properties panel.
- At Table Border, check the box next to Show a border around this table.
- At Border Color, check the box next to Override default color.
- To set a new border color, click the drop-down arrow and either select a color from the palette or enter an html color code.
- Click Save.
After all the changes the table will look like below:
Hope this helps!