FuckingNexacro

brightness_7
menu
arrow_upward

view_column 바디 열 (column)

바디 열 (column)

데이터그리드에서 데이터 당 필드값을 표현되는 열을 지정합니다.

warning 사용중인 CSS 프레임워크가 있을 경우 일부 CSS 가 의도치 않은대로 표현되거나 무시될 수 있습니다.
브라우저의 개발자도구를 이용해 CSS 의 충돌을 추적하여 CSS 를 보강하신 다음 사용하시길 권장합니다.

css 항목마다 다른 색상을 사용하여 설명합니다.
행은 dodgerblue 색상을 사용합니다.

/* 순서는 header 와 body 각각 row > colgroup > col > cell 순서대로 배치됩니다. */

/* fn_header > fn_header_row > fn_header_colgroup > fn_header_cell */
/* fn_body   > fn_body_row   > fn_body_colgroup   > fn_body_cell   */    /* header 뿐만 아니라 body에도 동일하게 구분 가능 */

.fn_body_row.fn_row 
  .fn_body_colgroup_fixed.fn_body_colgroup.fn_colgroup
    .fn_body_cell.fn_cell
  .fn_body_colgroup_unfixed.fn_body_colgroup.fn_colgroup
    .fn_body_cell.fn_cell
  .fn_body_colgroup_suffixed.fn_body_colgroup.fn_colgroup
    .fn_body_cell.fn_cell

.fn_header .fn_cell { background-color: dodgerblue; }
.fn_header .fn_cell[data-columnKey="enableYn"] { background-color: unset; }
.fn_body .fn_cell[data-columnKey="enableYn"] { background-color: dodgerblue; }
/* .fn_cell 엘리먼트에서 [data-columnKey="컬럼의 key 값"] 을 사용할 수 있습니다. 특정 열의 강조가 필요하다면 이 방식이 권장됩니다. */
.fn_header .fn_cell[data-columnIndex="0"] { background-color: unset; }
.fn_body .fn_cell[data-columnIndex="0"] { background-color: dodgerblue; }
/* .fn_cell 엘리먼트에서 [data-columnIndex="0번부터 시작하는 컬럼의 순서번호"] 을 사용할 수 있습니다. */