When you configure a grid date-column with a custom format, the value configured in 'format' is parsed using JSON.parse. This requires the use of double quotes for both keys and values.

var a = "{0:dd/MMMM/yyyy}";    // example from docs
JSON.parse(a);    // SyntaxError: JSON.parse: expected property name or '}'

var b = '{"0":"dd-MM-yyyy"}';
JSON.parse(b);    // jey! 

However, if you use the latter, the generated template goes fubar with the message:

"Invalid template:' ... <td>${kendo.format("{"0":"dd-MM-yyyy"\}",theDataField)}</td> ... "

This makes sense when you look at the quote mismatch..

Add the ability to display the Show/Hide Column menu by right clicking the Column Header instead of going through the "Column Menu".

It would also be nice if you could access the Filter directly instead of going through the "Column Menu"

The current Column Menu unnecessarily hides functionality in a menu  that should be more easily accessible.

When I bind a change event to the grid it will fire each time I click on the row, even if it is the same row.  So the selected row is not actually changing, but the event keeps firing anyways.  The same thing happens if I programmatically select the row using the select method.

I would rather the change event only fire when when the selection has actually changed rather than on every re-selection.

Otherwise, you might as well call the event "onSelect" rather than "change".

For extra points, it would be cool if the event received a reference to the previous row that was selected.

My users ask for this in almost every application.  When a grid is grouped, the users want to see the groups in an order that indicates some ranking by an aggregate value. For example, If SALES-DETAIL table is grouped by SALESPERSON, the default alphabetic order of the groups might be AMELIA, BARBARA, CARLOS, DAVID, HARRY, THOMAS, ZELDA. But users want to see the groupings in descending order by the salesperson's TotalSales, which might be HARRY, ZELDA, AMELIA, THOMAS...etc. So we need a way to specify a custom-group-sortorder. And to be perfectly clear, that is the sequence of groups with respect to each other, not the order of detail data inside the group. The detail records might be sorted chronologically by SalesDate regardless of the order of the group relative to each other. In SQL the equivalent would be  ... GROUP BY SALESPERSON ORDER BY SUM(TotalSales) DESC(ending). This feature would work hand-in-glove with another requested feature, showing the group footer when the group is collapsed.

showColumn() and hideColumn() is great, but it would be nice if we could pass multiple columns to the methods (maybe as an array).

It's extremely slow if I create a loop and call show/hideColumns(x) multiple times.

This would ideally apply to any grid component (Kendo Grid and TreeList).

Current filter control for a date column only shows a date picker, if the data that's bound to the column also contains the time part then the filters don't work properly. Adding a date time picker would solve the problem.

We want events for expand/collapse groups in Grid, similar to the existing events for details.
This events will helps us for personalize some funcionalitys.

Thanks.

Please provide functionality for transposing a grid out of the box. My team has many members who need this functionality. For the moment, everone is transposing the data and then binding it to the grid. Please let me know when we can get to see this functionality. Thanks!

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.

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.

The refresh button availability should be indepent from the grid being pageable. The user may want an updatable grid without having page navigator.

Many of us are wondering (http://www.telerik.com/forums/dynamically-add-new-column) how to add new column to grid.

I imagine it to work as column picker in TeamPulse (http://demos.telerik.com/teampulse-demo/view#backlog)

For now we have two options:
-destroy old grid and create new, but this way we must take care of bindings, event handling by ourselves.
-hide unwanted columns at start and then show them when needed, but this way DOM will have unused elements.

Ideally grid would reconfigure and add DOM for new column.

Ext.JS has this build in (http://jsfiddle.net/marcusschiesser/GvGCX/)

Right now there is a progress indicator that shows on the grid when the data is being read.  Could this indicator also be shown during save operations?  Right now when you save there is a brief delay while the save operation is taking place where to the end user it looks like nothing is happening.

Is it possible that you include a way to resize rows on a grid like we have the option to resize columns?

My application has a default row height retrieved from database, we do not let the content to overflow this row height. 
But instead we want to give the user the option to manually resize the row to see the full text content.

This row resizing, though it is done only on one row would affect all the rows currently shown.

I want to disable/hide the columnMenu the same way like disabling sorting or filtering...
it is not supported the same way as disabling sorting or filtering but only with some Javascript which is not a good solution and not consistent

The End-User experience for multiple column sort is awful. Please provide a UI that lets them see & change the columns they are sorting by. 

Current problems are: 
1. If the user is sorting by 3 columns. All they see is 3 columns with an up/down arrow. There is no visual indication of the actual sort order (Col1, Col2, Col3) or (Col2, Col3, Col1). 

2. Lack of Control.
This gets more confusing if you have 3 columns in a sort, then  click Col2, until it is not sorted. Then click it again to make it sort ascending. I assume it drops out of the sort, & is then added at the end. Making sort =  (Col1, Col3, Col2). 
This confusion forces you to clear everything & start the sort again. 

3. Inability to clear quickly. 
But there is no UI that offers the user a quick way to Unselect all sorted cols, so they can start the sort selection process again. Clearly we can add something to the toolbar, but ideally they wouldn't need to clear & restart their sort selection. . 

4. Unpredictable outcome.
It is not obvious to the User how to control the order of the multi-column sort. How does the sort get determined? :-
A. First column selected becomes the Primary order, the next col is the Secondary order. 
	eg: select Col1, then col2, then col3, to get (Col1, Col2, Col3) order. 
OR
B. Last column selected is the Primary. 
	eg: select Col3 then col2, then col1 to get (Col3, Col2, Col1) order.

5. Server/Database cost. 
Sorting & network round trips are expensive. Toggling from Asc / Desc / Clear. Is expensive & slow compared to setting all the columns once & clicking OK. 

6. I'd add a mockup image, but this feedback screen doesn't permit uploads. To get an idea of a potential UI, Try sorting on multiple columns in Excel. It shows like a tree, with the primary key at the top, the secondary a line lower, followed by the less significant keys below it. 
OR at min. Change the Arrow into an Arrow with a tiny number (1,2,3 etc)
7. The current approach you use to add the Sort icon is really annoying to the user, especially when they have many narrow columns of numbers. Be aware that when you add the sort icon, converting a Label into something with 3 "..." chars is unnecessary. We found it cleaner to just truncate the chars that didn't fit, the user gets to see 2 more letters of the label. Which may be enough for them to know which column it is. And it is obvious that the column was too small to display more text. 
The large padding to the left of the "ColumnMenu" icon is part of the problem, it could be much smaller. 0.5 to 0.25 char width is sufficient. 
We did a lot of usability testing around this for a different control. The outcome was nearly unanimous in favor of the change above. 

PS: I too could see benefit in having the sort indicator display to the left. But the changes above may reduce the need a bit..

We now have operators that support filtering for null/empty values in grid columns.  These are available using the standard Filter Menu, which provides input fields and the operator dropdown list.  Our users really love the Multi Checkbox filtering, which allows them to choose any number of possible values at the same time.  The missing feature is that the Multi Checkbox filtering prevents us from finding the "empty" rows.

Much the same way that "Select All" is automatically added to the list of checkboxes, please add some sort of "null/empty" item to the list.  It would be great if this was configurable.  In some of our columns, it's not possible to have empty values, so it doesn't make sense to include the "empty" checkbox for those columns.

Be sure to handle scenarios when the data source is automatic based on the data in the grid and when a separate, custom data source is provided for the column.

Hi, we use the grid "toolbar" property.  But, we found that the documentation of the kendoToolBar "standalone" offers more possibilities, like adding a type "separator", groups, toggle, ...

My question is:
When I create my grid, is it possible to get a reference to its containing kendoToolBar (if it's a complete kendoToolBar ?), that allow to add more complex items.

Something like: 

var kgrid = $('#grid1').kendoGrid({toolbar: [...]}).data("kendoGrid").

var kToolbar = $('#grid1 .k-grid-toolbar').data("kendoToolBar") // or kgrid._secret_property?

kToolbar.add({type: "separator"})

I tried that, but the kToolbar is undefined.

Bug report
Reproducible in mobile mode enabled

Reproduction of the problem
1. Open below demo and enable mobile mode

2. Refresh

https://demos.telerik.com/kendo-ui/grid/editing

Current behavior
Error is thrown, grid not bound 

Expected/desired behavior
No error shall appear

Environment
Kendo UI version: 2020.3.1021
jQuery version: x.y
Browser: [Chrome | Firefox ]

Grid should allow to place images in the header of each column instead of text on per column basis.