I have a Kendo Grid that follows the Set Multi-Checkbox Filtering to Use contains instead of equalTo.
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.
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
- 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
1. Set page size to `All`.2. Set a filter.
3. Save the state.
4. Load the state.
5. Set a new filter (Or clear the current one).
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.
Possibility for the user created conditional formatting in the kendo grid. Column background color, text color, line background color, icon, etc, with user condition. There is an example https://jsfiddle.net/magomes/ptwbh0ec/11/, I didn´t work on the dialog layout, but that is the idea and maybe an initial solution.
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.
I've got a grid whose rows expand to show another, templated, grid. I also have clickable links in the cells of the parent grid. Using a mouse, I can click these links directly or click the expansion icon to expand the row. Using keyboard navigation, however, I can only expand the parent row when I press enter. On grids without a templated sub-grid, pressing Enter will focus the link in the parent cell. I would like this behavior to be uniform.
I have tried intercepting the keydown event, but it seems that the expansion occurs even when I try to prevent default or return false as it happens seemingly in parallel.
Is there a way to achieve the functionality I want without resorting to overriding keydown or, if not, is there a way to cancel/control the expansion myself rather than having it automatically happen so that I can handle it in a custom keydown?
Grid example:
On this grid, when I press enter while Dialog Link column cell is selected, it expands the row.
Here
in this example is a grid without a templated subgrid. Pressing enter
on the same column focuses the "AAA" anchor tag within it, which is the
desired behavior in both grids.
My attempt to control the expansion myself via a custom keydown event. The expansion happens before this logic has a chance to finish running:
Hi Team,
I would like to request a way to configure the Kendo UI Grid so if there are multiple footers from many groups, only one footer will show.
Thank you!
Let's say we have an grid with incell editing and navigation enabled. But also there may be some column which are readonly (non editable ). Currently when I press the tab from an editable cell it focus on non editable cell's ,which is no needed. I'll prefer to have a navigation which is stopping only at the editable cells when I press the tab. And also I would like to add new row when I press the tab form last editable cell in the last row.
When using Grid with virtual scrollbar there is no possibilty to go to sepecific row programaticly. Especially for row that are not yet loaded. I have managed to move the scrolbar using grid.virtualScrollable.verticalScrollbar.scrollTop(scrollRow[0].offsetTop + pageOffset * pageIndex); however the calcualtion of the location of the row is impossible when rows have dynamic height.
Bug report
When the Grid has media column configured and the browser is resized an error is thrown.
Reproduction of the problem
- Run the Dojo: https://dojo.telerik.com/UFuJacem
- Resize a column
- Resize the browser window
Current behavior
An error: Uncaught TypeError: Cannot read properties of undefined (reading 'contains') is thrown.
Expected/desired behavior
There should be no error in the browser cosole.
The issue is a regression starting with 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
- Go to this Progress Kendo UI Dojo based on Filter Multi Checkboxes Live Demo.
- 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
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
- Open the Dojo - https://dojo.telerik.com/TsDxOwAj
- Click on the 'store_name' header.
- Press the down arrow key twice -> focus frame disappears (the hidden cell on the left receives a focus state, but this is not visible).
- With the keyboard press the up arrow one time -> "Hidden column used for grouping: 1" cell is highlighted.
- 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
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
When the filterable mode is enabled in the Grid and the user has to scroll to the needed column, then the Column Menu autocloses right after a column is selected or deselected in the column list in the ColumnMenu. The issue appears only with 'classic' mode.
Reproduction of the problem
Current behavior
The ColumnMenu immediately closes. The ColumnMenu does not close when it is used for the initially visible columns.
Expected/desired behavior
The ColumnMenu should not close. The behavior should be consistent for all the columns.
The issue is a regression starting with 2022 R1 (2022.1.119) release
Environment
- Kendo UI version: 2024.3.806
- Browser: [all ]
Bug report
When there is a frozen command column configured in the Grid and the user groups by a column, the frozen column is autoresized and has incorrect width.
Reproduction of the problem
- Open the Dojo - https://dojo.telerik.com/VexIXpkO.
- Group the Grid by a column, for example, 'ProductName'.
- Click the 'Edit' command button.
Current behavior
The frozen column is changing its width, it gets narrower. Thus, in some scenarios, the 'Cancel' button in the edited row may not be entirely visible.
Expected/desired behavior
The frozen column width should remain unchanged.
The issue is a regression starting width 2024.3.806
Environment
- Kendo UI version: 2024.3.1015
- 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 ]
Have just tripped over an issue with grid checkboxes whereby they cannot be accessed via the keyboard.
To illustrate
- Run the following dojo
https://dojo.telerik.com/ojODosUL
- Select any checkbox then try tabbing to the next ... It doesn't happen.
If you look at the checkboxes using the browser's dev tools you will see the header and cell checkbox inputs have been assigned the attribute tabindex="-1" so it's no wonder they cannot by accessed.
This regression seems to have been introduced with version 2022.2.802
Looking at the release notes for this version I don't see any mention of this breaking change so it looks like its another bug which has been kicking around for a while which your QA accessibility testing hasn't picked up on.
Regards
Alan
Bug report
Currently, if you focus the command buttons, pressing tab will navigate to the buttons on the next row.
Reproduction of the problem
- Open this dojo example - https://dojo.telerik.com/lmIJIUCH/2
- Click on the cell containing the command buttons on the first row
- Press enter to focus the Edit button
- 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
The Grid column header texts collides with the columnMenu icons.
Regression introduced with 2023.1.314
Reproduction of the problem
- Open this Dojo example or the Multi-Checkboxes Grid demo (on a small screen)
Current behavior
The column header text overlaps with the menu icon
Expected/desired behavior
the header text shouldn't collide with the menu icon
Environment
- Kendo UI version: 2023.2.606
- Browser: [all]