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 | Credit Card | $838.98 |
| INV002 | Unpaid | Credit Card | $267.99 |
| INV003 | Unpaid | PayPal | $347.28 |
| INV004 | Pending | Bank Transfer | $579.17 |
| INV005 | Unpaid | PayPal | $743.48 |
| INV006 | Unpaid | PayPal | $908.98 |
| INV007 | Paid | PayPal | $795.26 |
| Total | $4,481.14 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Karl Shanahan | Investor Branding Planner | karl_shanahan@gmail.com | Member | |
| Zechariah Hahn | Internal Marketing Facilitator | zechariah.hahn20@hotmail.com | Viewer | |
| Maryjane Carroll | Investor Marketing Developer | maryjane_carroll78@yahoo.com | Viewer | |
| Rocio Okuneva | Legacy Data Officer | rocio_okuneva@gmail.com | Member | |
| Arely Ritchie | Corporate Group Engineer | arely_ritchie@yahoo.com | Viewer | |
| Rita Ziemann | Global Accounts Strategist | rita.ziemann@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 |
|---|---|---|
Susana Fadel National Accountability Representative susana.fadel89@gmail.com | Admin | |
Logan O'Reilly-Cole Forward Program Associate logan.oreilly-cole11@gmail.com | Admin | |
Trevion Auer National Brand Developer trevion_auer@gmail.com | Viewer | |
Syble Gleichner Central Metrics Agent syble_gleichner29@yahoo.com | Viewer | |
Ubaldo Swift Chief Accounts Agent ubaldo_swift32@yahoo.com | Admin | |
Isaac Jenkins Dynamic Branding Assistant isaac.jenkins@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 |
|---|---|---|
Edna Williamson-Zulauf Regional Configuration Orchestrator edna_williamson-zulauf@hotmail.com | Member | |
Clint Denesik Future Response Planner clint_denesik77@yahoo.com | Viewer | |
Michaela Schroeder Central Quality Planner michaela.schroeder89@gmail.com | Viewer | |
Orrin Adams Investor Response Director orrin.adams24@hotmail.com | Member | |
Jacklyn Gislason Investor Quality Designer jacklyn_gislason@yahoo.com | Viewer | |
Eliezer Murray Customer Data Planner eliezer_murray70@yahoo.com | Member | |
Cyrus Jerde Chief Functionality Architect cyrus_jerde7@yahoo.com | Admin | |
Katarina Hamill Human Research Specialist katarina_hamill@hotmail.com | Admin | |
Hollie Sauer Direct Communications Engineer hollie_sauer@gmail.com | Admin | |
Maci Robel Customer Group Technician maci_robel97@yahoo.com | Member | |
Katlyn Stark Forward Mobility Producer katlyn_stark@yahoo.com | Admin | |
Opal Oberbrunner Direct Markets Manager opal_oberbrunner@hotmail.com | Admin | |
Hugh Rodriguez Investor Brand Analyst hugh.rodriguez86@yahoo.com | Viewer | |
Mellie Price Global Paradigm Director mellie_price@hotmail.com | Admin | |
Ashly Smitham Central Web Analyst ashly_smitham52@hotmail.com | Admin | |
Katelyn Wehner Chief Division Liaison katelyn_wehner@yahoo.com | Viewer | |
Emelie Mosciski Corporate Division Administrator emelie_mosciski62@hotmail.com | Member | |
Robb Cassin Product Metrics Director robb_cassin@gmail.com | Viewer | |
Avis Bins Human Branding Associate avis.bins93@gmail.com | Admin | |
Nelle Bruen Corporate Security Liaison nelle.bruen@yahoo.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 | |
|---|---|---|---|---|
| Harriet Wunsch | tara_collier19@gmail.com | North Kirstin | Active | $416.84 |
| Marianne Schulist | austen_bailey@hotmail.com | West Emilbury | Inactive | $43.45 |
| Max Weimann IV | katrine.lowe@yahoo.com | New Dallas | Active | $780.16 |
| Frankie Kshlerin | abel.corwin2@gmail.com | Fort Kennaview | Inactive | $181.74 |
| Dr. Edwin Heaney | rosendo66@hotmail.com | North Uriel | Inactive | $1,052.68 |
| Total | $2,474.87 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Meredith Stroman @delia_maggio | lafayette74@yahoo.com | La Habra | Inactive | $315.08 |
Elias Nikolaus @max.stokes-carter31 | evert_dicki21@gmail.com | Louisville/Jefferson County | Inactive | $17.37 |
Rudy Collins MD @riley.ondricka | sonny.dickinson@yahoo.com | Aufderharville | Active | $1,018.66 |
Freddie Ratke @alanis.rath | andreane.gleason@hotmail.com | North Coyview | Active | $189.00 |
Brian Walsh @christop.will | pierce.gislason33@gmail.com | Handchester | Inactive | $990.87 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Claude Flatley | marlen_little@yahoo.com | North Jerome | Active | $225.69 |
| Darla Sanford | rey48@hotmail.com | East Elnoraside | Active | $329.87 |
| Karen Trantow | drew_lesch@yahoo.com | Kimtown | Inactive | $1,101.31 |
| Angelo Ratke | benny_bode@hotmail.com | Fort Raeganfurt | Active | $1,057.11 |
| Jesse Batz | wilton.bergnaum@hotmail.com | Whitneyside | Inactive | $1,189.79 |
| Total | $3,903.77 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Kristine Anderson | alec_kilback-pfeffer6@hotmail.com | Biankaton | Active | $239.45 |
| Everett Windler | libby51@gmail.com | Willmstown | Active | $559.37 |
| Gayle Renner | aylin_stehr19@gmail.com | East Claudia | Active | $886.62 |
| Brenda Harvey | yadira.botsford10@gmail.com | Abernathytown | Inactive | $383.17 |
| Timothy Weissnat | earlene38@gmail.com | Effertzland | Active | $18.44 |
| Total | $2,087.05 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Jodi Runte III | davion_schuster80@gmail.com | Canton | Inactive | $643.86 |
| Sophia Brown | mireya_mcclure81@hotmail.com | Albuquerque | Active | $262.40 |
| Sylvester Witting | madilyn_beahan@yahoo.com | Las Cruces | Active | $202.72 |
| Pat Mraz | gregg73@gmail.com | Rochester | Inactive | $227.80 |
| Jackie Dickinson | afton_okon29@gmail.com | Bashirianville | Inactive | $155.66 |
| Total | $1,492.44 | |||
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 | ||
|---|---|---|---|---|---|
| Cameron Thompson | freeda5@yahoo.com | Fayport | Inactive | $197.82 | |
| Lela Skiles PhD | nigel.sipes@gmail.com | South Violetstad | Inactive | $489.99 | |
| Bethany Berge-Hilpert | hassan.lindgren-hills@hotmail.com | New Johnnieshire | Inactive | $104.23 | |
| Kent Rowe I | nettie36@hotmail.com | West Montycester | Active | $887.25 | |
| Edgar Homenick Jr. | elfrieda68@yahoo.com | Darestead | Inactive | $182.70 | |
| Total | $1,861.99 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Johanna Becker | duncan_ortiz88@hotmail.com | Daytonchester | Inactive | $1,126.12 | |
| Ms. Victoria Weber DDS | stevie70@hotmail.com | Wittingbury | Active | $425.33 | |
| Devin McCullough V | hellen_kris@gmail.com | Valdosta | Active | $788.02 | |
| Marian Hettinger | titus81@hotmail.com | Ceres | Active | $262.94 | |
| Dewey Welch | meaghan.schaden89@hotmail.com | East Lafayettehaven | Inactive | $533.70 | |
| Total | $3,136.11 | ||||
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 | |
|---|---|---|---|---|
| Ross Green | moises_marquardt@hotmail.com | Osvaldofield | Inactive | $594.22 |
| Dr. Bridget Hoppe | thalia.collier-kohler@yahoo.com | East Shainastad | Inactive | $747.17 |
| Kelvin Kautzer | kathleen.graham59@hotmail.com | Wunschcester | Active | $902.05 |
| Fannie Feeney | humberto.smitham@hotmail.com | New Martina | Active | $457.07 |
| Heather Marquardt | hans_predovic54@hotmail.com | Fargo | Active | $62.73 |
| Andres Green | furman71@hotmail.com | Lake Burdette | Active | $805.39 |
| Lee Dibbert Sr. | savanna92@yahoo.com | Cedar Hill | Inactive | $399.06 |
| Gary Hansen | leonora_hilpert@yahoo.com | North Sigurdtown | Inactive | $1,081.27 |
| Joy Adams | rosalyn93@hotmail.com | Trenton | Inactive | $714.32 |
| Dr. Orville Cassin | jonathan.berge15@hotmail.com | Cullenstad | Active | $322.87 |
| Dr. Nicholas Hills | garett79@yahoo.com | Tuckahoe | Active | $208.69 |
| Ebony Johns | marta75@gmail.com | Nashua | Active | $393.97 |
| Brendan Kutch | althea.thiel@gmail.com | Sammamish | Active | $510.25 |
| Edward Mohr | arianna.thiel6@gmail.com | North Chesleyshire | Inactive | $397.03 |
| Celia Frami | guy83@yahoo.com | Kuhlmanburgh | Inactive | $1,097.66 |
| Total | $8,693.75 | |||
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 |


