Row level column alignment is not in sync with Grid.

1 Answer 129 Views
Grid Styling
Soumita
Top achievements
Rank 1
Soumita asked on 22 Aug 2023, 11:58 AM | edited on 22 Aug 2023, 11:59 AM

I have a grid where the columns don't align properly with the header of the grid and also the grid unnecessarily has a horizontal scrollbar where it's not needed.

1)How can I make the scrollbar appear when there are more columns and not when there are one or two columns?

2)How to make the alignment in sync ?

1 Answer, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 24 Aug 2023, 10:29 AM

Hi, Soumita,

To ensure that the horizontal scrollbar appears only when there are more columns, you can adjust the width of the columns and the grid itself. By default, the scrolling is shonw when the grid's width is less than the sum of its columns width (the configured ones), so it should not be shown if there are only two columns. You can remove the width of one of the columns to ensure that:

As for the alignment issue, we are aware of a similar behavior when the browser is zoomed. Is this scenario in which the issue occurs at your end as well? Is so, you can use the following workaround until the issue is fixed:

If this is not the case, though, please, send me a small sample where I can reproduce the problem and I will be glad to help you further in resolving it.

Regards,
Vessy
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Tags
Grid Styling
Asked by
Soumita
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Share this question
or