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 | PayPal | $939.18 |
| INV002 | Paid | Credit Card | $540.86 |
| INV003 | Pending | PayPal | $320.16 |
| INV004 | Pending | Credit Card | $105.76 |
| INV005 | Unpaid | Credit Card | $813.97 |
| INV006 | Pending | PayPal | $324.53 |
| INV007 | Pending | Credit Card | $896.52 |
| Total | $3,940.98 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Jackie Kuphal | Senior Program Executive | jackie_kuphal50@hotmail.com | Viewer | |
| Chelsie Simonis | Lead Web Officer | chelsie.simonis@gmail.com | Member | |
| Dexter Hand | International Quality Technician | dexter.hand@hotmail.com | Member | |
| Robert Lynch | Senior Usability Executive | robert.lynch@gmail.com | Member | |
| Luther Ernser | Forward Group Planner | luther.ernser45@hotmail.com | Member | |
| Audra Schmeler | National Factors Agent | audra.schmeler@hotmail.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 |
|---|---|---|
Ricky Haley International Security Analyst ricky_haley32@gmail.com | Viewer | |
Leah Cormier Future Usability Consultant leah.cormier14@hotmail.com | Viewer | |
Lela Schinner Principal Communications Representative lela.schinner@hotmail.com | Member | |
Hannah Heaney Central Markets Analyst hannah.heaney@yahoo.com | Viewer | |
Woodrow Lebsack National Division Officer woodrow_lebsack22@gmail.com | Admin | |
Johan Stoltenberg Principal Factors Administrator johan_stoltenberg70@gmail.com | Member |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Bessie Abbott Forward Factors Analyst bessie.abbott@hotmail.com | Admin | |
Santiago Larson National Communications Analyst santiago_larson@hotmail.com | Viewer | |
Lori Carroll Human Group Liaison lori.carroll@yahoo.com | Member | |
Bobbie Auer Principal Assurance Supervisor bobbie_auer@gmail.com | Member | |
Bill Davis Regional Security Manager bill.davis11@hotmail.com | Viewer | |
Madalyn Rohan Investor Research Engineer madalyn_rohan@yahoo.com | Member | |
Betty Kirlin Regional Integration Representative betty_kirlin35@hotmail.com | Viewer | |
Garry Zboncak Corporate Metrics Executive garry.zboncak54@yahoo.com | Viewer | |
Jaylon Weimann Lead Infrastructure Orchestrator jaylon.weimann21@hotmail.com | Member | |
Benny Champlin Direct Usability Supervisor benny_champlin71@gmail.com | Viewer | |
Rolando Kovacek Principal Security Associate rolando.kovacek@yahoo.com | Viewer | |
Bret Jones Investor Marketing Executive bret_jones@yahoo.com | Viewer | |
Kendrick Hayes Forward Response Director kendrick_hayes24@yahoo.com | Viewer | |
Hazel Parker International Implementation Officer hazel.parker14@hotmail.com | Member | |
Jody Yundt District Program Coordinator jody_yundt66@hotmail.com | Viewer | |
Benedict Satterfield District Data Coordinator benedict.satterfield34@hotmail.com | Member | |
Ramona Wiza Dynamic Operations Associate ramona.wiza@yahoo.com | Viewer | |
Francis Weber Senior Identity Developer francis_weber16@gmail.com | Admin | |
Adrienne Mayer Direct Accounts Administrator adrienne.mayer12@gmail.com | Admin | |
Kaylin Cormier Corporate Metrics Representative kaylin.cormier@gmail.com | Admin |
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 | |
|---|---|---|---|---|
| Mr. Meaghan Green | kelley46@hotmail.com | Marksport | Active | $1,122.74 |
| Lynette Hamill | jackeline.pollich@gmail.com | Fort Sheila | Inactive | $590.13 |
| Cecilia Hegmann | faith68@yahoo.com | Fort Pierce | Inactive | $79.77 |
| Delbert Simonis-O'Conner | desiree.klocko@yahoo.com | North Hillardworth | Inactive | $730.45 |
| Horace Klein | earl_kilback96@gmail.com | Leannonview | Active | $397.73 |
| Total | $2,920.82 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Miriam Greenfelder @vincent.braun | brenna.brown84@gmail.com | Altadena | Active | $650.69 |
Kyleigh McLaughlin @salvatore76 | ashly_labadie@gmail.com | Whiteport | Active | $787.27 |
Laura Nikolaus @hester.smith25 | shaun66@gmail.com | Arvidburgh | Active | $562.83 |
Lonnie Wintheiser @carol_gorczany11 | julian.tremblay57@gmail.com | East Frederiqueworth | Active | $143.67 |
Shelia Abbott @jackie.nitzsche-brekke | madelynn_kub@hotmail.com | Lemkemouth | Inactive | $467.94 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Kadin Farrell | creola_collins64@yahoo.com | Wallacemouth | Inactive | $1,034.25 |
| Dr. Lorene Oberbrunner | kelley.sporer3@gmail.com | New Mathildestead | Inactive | $1,060.61 |
| Rico Marvin | ken1@gmail.com | Bartonworth | Inactive | $275.53 |
| Shawn Rogahn | estevan_cremin68@hotmail.com | West Des Moines | Inactive | $680.73 |
| Rodrick Hettinger | guillermo_mayer@yahoo.com | Port Esteban | Inactive | $575.74 |
| Total | $3,626.86 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Kristen Gleichner | kendra_zboncak@hotmail.com | Justinaborough | Inactive | $227.77 |
| Holly Reichert | wade69@yahoo.com | South Bellberg | Active | $490.57 |
| Peyton Fay-Swift | maureen.parker28@yahoo.com | Collierville | Inactive | $1,029.62 |
| Rudolph Bechtelar | esther.bailey-white55@gmail.com | Fort Wilford | Inactive | $391.85 |
| Winona Hand | ada68@gmail.com | East Milesboro | Active | $848.55 |
| Total | $2,988.36 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Lela Schaden | bartholome_murazik@yahoo.com | Kendale Lakes | Active | $1,118.95 |
| Mr. Donnie Bradtke | pat_collins26@hotmail.com | Effertzstead | Inactive | $223.73 |
| Ms. Laverne Hintz DVM | ivah51@gmail.com | North Braden | Active | $593.07 |
| Mrs. Lila Anderson | zack_strosin61@gmail.com | Santa Maria | Inactive | $1,082.41 |
| Mr. Eldred Cruickshank | victor.graham4@yahoo.com | Aniyaport | Active | $1,149.72 |
| Total | $4,167.88 | |||
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 | ||
|---|---|---|---|---|---|
| Ellis Runolfsdottir | donnie39@hotmail.com | Dorisstead | Inactive | $1,172.46 | |
| Krista Haag | christy.wintheiser-koss89@gmail.com | Collinscester | Active | $122.92 | |
| Cody Von II | jenna66@yahoo.com | West Solonstead | Active | $94.83 | |
| Daisy Turcotte | veda_altenwerth87@yahoo.com | Keller | Inactive | $436.81 | |
| Rodney Larson | byron39@yahoo.com | Boyerboro | Inactive | $351.25 | |
| Total | $2,178.27 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Elmer Hauck II | laverna49@gmail.com | Oro Valley | Inactive | $498.54 | |
| Eddie Lakin | sebastian20@hotmail.com | Mertzcester | Inactive | $269.49 | |
| Oren Bartell | neoma56@hotmail.com | South Hillardtown | Active | $35.13 | |
| Raymond Klocko | tricia_lind64@gmail.com | Daughertyport | Inactive | $202.29 | |
| Debbie Halvorson | shaina_koepp@hotmail.com | Krisstead | Inactive | $258.17 | |
| Total | $1,263.62 | ||||
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 | |
|---|---|---|---|---|
| Abraham Emard MD | bella.marvin97@yahoo.com | Jaceyburgh | Inactive | $790.94 |
| Jaquan Schmitt II | robb.stanton@hotmail.com | East Milan | Active | $65.84 |
| Mr. Aliza Murphy | lewis_vonrueden28@hotmail.com | Fort Aliyaburgh | Active | $808.30 |
| Drew Ondricka | irving.nader@yahoo.com | West Trishaside | Active | $1,045.90 |
| Derrick Spencer | lester90@hotmail.com | Fort Giovannaboro | Active | $755.43 |
| Orlando McDermott | caitlyn20@hotmail.com | West Lilly | Active | $1,132.57 |
| Karla Effertz | grace.marquardt@gmail.com | Erdmanborough | Inactive | $557.46 |
| Pete Terry | sylvester_okeefe21@hotmail.com | Klockostead | Active | $1,036.76 |
| Willie Rutherford-Farrell DVM | luther_osinski94@gmail.com | East Judytown | Active | $333.61 |
| Harvey Bergnaum | dawn.daniel84@gmail.com | Aufderharville | Active | $328.19 |
| Ms. Susan Bogisich | mitchell.pacocha37@yahoo.com | Rosieport | Inactive | $373.56 |
| Annie Bernier | denis64@hotmail.com | Bergnaumbury | Active | $813.80 |
| Dr. Elvie Hand | jasmin_effertz@gmail.com | Port Sophia | Inactive | $929.03 |
| Dr. Melody Goyette | nathanial3@yahoo.com | Fort Courtneyborough | Inactive | $901.72 |
| Dr. Carlos Goldner III | donnie.rempel50@gmail.com | Fort Janet | Inactive | $992.33 |
| Total | $10,865.44 | |||
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 |



