타입이 Bool인 열의 헤더 셀에 체크박스 설정하여 전체 데이터를 체크하거나 언체크 하는 방법을 알아봅니다.


1. 모든 Bool타입 열의 헤더 셀에 체크박스 표시하기

(Cfg)HeaderCheck 속성을 1로 설정하면 모든 Bool 타입 열에 헤더 셀에 체크박스가 표시됩니다. 

const opt = {
  Cfg: {
    HeaderCheck: 1
  },
  Cols: [
   // 헤더 타이틀 왼쪽에 체크박스가 표시됩니다.
   {Header:"선택", Type: "Bool", Name: "CHK", Width: 60 },
    ...
  ]
};
IBSheet.create({
  id: "mySheet",
  el: "sheetDIV",
  options: opt
});

2. 일부 열의 헤더 셀에만 체크박스 표시하기

(Col->Header)HeaderCheck 속성을 통해 특정 열에만 헤더 체크박스를 표시하거나 표시하지 않을 수 있습니다.

// 특정 열의 헤더에 체크 박스 표시
const opt = {
  Cols: [
    {Header:{Value:"선택", HeaderCheck: 1 }, Type: "Bool", Name: "CHK" , Width: 60 },
    ...
  ]
}

// 특정 열의 헤더에만 체크 박스 제거
const opt = {
  Cfg: {
    HeaderCheck: 1      // 모든 Bool 타입 열의 헤더 셀에 체크박스 표시
  },
  Cols: [
    ...
    // Header.HeaderCheck 가 우선순위가 높아서 아래 열에는 헤더셀에 체크박스가 표시되지 않음.
    {Header:{Value:"선택", HeaderCheck: 0 }, Type: "Bool", Name: "CHK" , Width: 60 },
    ...
  ]
}

IBSheet.create({
  id: "mySheet",
  el: "sheetDIV",
  options: opt
});