Bug report

Grid's Toolbar Columns Menu breaks after setOptions()

Reproduction of the problem

1. Go to and run this Dojo that combines the Toolbar Columns Menu demo and the Persist State demo: https://dojo.telerik.com/hVgwgCdr
2. Click "Save State" so you have some state data to restore later.
3. Click the Toolbar Columns Menu, uncheck "Contact Title", and click "Apply" to hide the column. The column gets hidden without a problem.
4. Click "Load State" to restore the previous state data. The column is displayed again and things are fine.
5. Click the Toolbar Columns Menu, uncheck "Company Name" and "Country", and click "Apply" to hide these columns.
6. Observe only one of these two columns was hidden and the Toolbar Columns Menu remains visible.
Open the Developer Tools, check the Console tab, and observe the error logged: "Uncaught TypeError: Cannot read properties of null (reading 'columns')"
It appears the columns menu's "this.owner" gets set to null at some point in the process of calling setOptions() and never gets set back to a reference of the grid.


Environment
Kendo UI version: 2025.2.702
Browser: [all ]

Bug Report

When backspacing input in the row filter of a navigatable Kendo UI Grid, it appears to attempt to delete a record.

Reproducible

1. Go to this Progress Kendo UI Dojo
2. Filter the product name
3. Press the backspace

Current Behavior

Filtering is prevented and a delete confirmation dialog appears. Upon selection in the dialog, the filtering occurs.

Environment

• Kendo UI version: 2025.3.812
• jQuery version: All Supported Versions
• Browser: all

Hi Team,

I would like to request implementing the feature to allow persistent multiple row selection with virtual scrolling.  I understand at the moment it is not recommended, but I would like to see this implemented in the future. 

Thanks!

Bug report

When the Grid has no data, a horizontal scrollbar appears.

Reproduction of the problem

Run the Dojo - https://dojo.telerik.com/cwVUBcpz

Current behavior

There is a redundant scrollbar.
When there is a record in the same Grid, the scrollbar does not appear.

Expected/desired behavior

There should be no scrollbar when the columns have no width set and the Grid has no data.

Workaround

<style>
    .k-grid-content-expander{
      width: 98% !important
    }
  </style>

Dojo - https://dojo.telerik.com/AFvkthmc

Environment

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

Bug report

When a draggable column is added in the Grid with incell editing and the user tries to add a new row, the first editable cell is the second cell on the row, but not the first one. After saving, the new value is saved in the first cell.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/qeSqICRA
2. Click on the 'Add' button in the toolbar to add a new row.
3. Add a value and save

Current behavior

Currently, on step two, the editable cell is the UnitPrice

After entering a value, it is saved for the ProductName column

Expected/desired behavior

When adding a new row, the initial editable cell should be the first cell in the row (after the draggable). The new value should be saved for the same column.

The issue is a regression starting with 2025.3.812

Environment

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

Add support for flexible width to columns on a "weight" basis (like XAML grid).

Ps. I'm writting the example in MVC wrappers because I'm not familiar with the javascript initialization but I am posting this in Kendo UI Web category because it's a core feature and assume it would be implemented accordingly in every wrappers without having to specify them.

@(Html.Kendo()
  .Grid<Employee>()
  .Name("EmployeesGrid")
  .Columns(cols =>
  {
    cols.Bound(o => o.FirstName).Width("*");
    cols.Bound(o => o.LastName).Width("2*");
    cols.Bound(o => o.Initials).Width("Auto");
    cols.Bound(o => o.JobTitle).Width("200"); // Or 200px
  }))

-Assuming the grid is 900 pixel wide and the longest Initials (including header?) is 100 pixel
-Ignoring the lost horizontal space in padding, margin, borders, scrollbars and anything else

This example would give the following result:
FirstName column: 200px
LastName column: 400px
Initials column: 100px
JobTitle column: 200px

The Grid should optionally select an entire row instead of individual cells within a row.

Use Case:
In my app, the cells are all read-only. Below just about every grid in the app is a details view (showing the selected grid row) and I want them to have up/down keyboard navigation on every grid within the app. This should be a simple configuration setting but there is currently no easy way to get this behavior.

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.

Hallo,

i have a grid with a lot of data for a better representation i show some related values with a template in the cell below each other. 
This solution is not optimal because I don't have the filter and sort function in the column header for every single field. 
Enclosed an example https://www.igniteui.com/grid/multi-row-layout which illustrates my wish.
I would be happy if you implement this feature in a future release.

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

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,
    }); 

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 

Hello Support Team,

with jQuery 3.3.1 the resizable option set to true is not working with the configuration in the example below. When removing other options like "toolbar" or "scrollable" it works. :D 

See the following example: https://dojo.telerik.com/IkigawaX

With jQuery 1.x everything works fine.

Regards

Alexander

Hi,

Bring up an RTL kendo Grid which has resizable true and filter mode is "row".

then try to resize the grid from filter-row of grid. we will see an internal js error.

you can copy and paste this code in a dojo sample and resize grid from the point is shown in the attached picture.

Hi,

It would be great if the KendoUI Grid could be enhanced to automagically recognize when it's grouping by a date field and then offer additional options to group the dates by Day, Week, Month, Quarter, or Year.

Thank you.

Barry

Hello guys,

I am stuck with this problem for some time now. Everything works well with mouse, I can drag and drop column into grouping header normally. But on touchscreens I can't drag it. I am interested if anyone has had this issue?

It would be nice if additional template variables where available, the only two: pageNum & totalPages are not enough.

Consider Time of Day & Filename at a minimum.

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/pdf.template

Bug report

DOJO

Reproduction of the problem

1. Open the dojo
2. Enter in Edit mode via the Edit button
3. Navigate to the Update button via keyboard

Current behavior

Detail Template is toggled on Enter.

Expected/desired behavior

When the target is any of the Command Buttons, the Grid should hide/show the detail view.

Environment

• Kendo UI version: 2019.1.220
• Browser: all

After the kendoGrid is created, the headerAttributes field (of every column) has a id value (generated by Kendo) of some random GUID - but this GUID is nowhere to be found in the entire HTML.

So, there is no way to link a Kendo column object to an HTML (th) element.