Source code
Click to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.
Installation
Usage
Basic example
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | Credit Card | $923.51 |
| INV002 | Paid | Credit Card | $934.41 |
| INV003 | Unpaid | Credit Card | $700.73 |
| INV004 | Unpaid | Bank Transfer | $865.16 |
| INV005 | Paid | Credit Card | $745.86 |
| INV006 | Pending | Bank Transfer | $370.32 |
| INV007 | Paid | Bank Transfer | $572.27 |
| Total | $5,112.26 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Victoria Fahey | Corporate Operations Analyst | victoria.fahey15@hotmail.com | Member | |
| Norma Kohler-Jacobi | Investor Communications Designer | norma_kohler-jacobi@gmail.com | Viewer | |
| Mireille Lesch | Future Metrics Specialist | mireille.lesch8@gmail.com | Member | |
| Blanche Bernhard | Internal Functionality Supervisor | blanche.bernhard84@hotmail.com | Admin | |
| Lexus Schoen | Senior Implementation Administrator | lexus.schoen@yahoo.com | Admin | |
| Alia Fahey | Future Solutions Orchestrator | alia.fahey@yahoo.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 |
|---|---|---|
Lenna Lakin Product Branding Manager lenna_lakin44@hotmail.com | Admin | |
Willie Reichel National Factors Facilitator willie_reichel@hotmail.com | Member | |
Carole Rolfson Chief Interactions Analyst carole.rolfson@yahoo.com | Member | |
Frank Corkery Internal Brand Designer frank_corkery22@yahoo.com | Viewer | |
Gladyce Conroy Direct Communications Officer gladyce_conroy25@gmail.com | Admin | |
Kasandra Koepp Forward Brand Manager kasandra_koepp4@yahoo.com | Admin |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Sara Kris Regional Creative Associate sara_kris4@gmail.com | Member | |
Jesus Lemke International Intranet Supervisor jesus.lemke@hotmail.com | Member | |
Antonio Stoltenberg Corporate Accountability Developer antonio.stoltenberg@gmail.com | Member | |
Amanda Shanahan Future Response Director amanda.shanahan@gmail.com | Viewer | |
Philip Howell Future Markets Orchestrator philip_howell@hotmail.com | Viewer | |
Caroline Maggio National Group Architect caroline.maggio@gmail.com | Member | |
Ryder Kuphal Customer Implementation Orchestrator ryder.kuphal@gmail.com | Member | |
Morgan Bartell Senior Paradigm Associate morgan_bartell@hotmail.com | Viewer | |
Fleta Gerlach Direct Brand Coordinator fleta.gerlach@hotmail.com | Viewer | |
Kathy Labadie Chief Functionality Supervisor kathy.labadie40@hotmail.com | Member | |
Roosevelt Altenwerth Central Accountability Consultant roosevelt.altenwerth65@yahoo.com | Viewer | |
Eileen Romaguera International Accountability Architect eileen_romaguera19@gmail.com | Admin | |
Alberta Casper Central Applications Consultant alberta.casper@hotmail.com | Viewer | |
Marquise Stark Principal Functionality Specialist marquise_stark@hotmail.com | Viewer | |
Scotty McClure National Usability Consultant scotty_mcclure@hotmail.com | Viewer | |
Norman Daugherty Legacy Implementation Officer norman_daugherty@gmail.com | Viewer | |
Mamie Rogahn Human Applications Supervisor mamie.rogahn@gmail.com | Viewer | |
Nikolas Torp Central Infrastructure Administrator nikolas.torp@yahoo.com | Admin | |
Vincent Kuphal Central Solutions Manager vincent.kuphal61@hotmail.com | Admin | |
Omar Prosacco Senior Applications Coordinator omar.prosacco@gmail.com | Member |
Origin UI Examples
These are some examples that I found today over here Origin UI ❤️. I think they are cool.
To use these examples you will have to copy the code and adjust it for your own use.
Basic Table
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Nichole Hoppe | tina80@yahoo.com | West Jose | Inactive | $511.56 |
| Arthur Reynolds | elvira63@hotmail.com | Rueckershire | Inactive | $864.67 |
| Kent Howell | nyah99@gmail.com | West Peterfort | Active | $585.58 |
| Edgar Lebsack | joann52@yahoo.com | Port Zaneton | Active | $578.34 |
| Morton Tillman | juston_kovacek71@hotmail.com | Port Woodrowbury | Inactive | $1,176.53 |
| Total | $3,716.68 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Elfrieda Conroy @donna_gutkowski7 | elijah.spencer@hotmail.com | South Tyriqueview | Inactive | $313.19 |
Brandon Kreiger-Kihn @darryl_labadie | natasha_yundt-trantow@hotmail.com | East Garfieldburgh | Inactive | $627.95 |
Kimberly Emard @mazie.rowe90 | pierre.rice@hotmail.com | Port Alejandro | Active | $105.40 |
Heidi Stamm @kristie.baumbach | rachael_jerde@yahoo.com | Christopland | Inactive | $288.54 |
Mr. Lexi Mayert @salvatore_senger-heidenreich | hattie_hilpert@gmail.com | Port Paula | Inactive | $563.42 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Issac Wolf | katrina.ondricka77@gmail.com | New Charlenecester | Active | $804.70 |
| Dorothy Bernier | rachael56@hotmail.com | North Sylvestershire | Inactive | $259.28 |
| Christopher Johnston | rafael_jacobi@yahoo.com | Joelburgh | Inactive | $567.29 |
| Bertrand Feeney | louise92@hotmail.com | Bruenchester | Active | $219.82 |
| Gilbert Lebsack | benedict.vandervort@gmail.com | Jersey City | Active | $107.73 |
| Total | $1,958.82 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Logan Raynor | gina.walsh@hotmail.com | Maximohaven | Active | $1,111.26 |
| Elwin Haley | alberta_bashirian30@yahoo.com | Lake Rolando | Inactive | $947.89 |
| Annette Weber | hilton55@gmail.com | East James | Inactive | $234.84 |
| Riley MacGyver | unique_pacocha58@gmail.com | Lebsack-Davistown | Active | $422.91 |
| Savannah Murray-Mraz | michael_feeney@gmail.com | Volkmanchester | Active | $571.47 |
| Total | $3,288.37 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Hollie Harber | lionel.kunde26@gmail.com | Fort Phil | Inactive | $259.53 |
| Joana Wisoky | rick24@gmail.com | West Christianaport | Inactive | $909.00 |
| Bennie Orn | esmeralda_ortiz66@gmail.com | Santa Clara | Active | $615.02 |
| Doreen Beatty I | corey_labadie14@hotmail.com | Watersfort | Active | $1,094.01 |
| Leopoldo Mayer Sr. | verna_barrows@gmail.com | Davenport | Active | $887.99 |
| Total | $3,765.55 | |||
Table with vertical lines
Dense Table
| Name | Release Year | Developer | Typing | Paradigm | Extension | Latest Version | Popularity |
|---|---|---|---|---|---|---|---|
| JavaScript | 1995 | Brendan Eich | Dynamic | Multi-paradigm | .js | ES2021 | High |
| Python | 1991 | Guido van Rossum | Dynamic | Multi-paradigm | .py | 3.10 | High |
| Java | 1995 | James Gosling | Static | Object-oriented | .java | 17 | High |
| C++ | 1985 | Bjarne Stroustrup | Static | Multi-paradigm | .cpp | C++20 | High |
| Ruby | 1995 | Yukihiro Matsumoto | Dynamic | Multi-paradigm | .rb | 3.0 | Low |
Dense table
Row Selection
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Derek Huel | tito.ernser@gmail.com | Jonathonton | Inactive | $245.34 | |
| Bernice Farrell DVM | ali59@gmail.com | Fadelport | Inactive | $803.83 | |
| Wilbert Hamill-Larkin | jane_johns@yahoo.com | Colliershire | Active | $406.97 | |
| Lew Mann | toney_doyle@yahoo.com | Bashirianchester | Active | $1,117.59 | |
| Cierra Durgan | megane_damore99@yahoo.com | Emmettside | Active | $393.24 | |
| Total | $2,966.97 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Lorenzo Brakus | travis41@hotmail.com | Connbury | Active | $433.68 | |
| Arianna Padberg | thomas64@hotmail.com | Lake Raymouth | Inactive | $380.38 | |
| Laurel Gislason | jennifer.rath4@hotmail.com | Juniuschester | Active | $550.40 | |
| Ricardo Kilback MD | dexter.swaniawski42@gmail.com | Fort Gilberto | Active | $1,008.05 | |
| Jordyn Durgan | rickey96@gmail.com | West Darren | Active | $1,170.02 | |
| Total | $3,542.53 | ||||
Table with row selection
Vertical Table
| Name | David Kim |
| d.kim@company.com | |
| Location | Seoul, KR |
| Status | Active |
| Balance | $1,000.00 |
Vertical table
Sticky Header 2
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Larissa Herman II | douglas_cummings8@hotmail.com | Lyricworth | Active | $514.51 |
| Jan Christiansen | bobbie.heller98@gmail.com | Rodrigueztown | Inactive | $1,109.94 |
| Maximillian Dooley | mildred.rodriguez@hotmail.com | St. Clair Shores | Active | $781.94 |
| Judson Ebert | bruce87@yahoo.com | Port Vernice | Inactive | $570.72 |
| James Carroll | josianne_macgyver97@hotmail.com | Labadiechester | Active | $961.55 |
| Luther Labadie | rowland15@gmail.com | Homenickstad | Active | $704.63 |
| Whitney Monahan | katheryn.borer@hotmail.com | South Jillworth | Inactive | $708.97 |
| Brannon Stamm | maximo_frami64@yahoo.com | Gregoryberg | Inactive | $566.43 |
| Destinee Rempel | eugene_schowalter@hotmail.com | Faheystad | Inactive | $368.58 |
| Megane Ryan | judd81@yahoo.com | Elyria | Active | $921.87 |
| Elaine Runolfsdottir | kathryn53@gmail.com | East Sheliastad | Inactive | $606.67 |
| Macey Walter | rossie_oconnell-morissette@yahoo.com | Beavercreek | Inactive | $344.34 |
| Lucy Runolfsson MD | mohammad76@yahoo.com | North Jack | Active | $517.07 |
| Elizabeth Donnelly | sonja52@hotmail.com | New Helen | Active | $1,032.74 |
| Sheldon Parker | devonte.goodwin18@gmail.com | New Gideon | Active | $756.26 |
| Total | $10,466.22 | |||
Table with sticky header
Browser Support
| Desktop browsers | Mobile browsers | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox Android | Opera Android | Safari iOS | Samsung Internet | |
| scroll-timeline | Supported 115 | Supported 115 | Not supported 111 | Supported 101 | Not supported No | Supported 115 | Not supported No | Supported 77 | Not supported No | Supported 23 |
| view-timeline | Supported 115 | Supported 115 | Not supported 114 | Supported 101 | Not supported No | Supported 115 | Not supported No | Supported 77 | Not supported No | Supported 23 |
| font-size-adjust | Supported 127 | Supported 127 | Not supported 3 | Supported 113 | Supported 16.4 | Supported 127 | Supported 4 | Supported 84 | Supported 16.4 | Not supported No |
