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 | Bank Transfer | $317.96 |
| INV002 | Unpaid | Bank Transfer | $242.34 |
| INV003 | Pending | Bank Transfer | $593.79 |
| INV004 | Unpaid | PayPal | $723.47 |
| INV005 | Unpaid | Credit Card | $497.47 |
| INV006 | Pending | Bank Transfer | $997.85 |
| INV007 | Paid | PayPal | $778.29 |
| Total | $4,151.17 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Rogelio Schaefer | Lead Tactics Manager | rogelio_schaefer36@yahoo.com | Admin | |
| Einar Kemmer-Walker | Principal Branding Executive | einar.kemmer-walker@hotmail.com | Admin | |
| Monserrate Greenfelder | Principal Integration Developer | monserrate_greenfelder86@yahoo.com | Admin | |
| Destiney Abernathy | Principal Mobility Technician | destiney_abernathy25@hotmail.com | Admin | |
| Karson Nicolas | Forward Group Technician | karson.nicolas@yahoo.com | Viewer | |
| Erick Wolf | Internal Quality Officer | erick.wolf0@gmail.com | Admin |
Stacked on mobile
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Stephany Conroy Central Configuration Engineer stephany_conroy@gmail.com | Viewer | |
Jailyn Satterfield National Markets Specialist jailyn_satterfield@gmail.com | Viewer | |
Cheyanne Lindgren Legacy Branding Producer cheyanne.lindgren@yahoo.com | Admin | |
Greta Franey Central Web Representative greta.franey27@hotmail.com | Viewer | |
Ezequiel Kuhic Investor Markets Executive ezequiel_kuhic@hotmail.com | Viewer | |
Spencer Aufderhar Future Solutions Designer spencer.aufderhar@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 |
|---|---|---|
Katharina Robel Corporate Operations Designer katharina_robel20@gmail.com | Member | |
Brooks Buckridge Global Identity Executive brooks.buckridge51@hotmail.com | Admin | |
Barbara Gutmann Human Division Executive barbara_gutmann@hotmail.com | Member | |
Beatrice Doyle Investor Functionality Supervisor beatrice.doyle67@yahoo.com | Member | |
Silas Mraz Customer Accounts Associate silas_mraz56@gmail.com | Admin | |
Elwyn Hyatt Principal Assurance Technician elwyn_hyatt83@gmail.com | Viewer | |
Bertrand Fahey Forward Assurance Architect bertrand.fahey91@hotmail.com | Viewer | |
Stefanie Auer Internal Factors Coordinator stefanie.auer@yahoo.com | Viewer | |
Macey Kuphal Corporate Division Consultant macey.kuphal@gmail.com | Member | |
Johathan Nolan National Identity Supervisor johathan_nolan58@hotmail.com | Member | |
Kaley Carroll Human Interactions Manager kaley_carroll10@hotmail.com | Member | |
Heaven Mosciski Product Web Director heaven_mosciski77@gmail.com | Admin | |
Alisa Gutkowski Lead Configuration Engineer alisa.gutkowski@yahoo.com | Admin | |
Piper Willms Lead Assurance Representative piper_willms3@yahoo.com | Member | |
Rudy Price Future Paradigm Supervisor rudy.price84@gmail.com | Viewer | |
Jaclyn Hickle National Web Designer jaclyn.hickle74@hotmail.com | Admin | |
Alexane Bradtke International Markets Orchestrator alexane_bradtke10@hotmail.com | Admin | |
Donavon Effertz Dynamic Integration Executive donavon_effertz@gmail.com | Member | |
Dameon Lakin Legacy Directives Planner dameon_lakin72@yahoo.com | Viewer | |
Murray McClure Regional Web Assistant murray_mcclure@hotmail.com | Admin |