Last Updated: 19 Mar 2020 13:52 by ADMIN

Since the 2019 R1 release k-pager-sm (k-pager-lg, k-pager-md) classes are assigned dynamically based on the width of the page to make the component responsive (as I understood from

When grids are used on bootstrap tabs (both boostrap 3 and 4) the k-pager-sm class is added incorrectly, causing the pagers on tabs other than the first to be displayed only partially.

A JSFiddle to demonstrate this:

The pager on the 1st tab:

And on the 2nd and 3rd tab:


(we've solved it with a workaround by dynamically removing the k-pager-sm class again on dataBound, but this shouldn't be necessary)

Last Updated: 17 Mar 2020 10:07 by ADMIN

Starting from a Grid's "endless scrolling demo" on:

Edit grid configuration to set smaller page size. All items of the first page need to be visible on the screen plus some free space. A grid height needs to be set. See this DOJO:

The vertical scroll bar is disabled and there is no way to get/see next pages of data.

Interesting is that use of the horizontal scrollbar (if one is available) starts some background operation (looks as data page load) and then the vertical scrollbar is OK.

Last Updated: 18 Dec 2019 15:56 by ADMIN
Created by: Jay
Comments: 2
Category: Grid
Type: Bug Report
While the grid pager is enabled, if set a new datasource of this grid via javascript ( grid.setDataSource(new ), multiple pager numbers wrapper wil be created. And this makes pager layout wrong.
Last Updated: 18 Dec 2019 15:59 by ADMIN
Created by: Peter
Comments: 1
Category: Grid
Type: Bug Report
  • Create e.g. local data grid (id, name)
  • add 2 records => { id: 1, name: "null", id: 2, name: "Jack" }
  • Name column for id = 1 is empty

I have tested this on your example for local data grid. It can be applicable also for remote grid, treelist, etc.


Last Updated: 18 Dec 2019 16:01 by ADMIN
I try to use new search panel with server side pagination, but it do not work properly.
Last Updated: 27 Dec 2019 13:31 by ADMIN
  1. Create a grid with two editable columns.
  2. Define validation rules for both columns. Keep one column as required.
  3. Edit the row. Set the required column value using model.set method.'

It fails because before setting the value it performs validation. If validation was successful then it will set the value on model.

Since the desired field has no value and validation rule will fail on that.


It should accept the value and then perform validation. If validation fails with new value then it might discard the changes.


$("#grid").kendoGrid({ dataSource: { batch: true, transport: { read: function(e){ e.success([1,2,3,4,5,6,7,8,9].map(function(i){return {id: i, title: "test" + i}})); } }, schema: { model: { id: "id", fields: { id: {defaultValue: "-1"}, title: { validation: { required: true } } } } } }, columns: [ {field: "title", title: "Title", filterable: {field: "title.a"}}, {command: ["edit", {name: "destroy"}]} ], editable: {mode: "inline"}, filterable: true, toolbar: [{name: "create"}] });


var grid = $("#grid").getKendoGrid();
var model = grid.dataItems()[0];
model.set('title', '');
model.set('title', 'test 1111'); // it will fail


Last Updated: 02 Aug 2019 09:53 by ADMIN


I am binding columns dynamcially in jquery without template column header spacing working file becuase i have added "[ ]" this symbol.

but when try to add anchor tag link with onclick method then i am getting issue.

i have attached file java script error please provide some solutions.


Last Updated: 16 Mar 2020 15:24 by ADMIN

### Reproduction of the problem
1. Run the Checkbox selection demo in IE 11.706.17134 -
2. Try clicking a checkbox

### Current behavior
Two clicks are required to change the state of the checkbox.

### Expected/desired behavior
Checkbox should be checked/unchecked with a single click

### Environment

* **Kendo UI version:** 2019.2.514
* **Browser:** [ IE 11.706.17134 ]