Data Grid

  1. Data Grids allow user(s) to add multiple components to a line-item grid. Once placed, the user(s) can add multiple components inside the Data Grid. Additionally, any number of grids can be added within a form, which is especially useful when needing the ability to add or duplicate multiple fields sets. Keep reading for an example of how grids are used.

    Graphical user interface, application

Description automatically generated

  2. By default, the grid is empty but can have other form components placed inside.

    Graphical user interface, text, application, email

Description automatically generated

  3. The example below illustrates three components placed inside the Data Grid. A new column is automatically added whenever another component is added to the data grid interface.

    Graphical user interface, application

Description automatically generated

  4. Disable Adding/Removing Rows: Hides the 'Add Another' and the 'Remove Row' buttons.

  5. Conditional Add Button: Gives a possibility to specify a condition when the 'Add Button' will be displayed.

  6. Add Another Text: Sets the text of the 'Add Another' button.

  7. Add Another Position: Allows you to specify a position for the 'Add Another' button with respect to the Data Grid. The button can be at the top of the Data Grid, at the bottom or in both places at once.

  8. Allow Reorder: Allows reordering rows by dragging and dropping them.

  9. Equal Column Width: Makes the column sizes be equal in width.

  10. Enable Row Groups: Allows separating Data Grid rows into groups. You can add groups, specify their labels, select several rows that will be in certain groups and delete the groups. It's helpful if you want to set a specific number of rows in the Data Grid and separate them by groups (see an example below).

Graphical user interface

Description automatically generated

Did this answer your question?