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

Row count inconsistent in the Kendo Grid

1 Answer 479 Views

Grid

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

Adam asked on 18 Jan 2017, 12:11 PM

Hi Team,

Need small input here. We are adding rows to the kendo Grid dynamically. Where in the rows gets added successfully, the row count on the page navigation buttons are not coming up properly.

When we are reloading the kendo grid with different set of data, the following issue were observed.
When we click on ">>" or "<<" the total count displayed in the right bottom corner was wrong the records in the newly
added data are getting disappeared. Could you please help me to resolve this issue.

The sample is available in the following Dojo - http://dojo.telerik.com/OWoce/4

Steps to reproduce:
1. Go to the above URL.
2. Click on "add" button.
3. You can see the newly added record on the top.
4. When you click on the ">>" you will observe the total count dispayed is wrong and the newly added record will be
hidden until you click on one of the page number.

1 Answer, 1 is accepted

answered on 19 Jan 2017, 09:40 AM

Hello Adam,

The recommended way to add and remove items to/from the Kendo UI Grid, is via the corresponding dataSource methods (e.g. add() or insert()), so that all changes are reflected properly, and the other integrated functionalities (like paging) are working as expected.

I have modified the dojo with the suggested adjustments:

http://dojo.telerik.com/OWoce/8

I hope this helps.

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.