This is a migrated thread and some comments may be shown as answers.
scroll
1 Answer 32 Views
This is a migrated thread and some comments may be shown as answers.
Rick
Top achievements
Rank 1
Rick asked on 17 Oct 2019, 01:34 PM

I am sure I am missing something easy.

Right now all columns get squished if the screen resolution is less than the grid width.

How do I set it that it includes a scroll bar instead of squishing?

1 Answer, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 17 Oct 2019, 01:38 PM

Hello Rick, 

The grid's main element is a <div> and, as a block element, it takes 100% of its parent width. The table-layout property is fixed so the content does not stretch the columns.

Thus, the solution to set the grid width and scrolling, at least until we implement features for that, is to put it in a <div> that has the desired width.

You may also find interesting this request: https://feedback.telerik.com/blazor/1434744-hide-column-only-on-small-device.

 

Regards,
Marin Bratanov
Progress Telerik

 UI for Blazor
Tags
Grid
Asked by
Rick
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Share this question
or