Scrollbar is missing after filtering the grid

[Natalia]

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.

[Natalia]

May I please have an answer to this? Thanks.

Natalia

[Dimiter Madjarov]

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

[Dimiter Madjarov]

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

[Junius]

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,

[Viktor Tachev]

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

 

 

[Junius]

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

[Viktor Tachev]

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