SYIDAX / DATA GRID

로딩과 빈 결과

조회 중, 데이터 없음, 검색 결과 없음 상태를 구분합니다.

로딩과 빈 결과샘플 주문 데이터

120 rows

Grid를 불러오는 중입니다…

옵션

아래 항목을 바꾸면 Grid와 코드에 바로 반영됩니다.

로딩 표시

최근 결과

이 예제는 주문을 불러오고 있습니다라는 로딩 상태로 시작합니다. 실제 네트워크 요청을 기다리는 상태는 아닙니다.

코드 보기

현재 미리보기

데이터를 가져오는 중인지, 검색 결과가 없는지 사용자가 구분할 수 있도록 표 위에 상태 안내를 표시합니다.

확인할 결과

로딩 안내, 정상 목록, 검색 결과 없음 상태의 차이를 확인할 수 있습니다.

실제 앱에서는 요청을 시작할 때 loading을 켜고 성공·실패 시 끄세요. 원본 데이터가 빈 경우와 검색으로 행이 사라진 경우도 구분해 안내하세요.

나머지 속성8

Attribute / Property	타입 / 기본값	설명
showEmptyState	`boolean`기본값 true	Render the wrapper empty-state overlay.
emptyMessage	`string`기본값 undefined	Message shown when source row data is empty.
noMatchesMessage	`string`기본값 undefined	Message shown when filters hide every row.
clearFiltersLabel	`string`기본값 undefined	Label for the no-matches clear-filters action.
	`boolean`기본값 false	External loading flag for spinner, debounce, and interaction lock.
loadingMessage	`string`기본값 undefined	Message rendered beside the loading spinner.
loadingMode	`LoadingMode`기본값 'manual'	Loading-mode switch for manual, auto, or host-owned loading UI.
minLoadingDuration	`number`기본값 DEFAULT_MIN_LOADING_DURATION_MS	Minimum visible duration for the loading spinner in ms.

이벤트1

이벤트	detail 타입	설명
	`GridEmptyStateActionDetail`	Fires when an empty-state overlay action is clicked.