AutoFitColumn truncating headings

2 posts, 0 answers
  1. Cobus
    Cobus avatar
    1 posts
    Member since:
    May 2016

    Posted 21 Jul 2016 Link to this post

    I have a grid that has filtering enabled on each column. When I call AutoFitColumn(), the columns size correctly to accommodate the data, but some are too narrow to show the heading. I don't know if this is related to the fact that the filtering icon also displays in the column heading, or if the heading text is simply ignored altogether when doing the autofit.

    The problem is obvious: Having a column named "Sca..." isn't as useful as having one named "Scanned Date" and this actually destroys the case for using AutoFitColumn in the first place.

    Is there a decent workaround for this?

  2. Orlin
    Orlin avatar
    58 posts

    Posted 25 Jul 2016 Link to this post

    Hello Cobus,

    Indeed, the filter icon causes column auto fitting to not work as expected and the filter icon to overlap the header cell text. The reason for the issue is a negative margin that is used for the filtering button, but the CSS implementation can be tweaked to avoid the problem. Here is an example:

    We have fixed this in our source and changes will take effect in the next Kendo UI builds. I have updated your Telerik points for bringing the issue to our attention.

    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top