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 | $815.88 |
| INV002 | Pending | Credit Card | $413.23 |
| INV003 | Pending | PayPal | $794.92 |
| INV004 | Pending | Bank Transfer | $596.29 |
| INV005 | Unpaid | PayPal | $666.85 |
| INV006 | Pending | Bank Transfer | $794.98 |
| INV007 | Unpaid | PayPal | $546.75 |
| Total | $4,628.90 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Melvin Abshire | Global Applications Officer | melvin.abshire41@yahoo.com | Viewer | |
| Paulette Koss | Senior Metrics Director | paulette_koss61@gmail.com | Member | |
| Hailee Gutmann | Forward Infrastructure Facilitator | hailee_gutmann@yahoo.com | Admin | |
| Bethany Schamberger | Product Paradigm Technician | bethany_schamberger@gmail.com | Admin | |
| Tomas Balistreri | Product Tactics Executive | tomas.balistreri77@hotmail.com | Admin | |
| Floyd McGlynn | Senior Response Specialist | floyd.mcglynn38@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 |
|---|---|---|
Rosendo Kertzmann Forward Applications Liaison rosendo.kertzmann37@hotmail.com | Viewer | |
Melanie Hartmann Corporate Data Assistant melanie.hartmann@gmail.com | Viewer | |
Sylvester Gleason Legacy Applications Facilitator sylvester_gleason@hotmail.com | Viewer | |
Paulette Fisher Forward Metrics Manager paulette_fisher@hotmail.com | Viewer | |
Fritz Reichert Central Creative Orchestrator fritz.reichert@hotmail.com | Member | |
Meghan Hudson National Response Producer meghan_hudson@hotmail.com | Admin |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Imani Stroman Internal Program Planner imani_stroman74@yahoo.com | Member | |
Lori Orn Forward Quality Consultant lori_orn92@gmail.com | Member | |
Gordon Wilderman International Usability Architect gordon.wilderman15@gmail.com | Admin | |
Ismael Luettgen Forward Identity Representative ismael_luettgen31@hotmail.com | Admin | |
Ike Morissette Corporate Branding Consultant ike.morissette98@yahoo.com | Admin | |
Joy Fay Product Branding Designer joy.fay28@gmail.com | Admin | |
Abner Kuhic Internal Implementation Associate abner.kuhic78@gmail.com | Member | |
Pearl Kilback Global Marketing Facilitator pearl_kilback@hotmail.com | Viewer | |
Dashawn Cremin Dynamic Response Orchestrator dashawn_cremin88@gmail.com | Admin | |
Minnie Wisoky Internal Marketing Developer minnie_wisoky50@yahoo.com | Viewer | |
Doreen Brakus Direct Usability Liaison doreen.brakus94@hotmail.com | Viewer | |
Arthur Terry International Response Consultant arthur.terry52@yahoo.com | Viewer | |
Jay Hilll Regional Communications Architect jay.hilll36@yahoo.com | Admin | |
Lolita Tillman Chief Mobility Director lolita_tillman@gmail.com | Member | |
Leigh Waelchi Central Paradigm Assistant leigh.waelchi@yahoo.com | Member | |
Lester Hegmann Senior Implementation Analyst lester.hegmann87@hotmail.com | Member | |
Haleigh Kub Lead Division Liaison haleigh.kub31@gmail.com | Viewer | |
Deanna Koepp Future Infrastructure Supervisor deanna.koepp47@yahoo.com | Member | |
Ansley McClure Legacy Intranet Designer ansley.mcclure30@gmail.com | Member | |
Elizabeth Schuppe Principal Optimization Officer elizabeth_schuppe@yahoo.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 | |
|---|---|---|---|---|
| Vernon Zemlak | miguel70@hotmail.com | Fort Lauren | Active | $218.91 |
| Zachary Bins | haylie_blick33@gmail.com | Hillsside | Inactive | $69.54 |
| Colton Schuppe | joanna.orn@hotmail.com | Bernadetteport | Active | $192.02 |
| Eloisa Lind | milford84@hotmail.com | Steuberside | Inactive | $439.77 |
| Oma McGlynn | grant_krajcik@hotmail.com | Shirleycester | Inactive | $412.44 |
| Total | $1,332.68 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Javier Jones DVM @regina15 | duane_murray@hotmail.com | South Jasonbury | Active | $1,129.94 |
Richard Green DDS @jannie_langworth | francisca.thompson@gmail.com | Spokane | Inactive | $1,151.21 |
Ms. Josephine Abshire Jr. @ramona_marvin33 | lillian_howell@yahoo.com | New Harrietville | Inactive | $670.52 |
Magali Zboncak @sophie.osinski | rose_cremin25@yahoo.com | South Jacky | Inactive | $428.23 |
Erik Will @sheridan37 | randolph61@gmail.com | Mayaguez | Inactive | $1,170.55 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Alvena Klein MD | nina0@hotmail.com | Abilene | Active | $854.67 |
| Charlotte Spencer | natasha.dooley@gmail.com | Fort Myriambury | Inactive | $644.61 |
| Mrs. Krista Stiedemann | abagail.hammes@yahoo.com | Reidland | Inactive | $131.04 |
| Lera Wuckert III | samir.russel12@hotmail.com | East Scot | Active | $952.04 |
| Merlin Turner | diamond.thiel-leuschke@yahoo.com | East Johann | Inactive | $437.73 |
| Total | $3,020.09 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Freeman DuBuque | ayla4@gmail.com | North Reggiechester | Inactive | $687.65 |
| Antonietta Breitenberg | dino.schroeder@hotmail.com | Rochester Hills | Active | $720.74 |
| Maureen Bechtelar | holly_crooks@gmail.com | Huldaside | Active | $842.82 |
| Leatha Witting | bret.skiles@gmail.com | North Armandochester | Active | $87.40 |
| Kasandra Beer | lonnie.spencer25@yahoo.com | Margieton | Active | $837.32 |
| Total | $3,175.93 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Adalberto Johns | annamae.crist26@yahoo.com | Napoleonport | Inactive | $127.91 |
| Ilene Hartmann | olivia.zieme@gmail.com | North Chester | Inactive | $1,070.77 |
| Camryn Daugherty | bryon.altenwerth@gmail.com | North Derek | Active | $1,049.65 |
| Dr. Daphne Streich | jannie_gislason2@hotmail.com | New Sadieville | Inactive | $825.27 |
| Jorge Ritchie | katrina_ryan@hotmail.com | Olentown | Active | $329.47 |
| Total | $3,403.07 | |||
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 | ||
|---|---|---|---|---|---|
| Freddie Hand | lyla30@yahoo.com | New Peter | Inactive | $1,053.66 | |
| Brigitte Pfeffer | cameron_terry75@yahoo.com | Port Amandaburgh | Inactive | $452.64 | |
| Carlie Bernier | jacob.gutkowski@hotmail.com | Nicklausshire | Active | $162.38 | |
| Reginald Bernhard | afton.homenick@gmail.com | North Lauren | Active | $1,120.05 | |
| Estrella Farrell | sigurd54@gmail.com | Mesquite | Active | $993.30 | |
| Total | $3,782.03 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| German Nitzsche V | janiya.schoen@yahoo.com | Nolancester | Active | $931.26 | |
| Kylie Williamson | patrick65@yahoo.com | East Charlene | Active | $659.69 | |
| Carson Rosenbaum | jaleel72@hotmail.com | Fort Brookmouth | Inactive | $929.19 | |
| Leta Sawayn | catherine_denesik@gmail.com | Hettingermouth | Inactive | $1,122.39 | |
| Freda Collins | skylar.bartell38@hotmail.com | Joliet | Active | $916.74 | |
| Total | $4,559.27 | ||||
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 | |
|---|---|---|---|---|
| Orin Romaguera-Willms | ollie69@yahoo.com | Freeport | Inactive | $238.27 |
| Henry Konopelski | andrea.lubowitz@hotmail.com | Nealboro | Inactive | $255.60 |
| Mrs. Madyson Becker III | hal_koss@yahoo.com | East Emmett | Inactive | $83.96 |
| Donald Morissette-Erdman II | cheryl_price@yahoo.com | Baileyburgh | Inactive | $181.62 |
| Celine Carter | merl.lowe@hotmail.com | Yostchester | Inactive | $1,009.31 |
| Terrance McDermott | juan_jacobson@gmail.com | Rosellacester | Inactive | $116.07 |
| Lyle Hagenes | prince_ward76@yahoo.com | Lake Marthahaven | Active | $859.91 |
| Josefina Volkman | armani1@hotmail.com | Centreville | Inactive | $1,086.28 |
| Marcos Harber | lucile46@gmail.com | Fountainebleau | Inactive | $90.26 |
| Edith Kris | devon1@hotmail.com | East Garretchester | Inactive | $921.05 |
| Elise Vandervort | kaitlyn43@hotmail.com | Hackettton | Active | $274.64 |
| Alanis Quigley | beau78@gmail.com | Fort Hattieburgh | Inactive | $433.17 |
| Lena Monahan | brock_mraz43@hotmail.com | East Jack | Inactive | $66.77 |
| Gunnar Schultz | thomas_vonrueden22@yahoo.com | Olympia | Inactive | $243.30 |
| Chad O'Keefe | ryleigh20@gmail.com | Lake Fletafort | Inactive | $933.72 |
| Total | $6,793.93 | |||
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 |



