It would be great if the selected operator could be made visible in a filter row. For instance when I select the operator "Is greater than or equal to" the filter button icon should reflect this operator option. Something like this:

Bug report
Grid Filter Inputs Value Switch after filter is applied and filter menu reopened

Current behavior
When the second input in the filter menu is provided and grid filtered after reopening the filter menu the filtered value is bonded to the first input

Dojo to reproduce:

https://dojo.telerik.com/UXajIbey

Steps to reproduce:

1. Open filter menu for "Event Date" column

2. Set a filter value on the second DatePicker input and hit the Filter button

3. Reopen the filter menu on the same column

Expected/desired behavior
The filtered value shall be bonded to the input user has provided

Environment
Kendo UI version: all
Browser: all

Bug report
In Grid Multi filtering checkboxes and their labels are misaligned.

Reproduction of the problem

In the official demo: https://demos.telerik.com/kendo-ui/grid/filter-multi-checkboxes

Expected/desired behavior
Checkboxes and labels shall be aligned.

Workaround:

The following CSS can be applied:

<style>
       .k-label span {
         vertical-align: top;
       }
</style>

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

Environment
Kendo UI version: [all]
Browser: [all ]

Bug report

Draggable does not respect dragging object width in Grid upon dragging a column

Reproduction of the problem
Open below Dojo

https://dojo.telerik.com/iSiSeCeb

Drag Shipped Date column from the right corner

Huge gap appear between the dragged column object and the pointer

Expected/desired behavior
Pointer shall be over the dragged object

EnvironmentKendo UI version: [all]
Browser: all

Bug report

Selecting cells from the frozen table in Frozen columns + selectable: "multiple cell" scenario selects the bellow cells from the non-frozen table

Reproduction of the problem
Open below Dojo

https://dojo.telerik.com/exobAcEl

Scroll the horizontal scrollbar to the right.

Select some cells from the frozen table.

Move the scroller back to its original position.

Expected/desired behavior

Cells from the non-frozen table shall not be selected.

EnvironmentKendo UI version: [all]
Browser: all

Bug report

When the dataSource is set with the setDataSource method

Reproduction of the problem

Dojo example.

1. Run the dojo
2. Click the button
3. Focus the first Grid cell. Press and hold the Down Arrow key to navigate through the rows

Current behavior

The scroll position is not updated while scrolling and navigation stops at 10347.

Expected/desired behavior

Scroll position is properly updated and the user can navigate to the end of the page.

Environment

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

Hi,

I raised a forum support ticket for hiding the scrollbar when the data rows is <= pagesize. https://www.telerik.com/account/support-tickets/view-ticket/1493109

The response was to set the scrollbar overflow to auto and padding removed which caused overlapping of the scrollbar with the last column when visible. 

Feature is requested to have this feature inbuilt with Grids having Virtual Scroller to avoid it.

Thanks

Devna

Hi

Please see the attached. The search box styles are broken.

Version of Kendo UI Grid: v2016.3.1028

There appear to be a few accessibility issues with the pager control for kendo grid when using a screen reader:

Bug report

In a Grid with checkboxes in the first column, if you navigate through the Grid for a second time, only the checkboxes are focused.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/EZERotAN/5.
2. Navigate through the whole Grid with tab.
3. Navigate a second time through the Grid.

Current behavior

When navigating through the Grid for a second time, only the checkboxes are focused.

Expected/desired behavior

All the cells of the Grid should be focused.

Environment

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

Bug report

In a Grid with checkboxes in the first column, when tabbing through the Grid, the checkbox in the first row is skipped.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/EZERotAN/5.
2. Start navigating from the beginning of the Grid.

Current behavior

While navigating, the checkbox on the first row is skipped and the ID column will be focused instead.

Expected/desired behavior

The checkbox should not be skipped.

Environment

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

Bug report

When there are sticky columns in Grid and the horizontal scrollbar is visible, the text of the columns is overlapping while scrolling.

Reproduction of the problem

1. Open the Dojo in fullscreen
2. Resize the browser in order for the horizontal scrollbar to be visible and scroll

Current behavior

The text of the columns is overlapping

Expected/desired behavior

The text of the columns in Grid should not overlap whiles scrolling

Workaround

window.addEventListener('resize', function(){ $("#grid").data().kendoGrid._updateStickyColumns(false); });

Dojo

Environment

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

So we are loving the sticky columns in Kendo UI v2020.3.1118 JQuery Grid however we are experiencing a synchronisation issue between the column headers and the filter rows.

The attached screenshots and video show the problem.

I tried to find a solution in your KB's but am reaching out to you in case you can recommend a solution?

Ideally, the filter row would know about the sticky columns, but it seems not to.

Kind Regards, Garry.

Bug report

The behavior has been introduced in R3 2020.

Reproduction of the problem

Dojo example.

1. Run the example

Current behavior

The sticky column's left border is not displayed.

Expected/desired behavior

The sticky column's left border is displayed.

Environment

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

I just recently upgraded to the latest version of Kendo UI (2021) and noticed one of my screens broke.  I'm not sure if this was something that you intended on breaking so I wanted to report it as a bug.  I had a screen with a grid in which the detail contained a child grid.  This particular screen doesn't have a lot of rows and the due to the usage of it the detail is extremely important and I have it set to auto expand.  The auto expand still works in the respect that the rows show as expanded but every row has the same detail...which is the detail belonging to the first row.  Here is a dojo showing the bug in action: https://dojo.telerik.com/@bowensby/EfUMihUp.

The main place to focus is the dataBound event on the main grid. I found a workaround using the commented out lines (the .each in jquery).  The original way is cleaner but it only causes detailInit one time and therefore repeats the same detail for every row.

The details for this can be found in ticket #1519224

Given some XML that has child nodes and attributes, I'm binding to a grid with no problem. The child grid for each row (built using detailInit) get's the data from the parent row e.data.get("BillRows")

If those rows have attributes, the '@' signs breaks the javascript for the grid. As you can see in the ticket, every attribute needs to be renamed before I can build the child grid.

Should be a way to use attributes in XML bound to a datasource/grid for all levels of grids.

Rick

Bug report

When multicolumn headers are configured in the Grid and exportSelectedToExcel method is used for exporting, a file is not always generated. The issue is reproducible when selectable is set to selectable: "multiple, cell" and cell from the first column of the multicolumn header is selected.

Reproduction of the problem

1, Open the Dojo
2. Select a single cell from the 'field1' column
3. Click the 'Export selected' button

Current behavior

No file is generated. If for example also a cell from another column is selected, then the Excel file is generated as expected

Expected/desired behavior

An Excel file should be generated as expected even if only a single cell is selected.

Environment

• Kendo UI version: 2021.2.616
• jQuery version: x.y
• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

https://demos.telerik.com/kendo-ui/grid/server-grouppaging-virtualization and click to Edit in Dojo. It o

pens https://dojo.telerik.com/afoCefOJ

group: [{
                        field: "city",
                        dir: "asc"
                    }, {
                        field: "companyName",
                        dir: "asc"
                    }],

group: [{
                        field: "city",
                        dir: "asc"
                    }],

and also adjust pageSize to 10:

pageSize: 10,