그룹컬럼 헤더 HTML Template

그룹컬럼 헤더에 html렌더러를 적용할 수 있습니다.

header.template 에 values 에 설정한 값을 표시합니다.

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: "성별/나이",
                    template: "${headerText} <input type='button' value='버튼' onclick='headerButton()'>",
                    values: { "headerText":"성별/나이"}
                }
            }, 
            "Address"
        ],
        header: {visible: false}
    },
    "Phone",
    "ProductId"
]

컬럼 헤더 HTML Template 행 높이