jquery - Kendo UI - 将表格网格 tr 行转换为单独的表格

Question

下面是 HTML 代码。我需要将此“网格”的每一行显示为单独的表格，而不是带有行的单个表格。

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：

Answer 1

您可以使用行模板自定义网格的行，使其看起来像网格。使用以下网址作为示例。

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