# 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:

![](/files/pXRLDnCwHJ5I68meEGH6)

#### 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:

<div align="left"><img src="/files/x1HbvzbPsLgAl49N0NYd" alt=""></div>

#### Header Style Properties:

<div align="left"><img src="/files/Xt8WK5yvHKganXC1y3qN" alt=""></div>

#### Row Style Properties:

<div align="left"><img src="/files/V6wtFSCiUFu4T9rly0Ai" alt=""></div>

#### Styles Properties:

<div align="left"><img src="/files/8YoJon6DwlR3zYyCJ7LR" alt=""></div>

#### Title Properties:

<div align="left"><img src="/files/DXAUxPLUJw0t2kjbBsEG" alt=""></div>

#### Properties Tab from the Dataset Pallet:

![](/files/4hSs45fJpYVnCp7hFvVT) ![](/files/Ipgo7YRSM3UGwhUI4zGe)

#### Data Grid after changing the Properties:

![](/files/ck4RTTKN7CyPzjjT4gEY)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bdb.ai/bdb-documentation/data-visualization/governed-dashboards/charts-gallery/grids/data-grid.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.