Table
A responsive table component.
Source code
Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.
Installation
npx ui-thing@latest add table
Usage
Basic example
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | PayPal | $793.65 |
| INV002 | Unpaid | Bank Transfer | $367.00 |
| INV003 | Unpaid | Bank Transfer | $608.06 |
| INV004 | Pending | Bank Transfer | $181.72 |
| INV005 | Unpaid | Bank Transfer | $840.48 |
| INV006 | Pending | Bank Transfer | $697.10 |
| INV007 | Unpaid | Bank Transfer | $174.25 |
| Total | $3,662.26 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Enrique Bergstrom | Corporate Metrics Administrator | enrique_bergstrom@gmail.com | Member | |
| Iliana Stracke | Product Paradigm Strategist | iliana_stracke@gmail.com | Viewer | |
| Sally Klocko | Internal Research Liaison | sally.klocko33@gmail.com | Member | |
| Kyle Fisher | Customer Response Producer | kyle_fisher3@yahoo.com | Admin | |
| Xzavier Langworth | National Paradigm Analyst | xzavier_langworth95@gmail.com | Viewer | |
| Enrico Emard | Investor Tactics Developer | enrico_emard@hotmail.com | Viewer |
Stacked on mobile
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Lauretta Ruecker Chief Response Orchestrator lauretta.ruecker@gmail.com | Member | |
Torrey Gibson Customer Group Developer torrey_gibson66@hotmail.com | Admin | |
Norbert Homenick Central Research Manager norbert_homenick74@yahoo.com | Viewer | |
Brigitte Fahey Dynamic Security Facilitator brigitte_fahey39@yahoo.com | Viewer | |
Laverne Block National Communications Orchestrator laverne.block@yahoo.com | Admin | |
Melody Jast Dynamic Branding Strategist melody_jast39@hotmail.com | Admin |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Rowland Conroy Principal Interactions Associate rowland_conroy@yahoo.com | Member | |
Delta Wintheiser Corporate Research Administrator delta.wintheiser@yahoo.com | Viewer | |
Edyth White Customer Research Manager edyth_white@gmail.com | Member | |
Kyle O'Reilly Customer Accounts Engineer kyle.oreilly@hotmail.com | Admin | |
Gabriel Ondricka Direct Group Representative gabriel_ondricka58@hotmail.com | Viewer | |
Diamond Upton Lead Response Designer diamond_upton@gmail.com | Viewer | |
Verna Dare Dynamic Tactics Officer verna_dare67@hotmail.com | Admin | |
Irving Bahringer Central Infrastructure Technician irving.bahringer0@hotmail.com | Admin | |
Melany Runte International Factors Producer melany_runte79@gmail.com | Admin | |
Queen Gorczany Dynamic Quality Coordinator queen_gorczany@hotmail.com | Admin | |
Jammie Hansen Legacy Accountability Associate jammie_hansen@hotmail.com | Viewer | |
Jacquelyn Sipes Forward Communications Analyst jacquelyn.sipes42@gmail.com | Viewer | |
Yazmin Nader-Smitham Senior Division Coordinator yazmin_nader-smitham74@hotmail.com | Admin | |
Alf Johnson Direct Integration Director alf_johnson@yahoo.com | Member | |
Gerald D'Amore Investor Paradigm Engineer gerald_damore@gmail.com | Admin | |
Iva Hettinger Customer Assurance Technician iva_hettinger@gmail.com | Member | |
Trevion Cole Internal Functionality Architect trevion.cole@yahoo.com | Viewer | |
Candido West National Factors Engineer candido.west74@gmail.com | Admin | |
Davin Mante National Brand Strategist davin_mante4@hotmail.com | Viewer | |
Zion Schinner International Security Executive zion.schinner@hotmail.com | Admin |