List Column

In Joget, configuring list columns involves setting various properties to control how data is displayed and interacted with. This ensures that your data lists are both functional and visually appealing.

Column properties

 The column properties are divided into three main sections: General, Action Mapping, and Formatter.

General

The General section encompasses the fundamental settings for a list column. These settings define the column's basic characteristics, such as its identifier, label, and visibility options.

Fields to Configure:

• Name: The identifier for the column used to define extra filter conditions in the source's binder.
• Label: The display name for the column.
• Sortable: If checked, users can sort the data list by this column.
• Render value as HTML: Specifies if the value should be rendered as HTML.
  • Default Value
  • Yes
  • No
• Hidden: If checked, this column will not be visible to end-users but will still be rendered in the background.
• Exclude in export?: If checked, this column will not be included when the data list is exported.
  
• Width: Defines the width of the column, either in pixels (px) or percentage (%). For example, 200px or 20%.
• Inline Style: Custom CSS styling for the column. For example, background-color: blue;
• Alignment: Sets the alignment of the column content.
  • Default Value
  • Center
  • Left
  • Right
• Header Alignment: Sets the alignment of the column header.
  • Default Value
  • Center
  • Left
  • Right

Action Mapping

The Action Mapping section allows you to transform the column into a List Action, providing interactive functionality based on the available List Action plugins. This section is essential for adding dynamic actions to your lists.

Fields to Configure:

• Action: Transform the column into a List Action, providing interactive functionality based on the available List Action plugins. See the List Action section for more information.

Formatter

The Formatter section enables you to attach a Formatter plugin to transform how the current value is displayed. This allows for customized presentation of data, enhancing the user experience.

Fields to Configure:

• Formatter: Attach a Formatter plugin to transform how the current value is displayed.
  The list of Column Formatter is as follows:
  
  • BeanShell Formatter
  • Date Formatter
  • Font Formatter
  • Image Formatter
  • Javascript Condition Formatter
  • Nested List Formatter
  • Options Formatter
  • Process Status Formatter

This configuration ensures that your lists are functional and customizable to meet specific data display and interaction requirements within Joget applications.