By default Kendo Grid places a new created item/row at top of the grid in batch / incell edit mode. When saved the item remains top. The items count is increased in this case. A click on Cancel puts the new item to the end of the grid and the items count is decreased. There is just a work-around which stops the propagation of the cancel event when the datasource has no chances (thanks to Petur). That should be the standard behaviour.
Hi Team,
I would like to request the functionality to sort the MultiCheck Filter for the Kendo UI Grid. For example, maybe adding a columns.filterable.sort property.
Thank you!
Hi Team,
I would like to request to set the Grid's toolbar overflow to visible or a way to modify it's configuration within the API rather than it's current configuration to allow Kendo UI Menu items and other dropdown components from hiding behind the Grid body.
For now, I'm using the following:
.k-grid-toolbar {
overflow:visible;
}Thank you!
Currently kendo UI web grid component does not read the DescriptionAttribute of a enum type. So, if a have a enum named Gender with values {F, M}, kendo grid will show those values instead "Female", "Male". Example
public enum FooType
{
[System.ComponentModel.Description("Foo Description")]
Foo = 0,
[System.ComponentModel.Description("Bar Description")]
Bar = 1
}
As the example above kendo grid should use "Foo Description" or "Bar Description" for showing those enum values. Same apply to generating dropdowns for the Filtering columns feature.
Thanks and sorry for my english.
Hi Guys, It would be nice to have GridColumnAttachment field for Kendo ui grid like in Telerik RadControl
Hi Team,
I would like to ask for the functionality to access the worksheet tabs to be able to format/change the contents of them. I understand the title can be set, but I would like to be able to change the background color.
Thank you!
Create grid as groupable and try to set column title as "<span class='glyphicon glyphicon-cloud'></span>"
$("#grid").kendoGrid({
groupable: true,
columns: [{
field: "name",
title: "<span class='glyphicon glyphicon-cloud'></span>"
//, groupable: false
}, {
field: "age",
title: "Age"
}]
});Expected result - column title as glyphicon glyphicon-cloud but actual is wrong
To fix the problem - set up column as groupable: false (just uncomment) and title will be ok
But if I want to use such title and groupable: true - I cannot
Full example:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.914/styles/kendo.default-v2.min.css"/>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2021.3.914/js/kendo.all.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
groupable: true,
columns: [{
field: "name",
title: "<span class='glyphicon glyphicon-cloud'></span>"
//, groupable: false
}, {
field: "age",
title: "Age"
}]
});
</script>
</body>
and on dojo: https://dojo.telerik.com/EWUnarUf/2
Hi Team,
I'd like to request the functionality to include the input value within a Kendo UI Grid's search panel within the getOptions method. This would allow for the search panel's input to be populated with the loaded state.
Thank you!
The problem can be observed in the following Dojo:
https://dojo.telerik.com/UHAdoNIL
The filter row appears on top of the Sticky Column.
I'd like the ability to choose the behavior of mutli-row selection on a virtual grid with persisted selection.
For purpose of example, assume we have a virtual grid with 50 rows (pager controls not shown), a page size of 10, and persisted selection.
1. Select row 1 on page 1.
2. Scroll down to trigger page 2 to load (rows 11-20).
3. Select row 11, page 2.
4. Current Behavior: Both row 1 and row 11 remain selected.
5. Desired Behavior: Only row 11 remains selected.
Reasoning: I believe that a virtual scrolling grid should have selection behavior identical to a single page. That means that the only way to add rows to the selection is holding down control/shift during selection. In other words, on page 1 of the above example, if I select row 1, then row 2, only row 2 remains selected. If I select row 1, then Ctrl+click/Shift+click row 2, both remain selected. For virtual scrolling where multiple pages are displayed fluidly as if a single page, it seems odd to have the selection behave differently.
Hi Team,
I'd like to request the functionality to include event handlers and/or functions with the kendo.Stringify() method. I understand event handlers are not included in JSON.stringify, but I would like to ask for future implementation from Kendo to be able to include them.
Thank you!
We are using the grid primarily to view paged sets of data, so in most cases we will see 10 to 25 records at one time. Regardless of the number of records visible, the vertical scrollbar appears in a disabled state. From my understanding, grid scrolling is either on or off, there is no Horizontal:On, Vertical:Off capability. Our users often see multiple grids per page and the presence of these useless scrollbars creates visual clutter. I am requesting the ability to independently set the visibility of the vertical and horizontal scrollbars on the grid in such a way that the grid's header and footer adjust to fill the empty space created where normally the scrollbar offset padding (17px) applied as an inline style in the _scrollable method of the grid javascript. I envision this working via the kendoGrid settings object like so:
{
...
scrollable: { x: true, y:false }
...
}
On updating the dataItem of a master row using the Observable "set()", the master row will repaint itself. However it also collapses the expanded detail row. The detail row can be expanded programmatically but this is clunky: the detail row flashes briefly while it collapses then immediately re-expands The default behaviour should be to leave the row expanded.
"NoRecordsTemplate" - At present a small text is being shown at the bottom of the grid if there are no records which is not prominent. please add back the NoRecordsTemplate so it can be displayed inside the grid and can be customized "Clear all filters" - It is very tough to clear filters one by one please all clear all option
Current grid implementation sorts the whole data again and again for each page virtualization. This causes the scrolling stuck. Please think to change the grid implementation so that the scrolling is not stuck when virtualization and sorting enabled.
Need to have the grid automatically draw itself correctly even if it is initially hidden. Right now if it is hidden first, even with static height, when it is shown using javascript it is not draw correctly. (especially with scrolling enabled) Suggested route: Add a repaint method that way people can call this as needed.
We need to improve enduser search experience in grids by increase control over filter menu. In order to speed-up query providing we need to control which item is activated in Filter menu by default. Very often default operator is set in grid configuration but enduser has to always change focus to second field when he wants to provide search criteria. It becomes tedious activity when he search a lot. Therefore we need access via api for controlling focus behavior in Filter menu. It should allow to control this behavior without breaking existing tab sequence of controls.
I do not understand the rational behind this behaviour other than it is easier to implement than what I would consider normal multi-select behaviour. Multi-selection should be enabled by holding down the ctrl or shift key to select non contiguous or contiguous rows like every other application on earth. Using the mouse in this manner also prohibits the ability to drag rows which has also been raised on this forum. Lastly, almost every js based grid I've ever seen, KendoUI included cannot handle multi-select AND virtual paging. Once selected rows go out of scope, they will not be re-selected when back in scope. Be the first to market on this feature and trump your competition. It is a hard feature to implement, but one that is surely worth the bragging rights.
We have a feature where we initialize our Grids with row filters, but we don't display them right away. We show hide them with a "Show/Hide Filters" button. It would be great to save some time on initial load of the grid (our client wants the ability to display up to ~100 columns with filters, and there's a noticeable performance impact building those filter controls), and delay that time for if/when the user decides they want to actually use the filters.
On Kendo Grid, It will be nice to use a combination of Server and Client side code for pagination and sorting. I want to limit the number of rows pulled from the server by 2000 rows. On the screen, the grid can be set to a page size of 20. If the actual rows are less than 2000, there is really no need for the grid to call the server again for paging or sorting