Table - Classic

Table - Classic harnesses the familiarity of traditional table layouts to effectively present structured and comprehensive data.

Configure table-classic

To set up a Table - Classic, go to the Template field in basic properties and select Tablet - Classic.

When you select Table - Classic, you will see the following properties available for configuration:

• Row Actions Render Mode:
  Choose the display style for row actions:
  • Default
  • Display Row Actions in Single Column
  • Display Row Actions in Dropdown List
• Disable Responsive Feature?: Check this box to disable the responsive feature.
• Allow User Rearrange Columns?: Allow users to rearrange the columns in the list.
• Allow User Show/Hide Columns?: Allow users to choose which columns to show/hide.
  This customization is active for the browser session and is not tied to a specific user login. It is lost once the browser session ends.

Mobile card settings

Mobile Card Settings allows you to configure how data is displayed on mobile devices using card layouts. These settings improve the user experience by making the data presentation more adaptable and user-friendly on smaller screens.

Fields to Configure:

• Make card collapsible?: Enable card collapsibility for condensed content presentation and improved user experience.
• Collapse card by default?: Initially hide card content for streamlined display; expandable by the user.

Examples of Row Action Displays in the UI:

• Table-classic view in the UI
  
• Display Row Actions in a Single Column
  
• Display Row Actions in the Dropdown List
  

Video tutorial

In this video tutorial, you will be guided by the Classic Table template in Joget DX. The Classic Table harnesses the familiarity of traditional table layouts to effectively present structured and comprehensive data, making it easier for users to interact with and understand the information presented.