Data Group
With this video lesson you will understand how to display the data of your collection in the form of cards or in a Data Group.
1. Adding a Component
To showcase your records in the form of table go to Components and choose Data Group. Drag-and-drop this component on the page and Save.

2. Fetch Records
Open the Data Group Settings and choose to get data from collection, mention the collection name and the items to be fetched and Save. This will build a cards group on your page.

3. Fetch Fields
Open the Data Group Settings and choose to get data from collection, mention the collection name and the fields to be fetched and Save.

4. View the Data Table
After modifying and saving the cards click Preview to view all the records.

5. Creating Cards
Go to Components and choose Cards and drop it inside the Data Group and Save.

6. Adding an Image
To add an image open Settings and mention to get image of the record Save. Reload the Preview page and you will find the new changes.

7. Adding a Column
Go to Components and choose Column and drop it inside the Data Group and Save. Reload the Preview page and you will find the new changes.
