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 across 3 visible columns.
Use arrow keys to move between cells. A cell whose only content is a single button or link focuses it directly. In cells with several controls, press Enter to interact with them, Tab to move forward between them, Shift+Tab to move backward, 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 across 3 visible columns.
Use arrow keys to move between cells. A cell whose only content is a single button or link focuses it directly. In cells with several controls, press Enter to interact with them, Tab to move forward between them, Shift+Tab to move backward, and Escape to return to the cell.
| Online | ||
| Retail | ||
| Wholesale | ||
| Online | ||
| Retail |