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 | $996.16 |
| INV002 | Paid | PayPal | $329.75 |
| INV003 | Unpaid | PayPal | $944.56 |
| INV004 | Unpaid | Bank Transfer | $145.56 |
| INV005 | Unpaid | Credit Card | $579.71 |
| INV006 | Paid | Bank Transfer | $593.74 |
| INV007 | Pending | Bank Transfer | $380.37 |
| Total | $3,969.85 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Hubert Hane | District Infrastructure Administrator | hubert.hane@gmail.com | Member | |
| Tate Windler | Chief Communications Director | tate.windler@hotmail.com | Member | |
| Arno Davis | National Division Executive | arno.davis@hotmail.com | Viewer | |
| Felicity Stamm | National Marketing Facilitator | felicity_stamm@hotmail.com | Admin | |
| Drew Swaniawski | Dynamic Assurance Developer | drew_swaniawski54@hotmail.com | Member | |
| Thelma Toy | Global Identity Associate | thelma_toy79@yahoo.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 |
|---|---|---|
Desiree Gleichner-Larson Chief Brand Analyst desiree.gleichner-larson@yahoo.com | Admin | |
Deborah Conn Human Implementation Facilitator deborah_conn8@yahoo.com | Member | |
Penny Feil Future Data Associate penny_feil13@hotmail.com | Admin | |
Robyn Fahey Corporate Implementation Officer robyn.fahey@hotmail.com | Viewer | |
Bennie D'Amore Human Security Coordinator bennie.damore@yahoo.com | Admin | |
Vivienne Wisoky Internal Identity Architect vivienne.wisoky52@gmail.com | Viewer |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Oren Yost Product Configuration Orchestrator oren_yost9@yahoo.com | Admin | |
Alexis McDermott Forward Operations Agent alexis.mcdermott65@hotmail.com | Member | |
Frances Terry National Security Analyst frances_terry@hotmail.com | Admin | |
Darnell Will Product Data Facilitator darnell_will@yahoo.com | Member | |
Roderick Abbott Internal Security Architect roderick_abbott60@yahoo.com | Viewer | |
Haven Reynolds Customer Group Facilitator haven.reynolds38@yahoo.com | Member | |
Leilani Hamill International Assurance Representative leilani.hamill@yahoo.com | Viewer | |
Vivien Wilkinson District Branding Representative vivien.wilkinson90@yahoo.com | Member | |
Lorene Langosh Legacy Implementation Executive lorene.langosh66@hotmail.com | Admin | |
Richard Kulas Internal Division Agent richard_kulas@hotmail.com | Member | |
Colin Morar Dynamic Research Technician colin_morar@yahoo.com | Admin | |
Lina Feil Dynamic Research Director lina_feil58@yahoo.com | Member | |
Anita Konopelski Future Usability Specialist anita.konopelski93@yahoo.com | Admin | |
Violette West Senior Mobility Orchestrator violette_west84@gmail.com | Admin | |
Mindy Rogahn Future Applications Liaison mindy.rogahn83@hotmail.com | Admin | |
Emelia Pfeffer Product Metrics Agent emelia.pfeffer@hotmail.com | Admin | |
Tamara Herzog Forward Accountability Analyst tamara.herzog97@hotmail.com | Admin | |
Winifred Morar Principal Branding Officer winifred.morar5@gmail.com | Member | |
Rafael DuBuque Forward Interactions Supervisor rafael.dubuque@yahoo.com | Admin | |
Wesley Conn-Kshlerin Forward Division Associate wesley.conn-kshlerin@gmail.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 | |
|---|---|---|---|---|
| Ramona Rempel | wanda.kilback@yahoo.com | North Amos | Active | $296.93 |
| Justin Crist Jr. | sophia.littel1@yahoo.com | Lednerview | Active | $940.82 |
| Mrs. Pauline Skiles | sierra.volkman18@hotmail.com | Jameybury | Inactive | $1,030.92 |
| Delphine Leuschke | merle_rath22@gmail.com | Crookshaven | Inactive | $758.22 |
| Cindy Zulauf PhD | karli90@yahoo.com | Iracester | Active | $39.02 |
| Total | $3,065.91 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Liliana Bartell @fannie.pollich | lonnie_larkin67@hotmail.com | Port Olgabury | Active | $797.20 |
Hailey Goldner @pam93 | eunice.greenholt@hotmail.com | Billings | Inactive | $1,190.35 |
Todd Heidenreich Jr. @dora.ratke34 | robb42@hotmail.com | West Benniemouth | Active | $473.41 |
Melissa Schulist @savanah.dooley | junior7@gmail.com | Laurenfurt | Inactive | $485.55 |
Luis Connelly @tara_kertzmann | tyree.carroll@gmail.com | Newport News | Inactive | $6.87 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Cleora Lang | isom7@gmail.com | New Estefania | Inactive | $784.61 |
| Doris Williamson | stephanie.towne97@yahoo.com | North Carltonchester | Inactive | $981.65 |
| Wallace VonRueden | oleta_ortiz42@gmail.com | Yundtmouth | Inactive | $85.67 |
| Marion Stamm | susie_konopelski@gmail.com | Creminstead | Active | $753.39 |
| Peggy Stroman | shari.friesen5@gmail.com | Roanoke | Inactive | $1,111.33 |
| Total | $3,716.65 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Ben Dooley | adelle_koss@yahoo.com | Dareside | Active | $795.66 |
| Otis Boehm | marguerite_ruecker@hotmail.com | New Laurafield | Active | $534.38 |
| Loretta Blick | eleanora.langworth@gmail.com | Durganview | Inactive | $806.71 |
| Jayne Langosh | lennie62@hotmail.com | Kent | Inactive | $910.88 |
| Joelle Wiza PhD | samuel57@yahoo.com | New Seth | Active | $190.21 |
| Total | $3,237.84 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Natasha Shields I | johnathan.frami@gmail.com | San Ramon | Inactive | $243.83 |
| Alicia Bailey | saul.ondricka13@yahoo.com | New Alfred | Active | $1,046.82 |
| Hillard Muller-Tromp | ruthie.bergnaum76@gmail.com | West Mae | Active | $1,129.19 |
| Susie Blick V | blanche.wilderman88@hotmail.com | Ignatiusfurt | Inactive | $277.07 |
| Alivia Franecki | lera.veum95@hotmail.com | Santa Rosa | Inactive | $1,102.29 |
| Total | $3,799.20 | |||
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 | ||
|---|---|---|---|---|---|
| Idella Little | franz.keebler71@gmail.com | North Nettie | Active | $196.50 | |
| Karson West | kay.cartwright@yahoo.com | North Terencefield | Inactive | $771.00 | |
| Lucinda Schamberger | bernadette37@gmail.com | Salem | Inactive | $736.67 | |
| Ira Pfeffer | justina13@gmail.com | Billings | Active | $663.52 | |
| Griffin Leuschke-Witting | louvenia9@gmail.com | Quincy | Active | $400.83 | |
| Total | $2,768.52 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Milton Marks | violet44@hotmail.com | Lake Nathanialboro | Inactive | $596.07 | |
| Elaine Hessel II | finn_wuckert98@yahoo.com | Lake Casper | Active | $296.72 | |
| Marjorie O'Conner | shannon58@hotmail.com | Stehrbury | Active | $404.35 | |
| Calvin Cummings-Wiegand | jay.bernhard9@gmail.com | Tracicester | Active | $1,109.42 | |
| Gilbert Green | elena_rau@gmail.com | South Lindsey | Inactive | $29.78 | |
| Total | $2,436.34 | ||||
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 | |
|---|---|---|---|---|
| Pedro Dibbert | geovanny12@gmail.com | East Jane | Active | $36.02 |
| Drew Johns Sr. | veronica_kilback@yahoo.com | Lake Dashawn | Active | $1,167.11 |
| Bridget Bogan | nora.hamill-hessel46@gmail.com | Lolachester | Inactive | $875.18 |
| Elizabeth Hoeger | leah19@yahoo.com | East Robertborough | Inactive | $151.66 |
| Helga Nienow DDS | ross28@gmail.com | Urbandale | Inactive | $355.27 |
| Hershel Price | bernhard.schaden@hotmail.com | New Esperanzafort | Active | $274.70 |
| Euna Konopelski | jenny.schroeder@yahoo.com | New Orleans | Active | $1,111.45 |
| Orlando Schmitt | salma_schmeler49@yahoo.com | Madilynfield | Inactive | $399.37 |
| Sabina Aufderhar | brent.rutherford@yahoo.com | West Olin | Inactive | $729.16 |
| Laury Gutmann | jared.corwin59@yahoo.com | Fort Heleneport | Active | $1,018.19 |
| Sara Cronin DDS | rufus.ohara@gmail.com | Brentshire | Active | $514.36 |
| Melinda Wisozk | frankie.roob28@hotmail.com | Kelleyview | Inactive | $1,000.86 |
| Marguerite Schaden | bethel_schmitt@hotmail.com | East Johanna | Inactive | $782.53 |
| Dr. Katherine Beer | lynne_turcotte@gmail.com | Brandtshire | Active | $221.51 |
| Delores Bechtelar III | andre60@yahoo.com | Abshireview | Active | $674.23 |
| Total | $9,311.60 | |||
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 |

