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 | PayPal | $863.42 |
| INV002 | Pending | Bank Transfer | $664.82 |
| INV003 | Unpaid | Credit Card | $441.60 |
| INV004 | Pending | PayPal | $258.84 |
| INV005 | Pending | Bank Transfer | $473.34 |
| INV006 | Paid | Bank Transfer | $635.21 |
| INV007 | Paid | Bank Transfer | $607.34 |
| Total | $3,944.57 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Marion Gerhold | Forward Marketing Consultant | marion_gerhold@hotmail.com | Viewer | |
| Blaze Braun | Chief Response Architect | blaze_braun@yahoo.com | Admin | |
| Laura Mueller | International Assurance Director | laura.mueller@hotmail.com | Admin | |
| Isaiah Brekke | Investor Interactions Analyst | isaiah.brekke91@hotmail.com | Member | |
| Fae Howe | Regional Operations Engineer | fae_howe92@yahoo.com | Admin | |
| Eula Koelpin | Forward Group Assistant | eula.koelpin@gmail.com | Member |
Stacked on mobile
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Audreanne Price International Integration Administrator audreanne_price60@gmail.com | Viewer | |
Annie Lakin District Implementation Liaison annie_lakin@yahoo.com | Member | |
Yadira Huels-Ankunding Future Metrics Architect yadira.huels-ankunding12@yahoo.com | Member | |
Freida Murray Legacy Communications Administrator freida_murray12@gmail.com | Member | |
Oscar Lynch Investor Data Planner oscar_lynch@gmail.com | Member | |
Clementina Franecki International Program Specialist clementina_franecki72@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 |
|---|---|---|
Gladys Gusikowski Regional Markets Technician gladys.gusikowski99@gmail.com | Member | |
Nasir Hayes International Brand Supervisor nasir_hayes@gmail.com | Member | |
Felipe Emard International Accountability Consultant felipe_emard43@gmail.com | Admin | |
Randy Kuhlman Principal Mobility Analyst randy_kuhlman92@yahoo.com | Admin | |
Colin Collins International Web Consultant colin_collins@yahoo.com | Viewer | |
Marlene Harber Regional Program Liaison marlene_harber4@gmail.com | Viewer | |
Okey Schroeder Legacy Accountability Agent okey_schroeder86@hotmail.com | Member | |
Frieda O'Reilly Future Web Facilitator frieda_oreilly37@gmail.com | Admin | |
Felix Walter National Tactics Technician felix.walter@yahoo.com | Member | |
Patrick Yundt Internal Implementation Architect patrick.yundt@yahoo.com | Member | |
Elvira Bode National Accountability Facilitator elvira.bode@hotmail.com | Viewer | |
Henry Brakus Product Configuration Coordinator henry.brakus@yahoo.com | Member | |
Danielle Kautzer District Markets Orchestrator danielle_kautzer@yahoo.com | Member | |
Jennie Grant District Data Administrator jennie.grant@hotmail.com | Member | |
Cornelius Jones Chief Factors Producer cornelius_jones@gmail.com | Admin | |
Jermaine Swaniawski Global Infrastructure Administrator jermaine.swaniawski@yahoo.com | Viewer | |
Eileen Littel Dynamic Interactions Engineer eileen_littel@hotmail.com | Member | |
Laura Haag Regional Communications Director laura_haag74@hotmail.com | Member | |
Kaylie Jacobson International Assurance Architect kaylie.jacobson97@hotmail.com | Member | |
Jasmin Hilll Global Metrics Representative jasmin_hilll@yahoo.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 | |
|---|---|---|---|---|
| Roberto Littel MD | gregg.ritchie@yahoo.com | Stehrside | Active | $382.79 |
| Felicita Lakin | edd72@yahoo.com | Port Keeganshire | Inactive | $1,084.43 |
| Dr. Barton Breitenberg | olivia.koch@yahoo.com | Fort Aaliyahboro | Inactive | $976.03 |
| Lesly Ziemann | kaia_mckenzie@gmail.com | Mount Prospect | Active | $783.95 |
| Raymond Goyette | jeanie10@gmail.com | East Jamil | Active | $1,066.72 |
| Total | $4,293.92 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Donald Auer @miguel.larson | jaylin63@gmail.com | Valdosta | Inactive | $1,167.73 |
Rodger Miller @raymond_hagenes54 | augustus_zulauf45@hotmail.com | Lake Carolinecester | Active | $232.33 |
Rodney Kuhic @amara_oconner19 | joshua_schimmel31@yahoo.com | Victorville | Active | $995.43 |
Lamar Hintz @joshua.quitzon | thea.heathcote@hotmail.com | Hirtheburgh | Inactive | $281.65 |
Velma Bins @bryant41 | sean.kozey@hotmail.com | Edmond | Active | $760.22 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Stewart Lindgren | kallie.bogisich-fahey75@hotmail.com | Fort Hilda | Active | $30.29 |
| Mr. Mervin Smitham | hyman_reichel@hotmail.com | Apex | Inactive | $298.25 |
| Nelson Collins | stuart.kovacek74@hotmail.com | Hanford | Inactive | $916.83 |
| Belinda Powlowski | yadira.von@hotmail.com | Vonview | Active | $535.89 |
| Aubrey Boyer | liana.berge57@gmail.com | Jamiltown | Inactive | $1,148.38 |
| Total | $2,929.64 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Noel Heaney | paula73@gmail.com | Santa Rosa | Inactive | $806.81 |
| Dr. Dawn Johnston-Hodkiewicz DVM | enrique_schiller@yahoo.com | East Santino | Inactive | $111.68 |
| Yvette Roberts PhD | maia14@gmail.com | Dickifort | Active | $948.57 |
| Miss Shannon Konopelski | oleta.walsh-balistreri@hotmail.com | North Eldridgeville | Active | $504.83 |
| Rebekah Spinka | howard.cremin@hotmail.com | Ryleystad | Inactive | $915.72 |
| Total | $3,287.61 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Dino Beer | don_lemke8@yahoo.com | Lindshire | Inactive | $922.00 |
| Rebekah Kreiger | juwan_hyatt84@hotmail.com | Effertzshire | Inactive | $982.02 |
| Rodrick Kirlin | stanley.schuster@yahoo.com | Port Jeanne | Active | $165.81 |
| Thurman Jerde-Altenwerth | juan.breitenberg68@hotmail.com | East Zoiestad | Active | $781.32 |
| Gregory Beatty | autumn30@yahoo.com | Detroit | Inactive | $369.09 |
| Total | $3,220.24 | |||
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 | ||
|---|---|---|---|---|---|
| Opal Rice | mikayla.dickinson51@gmail.com | Brantview | Inactive | $1,095.32 | |
| Candice Nicolas | savannah97@gmail.com | Port Deja | Active | $495.39 | |
| Robin O'Kon | favian68@yahoo.com | East Orrin | Inactive | $630.80 | |
| Rufus Feeney | gerardo_friesen@gmail.com | Chattanooga | Inactive | $20.62 | |
| Eveline Stokes | cory.effertz@gmail.com | West Raphaelle | Active | $3.34 | |
| Total | $2,245.47 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Mrs. Nya Cremin | shawn.anderson@hotmail.com | North Elise | Inactive | $128.36 | |
| Naomi Goyette | fabiola14@hotmail.com | Gayleborough | Inactive | $432.83 | |
| Jason Moore-Fisher | guadalupe_zulauf88@hotmail.com | San Diego | Inactive | $867.62 | |
| Wade Maggio | cole59@hotmail.com | Angusview | Active | $458.83 | |
| Guadalupe Wintheiser | germaine_macejkovic@gmail.com | Port Augustus | Active | $656.99 | |
| Total | $2,544.63 | ||||
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 | |
|---|---|---|---|---|
| Patty Ankunding | maryse_stiedemann53@gmail.com | New Shana | Active | $967.76 |
| Sophia Kshlerin-Langworth | armando_sanford@hotmail.com | Spencerborough | Active | $716.51 |
| Jean Quitzon | caleigh.mraz74@gmail.com | Lake Nolastead | Inactive | $417.64 |
| Shaun Mueller | lisette_ratke64@gmail.com | Lake Mazie | Active | $325.13 |
| Pablo Stanton | jenny_rau58@gmail.com | South Wilfredo | Inactive | $777.74 |
| Cade Crooks | edward21@hotmail.com | New Esmeraldacester | Inactive | $251.80 |
| Ms. Alexandro Olson | sammy.feil@gmail.com | Littlebury | Active | $805.67 |
| Tiffany Braun | emil79@hotmail.com | West Myles | Active | $531.34 |
| Lee Mraz | adrian28@yahoo.com | North Jarvisland | Active | $1.85 |
| Shanel Stehr | dillon_bernhard72@hotmail.com | North Edgarfield | Active | $626.11 |
| Angela Kassulke | seamus_abbott@gmail.com | Heathcoteview | Inactive | $1,118.70 |
| Danny Senger-Macejkovic | laverne_crona@yahoo.com | Emmyfield | Inactive | $422.54 |
| Mr. Narciso Goyette | kendall.zemlak@hotmail.com | Pensacola | Inactive | $538.86 |
| Skyla Raynor | sandy_greenfelder19@gmail.com | Mohammedboro | Active | $901.74 |
| Rebekah Kling | donna55@hotmail.com | VonRuedenfort | Active | $791.82 |
| Total | $9,195.21 | |||
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 |


