Kendo Grid如何創建標題行

Question

我正在使用AngularJs 1.5.8，ASP.NET MVC 4.0和Kendo Grid 2016 v3.914。 我有一個帶有網格的視圖，該網格分組很好。

但是現在我需要在每個組之間添加一行。 該行將只有一列，但將覆蓋所有列。 我知道我想要哪個領域。 我只是不知道如何編碼我的控制器以顯示該列。

你能幫我嗎？

謝謝BTD

到目前為止，這是我的代碼。

            return {
                toolbar: ["excel", "pdf", { name: "exportCSV", template: "<a class='k-button k-button-iicontext k-grid-exportCSV' ng-click='vm.currentRatesKendoGridToCSV(vm.rateType)'><span class='glyphicon glyphicon-list-alt'></span> Export to CSV</a>" }],
                excel: { fileName: "AdvanceRates.xlsx", allPages: true },
                pdf: {
                    avoidLinks: true,
                    allPages: true,
                    fileName: "AdvanceRates.pdf"
                },
                group: [{ field: 'ParentName' }, { field: 'Id' }, { field: 'SortBy' }, { field: 'Name' }],
                //group: { field: 'ParentName','Id','SortBy','Name', aggregates: [ { field: "Name"}] },
                sortable: false,
                filterable: false,
                columns: [
                        {
                            title: 'Instrument',
                            field: 'Instrument',
                        },
                        {
                            title: 'Rate',
                            field: 'Rate',
                            format: '{0:0.000%}'
                        },
                ]
            };

Answer 1

您可以使用groupHeaderTemplate做到這groupHeaderTemplate 。

columns: [{
              title: 'Instrument',
              field: 'Instrument',
              groupHeaderTemplate: "This is my dividing line...",
          },

例如： http ： //dojo.telerik.com/@sg53719/UdIxU

Answer 2

我自己回答了。 在設置數據源的javascript控制器代碼中，添加了以下代碼組：{field：'Name'}，現在我看到了分組。