Scrollbar is missing after filtering the grid

8 posts, 0 answers
  1. Natalia
    Natalia avatar
    6 posts
    Member since:
    Dec 2012

    Posted 07 Mar 2013 Link to this post

    Hi,

    The horizontal scrollbar in the grid goes missing when I filter a column which is not shown initially. Once the scrollbar is not shown anymore, there is no way for me to reset the filter.

    Has this issue been raised by someone? When are you planning to fix this? Thanks.
  2. Natalia
    Natalia avatar
    6 posts
    Member since:
    Dec 2012

    Posted 08 Mar 2013 Link to this post

    May I please have an answer to this? Thanks.

    Natalia
  3. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2310 posts

    Posted 11 Mar 2013 Link to this post

    Hello Natalia,

    I tried to reproduce the issue, that you are referring to, but to no avail. Could you send us a sample project with the exact scenario, so I could test it locally and assist you further?

     

    All the best,
    Dimiter Madjarov
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  4. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2310 posts

    Posted 11 Mar 2013 Link to this post

    Hi Natalia,

    After further testing I managed to reproduce the mentioned behavior. It is happening, because the browsers show a scroll-bar for the table only when there is at least a single row in it. And since the filter returns an empty collection in the current scenario, the scroll-bar disappears. As a solution, you could bind to the dataBound event of the Grid and add an empty row if the current page does not contain any items.
    E.g.
    function onDataBound(e) {
        if (e.sender.dataSource.view().length == 0) {
            var colspan = e.sender.thead.find("th").length;
            //insert empty row with colspan equal to the table header th count
            var emptyRow = "<tr><td colspan='" + colspan + "'></td></tr>";
            e.sender.tbody.html(emptyRow);
            e.sender.table.width(800);
        }
    }

     

    Kind Regards,
    Dimiter Madjarov
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Junius
    Junius avatar
    18 posts
    Member since:
    Apr 2018

    Posted 05 Jun 2019 in reply to Dimiter Madjarov Link to this post

    Hi Dimiter,

    I have a similar issue which after using grid's filter the horizontal scrollbar disappear.  But, in my grid, the filter returns items (which is displayed in the grid) but still the horizontal scrollbar is not shown.

    Any thoughts on this please?  How can I resolve this kind of issue?

    Cheers,

  6. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2495 posts

    Posted 07 Jun 2019 Link to this post

    Hi Junius,

    I tested the behavior with the latest version of the components and the scrollbar is displayed as expected on my end. Check out this example for reference.

    With that said, would you update the components to the latest release and see how the behavior changes? The current version is 2019.2.514.


    Kind regards,

    Viktor Tachev
    the Telerik team
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  7. Junius
    Junius avatar
    18 posts
    Member since:
    Apr 2018

    Posted 08 Jun 2019 in reply to Viktor Tachev Link to this post

    Hi Viktor,

    Thank you for your response.  I will update to the current version and will let you know how it goes on.

     

    Cheers,

    Junius

  8. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2495 posts

    Posted 11 Jun 2019 Link to this post

    Hi Junius,

    Please take your time to test the behavior with the latest release. 

    In case you have additional questions do not hesitate to contact us again.


    Regards,
    Viktor Tachev
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top