타입이 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
});