행의 유형에 따른 class 적용

소계, 합계 행

합계 행은 options.Def.FormulaRow를 통해 제어가 가능합니다.

var OPT = {
  Def: {
    FormulaRow: {
      ...
    }
  }
}

.IBFormulaRow, .IBFormulaRow *

.IBFormulaRow, .IBFormulaRow *은 Formula 행을 관리하는 클래스입니다.

css보다 options.Def.Formula의 설정이 우선적으로 적용됩니다.

.IBFormulaRow, .IBFormulaRow * {
  /* 배경색 적용 */
  background-color: #d8f2dd;
  /* 글자색 적용 */
  color: tomato;
}

소계와 누계 행은 css를 통해 관리되는 것이 아니라, 시트의 기능을 통해 관리됩니다.

소계와 누계행은 Def.SubSum을 통해 제어가 가능하며, makeSubTotal func에서 color속성을 통해 소계행의 배경색을, cumulateColor속성을 통해 누계행의 배경색을 설정하여 사용하실 수 있습니다.

var OPT = {
  Def: {
    SubSum: {
      ...
    }
  }
}

sheet.makeSubTotal([
  {
    stdCol: 'sPolicy',
    sumCols: 'A|B|C|D',
    color: '#dbe2eb', // 소계행 배경색
    cumulateColor: '#b2c4d9', // 누계행 배경색
    captionCol: [
      {
        col: 'sPolicy',
        val: '%s: %col',
        cumVal: '%s: %col',
        span: 3
      }
    ],
    showCumulate: 1,
    position: 'bottom'
  }
]);

기본 테마의 소계/누계 행

커스텀 소계/누계 행

---

그룹 행

그룹 행은 css를 통해 관리되는 것이 아니라, 시트의 기능을 통해 관리됩니다.

그룹 행은 options.Def.Group을 통해 제어가 가능합니다.

var OPT = {
  Def: {
    Group: {
      ...
    }
  }
}

---

필터행

필터 행은 css를 통해 관리되는 것이 아니라, 시트의 기능을 통해 관리됩니다.

필터 행은 options.Filter를 통해 제어가 가능합니다.

var OPT = {
  Filter: {
    ...
  }
}