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

时间:2017-01-22 17:47:26

标签: jquery kendo-ui-grid

以下是HTML代码。我需要每一行" GRID"显示为单个表而不是单个带行的表。

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:

1 个答案:

答案 0 :(得分:0)

您可以使用行模板自定义网格行,使其看起来像网格。使用以下网址获取样本。

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