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

In a Grid with locked columns, if the last of the locked columns is non-editable, trying to navigate to the next cell focuses the wrong cell.

Regression introduced with 2022.3.913

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/iRAyoCIk
2. Navigate to a cell in the Last Name column
3. Try to navigate to the next cell in the City column

Current behavior

Navigating to the next cell focuses the cell in the City column on the next row.

Expected/desired behavior

The next cell on the same column should be focused.

Environment

• Kendo UI version: 2024.2.514
• 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

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

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.

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!

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'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!

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!

Bug report

In a navigatable Grid, if you sort a nested column, the focus will be at the wrong column.

Regression introduced with 2022.3.913 version

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/XMLkDnyO
2. Sort the age column

Current behavior

The address column is focused after sorting the age column

Expected/desired behavior

Focus should remain on the sorted column

Environment

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

Bug report

When the first column in the Grid is hidden and the Grid is grouped, the hidden cells are focused when the user tries to navigate using the keyboard.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/TsDxOwAj
2. Click on the 'store_name' header.
3. Press the down arrow key twice -> focus frame disappears (the hidden cell on the left receives a focus state, but this is not visible).
4. With the keyboard press the up arrow one time -> "Hidden column used for grouping: 1" cell is highlighted.
5. With the keyboard press the up arrow, one more time, and -> focus disappears (actually, the hidden column cell on the top left corner receives the focus state, but this is not visible).

Current behavior

The hidden column receives the focus, thus the focus is hidden when the user navigates and the next cell is part of the hidden column.

Expected/desired behavior

The focus should not disappear when there are hidden columns.

The issue is a regression starting with Kendo version 2023.3.1010.

Environment

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

Bug report
Group column width incorrect after drag resize on a locked grid

Reproduction of the problem
Open the Dojo - https://dojo.telerik.com/WoBUSLOF

Resize any unlocked column on the right

Current behavior
The width of the locked column is incorrectly calculated

Expected/desired behavior
Group row text shall not be overlapped by the non-locked table

The issue is a regression starting with Kendo version 2024.3.806.

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

Can you provide settings for the Grid keyboard navigation to selectively ignore specific keys like Enter or Tab?

I would like to use the built-in keyboard navigation as it behaves the way we want outside of one inconsistency.

Bug report

When a groupHeaderTemplate is defined with HTML, and a groupHeaderColumnTemplate is defined, the groupHeaderTemplate will return the stringified version of the template.

Note: The groupHeaderTemplate is encoded only when a griupHeaderColumnTemplate is defined.

Reproduction of the problem

1.Go to Kendo UI Dojo.

Current behavior

The groupHeaderTemplate is rendered as a sanitized string

Expected/desired behavior

The groupHeaderTemplate is to be rendered as a Checkbox element and a string

This is a regression introduced with Kendo 2024.3.806

Environment

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

Bug report

Using the Material Theme, inside the Grid's Checkbox filter, the input and span are misaligned.

Reproduction of the problem

1. Go to this Progress Kendo UI Dojo based on Filter Multi Checkboxes Live Demo.
2. Open the Product Name checkbox filter.

Current behavior

Expected/desired behavior

The input and span should be aligned.

Workaround

Apply the following CSS - Seen in this Dojo:

    label.k-checkbox-label {
      align-items: center;
    }

Environment

• Kendo UI version: 2024.3.1015
• 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.

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

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.

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

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