Responsive Table
Tables that adapt to narrow screens — scroll, collapse, and card-stack patterns.
Bootstrap Horizontal Scroll table-responsive
| Product | SKU | Category | Brand | Price | Cost | Margin | Stock | Warehouse | Status |
|---|---|---|---|---|---|---|---|---|---|
| Laptop Pro 15 | LP-15-001 | Electronics | TechBrand | $1,299 | $820 | 36.9% | 42 | NYC-01 | In Stock |
| Wireless Mouse X | WM-X-002 | Accessories | ClickPro | $49 | $18 | 63.3% | 150 | LA-02 | In Stock |
| USB-C Hub 7-Port | UH-7-003 | Accessories | ConnectAll | $79 | $35 | 55.7% | 89 | CHI-01 | In Stock |
| 4K Monitor 27" | MN-4K-004 | Displays | ClearView | $549 | $340 | 38.1% | 23 | NYC-01 | Low Stock |
| Mech Keyboard RGB | KB-RG-005 | Accessories | TypeMaster | $159 | $72 | 54.7% | 67 | DAL-03 | In Stock |
DataTables Responsive Extension Auto column collapse
Resize the browser window — lower-priority columns collapse and are shown via the expand toggle.
| Name | Position | Office | Age | Start Date | Salary |
|---|---|---|---|---|---|
| Tiger Nixon | System Architect | Edinburgh | 61 | 2011/04/25 | $320,800 |
| Garrett Winters | Accountant | Tokyo | 63 | 2011/07/25 | $170,750 |
| Ashton Cox | Junior Technical Author | San Francisco | 66 | 2009/01/12 | $86,000 |
| Cedric Kelly | Senior JavaScript Developer | Edinburgh | 22 | 2012/03/29 | $433,060 |
| Airi Satou | Accountant | Tokyo | 33 | 2008/11/28 | $162,700 |
| Brielle Williamson | Integration Specialist | New York | 61 | 2012/12/02 | $372,000 |
| Herrod Chandler | Sales Assistant | San Francisco | 59 | 2012/08/06 | $137,500 |
| Rhona Davidson | Integration Specialist | Tokyo | 55 | 2010/10/14 | $327,900 |
| Colleen Hurst | Javascript Developer | San Francisco | 39 | 2009/09/15 | $205,500 |
| Sonya Frost | Software Engineer | Edinburgh | 23 | 2008/12/13 | $103,600 |
Card Stack on Mobile CSS-only pattern
| Task | Assignee | Priority | Due Date | Progress | Status |
|---|---|---|---|---|---|
| Redesign landing page | Alice Johnson | High | 2024-06-01 | In Progress | |
| API integration | Bob Martinez | Medium | 2024-06-10 | In Progress | |
| Write unit tests | Carol White | Low | 2024-06-15 | Done | |
| Deploy to production | David Lee | Critical | 2024-06-20 | Todo |