그리드 설정

히든 컬럼(Hidden column) 설정

QCELL에서는 Hidden 컬럼에 대한 정보를 관리하기 위해 hiddencolumns 속성을 제공합니다.
이를 통해 숨겨진 컬럼의 인덱스나 키 정보를 저장하고, 그리드 렌더링 시 특정 컬럼을 화면에 표시하지 않도록 제어할 수 있습니다.

1️⃣ 초기 그리드 설정

JS  

  var arr_hidden_column = [
   { width: "100px", key: "h1", title: ["Title1"] },
   { width: "100px", key: "h2", title: ["Title2"] },
   { width: "100px", key: "h3", title: ["Title3"] }
  ];
  
  QCELL.create({
   id: "qcell",
   parentid: "sheetarea",
   hiddencolumns: arr_hidden_column,
   columns: [
     { width: "200px", key: "c1", title: ["과목종류"] },
     { width: "200px", key: "c2", title: ["계좌번호"] },
     { width: "200px", key: "c3", title: ["통화"] },
     ...
  ],
   data: { "input": sampleData },
   rowheader: "sequence"
  });
 

✔️ hiddencolumns 옵션을 통해 화면에 표시하지 않을 컬럼들을 정의합니다.

2️⃣ 데이터 활용 예시

JS  
 
  function getAllData() {
    console.log(qcell.getAllData());
  }
  

✔️ 모든 데이터를 반환하는 api인 getAllData를 사용하면 숨겨진 컬럼의 데이터도 함께 반환됩니다. 또한, 히든컬럼을 활용해 화면에 표시하지 않으면서 데이터를 보관하거나 처리할 수 있습니다.

3️⃣ 활용 시 참고 사항

▪️ hiddencolumns는 columns와 별도로 정의합니다.
▪️ 숨겨진 컬럼의 값은 setData, getAllData 시 정상적으로 입출력됩니다.
▪️ 사용자에게는 보이지 않지만, 내부 로직에서 필요할 때 유용하게 사용할 수 있습니다.

---