# floatingFilterComponent

머리글 아래에 표시할 사용자 필터 입력 컴포넌트입니다.

Canonical: https://grid.syidax.com/ko/docs/columns/floatingFilterComponent/

<a id="meaning"></a>

## 무엇을 하는 API인가요

머리글 아래에 표시할 사용자 필터 입력 컴포넌트입니다.

<a id="contract"></a>

## 입력과 결과의 정확한 타입

```typescript
floatingFilterComponent?: | string
    | GridFloatingFilterDefinition<unknown, TContext>
```

| 항목 | 값 |
| --- | --- |
| 필수 여부 | 선택 |
| 입력 타입 | \| string<br>    \| GridFloatingFilterDefinition<unknown, TContext> |

<a id="usage"></a>

## 사용 흐름

이 항목은 columnDefs 배열 안의 개별 열 객체에 설정합니다. 배열·객체·콜백 함수는 JavaScript로 전달하고, 변경을 반영할 때 새 배열이나 객체를 사용하세요.

<a id="types"></a>

## 관련 타입 읽기

- [GridFloatingFilterDefinition](https://grid.syidax.com/ko/docs/types/GridFloatingFilterDefinition.md)

<a id="recipes"></a>

## 기능별 설명과 예제

- [열마다 다른 조건](https://grid.syidax.com/ko/docs/features/column-filters.md) — 열 필터는 특정 열에 조건을 적용합니다. 텍스트·숫자·날짜별로 입력과 비교 방식이 다르며 여러 열의 조건은 함께 결과를 좁힙니다.