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 | Unpaid | PayPal | $888.39 |
| INV002 | Pending | PayPal | $404.71 |
| INV003 | Paid | Bank Transfer | $908.57 |
| INV004 | Unpaid | Credit Card | $194.24 |
| INV005 | Pending | PayPal | $112.30 |
| INV006 | Paid | Credit Card | $203.92 |
| INV007 | Unpaid | Bank Transfer | $103.79 |
| Total | $2,815.92 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Lenna Little | Legacy Accounts Strategist | lenna.little79@yahoo.com | Member | |
| Earlene Cruickshank | Forward Metrics Coordinator | earlene_cruickshank27@hotmail.com | Viewer | |
| Bradly Flatley | Central Intranet Administrator | bradly_flatley@yahoo.com | Viewer | |
| Madison Bins | Regional Assurance Administrator | madison.bins@hotmail.com | Viewer | |
| Zoey Zulauf | Global Quality Assistant | zoey.zulauf@hotmail.com | Admin | |
| Theron Hessel | Global Program Associate | theron.hessel@hotmail.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 |
|---|---|---|
Meta Batz District Operations Administrator meta.batz61@gmail.com | Admin | |
Armani McClure National Paradigm Associate armani.mcclure@gmail.com | Viewer | |
Buford Thiel Legacy Metrics Producer buford.thiel@gmail.com | Admin | |
Elinor Beatty Dynamic Brand Strategist elinor.beatty@yahoo.com | Member | |
Evert Boehm National Interactions Analyst evert_boehm@hotmail.com | Viewer | |
Xzavier Ankunding Investor Usability Orchestrator xzavier.ankunding@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 |
|---|---|---|
Jefferey Hamill Regional Tactics Administrator jefferey_hamill49@yahoo.com | Viewer | |
Deondre Hettinger Product Implementation Executive deondre.hettinger@yahoo.com | Admin | |
Aimee Kub Forward Brand Analyst aimee.kub85@hotmail.com | Member | |
Reta Leannon District Usability Agent reta_leannon@hotmail.com | Admin | |
Ava Vandervort Future Brand Developer ava.vandervort@yahoo.com | Admin | |
Cielo Friesen Global Branding Liaison cielo.friesen@hotmail.com | Member | |
Thora Connelly International Quality Representative thora.connelly@hotmail.com | Member | |
Rosalinda Tillman Senior Branding Administrator rosalinda_tillman70@gmail.com | Viewer | |
Gene Purdy Lead Response Facilitator gene.purdy@gmail.com | Member | |
Breanna Carroll-Muller Forward Quality Liaison breanna_carroll-muller@yahoo.com | Admin | |
Hans Kirlin Forward Metrics Liaison hans_kirlin45@gmail.com | Viewer | |
Lemuel Anderson Corporate Paradigm Officer lemuel.anderson3@gmail.com | Admin | |
Demarco O'Keefe Internal Web Strategist demarco.okeefe@yahoo.com | Admin | |
Jazlyn Orn District Implementation Specialist jazlyn_orn76@gmail.com | Member | |
Jolie Emard Product Directives Analyst jolie.emard@yahoo.com | Admin | |
Loyal Torp Customer Accounts Agent loyal.torp3@hotmail.com | Member | |
Johnny Purdy Internal Assurance Producer johnny.purdy47@gmail.com | Member | |
Shanny Anderson International Web Director shanny.anderson@yahoo.com | Admin | |
Cary Volkman Direct Directives Manager cary.volkman50@yahoo.com | Member | |
Vaughn Walter Future Accounts Strategist vaughn.walter42@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 | |
|---|---|---|---|---|
| Dave Goldner | abelardo_roob61@gmail.com | West Lupestad | Inactive | $196.17 |
| Hubert Simonis | erling25@yahoo.com | Cuyahoga Falls | Active | $14.89 |
| Mr. Lance Cronin-Swift MD | ignatius.cremin-schmeler@yahoo.com | Morissettefield | Inactive | $399.39 |
| Ricardo Lowe | agnes79@hotmail.com | New Yvettestead | Active | $895.94 |
| Sheila Considine | elwin_ullrich@yahoo.com | Andrecester | Inactive | $661.93 |
| Total | $2,168.32 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Roman Bosco @fred56 | lea90@gmail.com | North Julian | Inactive | $1,181.63 |
Sonja Kuhic @gust_langworth | kip21@yahoo.com | Nitzscheshire | Inactive | $746.86 |
Sadie West @lukas_sporer75 | adolfo_crona@gmail.com | West Leraton | Inactive | $899.23 |
Ms. Janie Moen @evans.aufderhar44 | micaela81@gmail.com | South Madyson | Active | $173.72 |
Eddie Lakin @icie14 | gerardo.klein66@hotmail.com | Carmelamouth | Active | $649.83 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Tiffany Kuhn | rico.veum37@hotmail.com | South Trecester | Active | $707.97 |
| Jodi Hartmann | sadye.schumm@hotmail.com | Fort Babyshire | Inactive | $699.65 |
| Jessie Streich | bridie.batz@gmail.com | Hemet | Active | $476.55 |
| Ed Kunde | olaf.tillman89@yahoo.com | Carolynport | Inactive | $632.66 |
| Molly Boehm-Vandervort | wallace75@hotmail.com | New Berthahaven | Active | $311.17 |
| Total | $2,828.00 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Ken Reynolds | odessa32@yahoo.com | Hilllcester | Active | $1,064.55 |
| Peter VonRueden | macy_boyer@gmail.com | West Karianne | Active | $289.99 |
| Tracy Abbott | abelardo_kozey44@hotmail.com | Wunschfort | Inactive | $59.35 |
| Josefina Vandervort | wellington51@hotmail.com | Lehnerberg | Active | $1,011.13 |
| Evelyn Kirlin | yasmeen95@hotmail.com | Prosaccoport | Active | $392.83 |
| Total | $2,817.85 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Delbert Prosacco | pedro_cartwright8@yahoo.com | Port Hazel | Inactive | $1,076.52 |
| Miriam Larkin | norbert.nitzsche@yahoo.com | Newton | Inactive | $865.58 |
| Lynda Krajcik | monroe58@hotmail.com | St. Joseph | Active | $934.53 |
| Jeremiah Rosenbaum | arnulfo57@hotmail.com | Caguas | Inactive | $648.86 |
| Lucille Howe | haley85@hotmail.com | New Reuben | Active | $992.41 |
| Total | $4,517.90 | |||
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 | ||
|---|---|---|---|---|---|
| Alexandra Stracke | dudley_gusikowski@hotmail.com | Elissaborough | Active | $977.46 | |
| Stanley Reynolds | felicita_cremin56@gmail.com | New Lydiaburgh | Inactive | $623.88 | |
| Dave Herman | melody.johnston10@gmail.com | Jaquelinside | Inactive | $597.90 | |
| Dr. Willard Ullrich | fred_weber@hotmail.com | Cyriltown | Active | $471.63 | |
| Dennis Mohr | jany.kshlerin51@hotmail.com | Kendale Lakes | Active | $109.75 | |
| Total | $2,780.62 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Alyssa Schiller | jana79@yahoo.com | Fort Bridgetfurt | Active | $321.49 | |
| Beth Friesen | robert_thiel@hotmail.com | Eugeniaport | Inactive | $850.62 | |
| Kristopher Wolf | ansley.nicolas@hotmail.com | Omaha | Active | $1,175.81 | |
| Muriel Funk | enid.veum@hotmail.com | Orlohaven | Inactive | $359.54 | |
| Alvin Fritsch | isabel_bartell@yahoo.com | Connellyville | Inactive | $642.05 | |
| Total | $3,349.51 | ||||
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 | |
|---|---|---|---|---|
| Sheri Runolfsdottir | vena.von@gmail.com | Clydeside | Active | $406.52 |
| Lula Schroeder-Bauch | jackeline21@hotmail.com | Vivienneberg | Active | $68.28 |
| Gayle Kub | irving.casper16@yahoo.com | Lake Natalia | Active | $101.26 |
| Alma Cummings MD | meredith26@yahoo.com | Southaven | Active | $19.84 |
| Manuel Boyle | alden.rohan39@yahoo.com | Connerfield | Active | $854.72 |
| Grace Kunze | ashton16@hotmail.com | Yucaipa | Active | $931.87 |
| Debra Boyer | mckayla69@yahoo.com | Port Hollieland | Active | $908.50 |
| Sharon Nienow | amara0@hotmail.com | Beavercreek | Active | $964.76 |
| Jill Lind | athena92@gmail.com | Fort Carolyne | Inactive | $902.98 |
| Melinda Brown | anya.kiehn64@hotmail.com | New Genevieve | Inactive | $1,032.73 |
| Randall Rohan | meta.rolfson95@yahoo.com | Sugar Land | Inactive | $461.63 |
| Noah Labadie | roosevelt.will63@hotmail.com | Jaquanboro | Inactive | $143.32 |
| Blanca Zemlak | edward_dickinson14@yahoo.com | Pembroke Pines | Inactive | $121.14 |
| Mr. Joey Balistreri | trisha_romaguera11@hotmail.com | Gardnermouth | Active | $1,188.68 |
| Isaac White | hyman.fisher80@hotmail.com | Kihntown | Inactive | $554.00 |
| Total | $8,660.23 | |||
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 |


