Please implement multi-row drag-and-drop in the Grid widget.

Bug report

When the Grid is used with MVVM, if there is a footer template defined for a given column and 'data-auto-bind' is set to false, the footer template is not rendered properly.

Reproduction of the problem

1. Open this Dojo and run it. See the expected footerTemplate result
2. Change the 'data-auto-bind' property to false
3. Run the project again

Current behavior

The footerTemplate defined for the "Unit" column is displayed under "ProductName"

Expected/desired behavior

The footerTemplate defined for the "Unit" column should be displayed under the "Unit" column

Environment

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

Create Grid with scrollable, resizable, navigable settings set to true in RTL (Chrome Version 85.0.4183.121 (Official Build) (64-bit))

• If scroll exists, resize in column will not work
• after scrolling the scroll to left, when try to edit inline cell in left side, scroll eventually go back to the scroll start position(in the right) and cell is closed for edit(have no option to edit grid with big amount of columns)
• after scrolling the scroll to left, mouse hover to column header removes all column headers, the headers appears after moving the scroll to the start position 

Link to Dojo:

https://dojo.telerik.com/IZInOVUd/4

video:

https://drive.google.com/file/d/1pQa4UVLcMUg929JgTtKJ1udxIAbWtn0m/view

Regards,

Viewing the grid columns and arranging data based on respective media queries

I'm currently get my application up to WCAG 2.1 compliance, however im come across an issue with the kendo grid that is causing it to fail.

when I load up the page there are no issues, the column headers id is a randomly guid and the cells below aria-describedby attributes reference that guid.
However when I press on the column header it sorts the column however in doing so it changes the id of header and this causes the cells below to have their aria-describedby attribute to reference an id that doesn't exist anymore. 

I have the grid keyboard navigable.

Is there anyway to force it to always use an id?

Bug report

When a Kendo UI Grid has been initialized via a table, If the user sets the th element with data-menu="false", the menu attribute is read as a string instead of a boolean.

Reproduction of the problem

1. Go to this Progress Kendo UI Dojo.
2. The make and model have data-menu="false". But the column menu contains both columns.

Expected/desired behavior

The data-menu configuration should be parsed to a boolean.

Environment

• Kendo UI version: 2021.1.119

Bug report

A js exception is thrown on selecting a row with the select method, when the Grid's scrollable option is disabled. The exception started appearing since R3 2020 SP1.

Reproduction of the problem

1. Go to: https://dojo.telerik.com/adExIfAp/6
2. Run the example

Current behavior

A js exception is thrown on calling the select method.

Expected/desired behavior

No exception is thrown.

Environment

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

Bug report

Grid's footer is moving together with its pager based on the configuration of the pageable.position property.

Reproduction of the problem

1. Open this Dojo and run it

Current behavior

The footer of the Grid is positioned above its pager

Expected/desired behavior

With pageable.position set to "top" only the pager should be moved above Grid's rows. Its footer should stay at the bottom of the component, below its rows.

Environment

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

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]

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

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

Bug report

In a navigatable Grid with a custom ComboBox cell editor, clicking the clear button closes the cell instead of clearing the value in the ComboBox.

Regression introduced with 2023.2.606

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/OgEBOGoz/2
2. Edit a cell
3. Click the ComboBox clear button

Current behavior

The cell exits the edit mode when the button is clicked and the value is not cleared

Expected/desired behavior

The cell should remain in edit mode and the value should be cleared

Environment

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

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 reordering expanded rows, the "rowReorder" event does not return a correct "oldIndex".

### Reproduction of the problem

1. Create a hierarchical grid and enable the reorderable.rows property;

2. Expand all rows;

3. Handle the "rowReorder" event and log the event data in the browser console;

4. Move the second row above the first row. The property "oldIndex" returns a wrong value. It should be "1".

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

### Expected/desired behavior

The "rowReorder" event of the grid should return the correct indexes of the moved row.

### Environment

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

Bug report

Reproduction of the problem

https://dojo.telerik.com/umOWEMEx

1. Drag and drop Company Name to the group area, to make the grid group by Company Name

2. Reorder Contact Info next to Company Name by drag and drop the column header (from unlocked to locked)

3. Reorder Contact Info back to original place (from locked to unlocked)

Current behavior

The header of Contact title is showing at the left side of Company Name

Expected/desired behavior

The header of Contact title is showing under Contact Info

Bug report

When using a ForeignKeyColumn that is bound to a dataSource, the Grid options will not be available initially such as during the document.ready event.

Reproduction of the problem

Please visit this Progress Kendo UI Dojo which demonstrates the Grid unable to retrieve the options, and receiving a JavaScript error.

Expected/desired behavior

The Grid options should be available upon the document.ready event with a databound ForeignKeyColumn.

Environment

• Kendo UI version: 2022.2.510
• jQuery version: 3.6.0
• Browser: All

Bug report

When the data in a Grid is filtered and grouped and then we try to add a new record an error is thrown

Reproduction of the problem

1. Open the Dojo example.
2. Filter a column (ex. filter ProductName that contains 'a')
3. Group by UnitPrice
4. Click the external 'add' button.

Current behavior

The following error appears in the broswer console: Uncaught TypeError: Cannot read properties of undefined (reading 'length')
The error appears no matter if dataSource.add() method or gridData.splice(0, 0, newData); is used

Expected/desired behavior

There should be no error when an item is added to the Grids dataSource

The issue is a regression starting with 2022.2.621

Environment

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

Bug report

In case the inline editing is enabled in the Grid and also there is a selectable column, checking/unchecking the selectable column will check/uncheck all the checkboxes on the row.

Reproduction of the problem

1. Open the Dojo example.
2. Click 'Edit'
3. Check/uncheck the checkbox in the first column.

Current behavior

All the checkboxes on the row are checked/unchecked.

Expected/desired behavior

Only the checkbox in the selectable column should be checked without affecting the checkboxes in the other column.

The issue is a regression introduced with 2022 R1 (2022.1.119)

Environment

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