Angular Kendo grid view & list View & Details View - html

I have a requirement in kendo grid, like
when I click some icons I need to change the format of data source(grid view | list view\ details view).
Like this sample I need to do in Kendo grid. I am searched lot in google but I am unable to get any sample for this requirement. Is anyone done this in your project by using kendo grid?

Related

Custom tooltip for kendo react Grid

I want to create a custom onHover template for kendo react Grid. I was looking into kendo react grid tooltip and I was able to get the title as the tooltip as showed in the example. I want to create a template to show instead of just the title. Any suggestions on how can I achieve the same. Any help is much appreciated.

How to hide show collapse/expand button for only several rows?

I am building an app with a grid that has expandable functionality for its rows. But I have 3 types of items inside grid list, and one of these should have detail row functionality. The simple solution is to hide collapse/expand button, but new react wrappers do not expose actual rendering loop of the list.
How can I achieve this?

Kendo UI grid rendering

I have a scenario here, Consider there are two kendo ui grids(jquery), Grid1 and Grid2 both are of same schema. On adding data in the first grid ie Grid-1, should automatically reflect the grid-2. However the same data I am changing in the Grid-2 should not affect the Grid-1 unless I have made an explicit event to change the same. In my case it is working bi directionally not the way I want to be. I am using Kendo observable.

Kendo tree in kendo grid - collapse issue

I am trying to get kendo tree in kendo grid.
I could able to achieve to get the data, but not the tree functionality.
below is the link for same
http://dojo.telerik.com/oDakE
can anyone help me why the expand and collapse is not working
have you tried kendoTreeList, it accepts a json sort of like a treeview but you assign a parent id to each node, and displays as a grid.

How do I refresh kendo grid when datasource is changed

I have used kendo grids and charts fine and refreshed them with the following example code:
$("#Product").data("kendoGrid").dataSource.read();
How do I refresh kendo grid when datasource is changed without redrawing the grid.
I think this gives you better answer
Kendo ui datasource refresh? like
$("#Product").data("kendoGrid").dataSource.read();
$("#Product").data("kendoGrid").refresh();