Kendo UI - convert table grid tr rows into individual tables

Question

Below is the HTML code. I need each row for this "GRID" to be displayed as individual table rather than a single table with rows.

HTML:

                                        },
                                        {"field":
                                        "KeyValues.AmountWeight_UnitRef.Value.DisplayName", headerTemplate:GetMLString("AmountWeight_Unit"),editor:lookupEditor
                                        },
                                        {"field":
                                        "KeyValues.AmountVolume_Value.Value", headerTemplate:GetMLString("Amount^$~(volume)"),editor:NumericEditor
                                        , attributes: { "class": "TEAMSNumeric" }

                                        },
                                        {"field":
                                        "KeyValues.AmountVolume_UnitRef.Value.DisplayName", headerTemplate:GetMLString("AmountVolume_Unit"),editor:lookupEditor
                                        },
                                        {"field":
                                        "KeyValues.Comment.Value", headerTemplate:GetMLString("Comment"),editor:TextInlineEditor
                                        },
                                        {"field":
                                        "KeyValues.DocLink.Value", headerTemplate:GetMLString("Doc^$~link"),editor:TextInlineEditor
                                        },

                                    ]' data-bind="source:data.FuelConsDetails.Value, events: { change: gridClick }">                                    
                                </div></br>

Js:

Below is the HTML code. I need each row for this "GRID" to be displayed as individual table rather than a single table with rows. — Bala Trinadh, Jan 22 '17 at 17:47
This is the HTML code. I need each row for this "GRID" to be displayed as individual table rather than a single table with rows. — Bala Trinadh, Jan 22 '17 at 17:49
Please don't put your code into the comments. Edit it into the question where it can be properly formatted. — Cache Staheli, Jan 22 '17 at 19:00
Please read [this post on why it's not appropriate to use "it's very urgent" here](https://meta.stackoverflow.com/questions/326569/under-what-circumstances-may-i-add-urgent-or-other-similar-phrases-to-my-quest) — David Rawson, Jan 23 '17 at 04:55

score 0 · Answer 1 · answered Jan 24 '17 at 07:17

0

You can use row template to customise rows of the grid to look like grid. Use below url for sample.

http://demos.telerik.com/kendo-ui/grid/rowtemplate

answered Jan 24 '17 at 07:17

Shivendra

159
1
7

Kendo UI - convert table grid tr rows into individual tables

HTML:

1 Answers1