Tables
With every table you add you need to test it to see if it needs to be responsive. To do this you just need to make your browser window the smallest it will go. If the table data goes off the screen or the formatting doesn't look very good, you will need to make the table responsive.
To make a table responsive you must wrap the table html in a div with a class of "table-responsive".
Eg,
<div class="table-responsive”>Table html goes here...</div>
For more information go here: www.getbootstrap.com/css/#tables-responsive
Examples
Below is an example of a table that isn't responsive and then one that is.
Sub-Sector | Qualification | Level | Details | |||
Retail |
National Certificate in Retail | Level 2, 42 Credits, NZQA ref: 0993 | This is suitable for most employees working on the shop floor who want to learn more about the retail environment and those staff who want to have their skills recognised. |
|||
National Certificate in Retail | Level 3, 62 Credits, NZQA ref: 1689 | This is aimed at experienced retail staff who have leadership aspirations. It prepares supervisors and assistant managers for senior store management positions. |
||||
National Certificate in Retail | Level 4, 80 Credits, NZQA ref: 0995 | This is for people who are working or intending to work in supervisory or management roles in a retail environment. It is suitable for retail managers, supervisors, or experienced retail staff wishing to become managers or supervisors. |
||||
Distribution |
National Certificate in Distribution | Level 2, 52 Credits, NZQA ref: 0990 | This is the entry-level qualification for those working in the distribution (warehousing) industry. It is suitable for most employees working on the warehouse floor. |
|||
National Certificate in Distribution | Level 3, 56 Credits, NZQA ref: 0991 | This is for the distribution (warehousing) industry, suitable for warehouse employees working in supervisory or management positions. It is an intermediate qualification for people who are working or intending to work in roles where they are responsible for the work of others. |
||||
Sales | National Certificate in Sales | Level 3, 70 Credits, NZQA ref: 1649 | This is for junior sales professionals working in the sales industry or those wanting to start their career as a salesperson. |
|||
Limited Credit Programme |
Loss Prevention for Frontline Staff | Level 2, 21 Credits | This training programme is for staff working on the shop floor and Loss Prevention specialists. |
|||
Loss Prevention for Supervisors and Managers | Level 3, 22 Credits | This is for supervisors, managers and Loss Prevention specialists. | ||||
Retail Jewellery | Level 2, 21 Credits | This is for anyone who has been working in a jewellery store for approximately one year and wants to develop their knowledge and become a qualified jewellery retailer. |
Sub-Sector | Qualification | Level | Details | |||
Retail |
National Certificate in Retail | Level 2, 42 Credits, NZQA ref: 0993 | This is suitable for most employees working on the shop floor who want to learn more about the retail environment and those staff who want to have their skills recognised. |
|||
National Certificate in Retail | Level 3, 62 Credits, NZQA ref: 1689 | This is aimed at experienced retail staff who have leadership aspirations. It prepares supervisors and assistant managers for senior store management positions. |
||||
National Certificate in Retail | Level 4, 80 Credits, NZQA ref: 0995 | This is for people who are working or intending to work in supervisory or management roles in a retail environment. It is suitable for retail managers, supervisors, or experienced retail staff wishing to become managers or supervisors. |
||||
Distribution |
National Certificate in Distribution | Level 2, 52 Credits, NZQA ref: 0990 | This is the entry-level qualification for those working in the distribution (warehousing) industry. It is suitable for most employees working on the warehouse floor. |
|||
National Certificate in Distribution | Level 3, 56 Credits, NZQA ref: 0991 | This is for the distribution (warehousing) industry, suitable for warehouse employees working in supervisory or management positions. It is an intermediate qualification for people who are working or intending to work in roles where they are responsible for the work of others. |
||||
Sales | National Certificate in Sales | Level 3, 70 Credits, NZQA ref: 1649 | This is for junior sales professionals working in the sales industry or those wanting to start their career as a salesperson. |
|||
Limited Credit Programme |
Loss Prevention for Frontline Staff | Level 2, 21 Credits | This training programme is for staff working on the shop floor and Loss Prevention specialists. |
|||
Loss Prevention for Supervisors and Managers | Level 3, 22 Credits | This is for supervisors, managers and Loss Prevention specialists. | ||||
Retail Jewellery | Level 2, 21 Credits | This is for anyone who has been working in a jewellery store for approximately one year and wants to develop their knowledge and become a qualified jewellery retailer. |
Tables in a panel
This is an example of a table in a panel component.
For code snippet refer to: http://getbootstrap.com/components/#panels-tables
Panel heading with table
Add intro text here...
Unit | Unit standard title | Level | Credits |
167 | Practice food safety in a food busines | 2 | 4 |
14462 | Maintain personal presentation and greet customers in the hospitality industry | 2 | 2 |
14443 | Pack food and beverage orders for takeaway in a commercial environment | 2 | 2 |
25493 | Perform crew duties in a quick service restaurant | 2 | 2 |
25496 | Serve customers in a quick service restaurant | 2 | 4 |
Responsive table in a panel
This is an example of a responsive table in a panel component.
For code snippet refer to: http://getbootstrap.com/components/#panels-tables
Note: you will need to wrap the table html in a div with a class of "table-responsive".
Eg,
<div class="table-responsive”>Table html goes here...</div>
Panel heading with table
Add intro text here...
Unit | Unit standard title | Level | Credits |
167 | Practice food safety in a food busines | 2 | 4 |
14462 | Maintain personal presentation and greet customers in the hospitality industry | 2 | 2 |
14443 | Pack food and beverage orders for takeaway in a commercial environment | 2 | 2 |
25493 | Perform crew duties in a quick service restaurant | 2 | 2 |
25496 | Serve customers in a quick service restaurant | 2 | 4 |