# Data Grid

{% hint style="success" %}
Check out the given walk-through on how to set the Data Grid chart properties.
{% endhint %}

![](/files/8qHFz3fI2PhJHe2vw2J3)

The users can see data in tabular format by selecting the Data Grid component from the chart list. Multiple values can be displayed via Grid visualization.

### **Properties**

#### **General Settings**

* Order: Users can order the displayed data by selecting an option from the given choices:
  * Ascending
  * Descending
  * None
  * Manual Sort (Users can manually sort the dimensions by using the indicator signs)
    * By selecting an order, the user needs to configure the following fields:
      * **Order By**- Select a value option from the drop-down menu to order the sequence of the data
      * **Limit**- Set a number to display the requested information by this limit
* **Font Size**: Select a font size out of the given choices (Small, Medium, Large)
* **Bold**: Use a checkmark in the box to display the fonts of the heading in Bold
* **Italics**: Use a checkmark in the box to apply the Italics style to display the heading
* **Underline**: Use a checkmark in the box to underline the headings of the displayed data columns
* **Font Color**: Select a font color using the menu
* **Background Color**: Select a background color using the menu
* **Exclude from Global Filter**: Use a checkmark in the given box to exclude the view from the Global filter condition

#### **View Filter**

* Filter: Select a filter condition from the drop-down menu.

![Properties tab for the Grid charting type](/files/ihByIh6YVca0mwCYfkF1)

{% hint style="info" %} <mark style="color:green;">Please Note:</mark> The users get redirected to the pop-up colour menu by clicking on Font Colour or Background Colour option.
{% endhint %}

### **Category and Series Properties of Grid Chart**

The user can set the width of each column by configuring it from the Category Properties (for Dimensions) and Series Properties (for Measures) in the Data Grid.

* Navigate to a view displaying data in the Data Grid.

![A View displaying data in Data Grid format](/files/o6XUYWwNVGahK1RgOM5T)

* Click the ![](/files/UkoEhCcXY9RdNQEepjXm) icon given for a Dimension to open the ***Category Properties***.
* Adjust the Width field.
* Select the ***APPLY*** option.

![](/files/9kBCi3uf1KFGQi1rpGeq)

* Click the ![](/files/oFixe336DYgLoSGJ0WCP) icon given for a Measure to open the ***Series Properties***.
* Adjust the Width field.
* Select the ***APPLY*** option.

![](/files/A0GCslYzK08GYK9PvFtq)

{% hint style="info" %} <mark style="color:green;">Please Note:</mark> You can adjust the size of the Date columns as well.
{% endhint %}

<br>


---

# 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/self-service/chart-gallery/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.