SYIDAX / DATA GRID

조건부 서식

값의 조건에 맞춰 셀의 배경과 글자 스타일을 바꿉니다.

시작하기
조건부 서식샘플 주문 데이터
120 rows
Grid를 불러오는 중입니다…
최근 결과

예를 들어 수량 100 이상인 주문을 강조하기로 정합니다. 단순 선택 상태의 배경색과 의미가 겹치지 않게 정하세요.

코드 보기
현재 미리보기

사용 가이드

#

일정 수량을 넘는 주문이나 확인이 필요한 금액을 색과 글자 스타일로 구분할 때 사용합니다.

앱에서 연결하는 순서

  1. 강조 기준 정하기

    예를 들어 수량 100 이상인 주문을 강조하기로 정합니다. 단순 선택 상태의 배경색과 의미가 겹치지 않게 정하세요.

  2. 규칙과 스타일 연결

    앱에서 조건부 서식 규칙을 지정하거나 conditionalFormatUi를 켜 사용자가 규칙을 편집하게 하세요.

  3. 조건 경계 확인

    조건의 경계값보다 작은 값·같은 값·큰 값을 넣어 의도한 셀에만 스타일이 적용되는지 확인합니다.

확인할 결과

앱에서 데이터 값에 따라 강조 스타일이 바뀌어 주의할 항목을 쉽게 찾을 수 있습니다.

현재 샘플 표에는 업무용 조건부 서식 규칙이 설정되어 있지 않습니다. 선택·포커스 색을 조건부 서식으로 오해하지 마세요.

알아두면 쉬운 용어

조건부 서식
데이터가 정한 조건을 만족할 때 적용하는 표시 규칙입니다.
경계값
100 이상에서 100처럼 조건이 바뀌는 기준 숫자입니다.

API reference

#

나머지 속성2
Attribute / Property타입 / 기본값설명
conditionalFormats
ConditionalFormatRule[]기본값 undefinedConditional Formatting. A grid-level list of rules; each targets a column (or all), tests the cell value against a condition (equals / ranges / text / blank), and contributes a style (background / color / weight / …) when it matches. Rules merge in order (later wins) and honor Excel's `stopIfTrue`. Colors are sanitized. Property-only; empty/undefined = off (zero overhead). Evaluated on the DISPLAYED value, so an RBAC-masked cell is never styled by its hidden real value.
conditionalFormatUi
boolean기본값 falseshow the built-in Conditional Formatting rule builder (a toolbar button that opens an Excel-style rules panel: column / condition / value / colors). Editing the rules updates `conditionalFormats` live and fires `conditionalFormatsChanged`. Off by default.
이벤트1
이벤트detail 타입설명
{ rules: ConditionalFormatRule[] }Fires when the built-in CF builder edits the rules.