FuckingNexacro

brightness_7
menu
arrow_upward

table_rows 바디 행 (row)

바디 행 (row)

데이터그리드에서 데이터 당 한 줄씩 표현되는 행을 지정합니다.

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

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

/* 순서는 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_row .fn_cell { background-color: darkorange; }
.fn_header .fn_row .fn_header_colgroup_unfixed .fn_cell:nth-child(2) { background-color: unset; }
.fn_body .fn_row:nth-child(1) { background-color: orange; }
.fn_body .fn_row:nth-child(1) .fn_body_colgroup_unfixed .fn_cell:nth-child(1) { background-color: darkred; }
/* 전통적인 nth-child 방식은 그대로 사용이 가능하나 제가 제대로 사용할 줄 몰라 딱히 드릴 설명이 없습니다... */
.fn_body .fn_row[data-keyColumn="1"] { background-color: gold; }
.fn_body .fn_row[data-keyColumn="1"] .fn_body_colgroup_unfixed .fn_cell:nth-child(1) { background-color: orangered; }
/* .fn_row 엘리먼트에서 [data-keyColumn="데이터의 keyColumn 값"] 을 사용할 수 있습니다. 데이터 값을 알고 있다면 이 방식이 권장됩니다. */
.fn_body .fn_row[data-index="2"] { background-color: yellow; }
/* .fn_row 엘리먼트에서 [data-index="0번부터 시작하는 데이터의 순서번호"] 을 사용할 수 있습니다. */