When a column is grouped, sorting that column is no longer meaningful. Currently, it’s possible to manually update the column options to hide the sort indicator, but doing so creates gaps in the numbering of the remaining indicators (e.g., 1 and 3 instead of 1 and 2), which can be confusing for end users.

If the Grid could automatically hide sort indicators for grouped columns and re-index the sort numbers for the remaining sortable columns, or provide an API to trigger this behavior, it would make the UI much cleaner and more intuitive.

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

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.

    <div class="k-rtl"><div id="grid"></div></div>
    <script>
        $("#grid").kendoGrid({
          columns: [
              { field: "name" },
              { field: "age" }
          ],
          filterable: {
              mode: "menu, row"
          },
          resizable: true,
          dataSource: {
           data: [
            { id: 1, name: "Jane Doe", age: 30 },
            { id: 2, name: "John Doe", age: 33 }
           ],
           schema:{
            model: {
             id: "id",
             fields: {
               age: { type: "number"}
             }
            }
           }
          }
      });
    </script>

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.

 

Whether you try to resize a "grouping column" (a column without an associated field) or a "data column" (the lowest level column - one with a data-index), resizeColumn does not work. The grid gets messed up. Sometimes the wrong column gets resized, sometimes columns just disappear. 

When there is not enough space for the filter menu to be opened downwards, it should be opened on top. However, the first time it is opened, it is positioned below the filter button. 

Experienced behavior: 

Filter menu is mispositioned when first opened. With consequent openings, the menu is positioned as expected.

Expected behavior: 

The calculation for the positioning should be done even with the first initialization.

A sample Dojo for the reproduction of the issue:

https://dojo.telerik.com/iRaDakEs

First initialization:

https://www.screencast.com/t/vmnVGhDBobi

Second opening:

https://www.screencast.com/t/S6Qzza6ve4UO

### Bug report

Ticket ID 1410772

### Reproduction of the problem

Calling dataSource.query with an empty object before the grid is initialized throws an error.

[https://dojo.telerik.com/OzasiZug/5](https://dojo.telerik.com/OzasiZug/5)

``` 
         ...
          var dataSource = new kendo.data.DataSource({
            type: "odata",
            transport: {
              read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
            },
            pageSize: 5
          });

          dataSource.query({});


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

### Current behavior

An error is thrown.

### Expected/desired behavior

No error should be thrown


### Environment

* **Kendo UI version:** 2019.2.514
* **jQuery version:** 1.12