---
alias: user-guide-data-grid
description: "A data grid displays tabular data with customizable column sizing options and export capabilities"
---

# Data Grid

A data grid is used to display data in tabular form, thus allowing for easy data structuring and segmenting.

![data_grid_main_options][data_grid_main_options]

## Column Options

All data grids include the :core-static-columns-sm:{ class="twemoji blue-icon" } icon, which opens the **Column Options** wizard. From this wizard, you can:

* Add additional columns by selecting the required properties.
* Change the order of the selected columns by dragging and dropping them or by using the :core-static-uparrow-sm:{ class="twemoji blue-icon" } and :core-static-downarrow-sm:{ class="twemoji blue-icon" } arrows.
* Remove columns using the :material-trash-can:{ class="twemoji blue-icon" } icon.

After customizing the data grid, select **Apply** to implement the changes.

![Screenshot showing how to customize the data grid using the Column Options.](./images/data_grid_column_options.png)

## Column Sizing

![data_grid_fit_options]

There are several options available to change the size of the columns in a Data Grid:

* **Fit to headers** - the grid will be resized so that the column width matches the maximum size of the current header content.

    ![data_grid_fit_to_headers]

* **Fit to cells** - the grid will be resized so that the column width matches the size of the maximum content present in the data section of the grid.

    ![data_grid_fit_to_cells]

* **Auto fit** - the grid will be resized so that it can achieve a balance between header width and data width.

    ![data_grid_autofit]

* **Fit to grid width** - the grid will be resized so that it can occupy the maximum possible space in the screen.

    ![data_grid_fit_to_grid_width]

## Exporting Grid Data

The system also allows exporting the current data from the grid to a comma-separated value formatted file by selecting the **More** button and selecting the **Export** option together with the appropriate format.

![data_grid_export_options]

[data_grid_main_options]: ./images/data_grid_main_options.png
[data_grid_fit_options]: ./images/data_grid_fit_options.png
[data_grid_export_options]: ./images/data_grid_export_options.png
[data_grid_fit_to_headers]: ./images/data_grid_fit_to_headers.png
[data_grid_fit_to_cells]: ./images/data_grid_fit_to_cells.png
[data_grid_autofit]: ./images/data_grid_autofit.png
[data_grid_fit_to_grid_width]: ./images/data_grid_fit_to_grid_width.png