Data Table

Table, Input, Button, Pagination을 조합해 상태형 데이터 테이블을 구성하는 블록 성격의 예제입니다.

접수번호	신청명	상태	접수일
APP-001	주민등록표 등본	접수완료	2026-05-17
APP-002	건축물대장	처리중	2026-05-16
APP-003	지방세 납세증명	보완요청	2026-05-15

examples/krds/data-table-demo.tsx

"use client"

import * as React from "react"

Data Table

Data Table은 단일 primitive가 아니라 Table, Input, Button, Pagination을 조합한 블록 성격의 예제입니다. shadcn API 호환을 위해 별도 data-table 컴포넌트를 export하지 않고, page-local state와 기존 primitive 조합으로 구성합니다.

단순한 정적 표는 Table 문서를 먼저 참고하세요.
검색/필터/페이지네이션은 페이지 요구사항에 맞춰 조합합니다.
KRDS 정렬은 표의 시각 스타일뿐 아니라 검색 영역, 결과 상태, 페이지 이동 affordance까지 함께 확인합니다.

Switch Table