Hierarchical Grid with child rows split in two columns

[Suraj]

Can I achieve the functionality as shown in the attached file using Kendo Grid/ListView?

It should support the following functionality

1. Edit the Group Name (inline)
2. Edit the Item Name (inline)
3. Items rows should be split in two columns under the Group
4. Rearrange the Group using drag and drop

Can this be done using declarative markup?

A small example would really help. Thanks

[Nikolay Rusev]

Hello Suraj,

The following demo illustrates how the Grid inline editing works: Grid inline editing. It operates only on data items, but not on group items. This is in regard of point 1 and 2.

Regarding point 3 - we are not sure what you mean here. Group header is only one cell col-spanned over all data cells.

Point 4 - group order can be controlled by dragging the group fields which are positioned above the grid header row.

Regards,
Nikolay Rusev
Telerik

 

 

[Suraj]

Hello Nikolay,

What meant with point 3 was that, suppose there are 10 rows under the group then it should display as follows

group1
row1        row6
row2        row7
row3        row8
row4        row9
row5        row10

group2
row1        row6
row2        row7
row3
row4
row5 

Note the vertical order of the rows. Is there a way to accomplish this?

[Nikolay Rusev]

Hello Suraj,

I see what you mean, but this is not supported. The rows will appear one after another.

Regards,
Nikolay Rusev
Telerik

 

 

[Suraj]

Hello Nikolay,

Can you suggest any other way in which this functionality can be achieved using any of the other kendo controls?

Regards,
Suraj Naik

[Nikolay Rusev]

Hello Suraj,

I'm afraid that there isn't a widget that implements this layout. You can however use the DataSource API and Templates /there are also few demos on how templates works here /to build an UI per your needs.

Regards,
Nikolay Rusev
Telerik