Configuring a Data Grid

The Data Grid component is one of the most flexible components in Experience Designer. This component is especially useful when users need to compare records, work with large result sets, select rows for follow-up actions, or refine what is shown by using search and filter.

Adding a Data Grid component

  1. Click the + icon in the editor and click Data Grid .
  2. Click Configure.
  3. Specify a name in the Component ID.
  4. In the General Settings tab, specify the value in the Component heading field or leave it blank.
  5. Click Save.

Connecting a data service

  1. Click Configure to open the Data Grid Configuration dialog box.
  2. Click the Operations tab and select a data service for the Read operation.
  3. Click Save.

Adding an interaction

  1. In the Data Grid Configuration dialog box, click the Interactions tab and click + Add.
  2. Select the source, source component if applicable, event, and operation, such as Read.
  3. Click Save.

Configuring columns

  1. in the Data Grid Configuration dialog box, click the Properties tab.
  2. To add fields to display as columns, click + Add.
  3. In the Select fields dialog, select the fields to add. You can select multiple fields at the same time.
  4. Click Select.
  5. Click Save.

Review added columns

Now that the columns are now added, validate the added fields, go to the Columns tab. Each column is listed with the corresponding field ID and transaction in parentheses, for example, PUNO (List_POHead).

To configure a column, click the Edit which is pen icon for that column. See Additional features and settings for both available column, and data grid, settings.