# Datagrid move horizontal

**URL:** <https://forum.radzen.com/t/datagrid-move-horizontal/19220>\
**Category:** Radzen.Blazor Components\
**Created:** [December 4, 2024, 12:41pm UTC](https://forum.radzen.com/t/datagrid-move-horizontal/19220 "2024-12-04T12:41:27Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![gcappellazzo](https://forum.radzen.com/letter_avatar_proxy/v4/letter/g/90ced4/32.png) [@gcappellazzo](https://forum.radzen.com/u/gcappellazzo)\
**Post date:** [December 4, 2024, 12:41pm UTC](https://forum.radzen.com/t/datagrid-move-horizontal/19220/1 "2024-12-04T12:41:27Z")

</div>

Good morning,  
I use radzen datagrid, i see the example at the end of the table appears to move horizontally, but i my code doesn't work. So, if i have a grid with a lot of row the page size will grown automatically.  
I want mantein the same page dimension and move inside the grid with the line

 ![gridLine](https://forum.radzen.com/uploads/default/original/3X/f/5/f5488e5972888deea329084a4090cf707e39e65e.png)

---

<div class="post-metadata">

**Author:** ![korchev](https://forum.radzen.com/user_avatar/forum.radzen.com/korchev/32/4_2.png) [@korchev](https://forum.radzen.com/u/korchev)\
**Post date:** [December 4, 2024, 12:59pm UTC](https://forum.radzen.com/t/datagrid-move-horizontal/19220/2 "2024-12-04T12:59:47Z")

</div>

Hi @gcappellazzo,

The horizontal scrollbar appears when the width of the columns is set. You can do that via the ColumnWidth attribute:

```auto
<RadzenDataGrid ColumnWidth="200px" ...>

```

---

<div class="post-metadata">

**Author:** ![gcappellazzo](https://forum.radzen.com/letter_avatar_proxy/v4/letter/g/90ced4/32.png) [@gcappellazzo](https://forum.radzen.com/u/gcappellazzo)\
**Post date:** [December 4, 2024, 2:08pm UTC](https://forum.radzen.com/t/datagrid-move-horizontal/19220/3 "2024-12-04T14:08:56Z")

</div>

Thanks!  
I set the attribute..

but don't work ☹  
 ![notWork](https://forum.radzen.com/uploads/default/optimized/3X/d/0/d0ad34b7939d973e05973d1c9f58c7aa1d0d1055_2_690x33.png)

---

<div class="post-metadata">

**Author:** ![korchev](https://forum.radzen.com/user_avatar/forum.radzen.com/korchev/32/4_2.png) [@korchev](https://forum.radzen.com/u/korchev)\
**Post date:** [December 4, 2024, 2:11pm UTC](https://forum.radzen.com/t/datagrid-move-horizontal/19220/4 "2024-12-04T14:11:06Z")

</div>

Try to reproduce the same in our [online demos](https://blazor.radzen.com/datagrid-column-resizing).

---

<div class="post-metadata">

**Author:** ![gcappellazzo](https://forum.radzen.com/letter_avatar_proxy/v4/letter/g/90ced4/32.png) [@gcappellazzo](https://forum.radzen.com/u/gcappellazzo)\
**Post date:** [December 4, 2024, 2:54pm UTC](https://forum.radzen.com/t/datagrid-move-horizontal/19220/5 "2024-12-04T14:54:35Z")

</div>

I reproduce same like the demo..  
The error comes when i set the attribute ColumnWidth to 200px  
The grid expand for all the page.. and i can scroll only via the browser page and not inside the grid ☹

I already use the radzen data grid and it's the first time that i see this error, i try to copy the code from my past project but it's odesnt't work

Sorry

---

<div class="post-metadata">

**Author:** ![korchev](https://forum.radzen.com/user_avatar/forum.radzen.com/korchev/32/4_2.png) [@korchev](https://forum.radzen.com/u/korchev)\
**Post date:** [December 4, 2024, 3:05pm UTC](https://forum.radzen.com/t/datagrid-move-horizontal/19220/6 "2024-12-04T15:05:09Z")

</div>

> [@gcappellazzo](#):
>
> I reproduce same like the demo..

What code did you test with? You can paste it here inside a triple ``` block.

Here is what I see with ColumnWidth="200px"  
 ![grid-column-width](https://forum.radzen.com/uploads/default/original/3X/3/9/39072e50b6eb1546b5496157cabba119b008ce58.gif)

---

<div class="post-metadata">

**Author:** ![gcappellazzo](https://forum.radzen.com/letter_avatar_proxy/v4/letter/g/90ced4/32.png) [@gcappellazzo](https://forum.radzen.com/u/gcappellazzo)\
**Post date:** [December 4, 2024, 3:17pm UTC](https://forum.radzen.com/t/datagrid-move-horizontal/19220/7 "2024-12-04T15:17:05Z")

</div>

my code

```auto
<RadzenDataGrid @ref=" grid" Data="@listReportTestate" GridLines=Radzen.DataGridGridLines.Vertical TItem="ReportTestatum" ColumnWidth="300px" AllowFiltering="true" AllowPaging="true" PageSize="15"
                SelectionMode="DataGridSelectionMode.Single" RowDoubleClick="@OnRowClick" @bind-Value=@selectedTest AllowColumnResize="true" ShowPagingSummary="true" PagerHorizontalAlign="HorizontalAlign.Left" RowUpdate="@OnUpdateRow">

```

 ![nonFunzionaAncora](https://forum.radzen.com/uploads/default/original/3X/6/4/6433e91e007cdac4f39fd0d1eb502474c7a5a2a2.png)

---

<div class="post-metadata">

**Author:** ![korchev](https://forum.radzen.com/user_avatar/forum.radzen.com/korchev/32/4_2.png) [@korchev](https://forum.radzen.com/u/korchev)\
**Post date:** [December 4, 2024, 3:34pm UTC](https://forum.radzen.com/t/datagrid-move-horizontal/19220/8 "2024-12-04T15:34:31Z")

</div>

There is probably some CSS in your web app which interferes with RadzenDataGrid. Try setting its width to see if it makes any difference:

```auto
<RadzenDataGrid style="width: 1200px" ...>

```

You also said you reproduced the same problem in our online demos. What code did you use to reproduce the problem?