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: 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: 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.

Duplicated
Last Updated: 23 Jul 2020 14:09 by ADMIN
There is an annoying bug with the latest version of Kendo UI for jQuery (2020.2.617). In grids with commands, there is a problem in column menu. When we try to show/hide a column, another column is hidden. Here is a sample that reproduces the problem : https://dojo.telerik.com/@kakone/awUhelIZ. In this sample, try to hide the "Ship Country" column, you will see the problem.
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]

Unplanned
Last Updated: 15 Sep 2021 14:48 by ADMIN

### 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: 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: 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: 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
Declined
Last Updated: 19 Jan 2023 13:41 by ADMIN

Bug report

When the Kendo UI Grid is paged and the Search panel input is focused, the page is automatically switched to the first one.

Reproduction of the problem

1. Navigate to the live demo:

https://demos.telerik.com/kendo-ui/grid/search-panel

2. Change page to 2 (for instance).

3. Focus the Search panel input.

4. The page is changed to the first one.


Expected/desired behavior

When the search panel is empty and only focused, the page should remain the same.

Environment

* **Kendo UI version:** 2019.3.1023
* **jQuery version:** 1.12.4
* **Browser:** [ IE 11.768.17763.0] 

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]
Duplicated
Last Updated: 03 Nov 2020 10:09 by ADMIN

Hi,

I updated my project to Kendo UI for jQuery 2020.3.1021 but then all Grids stopped working on mobile or tablet devices. When downgrading to 2020.3.930 grids works fine. Also tried it with 2020.3.1028 but same issue.

I have tested it on iPad, iPad Pro, Samsung S10. Same issue with Chrome/Edge Chromium and emulate a mobile/tablet device.

In the browser console you can see the javascript error: "Cannot read property 'rows' of null".

Reproduction of the problem:

  1. Go to https://demos.telerik.com/kendo-ui/grid/index
  2. Hit F12 top open the Developer toolbar
  3. Click on "Toogle device toolbar" (CTRL + SHIFT + M)
  4. Choose any device, ex: iPad, iPhone
  5. Reload page to make the changes take effect
  6. Click on "Run live demo"
  7. Grid not loading!!
  8. Console is showing a JavaScript error: "Cannot read property 'rows' of null"

 

Declined
Last Updated: 06 Jun 2022 07:53 by ADMIN
Created by: Emily
Comments: 1
Category: Grid
Type: Bug Report
2

Bug report

When applying GroupPaging with local data using a Kendo UI Grid with AngularJS, the error message Uncaught TypeError: Cannot read property 'hasSubgroups' of undefined' appears upon expanding a parent row.

Reproduction of the problem

  1. Go to this Progress Kendo UI Dojo.
  2. Attempt to expand the row.

Current behavior

Currently, the UID for the group is not matching the group row's UID, and the error message appears.

Environment

  • Kendo UI version: 2021.1.224
Completed
Last Updated: 12 Apr 2022 13:33 by ADMIN
Release 2022.R1.SP.next

Bug report

When sorting is enabled for a virtualized Grid with local data, in some cases the Grid does not show correct items when sorted.

Reproduction of the problem

1, Open the Dojo example
2. Scroll to the bottom
3. Sort the Grid

Current behavior

Only the last 3 items are displayed. (screencast)

Note: The issue does not occur every time.

Expected/desired behavior

Enough items to fill the Grid height should be displayed. There should be no blank space without records.

Environment

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

1 2 3 4 5 6