With the kendoGrid, if no columns are specified, all columns are automatically rendered. However, dates (at least, I have not tested other non-strings) are rendered in non-human-readable form (at least if they are from SQL Server). Since date rendering is tied to culture parameters, it would make sense to specify culture at the grid object level and have dates, currency, etc. render according to that. It would also be great to have filters setup for these different types applied to dynamic columns.
The Kendo grid is slow to render row details when using Internet Explorer. The reason, according to a forum post, is because IE does not handle the ":not()" selector well, which the Kendo uses. Fix this problem.
It would be great to have a couple of CSS classes to do customization of the style of scrollbars in Kendo UI Web controls (multi-browser) because otherwise its really complicated to integrate javascript plugins to do this in the Kendo UI structure.
I want to be able to change whether a grid is scrollable, as its datasource grows or shrinks, without having to destroy and recreate it, and I want to control whether the columns are equal width or auto-sized, independently of whether it's scrollable. I also want to change its height, and turn on and off the option that lets it auto-size itself. (Also I'm running into a similar issue with charts, where I can't change the tooltip template after it's set.)
Can we please have a way to save and retrieve the raw html formatted as we'd like. Currently it does not matter how you write the raw html, it will come back in an unusable blob of html
When the user types a value in a grid column filter, clicks the filter button, then deletes the value from the column filter, and clicks the filter button, the grid results will not change to reflect the updated filter. When the filter text is removed, and the filter button is clicked, the grid results should be updated.
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 Guys, It would be nice to have GridColumnAttachment field for Kendo ui grid like in Telerik RadControl
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
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.
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.
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
For columns that have long titles but minimal data it would be good to be able to orientate the text 90-degrees so it's top to bottom rather than left to right (like excel)
The current implementation of the DataSource only allows for footer aggregates during the fetch of data. When we f.i. use virtual scrolling in a grid for each fetch of data from the server we also have to calculate the aggregates. In many cases that is a time consuming process. F.i. we have a project that has an activitylist containing over 100.000 rows. We only show 25 rows with skip(page) and take(25) but on each roundtrip we calculate the aggregate for all 100.000 rows. A better solution would be to get the aggregate asynchronous from the data fetch and only fetch the first time and when a change has taken place in one or more fields that have an aggregate result.
The grid does not resize properly when placed in css flex containers (http://www.telerik.com/forums/how-to-use-grid-in-css-flexible-box#i5x2DlCtiEyWLXLVRg5U-g) . Would be good if it supported css flex, and the new css grid as a bonus
<pre> Kendoui grid date filterable "Is equal to" - Make it have a range base on what is input If you have a date column in a grid and you filter it and select "Is equal to" it currently doesn't work very good unless your dates/time are all on 12:00:00.000 AM Maybe you could make the filter do this when "Is equal to" If you select or inputput: 2/22/2004 It will find the following rows: 02/22/2004 00:00:00.000 <= datesFound < 02/23/2004 00:00:00.000 2/22/2004 06: It will find the following rows: 02/22/2004 06:00:00.000 <= datesFound < 02/23/2004 07:00:00.000 2/22/2004 06:50 It will find the following rows: 02/22/2004 06:50:00.000 <= datesFound < 02/23/2004 07:51:00.000 2/22/2004 06:50:20 It will find the following rows: 02/22/2004 06:50:20.000 <= datesFound < 02/23/2004 07:51:21.000 2/22/2004 06:50:20.034 It will find the following rows: 02/22/2004 06:50:20.034 <= datesFound < 02/23/2004 07:51:21.035 Maybe have a toggle for (0-12 AM/PM) or (00-23 24 hour clock) in the datetimepicker with a default setting that can be configured. Maybe make the datetimepicker have a range for each Hour, minute, second, millisecond, AM/PM * or blank - could act like a regular expression but would need to have the higher unit set. IE: ( 06:50:20.035 , 06:50:20.* , 06:50:*.* , 06:*:*.* , *:*:*.* or 6:50:20.035 AM, 6:50:20.* AM, 6:50:*.* AM, 6:*:*.* AM, *:*:*.* * Not this: *:50:*.* * ). HH , MM , ss , fff 00-23;*, 0-59;*, 0-59;*, 000 - 999;* or H , tt , MM , ss , fff 0-12;* , AM/PM;*, 0-59;*, 0-59;*, 000 - 999;* The yyyy,MM,dd could also be done this way so you could get all the rows for a yyyy****, yyyyMM**, yyyyMMdd </pre>
Provide support for momentum scrolling in Mobile Safari for virtualization of remote data grids. http://demos.telerik.com/kendo-ui/web/grid/virtualization-remote-data.html
Hi,
When the grid is initially hidden and then revealed programmatically, the pageSizes (and several other elements) are not rendered.
Reproducer:
This also breaks when you have grid in a hidden div that you toggle open and it breaks in both Chrome and Firefox
there are ready to use methods fadeIn & fadeOut for animation In jQuery. Kendo UI Window already uses nifty close-effect, how about implementing this behavior for a grid-control. Expanding/Colapsing Detail-Gird in Hierarchy will go smoothly and comply with other controls' animation.
i have a grid with number column and the template is replace the number with a text according to the number, but the sort is according to the number which is not correct. for example: data[ status: 1 , 2 , 3 ] the template return Cancelled for 1 Accept for 2 and in Processes for 3. it shoul be sorted in that order: Accept ,Cancelled, in Processes but actually is sort like that: Cancelled, Accept, in Processes