Zero Rows

Datagrid should be high enough to accomodate the placeholder.

User ID Name Creation date Favorite color {{user.id}} {{user.name}} {{user.creation | date}} {{zeroUsers.length}} users

Zero Rows + Fixed Height

Datagrid height should be fixed irrespective on the number of rows displayed.

User ID Name Creation date Favorite color {{user.id}} {{user.name}} {{user.creation | date}} {{zeroUsers.length}} users

One Row

Datagrid body height should be atleast 72px.

User ID Name Creation date Favorite color {{user.id}} {{user.name}} {{user.creation | date}} {{oneUser.length}} user

One Row + Fixed Height

Datagrid height should be fixed irrespective on the number of rows displayed.

User ID Name Creation date Favorite color {{user.id}} {{user.name}} {{user.creation | date}} {{oneUser.length}} user

No Pagination

Datagrid height should be variable depending on the number of rows displayed.

User ID Name Creation date Favorite color {{user.id}} {{user.name}} {{user.creation | date}} {{users.length}} users

No Pagination + Fixed Height

Datagrid height should be fixed irrespective on the number of rows displayed.

User ID Name Creation date Favorite color {{user.id}} {{user.name}} {{user.creation | date}} {{users.length}} users

Pagination

Datagrid height should be fixed irrespective on the number of rows displayed.

User ID Name Creation date Favorite color {{user.id}} {{user.name}} {{user.creation | date}} {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} of {{pagination.totalItems}} users

Pagination + Fixed Height

Datagrid height should be fixed irrespective on the number of rows displayed.

User ID Name Creation date Favorite color {{user.id}} {{user.name}} {{user.creation | date}} {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} of {{pagination.totalItems}} users

Pagination + Updating Page Size

Datagrid height should be fixed irrespective on the number of rows displayed.

User ID Name Creation date Favorite color {{user.id}} {{user.name}} {{user.creation | date}} {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} of {{pagination.totalItems}} users