Table Styles
Table - Basic
Application closing dates | Session 1, 2019 |
---|---|
Application Open Date | CLOSED* |
On-time Application Closing Date ($75 Application) | 8 February 2019 |
Application Open Day from the inner workings of the cell to outer space, Macquarie researchers are finding creative answers to real-world problems. | 15 February 2019 |
Tuition fee due date | 22 February 2019 |
<table> <caption class="visually-hidden">Table Description</caption> <thead> <tr> <th scope="col">Application closing dates</th> <th scope="col">Session 1, 2019</th> </tr> </thead> <tbody> <tr> <td>Application Open Date</td> <td class="is-error"><div>CLOSED*</div></td> </tr> <tr> <td>On-time Application Closing Date ($75 Application)</td> <td>8 February 2019</td> </tr> <tr> <td>Application Open Day from the inner workings of the cell to outer space, Macquarie researchers are finding creative answers to real-world problems.</td> <td>15 February 2019</td> </tr> <tr> <td>Tuition fee due date</td> <td>22 February 2019</td> </tr> </tbody> </table>
Table - Simple
Application closing dates | Session 1, 2019 |
---|---|
Senior secondary study or at least one year of full-time tertiary study. | American Samoa, Antigua and Barbuda, Australia, Bahamas, Barbados, Belize, Bermuda, Botswana, Canada, Cameroon, Cook Islands, Dominica, Falkland Islands, Fiji, Gambia, Ghana, Gibraltar, Grenada, Guyana, Ireland, Jamaica, Kenya, Kiribati, Lesotho, Liberia, Malawi, Maldives, Mauritius, Namibia, Nauru, New Zealand, Nigeria, Papua New Guinea, Philippines, Samoa, Seychelles, Sierra Leone, Singapore, Solomon Islands, South Africa, St Kitts and Nevis, St Lucia, Tanzania, Tonga, Trinidad and Tobago, Uganda, United Kingdom (including Northern Ireland), United States of America, Vanuatu, Zambia, Zimbabwe |
<table class="table--row-headings table--simple"> <caption class="visually-hidden">Table Description</caption> <thead> <tr> <th scope="col">Application closing dates</th> <th scope="col">Session 1, 2019</th> </tr> </thead> <tbody> <tr> <td>Senior secondary study or at least one year of full-time tertiary study.</td> <td>American Samoa, Antigua and Barbuda, Australia, Bahamas, Barbados, Belize, Bermuda, Botswana, Canada, Cameroon, Cook Islands, Dominica, Falkland Islands, Fiji, Gambia, Ghana, Gibraltar, Grenada, Guyana, Ireland, Jamaica, Kenya, Kiribati, Lesotho, Liberia, Malawi, Maldives, Mauritius, Namibia, Nauru, New Zealand, Nigeria, Papua New Guinea, Philippines, Samoa, Seychelles, Sierra Leone, Singapore, Solomon Islands, South Africa, St Kitts and Nevis, St Lucia, Tanzania, Tonga, Trinidad and Tobago, Uganda, United Kingdom (including Northern Ireland), United States of America, Vanuatu, Zambia, Zimbabwe</td> </tr> </tbody> </table>
Table - Detailed
Application closing dates | Session 1, 2019 | Session 2, 2019 |
---|---|---|
Application Open Date | CLOSED* |
12 March 2019 |
On-time Application Closing Date ($75 Application) | 8 February 2019 | 12 July 2019 |
Application Open Day from the inner workings of the cell to outer space, Macquarie researchers are finding creative answers to real-world problems. | 15 February 2019 | 19 July 2019 |
Tuition fee due date | 22 February 2019 | 26 July 2019 |
<table class="table--detailed"> <caption class="visually-hidden">Table Description</caption> <thead> <tr> <th scope="col">Application closing dates</th> <th scope="col">Session 1, 2019</th> <th scope="col">Session 2, 2019</th> </tr> </thead> <tbody> <tr> <td>Application Open Date</td> <td class="is-error"><div>CLOSED*</div></td> <td>12 March 2019</td> </tr> <tr> <td>On-time Application Closing Date ($75 Application)</td> <td>8 February 2019</td> <td>12 July 2019</td> </tr> <tr> <td>Application Open Day from the inner workings of the cell to outer space, Macquarie researchers are finding creative answers to real-world problems.</td> <td>15 February 2019</td> <td>19 July 2019</td> </tr> <tr> <td>Tuition fee due date</td> <td>22 February 2019</td> <td>26 July 2019</td> </tr> </tbody> </table>
Table - Row Heading
Application closing dates | Session 1, 2019 | Session 2, 2019 |
---|---|---|
Application Open Date | CLOSED* |
12 March 2019 |
On-time Application Closing Date ($75 Application) | 8 February 2019 | 12 July 2019 |
Application Open Day from the inner workings of the cell to outer space, Macquarie researchers are finding creative answers to real-world problems. | 15 February 2019 | 19 July 2019 |
Tuition fee due date | 22 February 2019 | 26 July 2019 |
<table class="table--detailed table--row-headings"> <caption class="visually-hidden">Table Description</caption> <thead> <tr> <th scope="col">Application closing dates</th> <th scope="col">Session 1, 2019</th> <th scope="col">Session 2, 2019</th> </tr> </thead> <tbody> <tr> <td>Application Open Date</td> <td class="is-error"><div>CLOSED*</div></td> <td>12 March 2019</td> </tr> <tr> <td>On-time Application Closing Date ($75 Application)</td> <td>8 February 2019</td> <td>12 July 2019</td> </tr> <tr> <td>Application Open Day from the inner workings of the cell to outer space, Macquarie researchers are finding creative answers to real-world problems.</td> <td>15 February 2019</td> <td>19 July 2019</td> </tr> <tr> <td>Tuition fee due date</td> <td>22 February 2019</td> <td>26 July 2019</td> </tr> </tbody> </table>
Table - Sticky Mobile
Application closing dates | Session 1, 2019 | Session 2, 2019 |
---|---|---|
Application Open Date | CLOSED* |
12 March 2019 |
On-time Application Closing Date ($75 Application) | 8 February 2019 | 12 July 2019 |
Application Open Day from the inner workings of the cell to outer space, Macquarie researchers are finding creative answers to real-world problems. | 15 February 2019 | 19 July 2019 |
Tuition fee due date | 22 February 2019 | 26 July 2019 |
<div class="table--detailed table--sticky"> <div class="table__container"> <table> <caption class="visually-hidden">Table Description</caption> <thead> <tr> <th scope="col">Application closing dates</th> <th scope="col">Session 1, 2019</th> <th scope="col">Session 2, 2019</th> </tr> </thead> <tbody> <tr> <td>Application Open Date</td> <td class="is-error"><div>CLOSED*</div></td> <td>12 March 2019</td> </tr> <tr> <td>On-time Application Closing Date ($75 Application)</td> <td>8 February 2019</td> <td>12 July 2019</td> </tr> <tr> <td>Application Open Day from the inner workings of the cell to outer space, Macquarie researchers are finding creative answers to real-world problems.</td> <td>15 February 2019</td> <td>19 July 2019</td> </tr> <tr> <td>Tuition fee due date</td> <td>22 February 2019</td> <td>26 July 2019</td> </tr> </tbody> </table> </div> </div>
Table Documentation
Use
Basic and simple table should only be used with 2 columns
To make the first column bold add the class table--row-headings to the table class
To make the first column sticky on mobile add the class table--sticky to the table class
To display an error cell add the class is-error to the td and wrap the content in a div