Empty DataGrid

Showcase empty state when there is no data. Customize with placeholders or messages.

In this demo three grids demonstrate empty states: the first shows the default empty text, the second uses EmptyText property with a custom message input, and the third uses EmptyTemplate with custom styled HTML.

Default Empty Text

ID	Photo	First Name	Last Name	Title	Title Of Courtesy	Birth Date	Hire Date	Address
No records to display.

Custom Empty Text

Custom text:

ID	Photo	First Name	Last Name	Title	Title Of Courtesy	Birth Date	Hire Date	Address
No Items to display!

Render Fragment as Empty Text

ID	Photo	First Name	Last Name	Title	Title Of Courtesy	Birth Date	Hire Date	Address
No records to display.

✨ 오늘의 명언 & 마음의 양식

Empty DataGrid

Default Empty Text

Custom Empty Text

Render Fragment as Empty Text

“어제로부터 배우고, 오늘을 살며, 내일을 희망하라. 중요한 것은 질문을 멈추지 않는 것이다.”

— 알베르트 아인슈타인 (물리학자)

Demos Configuration