Home/Blocks/List page shell

List page shell

The reusable block that wraps every data-table page: header + toolbar + table + pagination.

Stable .list-page Standing list layout

Default

Receipts

147 today across Park Centre.

[ rows of receipts ]
Page 1 of 8
List page shell

Do & don't

Do

Always combine: header + toolbar + table + pagination. Consistency across modules.

Don't

Wrap with a card on the outer container. Header sits on canvas, table sits in the card.

Do

Sticky-fix the toolbar when the table scrolls.

Don't

Allow horizontal scroll on the page level — only the table scrolls if needed.