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

Kendo UI Grid Fillter/Pagination Dropdown

3 Answers 440 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Hardik
Top achievements
Rank 1
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

Sort by
0
Dimiter Topalov
Telerik team
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.
0
Hardik
Top achievements
Rank 1
answered on 05 May 2017, 09:40 AM

Thanks for the response Dimiter!

I will set fix height to all grids to solve the issue. Please do update me once this issue is resolved in next release.

Regards,

Hardik

0
Dimiter Topalov
Telerik team
answered on 08 May 2017, 08:38 AM
Hi Hardik,

You can track the issue in our public GitHub repository, and get updates for its state when such become available:

https://github.com/telerik/kendo-ui-core/issues/3124

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.
Tags
Grid
Asked by
Hardik
Top achievements
Rank 1
Answers by
Dimiter Topalov
Telerik team
Hardik
Top achievements
Rank 1
Share this question
or