Table Element
Introduction
The table element is designed to efficiently display multiple rows of data, such as an airport departures board or event schedule. It saves time by automating row layout and offers specialized features such as auto-adjusted row height, grouped rows, separators, and non-scrolling sections.
Properties Overview
Border
- Set the border width, color, and style for the table element.
Content
- Configure the header, body, and footer layout of the table.
Flip
- Flip the entire table horizontally or vertically.
Identification
- Assign a unique identifier to the table within the page.
Position
- Define the precise placement of the table element on the page.
Property Bindings
- Bind specific table properties to an external data source for real-time updates.
Reflection
- Apply a mirror effect to the table’s content.
Rotation
- Display the table at a specific angle.
Row Style
- Customize row-specific styling options, such as alternating colors.
Rules
- Set dynamic rules that control the table’s behavior based on conditions.
Scroll Options
- Define data scrolling behavior, such as automatic row transitions.
Separators
- Insert conditional separators between rows based on predefined conditions.
Size
- Set the width and height of the table element.
Skew
- Apply skew effects to distort the table’s perspective.
Transition Effect
- Select an incoming transition animation for the table’s appearance.
Transparency
- Adjust the opacity level of the table element.
Visibility
- Control whether the table is visible during playback.
Key Features
- Auto-Adjustable Row Height – The table can dynamically adjust row height based on content.
- Grouped Rows – Data can be organized into logical groups.
- Scrolling & Fixed Rows – Some rows can scroll while others remain static.
- Conditional Separators – Add separators only when certain conditions are met.