# Data Grid

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

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FN0ag6RKw16noPq8I2zNs%2FGrid%20Chart.gif?alt=media\&token=0870c7a0-a1a8-4e86-85fc-e4eadb20d6c9)

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](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FgddiMa2pcKGRFr4SCNBI%2Fimage.png?alt=media\&token=757fa2bb-b3d5-49fe-b233-1f7893be66fa)

{% 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](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FTylwisr2uVORsFsekrxJ%2Fimage.png?alt=media\&token=606d6ce9-6d00-4aef-8a7a-8da5678ed2df)

* Click the ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FB5cqgzsVMPnutJA1gFwZ%2Fimage.png?alt=media\&token=65353346-2e21-4f61-b404-7f451f762698) icon given for a Dimension to open the ***Category Properties***.
* Adjust the Width field.
* Select the ***APPLY*** option.

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FpORB6OkBvM2BbcnkDFm9%2Fimage.png?alt=media\&token=8dc24074-eaf7-4c8d-ab46-1fa8b0254b15)

* Click the ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FTYSZv1gH2EMtnDmkUowj%2Fimage.png?alt=media\&token=c897ab4a-e72d-4eba-a257-4005b4dcf9a2) icon given for a Measure to open the ***Series Properties***.
* Adjust the Width field.
* Select the ***APPLY*** option.

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2F7feOviZ1eSIAyMf1ObT7%2Fimage.png?alt=media\&token=70c7f0ef-35eb-49c5-8769-2e78ca16e207)

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

<br>