This is a migrated thread and some comments may be shown as answers.

Blank space at bottom of locked columns

5 Answers 171 Views
Wrappers for React
This is a migrated thread and some comments may be shown as answers.
Phillip
Top achievements
Rank 1
Phillip asked on 06 Nov 2018, 02:59 PM
I'm getting this blank space at the bottom of my locked columns.  Has anyone seen this?

5 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 07 Nov 2018, 08:52 AM
Hello, Phillip,

This could occur if the row height is different as this will create misalignment between to columns.

I can suggest checking all of the locked column requirements to ensure that a detail is not missed:

https://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance/columns/locked-columns

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Phillip
Top achievements
Rank 1
answered on 07 Nov 2018, 04:28 PM
I don't see any of these being an issue.  I removed all css from the page except for the kendo theme and I get the same issue.  All rows line up and only occurs when there is no horizontal scroll bar.
0
Stefan
Telerik team
answered on 08 Nov 2018, 08:16 AM
Hello, Phillip,

After different tests, I noticed that initially this will be displayed and then after any resize of the Grid or the page it will be fixed.

We will continue with the investigation and in the meantime, as a workaround, I can suggest calling programmatically resize of the Grid:


<Grid widgetRef={ref => this.grid = ref}
.....
 
componentDidMount(){
  this.grid.resize()
}

Apologies for the inconvenience.

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Phillip
Top achievements
Rank 1
answered on 08 Nov 2018, 02:13 PM
No problem, thanks for all your help.  That doesn't seem to work either.  I removed all css and other javascript and the problem persists.  I noticed that the height is being set explicitly on the locked columns when the unlocked columns go from scrollable to un-scrollable as you can see in the attached image.
0
Phillip
Top achievements
Rank 1
answered on 08 Nov 2018, 04:57 PM
Edit:  Never mind, the resize thing worked.
Tags
Wrappers for React
Asked by
Phillip
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Phillip
Top achievements
Rank 1
Share this question
or