Skip to main content

Introduction

The table’s “empty state” is rendered when there are no rows in the table.

Setting the empty state heading

To customize the heading of the empty state, use the emptyStateHeading() method:

Setting the empty state description

To customize the description of the empty state, use the emptyStateDescription() method:

Setting the empty state icon

To customize the icon of the empty state, use the emptyStateIcon() method:

Adding empty state actions

You can add Actions to the empty state to prompt users to take action. Pass these to the emptyStateActions() method:

Using a custom empty state view

You may use a completely custom empty state view by passing it to the emptyState() method: