UCP Data Table
UCP Data Table is a table component used in UCP Suite to display dynamic content in a structured and organized manner. It is typically used in applications where tabular data needs to be presented to users.
Here are some key characteristics and features of UCP Data Tables:
Dynamic Content: UCP Data Tables are designed to handle dynamic data, which can change or be updated in real-time. They are commonly used to display data retrieved from databases, APIs, or user interactions.
Customizable Columns: Developers can define the columns to be displayed in the table and specify the data source for each column. This allows for a high degree of flexibility in presenting data.
Sorting and Filtering: UCP Data Tables often come with built-in sorting and filtering capabilities, enabling users to arrange data based on specific criteria and search for specific information within the table.
Pagination: For tables with a large dataset, pagination options are typically available, allowing users to view a limited number of rows at a time and navigate through multiple pages.
Responsive Design: UCP Data Tables can adapt to different screen sizes and devices, ensuring that the table remains usable and visually appealing on both desktop and mobile platforms.
Interactivity: Developers can add interactive features to the table, such as editable rows to enhance user experience and functionality.
Data Binding: These tables are typically connected to data sources, so they can automatically update when the underlying data changes, reducing the need for manual synchronization.
Event Handling: Developers can define event handlers for actions such as row delection, or data updates, making the table responsive to user interactions.
UCP Data Tables is a useful component for presenting data in a structured and user-friendly manner, making it a fundamental component that involve data visualization and manipulation.
Example page view
The module is highlighted in orange below
This is how the module works
The module consists of the following components:
Content area | Description |
Data target | Select the Data Table from the dropdown of the database table that you wish to display. |
The module consists of the following tabs
Data target | Select the Data Table from the dropdown of the database table that you wish to display. |
General | Configure values as required for various options to show/hide add/edit/delete buttons. |
Pagination | Enable and configure Pagination for handling multiple entries. |
Columns | Select the columns of the table that should be shown for desktop, tablet and smartphone. |
Status | You can show the status of a column. |
Sort/Filter | You can choose how to make the data relavent to your use by sorting it by their columns. |
Labels | Set the labels as required. |