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!
Hi Team,
I have a Kendo UI Grid where there are a lot of columns. But, due to the recent changes in version 2024 Q4, the columnMenu does not contain a scroller.
Thank you!
Bug report
When the user adds a group in the Grid and try to add a second group immediately, while the first grouping is still loading, then an error is thron in the console.
Reproduction of the problem
- Open the dojo - https://dojo.telerik.com/CvYRPILM
- Group by 'Freight' and immediately try to group by another field. Before the grid data source reloads from the first grouping, take another column to be grouped and select it without releasing it in the grouping space.
- Once the first group has been loaded, release the second group
Note: you can try setting the n browser Network throttling to Slow 4G to easily reproduce the issue
Current behavior
Error: kendo.all.js:60347 Uncaught TypeError: Cannot read properties of undefined (reading 'left') is thrown and the Grid freezes
Expected/desired behavior
There should be no error in the console and the Grid should not freeze
The issue is a regression starting with 2023.1.314
Environment
- Kendo UI version: 2024.4.1112
- Browser: [all ]
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
- Run https://dojo.telerik.com/UhFxSjVc/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
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]
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
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.
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
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 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 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 ]
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!
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
1. Resize 2nd row2. Click on the second row to edit Ship Country
3. Tab out of the cell and notice the jump that occurs where the enlarged row becomes shorter again.
Expected/desired behavior
The resized row shall retain its height
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.
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'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!
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 ]
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 ]