Design

business.gov.au branding

No branding

Breakpoints:

Currently displaying the mobile design.

To see designs for other breakpoints please view this page on a larger screen.

Responsive tables

Tables with 5 or more columns

Recipient Organisation Project Description Grant (Exc GST) Expected Total Investment (Exc GST) State
District Council Of Endor Materials Development and Design for Electrification and Automation $417,000 $417,000 Victoria
Tattoine plantation Cyber-Safe Connected Vehicles: Ensuring Secure, Trusted, and Robust Cooperative Automotive Systems $494,900 $494,900 Victoria

Tables with 4 or less columns

Recipient Organisation Project Description Grant (Exc GST)
District Council Of Endor Materials Development and Design for Electrification and Automation $417,000
Tattoine plantation Cyber-Safe Connected Vehicles: Ensuring Secure, Trusted, and Robust Cooperative Automotive Systems $494,900

Unresponsive tables

ID Name Address
1 Mark Otto 88 Eighth St, Numbersville, Australia
2 Jacob Thornton 66 Citizen St, New Zealand
3 Larry the Bird 123 Sesame St, U.S.A

Coloured background sections

Recipient Organisation Project Description Grant (Exc GST)
District Council Of Endor Materials Development and Design for Electrification and Automation $417,000
Tattoine plantation Cyber-Safe Connected Vehicles: Ensuring Secure, Trusted, and Robust Cooperative Automotive Systems $494,900

Breakpoints:

Currently displaying the mobile design.

To see designs for other breakpoints please view this page on a larger screen.

Apply your brand specific colours and borders to the base tables shown below.

Responsive tables

Unresponsive tables

ID Name Address
1 Mark Otto 88 Eighth St, Numbersville, Australia
2 Jacob Thornton 66 Citizen St, New Zealand
3 Larry the Bird 123 Sesame St, U.S.A

Layouts

Tables can be used on all page layouts except the Two column - filter page layout.

Layout:

All breakpoints

The content area is 12 grid-columns wide.

Tables span the full width of the content area.

The content area is 8 grid-columns wide.

Tables span the full width of the content area.

The content area is 9 grid-columns wide.

Tables span the full width of the content area.

The content area is 11 grid-columns wide.

Tables span the full width of the content area.

The content area is 12 grid-columns wide.

Tables span the full width of the content area.

The content area is 9 grid-columns wide.

Table components span the full width of the content area.

The content area is 10 grid-columns wide.

Table components span the full width of the content area.

The content area is 12 grid-columns wide.

Table components span the full width of the content area.

The content area is 8 grid-columns wide.

Tables span the full width of the content area.

The content area is 9 grid-columns wide.

Tables span the full width of the content area.

The content area is 12 grid-columns wide.

Tables span the full width of the content area.

The content area is 8 grid-columns wide.

Tables span the full width of the content area.

The content area is 12 grid-columns wide.

Tables span the full width of the content area.

The content area is 8 grid-columns wide.

Tables span the full width of the content area.

The content area is 11 grid-columns wide.

Tables span the full width of the content area.

The content area is 12 grid-columns wide.

Tables span the full width of the content area.

Guidelines for use

Purpose:

Tables display information in an easy to scan grid of rows and columns.

When to use this component:

  • To help users look for patterns and insights between comparable content.
  • To present lists of content with the same headings (e.g. grant recipient details).

Version history

8 August, 2023

  • Added an additional layout (the Two column - tool page alternate layout).

Call to action toast notification

Pops up like cooked bread in a toaster.

Toasts can be left aligned or centered depending on the page context.

Toast notification

Pops up like cooked bread in a toaster.

Toasts can be left aligned or centered depending on the page context.

Changes to this contract are being autosaved.