SYIDAX / DATA GRID
여러 필터 조합 PRO
하나의 열에 여러 필터 조건을 구성합니다.
여러 필터 조합샘플 주문 데이터
120 rowsGrid를 불러오는 중입니다…
최근 결과
제품 이름에 Sensor가 포함되면서 허용한 제품 목록에 속한 행만 보여 주는 상황을 생각해 보세요.
코드 보기
현재 미리보기
코드에 포함된 샘플 데이터 · 6행
사용 가이드
#하나의 제품 열에서 이름 검색과 값 선택을 함께 제공하고 싶을 때 사용합니다. 여러 열의 필터를 동시에 쓰는 것과는 다릅니다.
앱에서 연결하는 순서
- 한 열의 조건 정하기
제품 이름에 Sensor가 포함되면서 허용한 제품 목록에 속한 행만 보여 주는 상황을 생각해 보세요.
- 하위 필터 구성
앱의 해당 열에 Multi filter를 지정하고 그 안에 사용할 하위 필터들을 정의합니다. 각 하위 필터의 종류와 순서를 정하세요.
- 조건 조합 확인
앱에서 하위 조건을 하나씩 바꿔 최종 표시 행을 확인하세요. 저장한 필터 상태를 복원할 때도 같은 하위 필터 구성을 준비합니다.
확인할 결과
사용자는 한 열의 필터 안에서 여러 방식의 조건을 설정할 수 있습니다.
Multi filter는 기본 텍스트·숫자 필터와 다른 구성입니다. 현재 예제에는 Multi filter 조작 UI가 없으며 앱의 열 정의에 하위 필터를 추가해야 합니다.
알아두면 쉬운 용어
- 하위 필터
- Multi filter 안에서 동작하는 개별 필터입니다.
- 필터 모델
- 사용자가 선택한 조건을 저장한 값입니다.
제품에 이 기능을 적용하려면 Pro 런타임과 유효한 라이선스가 필요합니다.
API reference
#ColumnDef1
| ColumnDef | 타입 / 필수 여부 | 설명 |
|---|---|---|
PRO 옵션 | | ColumnFilterDecl
| string
| GridFilterDefinition<TData, TValue, unknown, TContext>선택 | Filter type. `true` enables the built-in text filter; `false` disables it. an ordered array stacks several kinds on this column in one dropdown, AND-combined — see . |
EXPLORE CAPABILITIES
기능별로 자세히 살펴보기
기능별 사용 상황과 설정 방법을 살펴보세요. 직접 체험하는 예제와 앱에서 연결하는 기능을 각 가이드에 안내합니다.