# 행의 유형에 따른 class 적용

## 소계, 합계 행

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

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

### .IBFormulaRow, .IBFormulaRow *

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

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

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

기본 테마 | 커스텀 적용
--- | ---
기본 테마의 FormulaRow (합계행) | 커스텀 FormulaRow

소계와 누계 행은 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: {
        ...
      }
    }