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.
​
​

​

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

​

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.
​
​

​

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

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

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

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.

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

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

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).