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

Bug report

In a Grid with virtual row and column scrolling enabled, if there are large number of hidden columns, the horizontal scrolling is very slow.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/EWeVaQOc/12
2. Try to scroll horizontally

Current behavior

Horizontal scrolling is slow

Expected/desired behavior

Horizontal scrolling should be smooth

Environment

• Kendo UI version: 2023.3.1114
• Browser: [all]

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 ]

Hiding the first column in Grid will show a 2 pixels left border instead one.

Dojo Sample to replicate the issue: https://dojo.telerik.com/ubaLiYEN

Steps:

1. Hide the first column (OrderID) from the Column Menu.

2. Notice the doubled left-border on the left hand side of the Grid.

Hello,

we have the following problem:

In the dojo https://dojo.telerik.com/uJUGEQuh clicking on a row from the skleton loader in the grid causes an error. It seems like you want to access the "id" field from the datasrouce model which doesn't exist in the loading animation.

model:
{
	id: "Id",
	fields: 
	{
		ProductName: { type: "string" },
		Id: { type: "number" }
	}
}

If you rename the "id" field to for exmaple "XXXX" the error message changes

from:

Uncaught TypeError: Cannot read properties of undefined (reading 'Id')

to:

Uncaught TypeError: Cannot read properties of undefined (reading 'XXXX')

We attached a gif of the problem and the code snipped of the dojo. The browser is Chrome Version 109.0.5414.120 (Official Build) (64-Bit)

Greetings

Ingo E.

Bug report

When the number of groups is less than the page size count the grid does not display the entire set of groups

Reproduction of the problem

Run this dojo - https://dojo.telerik.com/@efb@qad.com/eCizuraT

Current behavior

Only a subset of the groups is displayed

Expected/desired behavior

All the groups should be displayed

Environment

• Kendo UI version: 2022.3.915
• Browser: [all]

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.

Steps:

1. https://dojo.telerik.com/URaJeSEk
2. Click the "Change Price" button

Expected: kendoConsole logs the dataItem info in the top message
Actual: dataItem() doesn't find the model even though it exists in the Grid dataSource

In the Grid source code in the refresh function, _data is set to dataSource.view() if partialUpdate is true. For a grouped dataSource, view() will return the parents. This breaks the dataItem function since it relies on the flat array for retrieval.

It looks like this issue was introduced in version 2024.1.319 as it doesn't seem to affect 2024.1.130.

Bug report

Grid throws error when partial update is executed and selection is persisted

Reproduction of the problem

1. Open the following dojo.
2. Select a row.
3. Place it into edit mode.
4. Make some changes and click on the Save command button.
5. Try to select another row.

Current behavior

The Grid throws an error when the partial update is executed and the selection is persisted.

Expected/desired behavior

The Grid should not throw an error when the partial update is executed and the selection is persisted.

Environment

• Kendo UI version: 2024.1.319
• Browser: [all]

Bug report

When calling the exportSelectedToExcel method and passing true to it, so that the headers are also exported, a js exception related to the aggregates (count, sum, etc.) is thrown.

Reproduction of the problem

Dojo example: https://dojo.telerik.com/UkIloRag/3

1. Select a few cells and click the button above the Grid.

Current behavior

A js exception is thrown.

Expected/desired behavior

No js exception is thrown and the Grid is exported as expected.

Environment

• Kendo UI version: 2022.2.621
• jQuery version: x.y
• Browser: [all]

Bug report

Using groupHeaderColumnTemplate in Group Paging causes group rows to render without a group-data-uid attribute

Reproduction of the problem
Dojo example: https://dojo.telerik.com/AzecInaY

Inspect grouping row element

Expected/desired behavior
The group-data-uid attribute shall be present

Environment
Kendo UI version: [all]
jQuery version: x.y
Browser: [all]

Bug report

When using specific themes for a scrollable Kendo UI Grid which have long titles within the column header, the sort icon are partially shown or not shown.

Reproduction of the problem

1. Please check out this Progress Kendo UI Dojo
2. Sort the first column

Current behavior

The sort icon is not shown upon sorting.

Expected/desired behavior

The sort icon should be shown as expected with every theme.

Environment

• Kendo UI version: 2021.3.1109
• jQuery version: 3.6
• Browser: all

We are using kendo Datagrid where we wanted to apply pagination.

We are using pageSizes property of pageable object to set the no of items per page to render. We are also using buttonCount property to control the number of buttons.

Problem : For example I have 200 records , if I set pagesSizes=1 so technically I will have 200 paging button and if i set buttonCount to 60 than UI gets distorted. Find below is stackblitz URL where I have set pagesSizes=1 and if you set Maximum number of buttons = 70 UI will break.

URL : https://cuezkg--run.stackblitz.io/ 

Hi team,

To reproduce that, go to https://demos.telerik.com/kendo-ui/grid/persist-state

- first, inspect the TH element of the "Contact Name" column, no headers attribute. (screenshot 1)

- then click on "Save State" button and click on "Load State" button.

- now, inspect again the TH element and you will find the attribute "headers"="undefined", on each column actually. (screenshot 2)

Not a big deal but this makes an entry (serious) with the Axe plugin accessibility checker.

Please advise and propose a workaround if any.

Best regards,

Laurent.

Bug report

Remote data source is not correctly "in sync" when page up/page down buttons are used in Grid with Endless scrolling of remote data

Expected/desired behavior
Endless scrolling shall behave as when the mouse scrolling is used

Environment
Kendo UI version: [all]
jQuery version: [all]
Browser: [all] 

Bug report

Currently if the grid has its selection mode set to a "single" row, the user ca select one row on each page. The "single" row selection should be global, not page specific.

Ticket ID

Reported in ticket 1550865

Reproduction of the problem

Run the following example:

https://dojo.telerik.com/@gdenchev/aToMonEy

Select a row on the first page. Go to the second page and select another row. Go back to the first page. The row is still selected, even though we selected a different row on page 2.

Current behavior

Currently the user can select one row on each page.

Expected/desired behavior

If a row is selected, all other rows across all pages, should be deselected.

Environment

• Kendo UI version: 2022.1.119
• Browser: [all]

Workaround

A workaround is provided in the following Dojo example:
https://dojo.telerik.com/@PMcDonou/oWOyIpAg

The current version of Kendo UI no longer allows you to align column headings as described in the demo https://demos.telerik.com/kendo-ui/grid/cell-alignment

It occurs because a nested tag (k-link) is set as display: flex;

You can see an example of it on your own demo site (link above) - Ship City header should be centered but isn't.

{
    field: "ShipCity",
    title: "Ship City",
    headerAttributes: { style: "text-align: center" },
    attributes: { style: "text-align: right" }
}

Bug report

When the persistSelection option of the grid is disabled and several rows are selected across several pages, the selectedKeyNames() method returns all IDs instead of only the ones on the current page.

Reproduction of the problem

1. Set persistSelection to false.

2. Select several rows across several pages.

3. Call the selectedKeyNames method

4. Observe that IDs that are not on the current page are returned.

The steps can be replicated in the following live demo:

https://demos.telerik.com/kendo-ui/grid/checkbox-selection

### Environment

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