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