DataTablePhone

원본: projects/skill-lens/design/components/DataTablePhone/README.md

상태: In Progress, 접근성 ✓, 다크 ✓, 코드 ✗

표의 폰 꼴(767px 이하): 행 하나가 카드 한 장. 상태와 행동이 항상 보임

견본만 새 창으로

DataTable의 폰 꼴입니다. 행 하나가 카드 한 장이 됩니다.

쓰는 곳

767px 이하의 모든 표.

구성(화면이 넘겨줄 것)

DataTable과 같은 데이터.

규칙

• 카드: 머리(체크, 이름과 이메일, 상태 칩), 정보 줄(라벨 + 값), 행동 줄.
• 상태 색과 행동 라벨은 표와 같아야 합니다.
• 맨 위에 전체 선택과 "1,248명 중 3명 표시, 1명 선택", 맨 아래 쪽 넘김 폰 꼴.
• 폰에서는 정렬과 열 숨기기를 두지 않고 검색과 필터로 대신합니다.

접근성

• 가로 스크롤로 상태와 행동을 숨기지 않습니다.

이 사이트는 ideber 저장소 projects/skill-lens/ 에서 자동으로 만들어집니다. 고칠 때는 저장소를 고칩니다. 공개 주소이지만 검색엔진에는 나오지 않습니다.