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 | $100.72 |
| INV002 | Unpaid | Bank Transfer | $747.79 |
| INV003 | Unpaid | Bank Transfer | $432.46 |
| INV004 | Paid | Bank Transfer | $819.62 |
| INV005 | Paid | PayPal | $326.52 |
| INV006 | Unpaid | Credit Card | $500.36 |
| INV007 | Paid | Credit Card | $513.67 |
| Total | $3,441.14 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Tyrique Torphy | Direct Accountability Developer | tyrique_torphy30@gmail.com | Viewer | |
| Reinhold Senger | Corporate Quality Orchestrator | reinhold_senger@gmail.com | Admin | |
| Pete Lakin | Central Optimization Developer | pete.lakin@gmail.com | Viewer | |
| Sven Reichel | Direct Marketing Liaison | sven_reichel52@yahoo.com | Member | |
| Eldridge Cole | Future Marketing Orchestrator | eldridge_cole@gmail.com | Member | |
| Marquis Strosin | National Group Liaison | marquis_strosin39@yahoo.com | Admin |
Stacked on mobile
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Itzel Fadel Future Program Assistant itzel.fadel93@hotmail.com | Viewer | |
Daphney Konopelski International Security Technician daphney_konopelski32@yahoo.com | Member | |
Francesco Christiansen Chief Factors Coordinator francesco_christiansen83@hotmail.com | Viewer | |
Lisandro Lynch District Interactions Coordinator lisandro_lynch15@gmail.com | Viewer | |
Camren Donnelly National Directives Representative camren.donnelly20@yahoo.com | Admin | |
Theo Casper District Functionality Director theo_casper@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 |
|---|---|---|
Daron Stroman Dynamic Identity Specialist daron_stroman@yahoo.com | Admin | |
Elton McCullough Human Tactics Architect elton_mccullough41@hotmail.com | Member | |
Marilou Roob Regional Directives Specialist marilou.roob@hotmail.com | Admin | |
Jarod Fisher Future Research Engineer jarod.fisher@yahoo.com | Viewer | |
Nia Hilpert Future Operations Architect nia_hilpert20@gmail.com | Viewer | |
Ben Fisher Forward Group Associate ben_fisher@yahoo.com | Viewer | |
Myrtle Bradtke Customer Marketing Coordinator myrtle_bradtke@gmail.com | Admin | |
Norbert Dare Internal Branding Producer norbert.dare@hotmail.com | Member | |
Joana Deckow Future Assurance Liaison joana.deckow@gmail.com | Viewer | |
Edna Price International Program Specialist edna_price45@yahoo.com | Viewer | |
Rossie Frami-Dibbert Investor Markets Administrator rossie.frami-dibbert@hotmail.com | Member | |
Priscilla Senger Direct Mobility Facilitator priscilla_senger86@yahoo.com | Member | |
Enrique Hegmann National Operations Technician enrique_hegmann@hotmail.com | Member | |
Elisha Brakus Global Integration Engineer elisha.brakus90@hotmail.com | Admin | |
Leone Hoppe Legacy Accountability Producer leone_hoppe@gmail.com | Member | |
Arielle Wintheiser Chief Implementation Producer arielle.wintheiser@gmail.com | Member | |
Adelbert Fay Direct Mobility Planner adelbert.fay94@gmail.com | Admin | |
Winnifred Harber Dynamic Creative Agent winnifred.harber@yahoo.com | Member | |
Vena Graham International Response Analyst vena.graham1@yahoo.com | Member | |
Stanton Huel Direct Applications Representative stanton.huel22@hotmail.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 | |
|---|---|---|---|---|
| Aubrey Runolfsdottir | garret_welch@yahoo.com | West Leonelhaven | Inactive | $815.05 |
| Ann Beer | julianne_strosin@yahoo.com | Fort Art | Active | $254.06 |
| Daryl Wyman | raina.heaney27@hotmail.com | Windlerhaven | Inactive | $868.79 |
| Mr. Ismael Lesch MD | nadia_metz@yahoo.com | Altamonte Springs | Inactive | $299.87 |
| Peter Kuhic V | martin40@yahoo.com | Grand Island | Active | $3.23 |
| Total | $2,241.00 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Deborah Moore @nels.fahey97 | skye_ohara22@yahoo.com | Welchfield | Inactive | $67.64 |
Fredrick Altenwerth @adan19 | winona_mohr37@gmail.com | North Rodrick | Inactive | $332.86 |
Robin Rowe @mina_greenholt38 | camren.ledner73@hotmail.com | Kileyview | Active | $289.97 |
Ada Jacobs @kellie_prohaska3 | russel.trantow75@hotmail.com | Padbergshire | Inactive | $536.01 |
Juanita Moore @kaelyn.daugherty | arnoldo87@gmail.com | South Alberthaview | Inactive | $650.37 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Emilio Dicki | kara99@gmail.com | New Kaley | Inactive | $784.31 |
| Laura Braun | loma_champlin88@yahoo.com | Mercedesland | Active | $1,099.33 |
| Dallas D'Amore | johan90@yahoo.com | Arnaldoland | Active | $569.87 |
| Candace Gutkowski-Collier | aurelie.lakin@gmail.com | Anderson | Inactive | $906.13 |
| Neil Williamson I | tracey.hegmann@yahoo.com | Grimesboro | Inactive | $330.63 |
| Total | $3,690.27 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Shannon Moen | sean82@gmail.com | Blickfurt | Active | $1,014.23 |
| Jackie Kuhlman | aiden25@yahoo.com | North Jaylon | Active | $909.36 |
| Ruben Block | eleazar46@gmail.com | West Kale | Inactive | $215.45 |
| Alyssa Buckridge | ransom.bartoletti@gmail.com | Lake Karaland | Active | $996.58 |
| Rachael Rempel | thora.williamson@gmail.com | Jazmynland | Active | $331.35 |
| Total | $3,466.97 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Joseph Bauch V | ana_shanahan27@hotmail.com | West Chaddville | Active | $29.38 |
| Julia Hand PhD | camille77@hotmail.com | Fort Destanyfurt | Active | $672.56 |
| Nina Breitenberg | carissa_bauch99@gmail.com | Council Bluffs | Active | $875.63 |
| Mr. Doyle Yundt | milford_stamm@gmail.com | South Bend | Active | $128.82 |
| Clarence Davis | samir.pagac80@yahoo.com | Pine Bluff | Active | $215.30 |
| Total | $1,921.69 | |||
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 | ||
|---|---|---|---|---|---|
| Ellen Koss Jr. | francesca_ruecker@gmail.com | Clemenston | Inactive | $581.58 | |
| Shelia Gulgowski | lillian36@hotmail.com | Cassinfort | Inactive | $333.53 | |
| Carmen Ryan | landen.walker@hotmail.com | Preciousshire | Active | $766.40 | |
| Gene Wilkinson DDS | felipa.fisher@gmail.com | Lynchtown | Inactive | $1,085.23 | |
| Cecelia Anderson | alana_orn@gmail.com | West Emmanuelview | Active | $721.22 | |
| Total | $3,487.96 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Shelly Walsh | elbert.weber75@yahoo.com | New Camdenport | Inactive | $517.88 | |
| Ramona Rogahn | letha37@gmail.com | Port Jacques | Active | $1,133.16 | |
| Russell Hilll Sr. | khalil94@gmail.com | South Linatown | Inactive | $1,197.14 | |
| Antoinette Gislason | michel.strosin@hotmail.com | Port Terry | Active | $223.70 | |
| Suzanne West | muhammad_brekke@hotmail.com | Hickleshire | Inactive | $229.41 | |
| Total | $3,301.29 | ||||
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 | |
|---|---|---|---|---|
| Lyle Mosciski | bianka_pacocha@yahoo.com | Terryview | Active | $867.34 |
| Dwayne Kuvalis | edwardo.konopelski@gmail.com | Terre Haute | Active | $70.93 |
| Ray McKenzie | hardy_hane29@hotmail.com | Farrellborough | Active | $607.62 |
| Janis Wilkinson | mary.yundt@hotmail.com | East Muhammad | Inactive | $191.09 |
| Olive Krajcik II | kaela0@gmail.com | Schmelerbury | Active | $1,124.74 |
| Dr. Terry Green-Rolfson | ike_glover80@hotmail.com | Harrisport | Active | $485.39 |
| Marilyn Flatley | dasia73@hotmail.com | Bowie | Active | $88.80 |
| Penny Bashirian | al_schimmel-lueilwitz5@yahoo.com | Mount Pleasant | Active | $824.32 |
| Mr. Victor Cummerata-Conn | ressie_gulgowski@yahoo.com | East Lamont | Active | $737.91 |
| Doug Weimann | nestor_padberg@yahoo.com | New Lillianworth | Inactive | $406.04 |
| Nelson Keeling | alexzander_howe13@yahoo.com | Denisboro | Inactive | $692.57 |
| Henry Botsford | haven.russel@hotmail.com | Athens-Clarke County | Inactive | $446.93 |
| Jana Kerluke | juliet.sawayn16@yahoo.com | West Hartford | Active | $694.06 |
| Hannah Wuckert | katrine.schuppe66@hotmail.com | Lynn | Inactive | $1,076.00 |
| Frank Cummerata III | marley_lockman@hotmail.com | Brooklyn Park | Inactive | $693.85 |
| Total | $9,007.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 |




