2017-01-13 8 views
0

私はAngularJs 1.5.8、ASP.NET MVC 4.0、および剣道グリッド2016 v3.914を使用しています。 グリッドが表示されており、グループ化されています。剣道グリッドヘッダー行の作成方法

今、私は各グループの間に行を追加する必要があります。行は1つの列を持ちますが、すべての列にまたがります。私は、私が望む分野を知っています。 コントローラーをコード化して列を表示する方法がわかりません。

お手伝いできますか?ここで

おかげ 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%}' 
         }, 
       ] 
      }; 

答えて

1

これはgroupHeaderTemplateで行うことができます。

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

例:http://dojo.telerik.com/@sg53719/UdIxU

0

私はそれを自分自身に答え。 データソースを設定しているjavascriptのコントローラコードで、このコードグループを追加しました。{field: 'Name'}、グループ化されました。

関連する問題