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 | Bank Transfer | $524.68 |
| INV002 | Paid | Bank Transfer | $809.80 |
| INV003 | Unpaid | Bank Transfer | $808.76 |
| INV004 | Pending | PayPal | $575.55 |
| INV005 | Paid | Bank Transfer | $722.70 |
| INV006 | Paid | Credit Card | $450.03 |
| INV007 | Unpaid | Credit Card | $340.69 |
| Total | $4,232.21 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Marlene Dicki | Human Division Facilitator | marlene_dicki73@hotmail.com | Member | |
| Brannon Hauck | Human Functionality Facilitator | brannon.hauck@hotmail.com | Member | |
| Johathan Douglas | Investor Assurance Architect | johathan_douglas1@hotmail.com | Viewer | |
| Amely D'Amore | International Accounts Associate | amely_damore81@gmail.com | Viewer | |
| Eldora Hayes | District Interactions Consultant | eldora.hayes89@gmail.com | Admin | |
| Samir Tremblay | Product Mobility Technician | samir.tremblay26@hotmail.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 |
|---|---|---|
Dashawn Swift Lead Directives Coordinator dashawn_swift@yahoo.com | Member | |
Cade Kuhic Investor Group Coordinator cade_kuhic@hotmail.com | Member | |
Elizabeth Klein Legacy Tactics Engineer elizabeth_klein95@yahoo.com | Viewer | |
Jarret Swaniawski Dynamic Quality Director jarret_swaniawski41@hotmail.com | Member | |
Neoma Watsica Forward Mobility Producer neoma_watsica@yahoo.com | Viewer | |
Tom Balistreri Internal Tactics Assistant tom.balistreri96@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 |
|---|---|---|
Garry Osinski National Interactions Designer garry.osinski28@gmail.com | Viewer | |
Collin Ortiz Chief Division Supervisor collin.ortiz@gmail.com | Admin | |
Kayli Okuneva Chief Directives Architect kayli_okuneva@yahoo.com | Member | |
Russell Veum Legacy Brand Developer russell_veum@gmail.com | Viewer | |
Reynold Nolan Human Infrastructure Orchestrator reynold_nolan@yahoo.com | Admin | |
Dorcas Volkman District Mobility Manager dorcas.volkman12@gmail.com | Admin | |
Sherwood D'Amore Internal Response Designer sherwood.damore12@hotmail.com | Viewer | |
Rebeka Rice-Buckridge Forward Group Representative rebeka_rice-buckridge@gmail.com | Member | |
Lorena Reinger Corporate Program Developer lorena.reinger9@hotmail.com | Member | |
Genevieve Windler District Marketing Associate genevieve.windler41@gmail.com | Viewer | |
Evalyn Denesik District Tactics Director evalyn_denesik39@hotmail.com | Viewer | |
Coralie Pfannerstill Corporate Factors Orchestrator coralie.pfannerstill@gmail.com | Admin | |
Athena Hintz Human Configuration Strategist athena_hintz@yahoo.com | Member | |
Hector Lubowitz Dynamic Group Associate hector_lubowitz58@hotmail.com | Viewer | |
Elmo Hauck District Mobility Director elmo_hauck@gmail.com | Admin | |
Grady MacGyver National Paradigm Representative grady_macgyver@gmail.com | Viewer | |
Watson Olson Customer Accountability Agent watson.olson27@yahoo.com | Viewer | |
Christop Hills Future Tactics Associate christop_hills@hotmail.com | Admin | |
Leola Howell Lead Paradigm Developer leola.howell3@yahoo.com | Admin | |
Van Shields Global Identity Consultant van_shields@hotmail.com | Viewer |
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 | |
|---|---|---|---|---|
| Melvin Bergnaum | adam_rodriguez@hotmail.com | North Donald | Active | $499.45 |
| Darla Walter | eileen.stoltenberg56@gmail.com | East Thomas | Inactive | $45.57 |
| Conrad Nader | ashlee.lemke@hotmail.com | Maximillianstad | Active | $1,172.27 |
| Dr. Mathew Hills | jillian66@yahoo.com | Gunnerbury | Active | $967.36 |
| Juanita Bauch | burnice.balistreri-baumbach10@gmail.com | West Alexandria | Active | $349.33 |
| Total | $3,033.98 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Ann Kuphal @jake.breitenberg98 | chauncey.kilback96@hotmail.com | Ziemannfurt | Active | $1,069.26 |
Antonia McClure Jr. @seth_turner | golda.green19@hotmail.com | Kuhlmanmouth | Active | $686.84 |
Mrs. Jessica Goyette @giles_gleichner | virginie.flatley@gmail.com | Kirlinfort | Inactive | $690.59 |
Jane Pagac @olin_swaniawski | woodrow.rohan96@hotmail.com | O'Konview | Inactive | $936.94 |
Cesar Barton @lenora.sanford | betty56@hotmail.com | Trudiechester | Active | $876.05 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Bernard Ward | maribel_nienow39@hotmail.com | Eddmouth | Inactive | $106.40 |
| Felipe Monahan | joelle78@yahoo.com | Casperboro | Active | $257.59 |
| Cornelius White-Tillman | edyth67@yahoo.com | Port Chloe | Active | $448.03 |
| Kerry Zulauf | triston98@hotmail.com | Stillwater | Inactive | $939.12 |
| Belinda Rath | greyson.halvorson@yahoo.com | Lake Elyse | Inactive | $557.90 |
| Total | $2,309.04 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Leona Beahan | audie.mitchell14@hotmail.com | Powlowskicester | Inactive | $189.88 |
| Sylvester Conroy | sienna_blanda91@gmail.com | East Elainaville | Inactive | $846.72 |
| Isabel Sawayn | anabelle.zemlak60@yahoo.com | New Fletcherberg | Active | $895.78 |
| Luke Schimmel | armand96@hotmail.com | East Rickyport | Active | $909.02 |
| Lana Schowalter | kamron78@gmail.com | Bend | Active | $66.32 |
| Total | $2,907.72 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Linda Toy | daisha61@gmail.com | West Alene | Inactive | $20.08 |
| Guillermo O'Conner | katrina_kuhlman@gmail.com | Glen Burnie | Active | $669.43 |
| Edward Schowalter | eda.dach@yahoo.com | Port Romaine | Active | $184.65 |
| Kay Orn | alexandro_veum95@hotmail.com | Hillsboro | Inactive | $324.74 |
| Maryann Langworth MD | concepcion_johnson71@yahoo.com | Folsom | Inactive | $775.84 |
| Total | $1,974.74 | |||
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 | ||
|---|---|---|---|---|---|
| Warren Altenwerth | willie12@gmail.com | Appleton | Inactive | $674.43 | |
| Kelly Parker | tate.gottlieb@hotmail.com | New Santiago | Active | $453.93 | |
| Ana Kozey | luther96@gmail.com | Long Beach | Active | $1,131.12 | |
| Rachael Rogahn | luigi9@yahoo.com | Pico Rivera | Active | $770.62 | |
| Iris Carroll | sibyl_nitzsche12@hotmail.com | East Franciscaboro | Inactive | $187.35 | |
| Total | $3,217.45 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Julia Ritchie | guiseppe_yundt80@gmail.com | Murphybury | Active | $531.27 | |
| Brad Pacocha | creola_kunde71@yahoo.com | Vincefield | Active | $731.45 | |
| Elias Strosin | leonora_mccullough@yahoo.com | Port Imogene | Active | $336.75 | |
| Michelle Walker | mittie.graham45@gmail.com | Lake Dean | Inactive | $740.85 | |
| Anthony Ritchie | ettie58@hotmail.com | Fritzworth | Inactive | $724.86 | |
| Total | $3,065.18 | ||||
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 | |
|---|---|---|---|---|
| Lyle Lueilwitz | nicola_kunze@yahoo.com | Florencestad | Active | $32.64 |
| Minnie Nolan | cody_mccullough26@hotmail.com | Eastvale | Active | $561.46 |
| Dominic Schuster | lavon.langosh59@gmail.com | Lemkefield | Active | $633.26 |
| Ian Thompson | mayra_bahringer@hotmail.com | North Francescoside | Active | $1,068.80 |
| Jerry Johns | merl_trantow59@hotmail.com | Metzland | Inactive | $438.04 |
| Patrick Runolfsson-Durgan | rahul.leuschke21@yahoo.com | North Jalynland | Inactive | $573.11 |
| Emily Nicolas | zane_grimes47@hotmail.com | Hamillshire | Inactive | $933.51 |
| Roxanne Halvorson | marta_lubowitz@yahoo.com | Edinburg | Inactive | $1,138.13 |
| Doug Torphy | karen.morissette@yahoo.com | Jacobichester | Active | $270.51 |
| Sonya Jakubowski | antonina.stiedemann95@yahoo.com | Madisonville | Active | $259.23 |
| Ricardo O'Reilly | schuyler_ernser@yahoo.com | Leefurt | Inactive | $365.27 |
| Freddie Heathcote | alexys_kemmer67@yahoo.com | Pearliebury | Inactive | $462.57 |
| Dr. Austin Nienow | roderick.hagenes55@gmail.com | Nickolasstad | Inactive | $163.58 |
| Mattie Murray | celine_mohr@gmail.com | South Chaimberg | Inactive | $454.72 |
| Victoria Ferry | obie.reichert17@hotmail.com | North Halle | Inactive | $96.82 |
| Total | $7,451.65 | |||
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 |



