Group column header HTML Template

You can apply the HTML renderer to the group column header.

Displays the value set in values in header.template.

var layout = [
     "KorName",
     {
         name: "PersonalInfo",
         direction: "vertical",
         width: 200,
         items: [
             {
                 name: "info1",
                 direction: "horizontal",
                 hideChildHeaders: true;
                 items: [
                     {column: "Gender", width: 100},
                     {column: "Age", width: 100}
                 ],
                 header: {
                     text: "Gender/Age",
                     template: "${headerText} <input type='button' value='Button' onclick='headerButton()'>",
                     values: { "headerText":"Gender/Age"}
                 }
             },
             "Address"
         ],
         header: {visible: false}
     },
     "Phone",
     "ProductId"
]

Column header HTML Template Totals and subtotals