여러줄의 헤더를 설정하거나, 헤더에 내용을 수정하거나 체크박스 등을 삽입하는 방법에 대해 알아봅니다.
가장 간단하게 Cols값 설정시 Header속성을 통해 헤더 타이틀을 설정하실 수 있습니다.
init.Cols = [
{Header:"첫번째 열 타이틀", Type:"Int", Name:"sActSum", Width:100},
{Header:"두번째 열 타이틀", Type:"Date", Name:"sDate", Width:120},
...
]
[단일헤더행]
Header 속성에 값을 배열형태로 설정하시면 두줄 이상의 헤더행을 설정하실 수 있습니다.
init.Cols = [
{Header:["경제활동인구","취업자","소계"], Type:"Int", Name:"sEmplySum"},
{Header:["경제활동인구","취업자","남자"], Type:"Int", Name:"sEmplyM"},
{Header:["경제활동인구","취업자","여자"], Type:"Int", Name:"sEmplyW"},
...
];
[다중헤더행]
데이터 행과 마찬가지로 해더행 객체를 통해 행의 값을 얻거나 수정하실 수 있습니다. 해더행의 ID는 다음과 같은 형식으로 자동을 부여됩니다.
Header
입니다.Header
이고 두번째 이후부터는 HR1
,HR2
… 로 부여됩니다.//첫번째 헤더행의 sPosition 열의 내용 얻기
var hdStr = sheet.getValue( sheet.getRowById("Header"), "sPosition" );
//세번째 헤더행의 sPosition 열에 내용 수정하기
sheet.setValue( sheet.getRowById("HR2"), "sPosition" , "직책" )
열 설정시 Header 속성에 값을 문자열이 아닌 object 형태를 통해서 헤더 셀이 배경색이나 글자색등 다양한 기능을 설정하실 수 있습니다.
아래 예제에서 Header속성 내에 Color,TextColo,Type 등을 확인해 보세요.
init.Cols = [
//헤더 셀에 배경색을 "#FF0000"으로 설정
{Header:{Value:"헤더 타이틀1", Color:"#FF0000"}, Type:"Text", Width:150, Name:"Col1"},
//헤더 셀에 글자색을 "#FFFF00"으로 설정
{Header:{Value:"헤더 타이틀2", TextColor:"#FFFF00"}, Type:"Text", Width:120, Name:"Col2"},
//헤더 셀에 객체를 설정
{Header:{Value:"|./assets/imgs/am.jpg|||||",Type:"Img"}, Type:"Text", Wdith:120, Name:"Col3"},
...
];
[헤더 색상,타입변경]
Type이 Bool인 열은 HeaderCheck
속성을 통해서 헤더 셀에 체크박스를 설정하실 수 있습니다.
init.Cols = [
{Header:"No", Name:"SEQ", Width:"90"},
{Header:{Value:"확인",HeaderCheck:1}, Type:"Bool", Name:"sCheck", Width:"60"},
{Header:"회사", Type:"Text", Name:"sCompany", Width:"150"},
...
]
[헤더셀 체크박스]
product | version | desc |
---|---|---|
core | 8.0.0.0 | 기능 추가 |