Table

After inserting a block in Live Preview, you can configure the settings

Content

Table

Width

It allows you to change the width of the table

Business Object

You can select the Business Object to display on the table

Dimensions

You can select the attributes of Business Object to display on the table

Metric

You can select the attributes of the Business Object (data type is number) to display on the table

Show top

You can select the number of data rows displayed on the table

Sort by

You can sort the selected dimensions or metrics above by ascending or descending

Advanced

Table Styling

Style (Background color)

  1. Solid: Applies a single color uniformly within the whole of an object by selecting the Background color

  2. Gradient: It applies a continuous blend of two or more colors, where one color gradually fades and changes into another. You can choose the Gradient Style:

    • Linear: Change the angle of the gradient

    • Radial: Change the positioning (right center, left top, left center, etc)

    • First color & first color location

    • Second color & second color location

Background image

  • Browse Image: Image Selection

  • Image URL: A web address that specifies the location of an image

  • Image Position: This setting allows you to position your image within the frame of your screen such as left top, left center, right top, right center, etc.

  • Image Repeat: Sets how background images are repeated (Repeat, Repeat horizontal, repeat vertical, etc.)

  • Image Size: How an image should be resized to fit its container

    • Contain: The image keeps its aspect ratio but is resized to fit within the given dimension

    • Cover: The image keeps its aspect ratio and fills the given dimension. The image will be clipped to fit

    • Auto: The image keeps its aspect ratio and fills the given dimension automatically

Table header

You can configure the header of a table such as Show Header, Font Family, Wrap Text, Font Size, Font Weight, etc.

Table color

You can adjust the color of the Header background, Cell border, Odd row, or Even row

Table labels

You can configure the labels of a table such as Font Family, Font Size, Font Weight, etc.

Table body

You can adjust the Row numbers or Wrap text

Border

It allows you to specify the style of the border (Hidden, Dotted, Dashed, Solid, etc.)

Rounded Corners

It allows you to define the corner style of the table

Spacing

Inner Spacing (Padding): Padding is inside the border (or edge) of your element. Increasing the padding will “push” your content into the middle of your box, away from your borders. If you remove the padding, your content will take up the entire box

Missing data

It provides you options to fill in missing values such as "0", "No data", "null", etc.

Dimension styling

Column

  • Align: It specifies the alignment for each column

Metric styling

Column

  • Column style: You can choose the column style (number)

  • Align: It specifies the alignment for each column

Last updated