Table

Display comparable data in rows and columns.

How to use

Fill headings and cells and add rows or columns.
Set header color, borders and alignment.
For imports, use cells arrays inside tableRows and check cell overflow.

Things to check

The legacy data field is deprecated; use tableRows: [{cells: [...]}] for storage.

Property reference

Select the module in the editor to change its settings. Technical identifiers below are kept unchanged for reference; some advanced fields are stored as structured data rather than separate controls.

Find a property

44 / 44

borderColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

borderWidth

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

cellBackgroundColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

cellFontFamily

Font family. Keep headings and body text consistent with the presentation typography.

string

cellFontSize

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

cellFontWeight

Font weight. Use consistent weights for text at the same level of emphasis.

'normal' | 'bold' | 'semibold'

cellPadding

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

cellTextColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

columnWidth

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

columnWidths

Individual column widths; compare their total to the available table area.

number[]

dataRowHeight

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

defaultExpanded

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

fitToContainer

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

fontFamily

Font family. Keep headings and body text consistent with the presentation typography.

string

fontSize

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

headerBackgroundColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

headerFontFamily

Font family. Keep headings and body text consistent with the presentation typography.

string

headerFontSize

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

headerFontWeight

Font weight. Use consistent weights for text at the same level of emphasis.

'normal' | 'bold' | 'semibold'

headerRowHeight

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

headerTextColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

headers

Column headings; match their order and count to the cells.

string[]

hoverColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

hoverable

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

maxColumnWidth

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

minColumnWidth

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

rowHeaders

Labels identifying rows; use the same order as the data rows.

string[]

rowHeadersTitle

Visible copy or a label for this element. Write concise, descriptive content and check it fits the layout.

string

rowHeight

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

showHeaders

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

showRowHeaders

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

showTableTitle

Visible copy or a label for this element. Write concise, descriptive content and check it fits the layout.

boolean

striped

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

stripedColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

tableRows

Table rows. Each row contains a cells array, for example [{cells: ["A", "10"]}]. Do not use the legacy data field.

{ cells: string[] }[]

tableTitle

Visible copy or a label for this element. Write concise, descriptive content and check it fits the layout.

string

textAlign

Sets the associated element alignment, placement or direction; preview it within the content area.

'left' | 'center' | 'right'

titleBackgroundColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

titleFontFamily

Font family. Keep headings and body text consistent with the presentation typography.

string

titleFontSize

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

titleFontWeight

Font weight. Use consistent weights for text at the same level of emphasis.

string

titlePadding

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

titleTextAlign

Sets the associated element alignment, placement or direction; preview it within the content area.

string

titleTextColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string