> ## Documentation Index
> Fetch the complete documentation index at: https://docs.codenullapp.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Data Grid

> If you need a column layout, migrate the list to a DataGrid

### How to migrate from GridList to DataGrid  <a href="#id-2.6.0-jan-14-2026" id="id-2.6.0-jan-14-2026" />

If you need a column layout, migrate the list to a **DataGrid**

*

```
<figure><img src="/images/ECsVtbgMDTCgeUDOTEFh.png" alt="" /><figcaption></figcaption></figure>
```

* select Datagrid type component
*

```
<figure><img src="/images/NaKGzBYrtWhtXFlU33BR.png" alt="" /><figcaption></figcaption></figure>
```

* &#x20;move the value from dataPath to the item path.
*

```
<figure><img src="/images/ift3DBmNOtLC7naZrQjQ.png" alt="" /><figcaption></figcaption></figure>
```

*

```
<figure><img src="/images/GIi9VGjzcF26KexqUsn0.png" alt="" /><figcaption></figcaption></figure>
```

* Now you have a DataGrid that looks like this
*

```
<figure><img src="/images/JgfDi8yero9ci0GV2yoI.png" alt="" /><figcaption></figcaption></figure>
```
