Kendo Grid : Blank space in the end when you resize(reduce) any column

[Christy]

Hi,

 

I have a grid and when i resize (reduce) any column, there is a white space shows up in the end of the grid. I have checked with the Kendo official samples and it seems like in some samples the shown behavior is in their samples.
I tried setting up width for header, cell content etc.. but its still shows some UI issues and i have multiple grids and i need a generic fix.
If its not an issue and a behavior then somebody please have a look at this and explain how to fix it.
I have added a normal screen shot and resized screenshot.

 

For testing it out, i have added a jsfiddle.,
http://jsfiddle.net/49bhz2sk/

[Christy]

The issue has been posted here (https://www.telerik.com/forums/grid's-column-resizing-leaves-white-space-in-the-last-column)

but its an old post. have we got any fix as of now???

[Preslav]

Hello Christy,

To resolve the problem, I would suggest using the approach from this article:

• https://docs.telerik.com/kendo-ui/knowledge-base/grid-remove-trailing-space-resize

Please, give it a try, and let me know if it works for you.


Regards,
Preslav
Progress Telerik

[Christy]

Hi Preslav,

 

Thank you for you prompt response. I got another solution from this form, which is less comples.,

https://www.telerik.com/forums/last-column-resizing-css-issue