Adding row edit to a data table

When you add support for row edit to a data table, users can edit specific rows in a data table without having to navigate to another page. The user clicks an Edit button in the row edit column of the data table. A form then appears in which the user enters new text and chooses to save the text or cancel out of the form. This option is especially useful when you have data tables that are display-only tables.

Add and configure a data table.

To add the ability to edit rows in a data table:

  1. Select the data table, then right-click and select

    Properties. The Properties view for the data table opens.

  2. On the

    Row actions tab of the Properties view for the data table, click

    Add next to

    Add an edit column that brings up a form for in-place editing of row content. A new row edit column that contains a JSP panel is added to the data table.

  3. Add the data that you want to make editable into the JSP panel:

    1. Drag a data field from the Page Data view into the JSP panel. The

      Insert Record dialog opens.

    2. Select

      Updating an existing record.

    3. In the Columns to display list, change the

      Control Type of the data that you want to make editable to an input control. Click Finish. A column, bound to the data, is added inside the editable column.