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 | $305.74 |
| INV002 | Paid | PayPal | $651.92 |
| INV003 | Pending | Bank Transfer | $645.36 |
| INV004 | Paid | PayPal | $550.85 |
| INV005 | Pending | PayPal | $776.64 |
| INV006 | Unpaid | Credit Card | $274.54 |
| INV007 | Unpaid | Credit Card | $109.89 |
| Total | $3,314.94 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Alice Tromp | Regional Marketing Liaison | alice.tromp19@hotmail.com | Admin | |
| Demarco Ward | Corporate Assurance Facilitator | demarco_ward@yahoo.com | Member | |
| Kenyatta Bauch | Corporate Response Coordinator | kenyatta.bauch20@yahoo.com | Viewer | |
| Sidney Toy | Chief Optimization Agent | sidney_toy8@hotmail.com | Member | |
| Kim Dare | Internal Integration Director | kim.dare@gmail.com | Viewer | |
| Michael Schulist | Senior Factors Agent | michael.schulist14@gmail.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 |
|---|---|---|
Margaretta Wisoky Human Usability Producer margaretta.wisoky@gmail.com | Member | |
Vicki Pollich Customer Program Associate vicki.pollich@yahoo.com | Viewer | |
Patsy Senger International Assurance Strategist patsy.senger37@yahoo.com | Admin | |
Billie O'Conner Central Branding Specialist billie_oconner50@yahoo.com | Viewer | |
Tyrell Flatley Direct Applications Technician tyrell_flatley52@yahoo.com | Viewer | |
Forrest Bednar Investor Accountability Executive forrest_bednar39@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 |
|---|---|---|
Tommie Willms Investor Factors Executive tommie.willms@gmail.com | Viewer | |
Brennon Gutkowski-Murray Customer Accountability Manager brennon.gutkowski-murray86@hotmail.com | Admin | |
Aric Gerlach Chief Directives Agent aric.gerlach17@yahoo.com | Viewer | |
Amari Dooley Internal Division Consultant amari_dooley@yahoo.com | Viewer | |
Heidi Stracke Global Metrics Consultant heidi.stracke62@gmail.com | Viewer | |
Dallas Gleichner Human Mobility Representative dallas.gleichner@gmail.com | Viewer | |
Deanna Emard Direct Tactics Designer deanna_emard@gmail.com | Member | |
Arno Tremblay-Hegmann Corporate Branding Coordinator arno_tremblay-hegmann38@yahoo.com | Admin | |
Gabriel Bartell Product Data Executive gabriel.bartell50@hotmail.com | Viewer | |
Leslie Bednar Customer Solutions Specialist leslie_bednar72@hotmail.com | Admin | |
Kristi Pacocha Regional Intranet Executive kristi.pacocha@yahoo.com | Admin | |
Mia Runte Product Configuration Director mia.runte20@gmail.com | Admin | |
Samir Hodkiewicz Regional Integration Coordinator samir_hodkiewicz@yahoo.com | Viewer | |
Jalen Kulas Customer Group Developer jalen_kulas@hotmail.com | Member | |
Gerry Purdy Dynamic Configuration Strategist gerry_purdy@yahoo.com | Member | |
Kenna Torp Human Interactions Assistant kenna_torp23@hotmail.com | Member | |
Dean Grant Customer Security Engineer dean.grant@yahoo.com | Member | |
Dolores Mayer Chief Web Officer dolores_mayer@hotmail.com | Member | |
Genesis Barrows Product Identity Director genesis.barrows68@gmail.com | Member | |
Ramona Hand Dynamic Usability Coordinator ramona.hand79@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 | |
|---|---|---|---|---|
| Miss Lupe O'Reilly | rickey59@hotmail.com | Feeneyburgh | Active | $361.38 |
| Rose Ondricka | owen.leuschke@hotmail.com | Deshawnstead | Active | $936.65 |
| Seth Turcotte MD | david_gusikowski35@hotmail.com | North Gerardo | Inactive | $144.05 |
| Mrs. Nicholas Murray-Von | brandi38@hotmail.com | Turlock | Inactive | $1,055.12 |
| Sara Koepp | danny_erdman99@hotmail.com | East Cristianview | Active | $965.92 |
| Total | $3,463.12 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Arne Balistreri @vernon.lockman | dorothy87@hotmail.com | Stammstead | Inactive | $105.46 |
Vernon Feest @dustin_schmeler | lavonne_grady@gmail.com | Dunwoody | Inactive | $388.71 |
Fredrick Leuschke @francisco.collier32 | lon75@hotmail.com | Parker | Active | $846.18 |
Trudie Toy @roxanne.trantow13 | louis.nikolaus-crooks@yahoo.com | Davisworth | Active | $901.92 |
Walter Goodwin @guillermo_waelchi17 | mae.ward39@hotmail.com | Homestead | Active | $1,198.32 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Dr. Oral Schulist | elmore.mcclure99@gmail.com | McLean | Inactive | $820.88 |
| Alice Kirlin-Gusikowski | orlando_russel@gmail.com | Kaialand | Inactive | $619.68 |
| Leo Johns | anais_kiehn@hotmail.com | Apple Valley | Inactive | $590.02 |
| Phil Harvey | dimitri_roberts@gmail.com | Port Lesleyfurt | Active | $230.89 |
| Stacy Farrell-O'Kon V | jason63@hotmail.com | East Ulicesville | Inactive | $177.53 |
| Total | $2,439.00 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Judge Quitzon | carey_lockman@gmail.com | Fort Augustustown | Inactive | $248.96 |
| Cara Gibson | karine44@gmail.com | East Alcester | Active | $1,035.30 |
| Candice Upton | grayson.jaskolski64@gmail.com | Fort Marco | Inactive | $1,019.41 |
| Catharine Reilly | ismael.volkman32@hotmail.com | New Staceychester | Active | $604.51 |
| Sheryl Runolfsdottir Sr. | angelo_konopelski40@gmail.com | Lawrenceshire | Active | $1,022.48 |
| Total | $3,930.66 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Jennyfer Lesch DDS | tracy_zieme92@gmail.com | Huelmouth | Inactive | $45.08 |
| Domingo Harris | kody_hoppe@gmail.com | Pasadena | Inactive | $656.29 |
| Mrs. Ceasar Friesen-Abbott DVM | woodrow82@yahoo.com | Marksfort | Active | $359.42 |
| Daryl Stanton | natalie65@gmail.com | North Christyberg | Active | $462.33 |
| Rose Miller | violet.reilly6@gmail.com | Honolulu | Inactive | $1,029.99 |
| Total | $2,553.11 | |||
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 | ||
|---|---|---|---|---|---|
| Lorenzo Heathcote | jennifer49@gmail.com | North Brisaworth | Inactive | $13.27 | |
| Miss Harmony Kertzmann | bethany_murazik@yahoo.com | Lake Mablebury | Inactive | $992.70 | |
| Natasha Murray | gerardo_klocko33@hotmail.com | West Websterbury | Active | $1,047.69 | |
| Nat Nienow | skyla54@yahoo.com | Salem | Inactive | $557.19 | |
| Mr. Kyler Lesch Sr. | rodger62@hotmail.com | East Halieview | Active | $1,079.28 | |
| Total | $3,690.13 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Cecilia Murray PhD | ahmad54@gmail.com | Baltimore | Inactive | $1,190.91 | |
| Leon Fritsch PhD | luther_jones@gmail.com | Tallahassee | Inactive | $514.07 | |
| Edgardo Ward | anne.orn@yahoo.com | Novi | Active | $1,118.56 | |
| Melvin Donnelly II | esta.turcotte@gmail.com | Maxstad | Inactive | $710.40 | |
| Tabitha Bogan | marilou_leffler83@gmail.com | Topeka | Inactive | $642.50 | |
| Total | $4,176.44 | ||||
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 | |
|---|---|---|---|---|
| Miss Julia Johns | ahmed.krajcik@gmail.com | Lake Amanimouth | Inactive | $540.53 |
| Paolo Watsica | orlando.fisher@gmail.com | Mohrville | Active | $112.47 |
| Darrion Cartwright | jaron73@yahoo.com | Fort Ayanatown | Inactive | $748.32 |
| Irving Purdy | roy.torphy9@yahoo.com | North Deshaun | Inactive | $32.82 |
| Joe Christiansen | travis_schaefer77@hotmail.com | Tillmanfield | Inactive | $936.34 |
| Ms. Deion Larson | bessie.paucek@yahoo.com | Marielaland | Active | $91.00 |
| Anya Kertzmann | timmy_feest7@gmail.com | North Joey | Inactive | $495.10 |
| Lynette Hettinger | dorothy14@yahoo.com | Bayerworth | Active | $51.16 |
| Lela O'Kon II | aleen_anderson23@hotmail.com | Fond du Lac | Active | $686.94 |
| Stewart Runte | shaniya16@gmail.com | Schneiderstad | Inactive | $812.26 |
| Preston Armstrong | dianna.mills75@hotmail.com | North Ramiro | Inactive | $328.90 |
| Pedro Marks | katie.nitzsche15@yahoo.com | South Chloe | Active | $896.55 |
| Craig Bruen | roy96@hotmail.com | Missouri City | Active | $593.28 |
| Kurt Yundt | hassie_hudson24@yahoo.com | New Siennaland | Inactive | $455.23 |
| Kelvin Paucek III | steve67@yahoo.com | North Zoieborough | Inactive | $507.69 |
| Total | $7,288.59 | |||
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 |



