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

A list of your recent invoices.
InvoiceStatusMethodAmount
INV001PaidCredit Card$861.92
INV002PendingCredit Card$758.88
INV003PaidPayPal$546.67
INV004PendingCredit Card$105.98
INV005PendingCredit Card$232.48
INV006UnpaidPayPal$752.03
INV007UnpaidPayPal$293.32
Total$3,551.28

Simple

Users

A list of all the users in your account including their name, title, email and role.

NameTitleEmailRoleActions
Jordi NikolausHuman Brand Supervisorjordi.nikolaus77@yahoo.comMember
Willa SchoenNational Tactics Developerwilla_schoen@gmail.comAdmin
Obie RitchieFuture Optimization Consultantobie_ritchie@gmail.comViewer
Berta EbertForward Quality Representativeberta_ebert55@gmail.comMember
Sharon HartmannHuman Paradigm Assistantsharon_hartmann@gmail.comMember
Arianna CormierFuture Optimization Developerarianna_cormier@hotmail.comMember

Stacked on mobile

Users

A list of all the users in your account including their name, title, email and role.

NameRoleActions

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

Users

A list of all the users in your account including their name, title, email and role.

NameRoleActions

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