Tables
Tables
Tables serve as a central component for displaying structured data in an intuitive and customizable manner.
If you need additional columns that are not currently available, please let us know. Provide details on where the data originates from—whether it’s a data import, a user-input field, or information obtained from an external source such as a supplier or a lab.
Adjusting Columns
Changing Column Order
To rearrange columns, simply drag and drop a column by its title to a new position.
Resizing Columns
Easily adjust column width by dragging the column edges left or right to resize them as needed.
Showing / Hiding Columns
Click on the hamburger (three bars) icon to access additional options. Navigate to the “Columns” submenu and toggle column visibility according to your preference.
Sorting Data
Click on a column title to sort data in ascending or descending order.
Filtering Data
Most columns provide filtering options beneath the column title. Filters may vary—from simple text fields to dropdown menus with predefined choices. Additionally, a filter button on the right side allows for advanced filtering logic.
Pre-defined Filters and Search Bar
Most tables include pre-defined filters and a search bar positioned above the table.
- Search bar: A quick way to locate information without needing detailed filtering. While fast, it may not be as precise as individual column-based filtering.
- Pre-defined filters: Tailored to the table’s purpose, these allow for quick and effective filtering based on commonly used criteria.
Working with Extra Actions
At the top-right corner of a table, you’ll find several extra actions that enhance usability.
Clearing Filters
Use the Clear Filters button to quickly reset all applied filters.
Edit Mode
This feature is currently under development and is provided on a “no-responsibility” basis.
To edit table data:
- Click Edit Mode → Turn On to enable editing.
- Editable cells will be highlighted in red.
- Click a cell to reveal an input field and modify its value.
- You can edit multiple rows simultaneously.
- When finished, click Edit Mode again and select Turn Off. A confirmation popup will display the changes with options to Save or Cancel.
Embedding Table Data
The Embed button provides options to share data in different ways.
Permalink
Selecting Permalink refreshes the page with a URL that reflects the current column and filter settings. You can copy this link and share it with others. They will see the exact same table configuration (provided they have the necessary access permissions).
Visualize
This feature is currently under development and is provided on a “no-responsibility” basis.
The Visualize option allows you to generate charts and graphs based on table data. These visualizations can be saved to a dashboard for quick access.
Future updates will include more visualization options and customization features.
Add to Dashboard
This feature is currently under development and is provided on a “no-responsibility” basis.
With this option, you can add a customized table view (including selected columns and filters) to a dashboard. You can:
- Set a title for the dashboard widget.
- Select a target dashboard for the widget.
- Define user visibility to control who can access the widget.
A tab with embed code is also available for development purposes.
Layouts
The Layouts option allows you to customize the appearance of the table.
Pre-configured Layouts
Customization Available
If you require additional pre-configured layouts, reach out to us! We offer a customization package tailored to your needs.
Some tables (e.g., bookings) come with pre-configured layouts that apply specific arrangements based on user roles. Selecting a layout automatically adjusts column visibility and positioning.
Scale
By default, tables use a Standard scale. Selecting Dense scale reduces row height, allowing more data to fit within the visible area.
Reset Layout
Clicking the Reset button restores the table layout to its default settings, discarding any personalized column configurations.
Layout Info
The Layout Info button provides a technical overview of the current layout configuration, useful for development and troubleshooting purposes.
Summary
This guide outlines the various customization options available within table components. With adjustable columns, sorting, filtering, embedding, and layout configurations, you have full control over how data is displayed and interacted with.
🚀 Have more questions? Feel free to reach out!