This is a migrated thread and some comments may be shown as answers.

Kendo UI Grid Fillter/Pagination Dropdown

3 Answers 803 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Hardik asked on 27 Apr 2017, 11:40 AM

Hi there,

I have a few grids in the AngularJS (v.1.x) app where i face issue is in Pagination as well as Filter Dropdown / List. When there is a grid in the page as the last element of a page following problems occur :

1) Grid Filter

Once i filter any column and let say no rows are displayed because it's not matching the data as per the filter. Now Grid height is smaller than before and if i click on filter again (filter list height is larger than grid size in this case), it's flickering.

If i scroll a bit the page then it works fine, it renders list in top position instead of bottom. Unless I scroll, problem is not solved.

2) Grid Pagination Dropdown

It similar to 1) only difference is in reproducing. Here i am changing page size from 300 to 10 and trying again to do the same but starts flickering. Once i scroll it solves the problem.

Summary :

Such scenarios where grid is end of page this problem occurs and in my application i have used lots of grid in this scenarios.

AngularJS Version : 1.5.5
Kendo Version : 2016.1.412
jQuery Version : 1.9.1 / 2.x (tried both)

Any help from Kendo Team will be greatly appreciated!

Thanks,

Hardik

3 Answers, 1 is accepted

answered on 28 Apr 2017, 06:59 AM

Hi Hardik,

Thank you for bringing this issue to our attention. It has been logged, and we will do our best to fix it in some of our future releases. Meanwhile you can set the Grid height for the Grids the issue is observed in, e.g.:

http://dojo.telerik.com/iMolO/4

I am sorry for any inconvenience caused. I have also updated your Telerik points for helping us improve the quality of our product.

Regards,
Dimiter Topalov
Telerik by Progress

Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.