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 | Bank Transfer | $826.92 |
| INV002 | Pending | Bank Transfer | $627.71 |
| INV003 | Unpaid | Bank Transfer | $480.64 |
| INV004 | Unpaid | Credit Card | $668.10 |
| INV005 | Pending | Credit Card | $650.32 |
| INV006 | Paid | PayPal | $939.44 |
| INV007 | Unpaid | Credit Card | $328.37 |
| Total | $4,521.50 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Kathleen Prohaska | Central Optimization Consultant | kathleen_prohaska3@hotmail.com | Member | |
| Murray Zieme | Lead Metrics Orchestrator | murray.zieme@hotmail.com | Member | |
| Tracy Jacobson | Global Accounts Orchestrator | tracy_jacobson44@yahoo.com | Admin | |
| Lesly Towne | Legacy Applications Assistant | lesly.towne@hotmail.com | Admin | |
| Delpha Olson | Senior Web Manager | delpha.olson@gmail.com | Member | |
| Percy Steuber | Lead Mobility Producer | percy.steuber@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 |
|---|---|---|
Davin King International Metrics Architect davin_king11@yahoo.com | Member | |
Chanel Rau Future Solutions Designer chanel.rau97@yahoo.com | Viewer | |
Bryce Stark Principal Operations Planner bryce_stark@yahoo.com | Admin | |
Amie West Human Interactions Designer amie.west59@hotmail.com | Member | |
Christelle Armstrong Dynamic Quality Representative christelle.armstrong@hotmail.com | Viewer | |
Lauriane O'Connell Corporate Optimization Manager lauriane_oconnell69@gmail.com | Admin |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Lavinia Lockman Human Integration Planner lavinia.lockman8@gmail.com | Viewer | |
Estrella Adams Chief Program Analyst estrella.adams84@yahoo.com | Viewer | |
Dale Murphy Internal Branding Liaison dale.murphy11@yahoo.com | Admin | |
Lenna Pacocha Human Branding Strategist lenna.pacocha@hotmail.com | Admin | |
Jett Johns Internal Group Director jett.johns76@yahoo.com | Admin | |
Russell Grant Dynamic Identity Agent russell.grant@yahoo.com | Member | |
Aurore Wilderman-Brown Global Security Orchestrator aurore.wilderman-brown30@gmail.com | Viewer | |
Sandy Jerde Central Security Engineer sandy.jerde@hotmail.com | Member | |
Marilou Halvorson Customer Infrastructure Planner marilou.halvorson@gmail.com | Member | |
Russel Jast District Functionality Developer russel_jast72@hotmail.com | Admin | |
Einar Herman Product Security Specialist einar_herman48@yahoo.com | Member | |
Antwon Heathcote Legacy Directives Producer antwon_heathcote28@yahoo.com | Member | |
Carmella Fisher Product Response Administrator carmella.fisher30@gmail.com | Viewer | |
Keagan Collier International Marketing Associate keagan.collier83@hotmail.com | Member | |
Brenna Kling-Walker Legacy Tactics Officer brenna.kling-walker52@gmail.com | Member | |
Emerson Wunsch International Applications Executive emerson_wunsch@hotmail.com | Viewer | |
Candido McClure Direct Integration Officer candido_mcclure90@gmail.com | Admin | |
Jennings Altenwerth Investor Assurance Associate jennings_altenwerth82@gmail.com | Viewer | |
Zoey VonRueden Human Tactics Associate zoey_vonrueden@yahoo.com | Viewer | |
Kristy Schiller Central Factors Liaison kristy_schiller69@gmail.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 | |
|---|---|---|---|---|
| Janice D'Amore | maximo.jaskolski30@yahoo.com | South Loriburgh | Inactive | $239.24 |
| Alfredo Wisoky | angus.considine48@gmail.com | Carmelton | Inactive | $1,022.55 |
| Gina Hartmann | suzanne_bahringer@yahoo.com | Larkinfurt | Inactive | $823.46 |
| Dr. Edmund Mosciski III | janet.vonrueden94@gmail.com | New Americaville | Active | $113.90 |
| Lynn Schmeler | devonte_kuhic-steuber66@gmail.com | Port Paololand | Inactive | $298.65 |
| Total | $2,497.80 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Jason Bergstrom @tyrell.goldner | johann_rath58@yahoo.com | Orloborough | Active | $1,046.69 |
Chris Rath @ryann89 | lisandro_gutmann40@gmail.com | Wisokymouth | Inactive | $881.73 |
Alexander Leffler MD @lincoln22 | chasity_barrows@gmail.com | West Raymundohaven | Active | $936.88 |
Dr. Sidney Pagac @bill58 | serenity.schamberger78@hotmail.com | North Santinoboro | Active | $178.83 |
Guillermo Romaguera @jarod.smitham21 | vicente.beier-legros41@yahoo.com | Lake Adella | Active | $790.04 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Jenna West | timothy49@gmail.com | Lake Lourdesbury | Inactive | $311.23 |
| Mr. Felix Hand IV | lizzie.satterfield84@gmail.com | North Rivertown | Inactive | $508.82 |
| Doreen Thompson III | guido48@gmail.com | Geovanyhaven | Inactive | $969.59 |
| Ron Gottlieb IV | sunny18@gmail.com | Gastonia | Inactive | $479.81 |
| Brittany Hyatt | jamar4@gmail.com | Mrazboro | Inactive | $417.82 |
| Total | $2,687.27 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Sandy Kunde | marilou_homenick9@hotmail.com | Ethelynfield | Inactive | $1,108.41 |
| Orville Haag | lorena_kunde12@gmail.com | Eberttown | Active | $1,019.24 |
| Beth McKenzie | arno.buckridge@hotmail.com | Tulsa | Inactive | $1,106.14 |
| Ted Metz | jacinthe27@yahoo.com | Gradyhaven | Active | $1,019.98 |
| Fred Ziemann | francesca44@gmail.com | West Salvatore | Active | $1,099.19 |
| Total | $5,352.96 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Alfredo Jerde-Franey | shany.romaguera22@yahoo.com | Hamillside | Inactive | $312.65 |
| Candace O'Connell | armand8@gmail.com | Lake Nola | Active | $39.52 |
| Conrad Pouros | piper75@gmail.com | Dustinburgh | Active | $333.14 |
| Cecilia Bechtelar | shanon.dickens@hotmail.com | Violaland | Active | $39.36 |
| Walter Stroman | anais_bechtelar96@hotmail.com | Pawtucket | Inactive | $1,127.51 |
| Total | $1,852.18 | |||
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 | ||
|---|---|---|---|---|---|
| Ken Beatty | dameon.bernhard47@hotmail.com | Alphonsocester | Active | $556.70 | |
| Jeannette Watsica-Smith | carissa_kuphal@gmail.com | New Laurence | Active | $1,030.96 | |
| Dr. Lawrence Keebler IV | zane_connelly32@hotmail.com | White Plains | Active | $834.30 | |
| Amelia Legros | queen_hodkiewicz@yahoo.com | Cedar Rapids | Active | $49.90 | |
| Rodolfo Ferry | oscar.gerlach@gmail.com | Hilo | Active | $55.65 | |
| Total | $2,527.51 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| John Towne | bret63@hotmail.com | South Micaela | Active | $693.02 | |
| Malcolm Hayes | adolfo.fadel1@hotmail.com | Tavareston | Active | $62.94 | |
| Tom Cummings | thea_vandervort@hotmail.com | Marlonside | Inactive | $258.49 | |
| Eddie Feest III | jamey.cremin93@hotmail.com | Wyoming | Inactive | $1,141.23 | |
| Lindsay Thiel | terence_schmeler@hotmail.com | Murraystad | Inactive | $22.15 | |
| Total | $2,177.83 | ||||
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 | |
|---|---|---|---|---|
| Kenneth Glover | nicholas.volkman@yahoo.com | Fadelmouth | Active | $193.31 |
| Cristina Heller | margarita.jaskolski@hotmail.com | Evanston | Active | $104.56 |
| Frederick McClure | kiana.jast@yahoo.com | Philadelphia | Active | $438.55 |
| Robyn Reynolds-Friesen | alexie79@hotmail.com | West Alethaworth | Active | $1,019.20 |
| Kelli Walter | valerie_hamill30@hotmail.com | Weston | Inactive | $1,094.11 |
| Shane Olson | felicity_erdman14@gmail.com | Rosenbaumside | Active | $1,134.76 |
| Heather Wehner | ophelia31@hotmail.com | Lake Kellieview | Active | $86.46 |
| Miss Jenna Jacobs | ona92@yahoo.com | Pollichboro | Inactive | $696.54 |
| Eunice Effertz | ada_kulas@hotmail.com | North Lillie | Inactive | $573.05 |
| Everett Howe | lorine.shields@hotmail.com | Carmichael | Inactive | $413.10 |
| Herbert Huels | francesco43@hotmail.com | Hodkiewiczland | Inactive | $1,132.47 |
| Frances O'Connell | eldora97@gmail.com | Fort Dannie | Inactive | $282.52 |
| Mack Hudson | celia.waelchi@gmail.com | McDermottstad | Inactive | $141.12 |
| Kathryn Grimes | dana_padberg65@gmail.com | Marshallstead | Inactive | $1,117.53 |
| Olga Crist III | marvin_gutmann14@hotmail.com | Lake Stacyport | Active | $306.09 |
| Total | $8,733.37 | |||
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 |



