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 | Credit Card | $861.92 |
| INV002 | Pending | Credit Card | $758.88 |
| INV003 | Paid | PayPal | $546.67 |
| INV004 | Pending | Credit Card | $105.98 |
| INV005 | Pending | Credit Card | $232.48 |
| INV006 | Unpaid | PayPal | $752.03 |
| INV007 | Unpaid | PayPal | $293.32 |
| Total | $3,551.28 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Jordi Nikolaus | Human Brand Supervisor | jordi.nikolaus77@yahoo.com | Member | |
| Willa Schoen | National Tactics Developer | willa_schoen@gmail.com | Admin | |
| Obie Ritchie | Future Optimization Consultant | obie_ritchie@gmail.com | Viewer | |
| Berta Ebert | Forward Quality Representative | berta_ebert55@gmail.com | Member | |
| Sharon Hartmann | Human Paradigm Assistant | sharon_hartmann@gmail.com | Member | |
| Arianna Cormier | Future Optimization Developer | arianna_cormier@hotmail.com | Member |
Stacked on mobile
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Chanel Walter Product Assurance Coordinator chanel.walter@gmail.com | Admin | |
Deja Hegmann Senior Research Orchestrator deja.hegmann@hotmail.com | Admin | |
Rosemary Bauch Chief Assurance Assistant rosemary_bauch57@hotmail.com | Member | |
Chaz Quigley District Mobility Consultant chaz.quigley@hotmail.com | Admin | |
Johnny Bode Legacy Tactics Strategist johnny_bode71@gmail.com | Admin | |
Winifred Pouros Dynamic Optimization Executive winifred.pouros21@yahoo.com | Member |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Brock Kemmer Customer Branding Supervisor brock_kemmer@hotmail.com | Admin | |
Brittany Schaden Future Usability Architect brittany.schaden4@gmail.com | Viewer | |
Stephanie Jacobs Lead Tactics Developer stephanie.jacobs@yahoo.com | Viewer | |
Estevan Runolfsdottir Legacy Quality Producer estevan_runolfsdottir41@hotmail.com | Member | |
Gaston Bergstrom Investor Quality Officer gaston.bergstrom83@hotmail.com | Admin | |
Ayden Heaney Dynamic Communications Assistant ayden.heaney24@hotmail.com | Admin | |
Wilhelmine Aufderhar Regional Intranet Orchestrator wilhelmine.aufderhar57@gmail.com | Viewer | |
Trudie Metz-Murphy Senior Communications Facilitator trudie.metz-murphy55@hotmail.com | Viewer | |
Charles Bartell Investor Web Administrator charles_bartell75@yahoo.com | Viewer | |
Evangeline Connelly Central Markets Director evangeline.connelly@gmail.com | Member | |
Franz Crist Product Research Director franz.crist@gmail.com | Admin | |
Jaquan Rau Forward Branding Director jaquan.rau@hotmail.com | Viewer | |
Heidi Schaefer Customer Security Coordinator heidi.schaefer56@gmail.com | Admin | |
Aubree Wyman Corporate Intranet Associate aubree.wyman@gmail.com | Viewer | |
Marcel Crist Global Configuration Director marcel_crist82@hotmail.com | Member | |
Evalyn Rogahn Forward Assurance Designer evalyn.rogahn@hotmail.com | Viewer | |
Julian Runolfsdottir Corporate Communications Designer julian_runolfsdottir@hotmail.com | Viewer | |
Lyla Cronin Global Quality Manager lyla_cronin@hotmail.com | Member | |
Sheridan Halvorson Senior Quality Analyst sheridan_halvorson@gmail.com | Member | |
Yoshiko Reichel Corporate Tactics Technician yoshiko.reichel@yahoo.com | Admin |