Last Updated: 31 Aug 2021 07:05 by ADMIN
Created on: 22 Jun 2021 11:52
Category: Grid
Type: Bug Report
Grid column resizing is broken when column width is in percentage and there are hidden columns

Bug report

Reported in: Ticket ID: 1524543. Reproducible in Chrome and Firefox. Not reproducible in Edge
Version 91.0.864.54.

Reproduction of the problem

Dojo example: https://dojo.telerik.com/iqUFarUV/3

  1. Hide half of the columns (uncheck them in the column menu -> Columns)
  2. Try to resize a column

Current behavior

On dragging the handle the column width automatically increases. Then if you try to decrease the width, you can't go past a certain width threshold.

Expected/desired behavior

The columns can be resized precisely, similarly to when their width is set in "px" instead of "%".


  • Kendo UI version: 2021.2.616
  • jQuery version: x.y
  • Browser: [Chrome 91, Firefox 89]
1 comment
Ivan Danchev
Posted on: 31 Aug 2021 07:05


After further investigation of the behavior we found that it is not a bug in the Grid.

This is actually a limitation caused by the default behavior of the HTML table. When hiding some of the columns and starting to resize one of them initially it stretches to occupy the space left as the other column widths are in percents and that column acts as a buffer. As resizing of columns works in pixels one hits a breakpoint where the content is resized to the minimum in values(for example 10px) but the visual appearance of the column is different due to the table stretching the column. Overall mixing such percentages and pixels can not work flawlessly. That said I suggest setting widths in pixels instead of percents.

Closing this Bug Report item.

Ivan Danchev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.