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.

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

пример: http://dojo.telerik.com/@sg53719/UdIxU

Answer 2

ответил я сам. В моем коде контроллера javascript, где я устанавливаю источник данных, я добавил эту группу кода: {field: 'Name'}, и теперь я вижу группировку.