사용자지정 문자 출력

엑셀 출력 시 그리드 상단에 특정 문자를 추가해서 출력합니다.

userCellsCallback 설정

userCellsCallback은 출력되는 column과 row의 갯수를 참조해서 cell의 위치를 변경할때 사용합니다.
스타일 속성 설정은 css스타일 적용방식과 동일합니다.

gridView.exportGrid({
  type: "excel",
  target: "local",
  fileName: "gridExportSample.xlsx",
  yOffset: 5,
  userCellsCallback: function (grid, rowCount, colCount, sheetName) {
    return [
      {
        row: 2,
        col: colCount - 4,
        value: "결재",
        mergeRow: 2,
        heights: [15, 30],
        styles: { textAlign: "center", border: "1px solid black" },
      },
      {
        row: 2,
        col: colCount - 3,
        value: "팀장",
        height: 15,
        styles: { textAlign: "center", border: "1px solid black" },
      },
      {
        row: 3,
        col: colCount - 3,
        value: "",
        height: 30,
        styles: { border: "1px solid black" },
      },
      {
        row: 2,
        col: colCount - 2,
        value: "부장",
        height: 15,
        styles: { textAlign: "center", border: "1px solid black" },
      },
      {
        row: 3,
        col: colCount - 2,
        value: "",
        height: 30,
        styles: { border: "1px solid black" },
      },
      {
        row: 2,
        col: colCount - 1,
        value: "대표",
        height: 15,
        styles: { textAlign: "center", border: "1px solid black" },
      },
      {
        row: 3,
        col: colCount - 1,
        value: "",
        height: 30,
        styles: { border: "1px solid black" },
      },
    ];
  },
  done: function () {
    alert("done excel export");
  },
});

userCells 설정

userCells를 사용해서 고정영역에 특정 문자를 출력합니다.

var userCells = [
  { row: 0, col: 0, value: "사용자 입력문자열" },
  { row: 1, col: 0, styleName: "orangeFontColor", value: "스타일을 적용" },
  {
    row: 2,
    col: 0,
    mergeRow: 1,
    mergeCol: 3,
    styleName: "orangeFontColor",
    value: "merge를 하고 스타일을 적용.",
  },
  {
    row: 3,
    col: 0,
    mergeRow: 2,
    mergeCol: 3,
    value: "inline-style",
    styles: { background: "red", fontSize: "20px" },
  },
  {
    row: 5,
    col: 1,
    value: 12345,
    format: "#,##0.0_ ",
    styles: { textAlign: "right" },
  },
  {
    row: 5,
    col: 4,
    value: new Date(2022, 4, 16),
    format: "[$-F800]dddd, mmmm dd, yyyy",
    styles: { textAlign: "center" },
  },
];
gridView.exportGrid({
  type: "excel",
  target: "local",
  yOffset: 6,
  userCells: userCells,
});