The autofix column feature does not work properly if you enable sorting on the grid. You can see the issue if you open the Dojo for the following demo: https://docs.telerik.com/kendo-ui/knowledge-base/grid-autofit-all-columns-width

If you sort e.g. by column "Ship Country" and sort ascending you will see the name of the column ending with "..." but not the icon for the sort direction. If you press the column again and sort descending than everything works as expected - the column width increases and the icon is show.

I tested the problem in multiple browsers, but the main browser I have to support will be the IE.

BR,
Christian 

The following event-handler does not work when run in a mobile environment (iPad). Otherwise it works as expected:

Result: all columns a set to their minimum width.

 

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

// ...       

],

        columnShow: function (event) {

            console.time('autoFitColumn');
            for (var i = 0; i < this.columns.length; i++) {

                var col = this.columns[i];
                             this.autoFitColumn(i);
            }
            console.timeEnd('autoFitColumn');
        },
      // ...
        filterable: true,
        sortable: {
            mode: "multiple",
            allowUnsort: true
        },
        pageable: true,
        reorderable: true,
        scrollable: true,
        columnMenu: true,
        mobile: true,
    }); 

Link to GitHub issue - https://github.com/telerik/kendo-ui-core/issues/4705

### Reproduction of the problem:

1. Run this dojo
2. Collapse one or more of the subCategory groups
3. Collapse the category Group
4. Expand Category


### Current behavior

The aggregate rows are missing and the locked and unlocked content is misaligned

### Expected/desired behavior

Rows should be aligned

Hi,

In my kendo grid , when i apply a filter to 2 columns, first i apply filter to numeric column which results in no value and then after that i applies the filter to a string column combined with numeric column which also results to no value, Nothing is displayed. But when i remove the value from textbox of numeric column and enter filter, no data being displayed as string column filter is there but in case i remove the value from textbox of string column and enter filter , numeric column filter also got removed.

I also checked the kendo functionality , but not getting any solution for this problem.

Bug report

When PivotConfiguratorV2 and Grid are configured on the same page and sortable and/or filterable are enabled for both components an error is thrown in the console when trying to filter.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/utiHOPIc
2. Click to filter the data in the Grid using the column menu

Current behavior

The following error is thrown in the console:
Uncaught TypeError: Cannot read properties of undefined (reading 'close')

Expected/desired behavior

There should be no error in the console and it should be possible for both PivotConfiguratorV2 and Grid to be sortable and filterable.

Environment

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

Bug report

When the scrollable option of the Grid is set to "virtual: 'columns'", the reordering of the columns cannot be performed while dragging over the field headers.

Regression introduced with 2022.3.913

Reproduction of the problem

1. Open the Dojo example - https://dojo.telerik.com/AMeHorIC/3
2. Try to reorder the columns while dragging over the field headers.

Current behavior

The columns cannot be reordered from the field headers. Instead, the field headers are flickering.
Screen recording - https://screenpal.com/watch/c0jrQ2Vpr8e
If the reordering is performed below the headers, it works properly.

Expected/desired behavior

Should be able to reorder the columns from the field headers without flickering.

Environment

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

Bug report

In the draggable Grid, after new items are created the dragging of the rows does not work as expected.

Reproduction of the problem

1. Open the Dojo example - https://dojo.telerik.com/@NeliKondova/USiBUBex
2. Add multiple items - lets say 4,5,6
3. Try to drag the rows to reorder them.

Current behavior

Sometimes the rows can not be moved at all, sometimes it is dropped in the wrong place.

Expected/desired behavior

The rows should be dragged and dropped without any issue even after creating new items in the Grid.

Environment

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

Incorrect role as link is defined for header controls of 'Branches' table.

Hello,

Just upgraded to 2022.2.802 Kendo UI for jQuery and noticed that when clicking on a row in a grid it correctly highlights it (e.g. dark blue), but doesn't maintain the selection when moving the mouse from the row. This appears to be a breaking change - at least for our code. Previously it would still be selected/highlighted when moving the mouse away from the row.

Cheers,
Nick

Original posted on the forum. Looks like someone else has this issue as well.

https://www.telerik.com/forums/grid-does-not-maintain-row-selection-visually-highlighted

Bug report

columns.field.filterable.cell.inputWidth does not apply since R1 2022

Reproduction of the problem

Dojo: https://dojo.telerik.com/oVILIzaW

Current behavior
Width of autocomplete input is not affected

Expected/desired behavior
Width shall be reflected

Workaround

Environment
Kendo UI version: 2022.2.621
Browser: [all]

We are using the latest version (5.4.0) of the "Classic" SASS theme for Kendo UI and override several scss variables to adapt the grid's look&feel to our requirements. One thing we did was setting $grid-header-padding-x and $grid-header-padding-y to 2px each.

If the content of the grid header is long enough to be truncated, sorting indicators etc. are partially moved out of the cell.

Since I cannot modify scss variables in DOJOs, I have tried to apply CSS styles to simulate the behavior: https://dojo.telerik.com/EMOYUREh.

As you can see, the th element applies some padding that .k-cell-inner removes again. On the right side, however, the negative margin is bigger than the padding added by the th element which causes the content to move out of the cell.

Bug report

Shift selection is not working correctly when multi-column headers are configured in a grid and selectable: "multiple cell" is configured


Reproduction of the problem

Current behavior
Shif selection not working correctly


Environment
Kendo UI version: 2022.2.510
jQuery version: any. Demo 1.12.4 and our code is 3.6.0
Browser: [all]

Hello again Kendo Support,

I believe I have found a bug with the kendo grid when using column virtualization. When turning on selectable rows, row selection is lost upon horizontal scroll. The bug can be easily reproduced using the following sample: https://dojo.telerik.com/osUKOZol

Is there any work around or plans to fix this bug in the future? Turning on virtual columns was a performance boost for our application and we'd hate to have to turn it off. 

Hi,

I've found a bug in the jQuery template code for Kendo Grids. Seems that it directly injects the name of a field from the data source results under the assumption that the field name is a valid JavaScript identifier (i.e. data.someIdenifier). But when the data source results contain a field name that is a number (as in my case), this results in invalid JavaScript (i.e. data.1234) and causes the Kendo Grid code to error. I notice that in some places in the template code, indexing is used instead of member access (data['someIdentifier'] instead of data.someIdentifier), but not everywhere. I'd recommend using indexing every where to fix this (i.e. data[1234]).

I've noticed the .k-command-cell class is being added multiple times to the Grid's command cell.

This can be seen on the Grid's Custom Command demo page, where the class is added twice.  On some of my Grid implementations, the class is added 100 times or more.

Dojo:

https://dojo.telerik.com/EweloVOD 

Inspect one of the command cells and observe the "class" attribute.

Bug report

Grid with group paging and server operations enabled throws a JavaScript error when expanding groups. Reported in ticket 1560566.

Reproduction of the problem

1. Run this dojo
2. Follow the steps in this screencast to reproduce the error

Current behavior

A JavaScript error is thrown:

Expected/desired behavior

No error should be thrown group paging should work as expected

Environment

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

This started happens on 2022.1.119 and 2022.1.301, Works well on 2021.3.914

Some of ours grids stopped showing the filter icon in the columns.

After digging a bit found that the issue happens when I have a grid initialized with sortable = true and then initialize a new one with sortable = false

You can see this happening in this example:

https://dojo.telerik.com/ogUZEbUP

the issue seems to be caused by this:

this selector is catching all the k-cell-inner from the first grid

Bug report

When custom Virtual DropDownList filter is set the value is not cleared from the DropDownList on Clear button click

Reproduction

https://dojo.telerik.com/ULIgEpis

1. Filter Ship Name column

2. Open the filter menu and hit Clear

3 Open Filter menu again

Expected/desired behavior

Value shall be cleared from the DropDownList

Environment
Kendo UI version: 2021.1.301
Browser: all

Bug report

When the columns.sortable.initialDirection configuration is set it is not respected

columns: [{
      field: "id",
      sortable: {
        initialDirection: "desc"
      }
    }],

Reproduction of the problem

1. Run this dojo

Current behavior

Note the userId column is not sorted in descending order

Expected/desired behavior

Column should be sorted in descending order

Workaround

Use the dataSource sort configuration option to set the sort order - example

Environment

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