Bug report

When resizing the Kendo UI Grid column, the footer width is miscalculated.

Reproduction of the problem

1. Go to this dojo
2. Increase the name column.
3. Scroll to the right in the Grid.
4. Reduce the width of the name column.

Expected/desired behavior

The footer should be aligned as the column is resized like in version 2024.1.130(Dojo)

Environment

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

### Bug report

The column menu of the Kendo UI Grid widget with componentType set to 'modern' has missing translations in the default filter menu.

### Reproduction of the problem

1. Create a filterable grid and enable the column menu with componentType 'modern';

2. Include the localization script for "fr-CA" in the document from the CDN;

3. Open the column menu and expand the filter menu of a specified column. The logic operators "And" and "Or" are not translated.

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

### Expected/desired behavior

When the column menu type is set to "modern", the operators of the filter menu should be translated as in the "classic' column menu.

### Environment

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

Hi Team,

I would like to request a way to turn off or toggle double tap editing for mobile Kendo UI Grids with incell editing introduced in R3 2023. 

Thank you!

Hi Team,

I would like to request to add Excel exporting for the Grid to include Selected rows, including checkbox selection.

Thank you!

Bug report

When culture different than 'en-..' is set in Grid the validation.min for the Date field is not taken into account.

Reproduction of the problem

1. Run the Dojo example - https://dojo.telerik.com/@NeliKondova/ILOpaQAv
2. Select different cultures from the DropDown above the Grid
3. Try to edit the row and expand the DatePicker nested in the Date1 column

Current behavior

In case a culture different than 'en-..' is selected the min value for the DatePicker is not applied.

Expected/desired behavior

The min value should be set for the DatePicker no matter of the culture.

Workaround

 edit: function(){
             $('[data-role="datepicker"]').data("kendoDatePicker").setOptions({ min: new Date()})
          },

Environment

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

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: 1472456

Reproduction of the problem

[Dojo]

Current behavior

Using the setOptions() method in an MVVM bound grid causes 2 read requests

Expected/desired behavior

A single request should be issued.

Workaround

programmatically remove the kendo binding from the element before calling the `setOptions()` method.

   grid.element[0].kendoBindingTarget = null;
   grid.setOptions(options);

Environment

Kendo UI version:** 2020.2.617

Bug report

The last column of the Grid is darker in color when a hidden column is sorted through the DataSource.

Reproduction of the problem

1. Run https://dojo.telerik.com/UhFxSjVc/2
2. Inspect the last column

Current behavior

k-sorted class is added to the last col of the colgroup. The issue is triggered by this line of code in the Kendo ColumnSorter

table.find("col:not(.k-group-col):not(.k-hierarchy-col)").eq(headerIndex).toggleClass("k-sorted", dir !== undefined$1);

Expected/desired behavior

The class should not be added if the column that is sorted is hidden.

Environment

• Kendo UI version: 2024.4.1112
• Browser: all

Bug report

The filtering in the Grid component is generating a wrong expression.

Reproduction of the problem

1. Open this Dojo example https://dojo.telerik.com/ebIpUrir
2. Click on the Filter Column icon for the ShipCity and add startsWith: Oulu expression.
3. Click on the Filter Row icon for the ShipName and add Empty expression.
4. Open the Browser console's Network tab and inspect the request
5. See the invalid expression

Current behavior

Expression looks like this ( ShipName eq null or ShipName eq '' and startswith(ShipCity, 'Oulu' ))

Expected/desired behavior

Expression should look like this ((ShipName eq null or ShipName eq '') and startswith(ShipCity, 'Oulu'))

Environment

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

Bug report

When there is sorting applied in the Grid and the sorted column is hidden, the last visible column is incorrectly highlighted.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/oHoHaGuX

Current behavior

The last column is highlighted, although there is no sorting applied to it.

Expected/desired behavior

There should be no highlighted column when the column on which sorting is applied is hidden.

Environment

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

Bug report

Setting the columns.selectable to true does not override the selectable.mode when set to "single".

Reproduction of the problem

1. Run this dojo
2. Click on the header checkbox.

Current behavior

Only the checkbox in the first row is checked.

Expected/desired behavior

All the checkboxes on the page are checked

Environment

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

Subject says it all, this has to be a bug or something? I am having the user update what's in the grid and then on cellClose making an ajax call to save the value but it's not firing when the cell changes, only if it stays the same.

Here's a dojo showing off what's happening:

https://dojo.telerik.com/ekoLaZOm 

Bug Report

When creating the Grid from pre-defined HTML table, the header cells are missing classes. That results in inconsistency when using the Themebuilder to style the component.

Reproduction of the problem

1. Open this Dojo example, which contains a Themebuilder-generated stylesheet - https://dojo.telerik.com/wpmTrWPf/3

Current behaviour

The HTML for the first column is manually added to the predefined markup. The second column is left as it is. As a result, the second column is not being styled according to the stylesheet because it is missing HTML and classes

Expected behaviour

The Grid should render the column headers as if (or at least similar ) they are defined through the columns configuration.

 Bug report

rowspan and locked columns misaligns rows in non-locked table

Reproduction of the problem

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

Expected/desired behavior
Rows shall be aligned 

Worakround
Define a dummy column

{
  field: "country", width: 0
 }

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

TicketID: 1673441

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

<div data-role="grid"
                 data-editable="true"
                 data-toolbar="['create', 'save']"
                 data-columns="columns"
                 data-bind="source: products}"></div>


 var viewModel = kendo.observable({
products:  ...
 columns:[
        {field:"id", width:50},
        {field: "name", width:200}
         ...etc
        ]
});

Bug report

The first unlocked column cannot be dropped into the next locked column.

Reproduction of the problem

1. Go to the following Progress Kendo UI Dojo.
2. Start drag from the ShipCountry (the first unlocked column) column header.
3. Drop to ShipName(locked column) column header.

Expected/desired behavior

ShipCountry should become a locked column and move to next to ShipName like how it worked in version 2021.3.914.

Environment

• Kendo UI version: 2022.2.802
• jQuery version: All Supported Versions
• Browser: All

The Kendo-UI Grid supports the concept of locked columns that are always on the left side of the screen (in a non-RTL-world) and do not scroll. This makes it necessary to split the underlying HTML-table into two parts (one is locked and one is not). Kendo-UI takes care of syncing the height of the rows between those two tables.

However, if there are empty cells in the locked part, this logic produces results that make the row grow larger (higher) than if there was content. This DOJO demonstrates the behaviour. Using the Browser's DEV-Tools, you can see that rows without content in column A are 37px high, while those with content are only 36px high.

I have a Kendo Grid that follows the Set Multi-Checkbox Filtering to Use contains instead of equalTo.

- https://docs.telerik.com/kendo-ui/knowledge-base/grid-how-to-change-multi-checkbox-filter-to-contains 

This works, I am able to filter the Grid on contains condition; but after filtering and opening the column filter again, the checkbox is not selected and shows unchecked. 

I managed to fix the issue and persist the checkbox selection using the following approach:

columnMenuOpen: function(e){
            if(e.sender.dataSource.filter()){
              e.sender.dataSource.filter().filters.forEach(function(f){

                if(f.field == "OrderID" || f.field == 'ShipCountry') {
                  var checkbox = e.container.find("input[value='"+f.value+"']");
                  if(checkbox[0] && !checkbox[0].checked){
                    e.container.find("input[value='"+f.value+"']").click()  
                  }          
                }else if(f.filters[0].field == "OrderID" || f.filters[0].field == 'ShipCountry'){
                  var current = f.filters;

                  current.forEach(function(filter){
                    var checkbox2 = e.container.find("input[value='"+filter.value+"']");

                    if(checkbox2.length > 0 && !checkbox2[0].checked){
                      e.container.find("input[value='"+filter.value+"']").click()  
                    } 
                  })
                }
              })
            }
          },

Demonstrated also in the Dojo linked here - https://dojo.telerik.com/MBDcImcj.

I would like to see the functionality built-in, so I don`t need to customize the Grid behavior in its columnMenuOpen/filterMenuopen event hanldlers

Regards

• Create e.g. local data grid (id, name)
  
• add 2 records => { id: 1, name: "null", id: 2, name: "Jack" }
• Name column for id = 1 is empty

I have tested this on your example for local data grid. It can be applicable also for remote grid, treelist, etc.