Skip to main content

Adding to Canvas

The Table Widget is available in the Advanced section of the component palette in the Form Builder.

Steps​

  1. Open your form in the Form Builder
  2. Locate the Table widget in the component palette under the Advanced category
  3. Drag the widget onto the canvas and drop it in the desired position
  4. The widget is added with default settings applied

Selecting the Operating Mode​

After placing the widget on the canvas, open the Properties Panel on the left side and select the operating mode:

  • Data Mode — for server-backed, read-oriented data display
  • Edit Row Mode — for client-side row entry and editing
info

The mode you select determines which properties are shown in the panel. You can change the mode at any time during design, but be aware that mode-specific configuration (such as column definitions or backend bindings) may need to be reconfigured after switching.

Configuring Columns​

Data Mode​

Columns in Data Mode are defined by the data returned from the backend. Configure the column display settings (caption, type, alignment) through the Properties Panel after the table is bound to a data source.

Edit Row Mode​

Columns are configured using the Column Manager, accessible from the Properties Panel. Use it to:

  • Add or remove columns
  • Set the field name, caption, and column type for each column
  • Reorder columns

Next Steps​

  • Properties — full reference for all widget-level settings
  • Column Properties — configure individual column behavior
  • Table Actions — understand what user actions trigger and what events are sent to the backend
  • Guides — pagination, lazy loading, and backend integration examples