안녕하세요 그레이프시티입니다.

문의하신 기능과 관련하여 답변 드립니다.

1. FlexSheet 열 추가 방법 문의

=> 문의하신 내용의 경우, FlexSheet의 columns 컬렉션에 column를 생성 및 추가하여 설정하실 수 있습니다.

<wj-flex-sheet id="sample-sheet" :initialized="initializeFlexSheet">
(..)
import * as wjcGrid from "@grapecity/wijmo.grid";

(....)
  methods: {
    initializeFlexSheet: function (flex) {
      this.flex = flex;
      flex.columns.push(new wjcGrid.Column());
    },
  },
};

다만 공유해주신 이미지(to-be, 구현하고자 하는 결과물)의 경우, 빈 배열이 바인딩되거나 row(행)을 생성하여 추가한 형태로 아래 코드와 같이 추가하여 구현할 수 있습니다.

flex.rows.push(new wjcGrid.Row());

2. 열 기본 셋팅 방법

=> 1번 문의와 같이 FlexSheet의 columns 컬렉션에 column를 추가 및 열 속성을 설정하여 구현할 수 있습니다. 

flex.columns.push(new wjcGrid.Column({header:"test"}));

다만 공유하신 이미지의 경우, 데이터가 바인딩된 결과물이므로 답변과 구현하고자 하는 기능이 다르시다면 다시 한 번 원하는 결과물에 대한 디테일한 설명과 함께 회신해주신다면 확인 후 답변 드릴 수 있도록 하겠습니다. 

다른 궁금한 점이 생기면 문의주시기 바랍니다.

감사합니다.

그레이프시티 드림