---
id: empty-rows
title: Empty Rows View
---
<iframe src="https://codesandbox.io/embed/k2rxlon955?autoresize=1&hidenavigation=1&view=preview" style="width:100%; height:700px; border:0; border-radius: 4px; " sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>

----
You can see the code by clicking the blue rectangular Show Editor View button above, and also edit the example in the code editor directly.

Overview
-----
This example demonstrates how to render a custom component to display in the grid when no rows are present.

### emptyRowsView prop
To configure this feature, initialize the grid with the `emptyRowsView` prop passing it a React component.

