0

Excited About New Table Customization Feature!

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!

 

 

 

 

 

 

0 comments

Please sign in to leave a comment.