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

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.

Enhancement

Include page size `All` to work for restoring options with setOptions()

Reproduction of the problem
Currently the `All` page size is not working correctly when filtering is applied/cleared

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

Environment
Kendo UI version: 2024.4.1112
jQuery version: All Supported Versions
Browser: all

Expose the ability to explicitly alter a given column's width upon exportation. Currently, such an implementation would require either a:

• Programmatical alteration to the column's width.
• CSS rule with ".k-pdf-export" prefix.

Bug report

Currently, if you focus the command buttons, pressing tab will navigate to the buttons on the next row.

Reproduction of the problem

1. Open this dojo example - https://dojo.telerik.com/lmIJIUCH/2
2. Click on the cell containing the command buttons on the first row
3. Press enter to focus the Edit button
4. Press tab multiple times.

Current behavior

The focus will move to the buttons on the next row.

Expected/desired behavior

When the focus is on the Delete button, pressing Tab should return the focus to the current cell so that you can navigate to the remaining cells on the same row.

Environment

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

Bug report

Grid row resizing, locked columns, and incell editing breaks row resizing 

Reproduction of the problem

Open the Dojo - https://dojo.telerik.com/FxOcPHdy

Expected/desired behavior
The resized row shall retain its height

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

Hi Team,

I'd like to request a built-in way to define a column to be reorderable.  This would help allow specific columns to be reorderable and prevent animation from occurring when using the approach in this Kendo UI knowledge base article.  

Thank you!

Hi Team,

I'd like to request by default to resize the Kendo UI Grid's total width by default when using the AutoFitColumns method.

Thank you!

Hi Team,

I'd like to request the functionality to add the pager to the top and bottom of the Grid.  I did see this request which set the Top OR Bottom position, but I'd like to see both in the future.  

Thank you!

Steps to reproduce the problem:

Have a grid with:

• specified width (e.g: 1000)
• column virtualization
• multiple columns with a width of 100, but most of them hidden in initial state (e.g.: 50 total, but only 8 shown)
• columnMenu true
• resizable true
  

When running the code that create the grid, the initial state looks like this:

Current behavior:

The header columns are filling the width of the grid (each bigger than the specified 100), but the rows columns cells have the specified width of 100, causing a misalignment.

However, changing the width of a column with the resize handle fixes all the widths (header + rows). 
Same thing for adding/removing a column from the menu.

See the attached video for an example.

If in the initial state there are more shown columns so they can fill the grid width (and have the horizontal scrollbar), the issue is not present.

Expected behavior:

Rows columns should always match the width of the header.

Dojo example:

Here's an example, based on the one from https://demos.telerik.com/kendo-ui/grid/column-virtualization 

https://dojo.telerik.com/@pgarand/UfEkIGiD

It will be really helpful if the Grid allows scroll down as you try to select more elements that are outside of the visible view.

This is one of known limitations of the widget: https://docs.telerik.com/kendo-ui/controls/grid/selection#select-modes

Hi Team,

I would like to request a way to configure the allowPaste feature to paste the row above or below the selected row/cell.  

Thank you!

Environment (OS, Application, Versions): Chromium Edge Version 119.0.2151.72 (Official build) (64-bit)

Repro Steps : 

1. Lauch the application using URL: https://dojo.telerik.com/UZIkuGoD
2. “Kendo UI ® Dojo by Progress” screen should open.
3. TAB to “Run” button and hit ENTER key.
4. TAB to "First Name" column in the table and press CTRL + SPACE key.
5. Observe that by pressing CTRL + SPACE key whether the table columns are getting grouped or not.

Actual Results: User is not able to group/ungroup the table column header using keyboard with CTRL + SPACE key.

Expected Results: User should be able to group/ungroup the table column header using keyboard with CTRL + SPACE key.

Expose "columns.command.text.add" configuration for changing the Popup's editable when Add operations are performed. Similar to that of the columns.command.update.

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

In a Grid with enabled navigation and custom column cell filter, the input is not focused and hitting Enter does not filter the data.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/exUYasAt/2
2. Click on the filter in the Name column
3. Type some text and hit enter

Current behavior

The data is not filtered.

Expected/desired behavior

The data should be filtered.

Environment

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

Bug report

Aria labels for row filter inputs are not descriptive.

Reproduction of the problem

Open this demo: https://demos.telerik.com/kendo-ui/grid/filter-row

Examine aria labels for row filter inputs

Expected/desired behavior

Aria labels should have descriptive names, such as ‘Search value’ or ‘Search term’ for the first input and ‘Filter type’ or ‘Comparison type’ or similar for the second. They should communicate the purpose of the input.

Environment
Kendo UI version: [all]
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]

Hi Team,

I would like to request that the Kendo UI Grid includes an event for when an export is completed.  This way, I can control and alert the user when a document has been successfully exported.  

Thank you!

Describe the bug
With LESS themes on iOS devices when the user taps and holds an icon in the Grid the following system popup appears

With the SASS themes the popup is not displayed.

To reproduce

1. Open the Dojo on an iOS device - https://dojo.telerik.com/@NeliK/oSODAvAz
2. Tap and hold one of the images

Expected behavior
The popup for saving/copying the image should be displayed.
The same example using LESS themes - https://dojo.telerik.com/IsOvIjef

The issue might be due to the usage of -webkit-touch-callout

Workaround

<style>
      .k-grid{
        -webkit-touch-callout: unset !important;
      }
    </style>

Affected package

• theme-default
• theme-bootstrap
• theme-material
• theme-tasks

Affected suites

• Kendo UI for jQuery

Affected browsers

• All

Build system information

• OS: [iOS]