< Back

Table Widget

Note: this section is only visible if you have any kind of datasource already set up, as they can’t work without connected data.

With the Table widget you can display your datasources in your content in table format

You can use the Bind to data tool to select your Datasource.

See more about: Data binding.

In the Size & Position Menu you can select the width, height, and placement of your widget quickly. See more specified information about: Size&Position.
In the Effects Menu you can select a background image or color for your widget.

In the Cell style Menu you can set the size, family, style, and the color of the font in the table cells.

You can also set letter spacing, text shadow, and row height for the cells.

You can add padding, border, and background color.

You can set the vertical and horizontal alignment for the cells.

 

If you select Different header and Different even/odd, two more menus will appear.

Header cell style Menu allows you to customize the header of the table.

You can set a different font size, family, style, color, letter spacing, and text shadow for the text in the header.

See more specified information about: Using font.

You can also set a different padding and background color from the rest of the table.

Even cell style allows you to give different background and font colors for every second row of the table.

Watch a video about the widget: