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 | Pending | PayPal | $294.42 |
| INV002 | Unpaid | PayPal | $670.45 |
| INV003 | Unpaid | PayPal | $139.58 |
| INV004 | Paid | PayPal | $759.23 |
| INV005 | Unpaid | PayPal | $975.62 |
| INV006 | Unpaid | Credit Card | $469.14 |
| INV007 | Pending | PayPal | $864.92 |
| Total | $4,173.36 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Jed Adams | Human Mobility Orchestrator | jed_adams72@gmail.com | Viewer | |
| Tom Strosin | Product Communications Technician | tom_strosin73@gmail.com | Admin | |
| Ryley Jakubowski | Global Identity Assistant | ryley.jakubowski34@yahoo.com | Viewer | |
| Arnold Swaniawski | Forward Program Facilitator | arnold_swaniawski21@yahoo.com | Viewer | |
| Bennie Hessel | Direct Tactics Liaison | bennie.hessel4@yahoo.com | Viewer | |
| Antoinette Mann | Central Assurance Coordinator | antoinette.mann82@hotmail.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 |
|---|---|---|
Lisette Krajcik National Implementation Liaison lisette.krajcik50@hotmail.com | Member | |
Marsha Ullrich Investor Interactions Planner marsha_ullrich@gmail.com | Admin | |
Drew Langosh International Group Representative drew.langosh39@yahoo.com | Admin | |
Eunice Connelly Internal Creative Consultant eunice.connelly@gmail.com | Member | |
Alfredo Kerluke Forward Infrastructure Assistant alfredo.kerluke16@gmail.com | Viewer | |
Morgan Ferry Legacy Intranet Coordinator morgan_ferry@yahoo.com | Viewer |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Ken Walsh Direct Security Liaison ken.walsh@yahoo.com | Member | |
Patsy Funk Product Security Engineer patsy_funk86@hotmail.com | Admin | |
Precious Langosh Senior Intranet Liaison precious.langosh88@yahoo.com | Admin | |
Casper Mraz Legacy Mobility Consultant casper.mraz60@hotmail.com | Member | |
Jim Volkman Future Response Orchestrator jim_volkman31@gmail.com | Viewer | |
Janet Okuneva Customer Mobility Representative janet.okuneva4@hotmail.com | Admin | |
Seamus Marks Chief Security Associate seamus_marks21@yahoo.com | Member | |
Ariel Pouros Dynamic Assurance Consultant ariel_pouros37@hotmail.com | Viewer | |
Olivia Gerhold District Assurance Executive olivia.gerhold@hotmail.com | Member | |
Helmer Block National Applications Specialist helmer_block2@yahoo.com | Viewer | |
Dominique Stroman Customer Security Coordinator dominique_stroman@gmail.com | Admin | |
Earl Wintheiser Global Marketing Administrator earl.wintheiser93@hotmail.com | Admin | |
Jenny O'Keefe Central Accountability Architect jenny_okeefe68@gmail.com | Member | |
Philip Harber Product Research Liaison philip_harber85@hotmail.com | Member | |
Leigh Gerlach National Paradigm Assistant leigh_gerlach24@hotmail.com | Member | |
Montana Berge Corporate Optimization Facilitator montana_berge5@gmail.com | Admin | |
Manuel Rogahn Lead Optimization Representative manuel_rogahn2@yahoo.com | Member | |
Darryl Bins International Metrics Facilitator darryl_bins29@gmail.com | Member | |
Verona Hyatt District Research Orchestrator verona_hyatt@gmail.com | Viewer | |
Stanton Stark Regional Data Developer stanton_stark@hotmail.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 | |
|---|---|---|---|---|
| Donny Murphy IV | ewald_klocko@gmail.com | Jeromecester | Active | $710.96 |
| Keely Daugherty | adalberto95@hotmail.com | South Chelseatown | Inactive | $105.08 |
| Denise Stokes | orlando_abshire98@yahoo.com | Howellchester | Inactive | $1,030.25 |
| Jacquelyn Schumm | gerald_lesch@yahoo.com | Fort Ellsworthboro | Active | $997.84 |
| Nicklaus Rohan | thaddeus.renner@gmail.com | Davonside | Inactive | $583.35 |
| Total | $3,427.48 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Frederick Beer @sara_ohara | alexandra.lindgren@yahoo.com | Walshstead | Inactive | $35.02 |
Mrs. Vanessa Kuhn @shanie64 | lyle_larson@gmail.com | Russellburgh | Inactive | $671.55 |
Mr. Bryan Schultz @arianna.bergstrom72 | marlen.jacobi81@yahoo.com | Ortizside | Active | $943.60 |
Irma Fisher @freddie_schmidt | jon_pollich93@hotmail.com | North Myrtice | Inactive | $990.94 |
Ernestine Rolfson @lou_ledner79 | rebeka_hirthe94@hotmail.com | Fort Shania | Inactive | $1,081.40 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Margarete Padberg | beth43@hotmail.com | Port Charlenestad | Active | $431.67 |
| Dayton Connelly | clifton.bergnaum34@yahoo.com | Fort Scotty | Active | $619.49 |
| Darion Senger | erika89@hotmail.com | Springfield | Active | $870.65 |
| Cary Mitchell | dale_cole@gmail.com | Reganmouth | Inactive | $26.67 |
| Shelia Kuhic PhD | elroy.schuppe9@hotmail.com | West Marsha | Inactive | $48.21 |
| Total | $1,996.69 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Jerry Mayer | noah47@hotmail.com | Fort Robert | Inactive | $1,025.31 |
| Antoinette Zieme | mckenna87@hotmail.com | South Sarachester | Inactive | $166.21 |
| Rosa Toy | joanie_watsica@gmail.com | Dickensborough | Inactive | $1,089.55 |
| Susie Kling | sheryl31@yahoo.com | Hyattborough | Active | $926.05 |
| Jodi Ullrich | eliane.hane21@yahoo.com | West Brennonville | Inactive | $114.40 |
| Total | $3,321.52 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Cierra Jast | eric25@hotmail.com | DuBuqueboro | Inactive | $203.78 |
| Myrtle Goyette | lucy.beahan54@hotmail.com | South Cindy | Active | $773.67 |
| Rachel Vandervort | xzavier.zemlak12@gmail.com | North Joannaburgh | Inactive | $1,052.98 |
| Henrietta Bailey | lola.ohara@gmail.com | Fishers | Active | $93.87 |
| Clyde Mante DVM | neha.pfeffer14@gmail.com | San Clemente | Inactive | $29.22 |
| Total | $2,153.52 | |||
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 | ||
|---|---|---|---|---|---|
| Lance Hettinger | laila_veum@yahoo.com | East Margarett | Inactive | $851.35 | |
| Hugh White | kristen_mueller@yahoo.com | Heathcoteshire | Inactive | $602.03 | |
| Efrain Osinski | keara44@yahoo.com | West Cary | Active | $11.82 | |
| Maureen Wisozk Sr. | eleanor33@hotmail.com | Geraldineport | Active | $200.96 | |
| Gregg Shields | bernadette.goodwin@yahoo.com | Muellerberg | Inactive | $672.69 | |
| Total | $2,338.85 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Brandi Friesen | ann82@hotmail.com | Fort Erikstead | Inactive | $563.29 | |
| Suzanne Williamson I | willard_kerluke@hotmail.com | Christopherboro | Active | $730.99 | |
| Wilfrid Vandervort | victoria29@yahoo.com | South King | Inactive | $402.65 | |
| Marquise Effertz | trent.kirlin7@hotmail.com | South Florencio | Active | $75.93 | |
| Jarod Pfeffer | ann34@hotmail.com | Fort Travis | Active | $402.51 | |
| Total | $2,175.37 | ||||
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 | |
|---|---|---|---|---|
| Quinton Conn | luella_wyman@hotmail.com | Evaview | Inactive | $965.84 |
| Ali Lebsack | tracey26@yahoo.com | Elvirastead | Inactive | $776.62 |
| Fred Baumbach | kassandra.terry78@hotmail.com | Lake Percy | Inactive | $862.97 |
| Sherry Smitham | melanie7@yahoo.com | Lynneburgh | Inactive | $131.55 |
| Jo Sporer | erica.kirlin@hotmail.com | Port Lilyanton | Active | $943.00 |
| Claud Marks | rosa23@hotmail.com | Fort Junius | Active | $14.79 |
| Hilma Bauch | rogelio.bruen79@yahoo.com | East Lilly | Inactive | $807.16 |
| Gabriel Mann | inez99@gmail.com | Stehrfurt | Inactive | $587.51 |
| Marcelle Rutherford-Ondricka | ginger.robel@hotmail.com | Keyshawnton | Active | $308.35 |
| Demarcus Mayer | lyla.streich75@gmail.com | Paucekstead | Inactive | $221.65 |
| Claude Abernathy | darrick_bartell61@gmail.com | Koeppchester | Active | $1,192.65 |
| Hillard Wisoky | avis_reilly68@yahoo.com | Port Jennings | Inactive | $1,058.67 |
| Miguel Lebsack | vidal_treutel87@hotmail.com | Rempelview | Active | $271.13 |
| Thurman Homenick | elmer_goldner@hotmail.com | New Bobbietown | Inactive | $203.41 |
| Deja DuBuque | patience72@yahoo.com | Pharr | Inactive | $908.77 |
| Total | $9,254.07 | |||
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 |

