Another problem with Horizontal Scrolling in Datagrid

Khayol · June 19, 2020, 12:46pm

Hi, Good Guys
I created simple DataGrid, but the horizontal scrolling not working for this DataGrid, but after starting the application I saw it for all page.
How to remove this horizontal scrolling from all Page mode and put it just on DataGrid?
Thanks in advance!

enchev · June 19, 2020, 12:55pm

Hi @Khayol,

You need to set width for this grid.

Khayol · June 20, 2020, 9:27am

@enchev
The column width was set before this problem.
ColumnWidth="200px"
May be another option?

Khayol · June 23, 2020, 10:28am

@enchev Maybe you had something else?
ColumnWidth = "200px" did not help

korchev · June 23, 2020, 10:31am

You need to use the Style property of the DataGrid to set its width:

<RadzenGrid Style="width: 500px">

Khayol · June 24, 2020, 9:18am

thank you @korchev
It's worked!

Thierry_Parent · January 18, 2021, 2:49pm

I fixed this problem with a style on the grid :
width: calc(100vw - 380px);
(better is to put that on a css class)

where 380px is the size of the sidebar

Frontegi · March 28, 2024, 6:37pm

3 years later, answer still useful

Michael_Nyoni · January 22, 2025, 1:33pm

How do I hide the horizontal scroll bar if I don't want it visible?