Configure How Columns Render in a Dynamic Table's Layout

When you use a dynamic table in a layout, you can specify whether a field's data in the table should be sortable by its column header. You can also configure the field column's width to change the overall table display, and set the column name.

Setting these properties for a field in a layout only applies to the current layout. Other layouts are not affected.

To manage the sortability, sizing and names of columns in a dynamic table's layout:

  1. In the Rule Set editor, open the layout and select the field in the center pane.
  2. To manage the field's sortability, set a value for the Sortable property.
    • Select enabled to enable sorting on the column.
    • Select disabled to disable sorting on the column.
    • Select auto to enable column if the underlying model supports sorting.
  3. To set the name of the column, enter the column name in the Label Hint field. This name is only used as the column header in the current layout, and overrides the name set in the Layout's Fields tab.
  4. To set the default width for the field's column, set a value for the Width property. It can be a percentage or px value (for example, 100px).

    You can also use expressions to control a column's size. For example, let's say you want a column to be 50 percent of the entire table. In this case, you could define a constant in the layout's Variables tab (for example, a string type constant called Default_Width, with a default value of 50%). Then, hover over the Width property and open the expression editor, define an expression using the Default_Width constant, and click Save:
    Description of dynamic-table-column-width-expression.png follows
    Description of the illustration dynamic-table-column-width-expression.png

    To further control the column's width, use the Minimum Width and Maximum Width properties to set the minimum and maximum widths of the column when the table is first rendered on the page. A user can manually resize the column width to make it narrower or wider.

  5. To "freeze" a column, select a value for the Frozen Edge property:
    • Select start to pin the column at the beginning, so that a user won't scroll horizontally past the column.
    • Select end to freeze the column at the end, so that the column is locked in view.
    For details on how to set frozen columns in a table, see Frozen Columns in the Oracle JET Developer Cookbook