Unplanned
Last Updated: 01 Oct 2020 12:46 by ADMIN
I would like to request the feature to allow auto-Scrolling in the Kendo UI Grid when selecting cells outside of the displayed view of records.  I would specifically like to see this feature for columns out of view from the right or left.  This would be similar to Excel's behavior.

Thank you!
Completed
Last Updated: 13 Jan 2020 09:22 by ADMIN
Release R1 2020

When using the Nova theme locked command columns are not styled correctly.   
In the following dojo one command column is locked and not styled while another command column is not locked but styled correctly.
https://dojo.telerik.com/eWECAZEw

Here's the code in case the dojo doesn't work:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.common.min.css">
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.rtl.min.css">
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.nova.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.mobile.all.min.css">

    <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.2.619/js/kendo.all.min.js"></script>
</head>
<body>
  
<div id="grid"></div>
<script>
  var dataSource = new kendo.data.DataSource({
    data: [
      { category: "category 1", subCategory: "sub. category 1", name: "product 1", val: 1 },
      { category: "category 1", subCategory: "sub. category 1", name: "product 2", val: 1 },
      { category: "category 1", subCategory: "sub. category 1", name: "product 3", val: 1 },
      { category: "category 1", subCategory: "sub. category 1", name: "product 4", val: 1 },
      { category: "category 1", subCategory: "sub. category 2", name: "product 5", val: 1 },
      { category: "category 1", subCategory: "sub. category 2", name: "product 6", val: 1 },
      { category: "category 1", subCategory: "sub. category 2", name: "product 7", val: 1 },
      { category: "category 1", subCategory: "sub. category 2", name: "product 8", val: 1 },
      { category: "category 1", subCategory: "sub. category 3", name: "product 9", val: 1 },
      { category: "category 1", subCategory: "sub. category 3", name: "product 10", val: 1 },
      { category: "category 1", subCategory: "sub. category 3", name: "product 11", val: 1 },
      { category: "category 1", subCategory: "sub. category 3", name: "product 12", val: 1 },
    ]
  });
  
$("#grid").kendoGrid({
  columns: [
    { command: "edit", locked: true, width: 150 }, // <<-- columns is locked
    { field: "category", locked: true, width: 150 }, // <<-- columns is locked
    { command: "edit", width: 150 },
    { field: "subCategory", width: 200 },
    { field: "name", width: 500 }
  ],
  dataSource: dataSource,
  scrollable: true,
  selectable: "row"
});
</script>
</body>
</html>
Declined
Last Updated: 24 Jan 2020 09:30 by ADMIN
Created by: Bracken
Comments: 1
Category: Grid
Type: Feature Request
2

We need the ability to merge grid rows with the same values (see attached). This is a feature our customers have come accustom to with our Windows UI and the Developer Express toolkit. I understand I can manipulate the rowTemplate to achieve similar results but it is my understanding this will cause issues with row selection, editing, etc... Is this something that can be introduced in the future?

Regards,

Bracken

Declined
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];
grid.editRow(model);
model.set('title', '');
model.set('title', 'test 1111'); // it will fail


 

Completed
Last Updated: 27 Dec 2019 13:32 by ADMIN
Created by: Chingis
Comments: 1
Category: Grid
Type: Feature Request
0

Request

I'd like to ask for a demo which utilizes the most up to date approach to creating a Kendo UI Grid using NPM, TypeScript, and in a SharePoint 2019 with a Gulp serve environment. 

Thank you for your consideration!

Unplanned
Last Updated: 09 Aug 2019 11:12 by ADMIN
When using server paging and grouping when the new subset of data is requested the content which is rendered does not correctly match data. More information in ticket 1422210
Unplanned
Last Updated: 27 Dec 2019 13:33 by ADMIN
Created by: David
Comments: 0
Category: Grid
Type: Feature Request
0

Please consider adding groupHeaderColumnAttributes as a feature. groupHeaderColumnTemplate is a welcome addition to the grid capabilities and it would be great to easily set styles on group header columns. Frankly, it would be helpful to have attributes available for templates (groupHeader, groupFooter, etc.).

 

Thanks

Unplanned
Last Updated: 02 Aug 2019 15:09 by ADMIN

Hi, 

Here is the dojo to reproduce. In this dojo I've created imitation of data, that coming from server in our case. The main idea is to have a grid with lazy loading - it has 10 groups (page 1) and after scrolling down it loads 10 more groups (page 2) and etc.

 

Issue 1. 

After scrolling down, data from the last group is updated with some data, that is not belongs to it. Please see 'Issue1.png' attached.

Issue 2.

Groups from the first page are duplicated after scrolling down. For example, there is a group named 'C3'. After scrolling down, it is duplicated once again. Please see 'Issue2.png' attached. New groups are placed after these duplications. By the way, as groups from the 1st page are duplicated, there is more than 20 groups is shown, but the counted at the bottom of the grid says that '20 of 137' elements are show.

 

So it would be great, if you could fix that. Or even provide temporary fix for us.

Thank you!

Completed
Last Updated: 10 Apr 2020 17:37 by ADMIN
Release 2019.R3.SP1

the Kendo grid does't accept cell value changes when using android mobile phone with the Chrome browser. You can test it on the telerik demo https:demos.telerik.com/aspnet-mvc/grid/editing.

for example change the value of the Unit Price and go to the other cell. you will see that the value will become the original value.

just by touching some where outside the border of the grid the value will change.

Completed
Last Updated: 05 Aug 2020 08:29 by ADMIN
Release 2020.R1.SP1

Following example @ https://docs.telerik.com/kendo-ui/knowledge-base/grid-sort-displayed-columns-menu-items sorts a column menu. When hide column is then clicked, the wrong column is hidden.

This can be seen in your own dojo example linked in the above doc and @ https://dojo.telerik.com/UWuxOseV . Hiding column Ship Name hides Ship Address instead.

This seems to have been introduced in 2019 R2 SP1 version.

 

Declined
Last Updated: 02 Aug 2019 09:53 by ADMIN

Hi

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.

 

Completed
Last Updated: 27 Dec 2019 13:37 by ADMIN
Created by: JEAN CHARLES
Comments: 3
Category: Grid
Type: Bug Report
1

When clicking on CheckBox to select a line, the widget check other checkbox (on other column of the same line) inserted from column template.

I suppose that the selector that the system use is too large.

 

For information, i created a template for boolean column based on how kendo generate checkbox structure (just de be coherent)

 

See the code extracted from https://dojo.telerik.com/EqiPIkiV

 

 var checkBoxtemplate = function(boolValue){
   	var checkedStr = '';
    if (boolValue) {
    	checkedStr = 'checked="checked"';
    }

        
    return '<input class="k-checkbox" data-role="checkbox" ' + checkedStr + ' type="checkbox"><label class="k-checkbox-label k-no-text smi-checkbox-fordisplay"></label>';
 };
  
$("#grid").kendoGrid({
  columns: [
    {
      selectable: true, 
      width: '30px'
    },
    { field: "name" },
    { field: "age" },
    { field: "administator", 
      template: function (dataItem) { 
        return checkBoxtemplate(dataItem.administator); 
      }  
    }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30, administator: false },
    { name: "John Doe", age: 33, administator: false },
    { name: "BigBoss Doe", age: 70, administator: true }
  ],
  selectable: true
});

Completed
Last Updated: 18 Dec 2019 16:04 by ADMIN
Release 2019.R3.SP1
Currently, if you use alwaysVisbile=false, the pager disappears on each grid rendering and it's very annoying for the end user. Another strange thing about this pager is the way the logic works behind. If the rows are equal to the page number of rows, currently you'll see the pager, but in fact you don't need it. 
Completed
Last Updated: 08 Jul 2021 20:34 by ADMIN
Release 2019.R3
Created by: Bridge24
Comments: 0
Category: Grid
Type: Bug Report
0
  1. Navigate to: https://dojo.telerik.com/AJoVUwen/2
  2. Click setOptions button multiple times.
  3. Sort some column

Result: The old events handlers are not cleared(see the console).

Unplanned
Last Updated: 17 Jun 2019 09:42 by ADMIN
### Bug report

Ticket ID 1410772

### Reproduction of the problem

Calling dataSource.query with an empty object before the grid is initialized throws an error.

[https://dojo.telerik.com/OzasiZug/5](https://dojo.telerik.com/OzasiZug/5)

``` 
         ...
          var dataSource = new kendo.data.DataSource({
            type: "odata",
            transport: {
              read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
            },
            pageSize: 5
          });

          dataSource.query({});


          var grid = $("#grid").kendoGrid({
            dataSource: dataSource,
          ...
```

### Current behavior

An error is thrown.

### Expected/desired behavior

No error should be thrown


### Environment

* **Kendo UI version:** 2019.2.514
* **jQuery version:** 1.12

Completed
Last Updated: 19 Dec 2023 14:50 by ADMIN
Release R1.2024-Increment.2(31.Jan.2024)
When using a screenreader in navigate mode the grid does not announce that the column headers are links that can be used to sort the table.  There are aria-label tags added when a grid grouping function is active (like the demo at https://demos.telerik.com/kendo-ui/grid/keyboard-navigation), but there is no aira-label text to indicate the sorting behavior. 
Unplanned
Last Updated: 31 May 2019 15:01 by ADMIN

Cannot read property 'groupHeaderColumnTemplate' of undefined.

I have my grid, with 4 columns:

 

var dataSource = new kendo.data.DataSource({
                    transport: {
                        read: {
                            url: Utils.getUrlServices() + "getGrid",
                            dataType: "json",
                        }
                    },
                    requestEnd: function (e) {
                    },
                    schema: {
                        model: {
                            fields: {
                                id: {type: "number"},
                                name: { type: "string" },
                                    namecompany: { type: "string" },
                                hours: {type: "number"},
                                date: {type: "date"}
                            }
                        }
                    },
                    pageSize: 500,
                    group: [
                         {
                             field: 'name',
                             aggregates: [
                                          {field: "hours", aggregate: "sum" }
                                      ]
                         }, {
                             field: 'nomeImpresa',
                             aggregates: [
                                          {field: "hours", aggregate: "sum" }
                                      ]
                         },
                         { field: "hours",
                             aggregates: [
                                  {field: "hours", aggregate: "sum" },
                                  {field: "name", aggregate: "sum"},
                                  {field: "nameCompany", aggregate: "sum"},
                                  {field: 'date', aggregate: 'sum'}
                              ]
                         },
                         {field: 'date',
                             aggregates: [
                                          {field: "hours", aggregate: "sum" }
                             ]
                         }
                     ],
                     aggregate: [
                         {field: 'hours',aggregate: 'sum'}
                     ]
                });
                self.Grid.set("source", dataSource);

 

 

When i grouping for Date field, the browser run this error: 

 

kendo.all.js:65435 Uncaught TypeError: Cannot read property 'groupHeaderColumnTemplate' of undefined
    at HTMLTableRowElement.<anonymous> (kendo.all.js:65435)
    at Function.each (jquery.min.js:2)
    at I.fn.init.each (jquery.min.js:2)
    at init._renderGroupRows (kendo.all.js:65417)
    at init.hideColumn (kendo.all.js:64983)
    at Function.KendoUtils.hideGridColumns (kendo.utils.js:330)
    at init.dataBound (eval at <anonymous> (jquery.min.js:2), <anonymous>:77:32)
    at d (jquery.min.js:2)
    at init.handlers.<computed> (kendo.all.js:9520)
    at init.trigger (kendo.all.js:124)

 

 

 

 

 

 

 

 

 

Declined
Last Updated: 16 Mar 2020 15:24 by ADMIN

### Reproduction of the problem
1. Run the Checkbox selection demo in IE 11.706.17134 - https://demos.telerik.com/kendo-ui/grid/checkbox-selection
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 ] 

Completed
Last Updated: 27 Jan 2025 13:52 by ADMIN
Release 2025 Q1 (Feb)

When there is not enough space for the filter menu to be opened downwards, it should be opened on top. However, the first time it is opened, it is positioned below the filter button. 

Experienced behavior: 

Filter menu is mispositioned when first opened. With consequent openings, the menu is positioned as expected.

Expected behavior: 

The calculation for the positioning should be done even with the first initialization.

A sample Dojo for the reproduction of the issue:

https://dojo.telerik.com/iRaDakEs

First initialization:

https://www.screencast.com/t/vmnVGhDBobi

Second opening:

https://www.screencast.com/t/S6Qzza6ve4UO


Completed
Last Updated: 27 Dec 2019 13:46 by ADMIN
Whether you try to resize a "grouping column" (a column without an associated field) or a "data column" (the lowest level column - one with a data-index), resizeColumn does not work. The grid gets messed up. Sometimes the wrong column gets resized, sometimes columns just disappear.