Detailed View in Modal Dialog
The table below is a summary view. Clicking the button opens the full-height scrollable table in an accessible dialog overlay.
Showing 5 rows, 3 visible columns.
Use arrow keys to move between cells. A cell whose only content is one control that does not need arrow keys focuses it directly. Elsewhere, press Enter to use the controls in a cell, Tab and Shift+Tab to move between them, and Escape to return to the cell.
| Online | ||
| Retail | ||
| Wholesale | ||
| Online | ||
| Retail |
Detailed View in Separate Page
The table below is a summary view. Clicking the button navigates to a new page route where the table occupies the full viewport height.
Showing 5 rows, 3 visible columns.
Use arrow keys to move between cells. A cell whose only content is one control that does not need arrow keys focuses it directly. Elsewhere, press Enter to use the controls in a cell, Tab and Shift+Tab to move between them, and Escape to return to the cell.
| Online | ||
| Retail | ||
| Wholesale | ||
| Online | ||
| Retail |