Skip to main content

Data Table Block

Overview

The Data Table Block is used to display information in a simple, tabular format. The Data Table is customizable and responsive, adjusting in display on smaller devices.

Contents:

  • Block customization options
  • Block example
table illustration

Block Customization Options

Element Required Options Available
Cell Properties Y
  • Width: Numeral Input
  • Height: Numeral Input
  • Cell Type:
    • Cell
    • Header cell
  • Scope:
    • None
    • Row
    • Column
    • Row Group
    • Column Group
  • Horizontal align:
    • None
    • Left
    • Center
    • Right
  • Vertical align:
    • None
    • Top
    • Middle
    • Bottom
  • Class:
    • Align left
    • Align center
    • Align right
    • Align top
    • Align middle
    • Align bottom
    • No wrap
    • Smallest
Row Properties N
  • Row Type:
    • Header
    • Body
    • Footer
  • Alignment:
    • None
    • Left
    • Center
    • Right
  • Height: Numeral input
  • Class:
    • Align top
    • Align middle
    • Align bottom
Table Properties N
  • Width: Numeral input
  • Height: Numeral input
  • Cell spacing: Numeral input
  • Cell padding: Numeral input
  • Border width: Numeral input
  • Caption: check box
  • Alignment:
    • None
    • Left
    • Center
    • Right

Data Table Block Example

Header Header Header Header
Data Data Data Data
Data Data Data Data
Data Data Data Data

Block above has these settings:

Element Option Selected
Table Input
Table Alignment Align Left