Data Grid
The Data Grid component is used to represent data in tabular form. Data Grid is also known as 'Grid View' as the data will be displayed within a grid.
Best Situation to Use Data Grid:
When the end-user need to view data in numerical format.
When alerts need to be shown.
Default Data Grid Chart Image:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FUKj4UCB3JNzEdzw5w0Wh%252FDatagrid_default.png%3Falt%3Dmedia%26token%3D78defc3a-b75c-4505-a77c-f788c1bd5bf6&width=768&dpr=4&quality=100&sign=bc035c9c&sv=1)
Properties of the Data Grid chart:
Background: The user can change the background color of the chart, can get the border for the chart and can change the border color, can get the reflection of the chart by enabling the shadow option can also change the color and increase & decrease the transparency of the shadow.
Export Options: The user can enable the “Enable Context Menu”, then it is possible to download the reports in different formats if we click on the chart from the preview section. The heading and subheading of that downloaded chart and the name of the downloaded file can be changed from this section.
General: The user can change the height, width, top, left, chart type, column type & Line form. In this case, we have changed the scroll view to disable.
Header Style: The user can change the header text color, font size, font style, and background color.
Row Style: The user can change the font size, font color, text decoration, and enable the text wrap. The user can also increase the row height.
Styles: The user can change the background color, rollover color, selection color, user can enable horizontal grid lines also can change the color for horizontal & vertical lines.
Subtitle: The user can enable the subtitle to display the second title. The user can change the Name, Font color, size, style for the subtitle.
Title: The user can change Title Name, Font color, size, style, etc.
General Properties:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FPWHbZOHYzF6BvqXRL5g7%252Fdatagrid_general.png%3Falt%3Dmedia%26token%3Da7ad81c0-95e8-4038-8142-87dc4be53176&width=768&dpr=4&quality=100&sign=d3bbbe6d&sv=1)
Header Style Properties:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FhRkr20kcPawVsb6noPzG%252Fdatagrid_header_style.png%3Falt%3Dmedia%26token%3D00310801-3413-492d-8db0-cb99601c5958&width=768&dpr=4&quality=100&sign=86fba111&sv=1)
Row Style Properties:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FiTeEsHqpxchZuglkW5P0%252Fdatagrid_row_style.png%3Falt%3Dmedia%26token%3D4f3243b9-abc7-4cac-9a08-48e39faba00b&width=768&dpr=4&quality=100&sign=4439b5ea&sv=1)
Styles Properties:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FUK6IinB43u020JiOwlJJ%252Fpgstyles.png%3Falt%3Dmedia%26token%3Dff2b632a-5d15-43fa-b72e-eb71bd55a811&width=768&dpr=4&quality=100&sign=b284c137&sv=1)
Title Properties:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FH4kBv7EYREek93W7iO25%252Ftitle.png%3Falt%3Dmedia%26token%3Dc7481223-0bfa-49ff-8c37-b1cf680696df&width=768&dpr=4&quality=100&sign=70908322&sv=1)
Properties Tab from the Dataset Pallet:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FREJHPrcowfOHglBVLcaY%252Fdatagrid_connection2.png%3Falt%3Dmedia%26token%3Dfa5c39ff-dc5a-41e8-8c9e-e8ff94d9420d&width=768&dpr=4&quality=100&sign=c54a913a&sv=1)
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FRnVaM3O3gIDPLtwJxaqW%252Fdatagrid_connection3.png%3Falt%3Dmedia%26token%3D4a6f22a1-dc0e-495c-8ea3-ab3f91dc2011&width=768&dpr=4&quality=100&sign=312c1a2b&sv=1)
Data Grid after changing the Properties:
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F972575688-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRYq1HgffNfbnIMWPu1D5%252Fuploads%252FEkivRyQ3MX4jMgbuUcKt%252Fdatagrid_preview.png%3Falt%3Dmedia%26token%3D33b833b5-b0a8-40e9-9e22-dd026701ec9e&width=768&dpr=4&quality=100&sign=1b207a82&sv=1)
Last updated