Completed
Last Updated: 25 Nov 2020 10:30 by ADMIN
Release 2020.R3.SP2

Bug report
Reproducible in mobile mode enabled


Reproduction of the problem
1. Open below demo and enable mobile mode

2. Refresh

https://demos.telerik.com/kendo-ui/grid/editing

Current behavior
Error is thrown, grid not bound 

Expected/desired behavior
No error shall appear

Environment
Kendo UI version: 2020.3.1021
jQuery version: x.y
Browser: [Chrome | Firefox ]

Completed
Last Updated: 31 Aug 2020 08:13 by ADMIN
Release 2020.R3

Bug report

ColumnMenu in Grid does not hide/unhide the correct column when command column is placed first

Reproduction of the problem

  1. Open the Dojo
  2. Open the columnMenu for one of the columns
  3. Try to select a column, for example "Unit in Stock"

Current behavior

Currently, the previous column is checked/unchecked and respectively hidden ("Unit Price")

Expected/desired behavior

The column that is selected in the columnMenu should be hidden or displayed and checked/unchecked in the columnMenu

Environment

  • Kendo UI version: 2020.2.617
  • Browser: [all ]
Completed
Last Updated: 19 Oct 2023 13:00 by ADMIN
Release R1.2024-Increment.1(15.Nov.2023)
Created by: Johann
Comments: 1
Category: Grid
Type: Bug Report
7

Bug report

When a user cancels an inline edit, hidden columns appear instead of staying hidden.

Reproduction of the problem

  1. Go to this Progress Kendo UI Dojo
  2. Click Edit, and cancel the edit

Expected/desired behavior

The hidden columns should remain hidden upon canceling an edited row.

Environment

  • Kendo UI version: 2023.2.829
  • jQuery version: All Supported Versions
  • Browser: all
Completed
Last Updated: 04 May 2022 11:33 by ADMIN
Release 2022.R2
Created by: Resty
Comments: 0
Category: Grid
Type: Bug Report
6
We have a project where we need the infinite scroll, column sorting/filtering, and remote data enabled.  We are having some issues with sort and filter.  For quick reference, I used the grid demo and changed it to reflect our configuration.  The problem is the grid fires the read command twice when we have loaded more than one page of data. No issues when we have only loaded the first page.

https://dojo.telerik.com/UDoREFID

To reproduce:

1.  Open Chrome

2.  Load the page

3. Hit run

4. Open Developer Tool

5. Switch to the Network tab and filter by XHR only  

7. Click ProductName to sort. There is only one AJAX call.

8. Scroll to the bottom so it loads the next page. It made two AJAX calls
Completed
Last Updated: 29 May 2020 07:45 by ADMIN
Release 2020.R1.SP2

Bug report

When the horizontal scroll of the grid is shown and is configured for RTL, the resize handle is mispositioned. 

Reproduction of the problem

1. Make the grid scrollable and set explicit widths to all columns.

2. Make the grid RTL.

3. Introduce multi-column headers.

4. Notice that the columns cannot be resized due to the disposition of the handler.

5. Dojo for replication:

https://dojo.telerik.com/IZInOVUd

6. Notice that whenever the horizontal scroll is not present, the resize handle is positioned correctly.

Environment

* **Kendo UI version:** 2019.3.1023
* **jQuery version:** 1.12.4
* **Browser:** [all] 

Completed
Last Updated: 04 Feb 2025 07:15 by ADMIN
Release 2025 Q1 (Feb)

### Bug report

The column menu of the Kendo UI Grid widget with componentType set to 'modern' has missing translations in the default filter menu.

### Reproduction of the problem

1. Create a filterable grid and enable the column menu with componentType 'modern';

2. Include the localization script for "fr-CA" in the document from the CDN;

3. Open the column menu and expand the filter menu of a specified column. The logic operators "And" and "Or" are not translated.

A Dojo sample for reproduction: https://dojo.telerik.com/UYIrABUw

### Expected/desired behavior

When the column menu type is set to "modern", the operators of the filter menu should be translated as in the "classic' column menu.


### Environment

* **Kendo UI version: 2021.3.914
* **jQuery version: 1.12.4
* **Browser: [all]

Completed
Last Updated: 19 Oct 2023 13:43 by ADMIN
Release R1.2024-Increment.1(15.Nov.2023)

Bug report

The Pager breaks if you use the setOptions method to alter its options.

Regression introduced with 2023.2.829

Reproduction of the problem

  1. Open the Pager Grid demo - https://demos.telerik.com/kendo-ui/grid/pager-functionality
  2. Check either of the checkboxes to change the Pager options

Current behavior

After checking a checkbox, only the arrows remain from the Pager.

Expected/desired behavior

The Pager should remain whole when you alter its options.

Environment

  • Kendo UI version: 2023.2.829
  • Browser: [all]
Completed
Last Updated: 23 May 2019 05:50 by ADMIN
Release 2019.R2.SP.Next

The issue is reproducible when the grid consists only from Multi-header columns, the setDataSource() method has been used and one of the columns is initially hidden.

After setting the new data source, the last header gets hidden. The "display: none;" style has been applied to the "th" HTML element.

Steps to reproduce:

1. Create a grid with multi-header columns only.

2. Hide one column initially.

3. Set a new data source via the setDataSource() method.

4. The last column gets hidden.

Sample Dojo:

https://dojo.telerik.com/AcipENOt

Kendo UI version: 2019.1.220


Completed
Last Updated: 22 May 2020 12:19 by ADMIN
Release 2020.R2.SP.next
Created by: AGB
Comments: 1
Category: Grid
Type: Bug Report
3
Hi Guys,

I have just tripped over a problem in the 2020 R1 release whereby the sort indicator is not being shown when autoBind is set to false.

To illustrate the problem run the following dojo

    https://dojo.telerik.com/eMELiMut

which will show a sort indicator on the 'Ship Country' column.

Now if you uncomment 'autoBind:true' and 'dataSource.read();' and re-run you will see that although the data is being sorted correctly the 'Ship Country' column is missing the indicator.

Regards
Alan
Completed
Last Updated: 11 Jul 2021 15:10 by ADMIN
Release 2020.R3.SP1
Created by: Kazimierz
Comments: 1
Category: Grid
Type: Bug Report
3

Issue that I have can be observed on any grid with checkbox selection and filtering enabled at the same time (I edit this demo https://demos.telerik.com/kendo-ui/grid/checkbox-selection by adding filtering an already I can see my problem).

I have a grid with 10 records with checkbox selection, filtering and "persistSelection" option enabled. I select a single record with a checkbox. I use filtering and only 5 records remain visible, selected record is not visible (didn't match the filter). When I clear the filter my selected record remains checked. If I do the same but filtering causes all records to disappear then after clearing the filter my selected record is no longer checked. So we can see that selection persistence works differently depending on results of filtering. That is confusing and looks like a bug.

Completed
Last Updated: 07 Apr 2022 10:46 by ADMIN
Release 2022.R1.SP.next

### Bug report

When the grid uses GroupPaging, Locked columns and one group spans over two pages, the header rows on the second page are misaligned.

### Reproduction of the problem

1. Create a Grid with GroupPaging and Locked columns.

2. Expand a group that should span over the next page.

3. Navigate to the next page.

4. Rows are misaligned.

### TicketID:
1526394

### Environment

* **Kendo UI version:** 2021.2.616
* **jQuery version:** 1.12.4
* **Browser:** [all]

Completed
Last Updated: 02 Jun 2022 10:59 by ADMIN
Release 2022.R2.SP.next

It is possible to add new inline rows to grid even though they are not valid. 

Steps to replicate in attached dojo:

https://dojo.telerik.com/oJEMAPoJ

1. Apply any search in search panel

2. Click Add New Record (one or mutiple times)

3. Click SaveChanges

4. Delete search phrase

The result is that new rows have been added with empy ProductName column, which supposed to be required.

 

 

 

Completed
Last Updated: 25 Jul 2023 10:51 by ADMIN
Release R3.2023-Increment.2(30.Aug.2023)
Created by: Matt
Comments: 0
Category: Grid
Type: Bug Report
3

Bug report

The Grid's pdf.repeatHeaders option does not display the column headers for each new page when exporting the Grid to PDF

Regression introduced with 2023.1.314

Reproduction of the problem

  1. Open the Grid Export to PDF demo - https://demos.telerik.com/kendo-ui/grid/pdf-export
  2. Export the Grid

Current behavior

The column headers are displayed only on the first PDF page

Expected/desired behavior

The column headers should be present for each PDF page

Environment

  • Kendo UI version: 2023.2.606
  • Browser: [all]
Completed
Last Updated: 27 Aug 2024 08:34 by ADMIN
Release 2024 Q4 (Nov)

Bug report

An error is thrown in the browser console when you navigate to the last Grid page when grouping is enabled.

Regression with 2022.1.301

Reproduction of the problem

  1. Open this Dojo example - https://dojo.telerik.com/aYInodep/3
  2. Expand the Canada group.
  3. Navigate to the last page

Current behavior

An error is thrown on the browser console.

Expected/desired behavior

No errors should be thrown in the browser console

Environment

  • Kendo UI version: 2023.3.1010
  • Browser: [all]
Completed
Last Updated: 04 Mar 2025 09:23 by ADMIN
Release 2025 Q2 (May)

Steps to reproduce the problem:

Have a grid with:

  • specified width (e.g: 1000)
  • column virtualization
  • multiple columns with a width of 100, but most of them hidden in initial state (e.g.: 50 total, but only 8 shown)
  • columnMenu true
  • resizable true

When running the code that create the grid, the initial state looks like this:

Current behavior:

The header columns are filling the width of the grid (each bigger than the specified 100), but the rows columns cells have the specified width of 100, causing a misalignment.

However, changing the width of a column with the resize handle fixes all the widths (header + rows). 
Same thing for adding/removing a column from the menu.

See the attached video for an example.

If in the initial state there are more shown columns so they can fill the grid width (and have the horizontal scrollbar), the issue is not present.

Expected behavior:

Rows columns should always match the width of the header.

Dojo example:

Here's an example, based on the one from https://demos.telerik.com/kendo-ui/grid/column-virtualization 

https://dojo.telerik.com/@pgarand/UfEkIGiD

 

Completed
Last Updated: 24 Feb 2025 10:00 by ADMIN
Release 2025 Q2 (May)

Bug report

When the user adds a group in the Grid and try to add a second group immediately, while the first grouping is still loading, then an error is thron in the console.

Reproduction of the problem

  1. Open the dojo - https://dojo.telerik.com/CvYRPILM
  2. Group by 'Freight' and immediately try to group by another field. Before the grid data source reloads from the first grouping, take another column to be grouped and select it without releasing it in the grouping space.
  3. Once the first group has been loaded, release the second group

Note: you can try setting the n browser Network throttling to Slow 4G to easily reproduce the issue

Current behavior

Error: kendo.all.js:60347 Uncaught TypeError: Cannot read properties of undefined (reading 'left') is thrown and the Grid freezes

Expected/desired behavior

There should be no error in the console and the Grid should not freeze

The issue is a regression starting with 2023.1.314

Environment

  • Kendo UI version: 2024.4.1112
  • Browser: [all ]
Completed
Last Updated: 30 Jun 2025 10:52 by ADMIN
Release 2025 Q3 (Aug)

Bug report

In the Grid, when a new row is added, resized, and then the cancel changes button is clicked, an error is thrown.

Reproduction of the problem

  1. Open this Dojo example - https://dojo.telerik.com/SnPOwoBq/3
  2. Add a new row
  3. Resize the newly added row
  4. Click the cancel changes button

Current behavior

An error is thrown

Expected/desired behavior

No errors should be thrown

Environment

  • Kendo UI version: 2025.2.520
  • Browser: [all]
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.

 

Completed
Last Updated: 01 Jul 2020 14:40 by ADMIN
Created by: Shawn
Comments: 3
Category: Grid
Type: Bug Report
2

We have few of dynamically created grid controls. I like to change the grid header style for all of them. I found this solution on the forum however there is an issue with this. If I override ".k-grid-header th.k-header" the change effects column filter popup content as well. See this example on dojo: https://dojo.telerik.com/@ssharifi/AvayONaQ all text and drop down texts are also effected.

I just need to override the title text. What style can I set so the title text is bold but not the filter options?

Thanks,

Shawn

Completed
Last Updated: 14 Sep 2020 08:10 by ADMIN
Release 2020.R3
Hello,

autoFitColumn not working for columns if they are locked and in multi-column header. Example is below. If I remove "locked: true" from first column, than it works good. Can you help me please?

 
<!DOCTYPE html>
<html>
<head>
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
 
     
     
     
 
</head>
<body>
        <div id="example">
            <div id="grid"></div>
 
            <script>
                $(document).ready(function () {
                    $("#grid").kendoGrid({
                        dataSource: {
                            type: "odata",
                            transport: {
                                read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
                            },
                            pageSize: 20
                        },
                        height: 550,
                        groupable: true,
                        sortable: true,
                        resizable: true,
                        reorderable: true,
                        pageable: true,
                        columnMenu: true,
                        dataBound: function() {                         
                          this.autoFitColumn("CompanyName");
                          this.autoFitColumn("ContactTitle");                         
                        },
                        columns: [{                           
                            title: "Group",
                            width: 420,
                            locked: true,
                            columns: [{title: "CompanyName",width:60, field: "CompanyName"},
                                        {title:"ContactTitle", width:60, field: "ContactTitle"}]
                            },
                        {
                            title: "Contact Info",
                            columns: [{
                                field: "ContactTitle",
                                title: "Contact Title",
                                width: 200
                            },{
                                field: "ContactName",
                                title: "Contact Name",
                                width: 200
                            },{
                                title: "Location",
                                columns: [ {
                                    field: "Country",
                                    width: 200
                                },{
                                    field: "City",
                                    width: 200
                                }]
                            },{
                                field: "Phone",
                                title: "Phone"
                            }]
                        }]
                    });
                });
            </script>
        </div>
 
 
</body>
</html>
1 2 3 4 5 6