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 | Paid | PayPal | $603.52 |
| INV002 | Pending | Bank Transfer | $576.56 |
| INV003 | Pending | PayPal | $750.85 |
| INV004 | Pending | Bank Transfer | $705.40 |
| INV005 | Pending | PayPal | $632.85 |
| INV006 | Unpaid | PayPal | $123.23 |
| INV007 | Unpaid | Credit Card | $292.96 |
| Total | $3,685.37 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Kurt Turcotte | Principal Accounts Orchestrator | kurt.turcotte@yahoo.com | Member | |
| Emma Huel | Future Implementation Coordinator | emma.huel@gmail.com | Viewer | |
| Ian Pollich | Dynamic Optimization Coordinator | ian.pollich32@yahoo.com | Member | |
| Brandy Larkin | Principal Usability Representative | brandy.larkin36@yahoo.com | Admin | |
| Elvera Green | Customer Functionality Liaison | elvera_green92@yahoo.com | Viewer | |
| Phillip Franey | International Accounts Administrator | phillip_franey@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 |
|---|---|---|
Diane Kuhlman Dynamic Group Liaison diane_kuhlman26@yahoo.com | Member | |
Louvenia Rempel International Functionality Orchestrator louvenia.rempel4@hotmail.com | Admin | |
Izabella Ritchie Investor Quality Consultant izabella.ritchie@gmail.com | Viewer | |
Blanca Schaefer-Lind Future Marketing Strategist blanca_schaefer-lind47@yahoo.com | Admin | |
Darrel Dach Future Division Consultant darrel.dach@hotmail.com | Member | |
Madisen Bogisich Corporate Directives Engineer madisen.bogisich@yahoo.com | Member |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Al Adams Corporate Branding Strategist al.adams88@yahoo.com | Admin | |
Breanne Goldner Customer Usability Orchestrator breanne.goldner@hotmail.com | Viewer | |
Bryana Hermiston Direct Data Strategist bryana.hermiston@yahoo.com | Member | |
Jamir McCullough International Directives Architect jamir.mccullough@gmail.com | Admin | |
Cale Kreiger Global Factors Assistant cale_kreiger34@hotmail.com | Admin | |
Cameron Daugherty Corporate Tactics Executive cameron_daugherty3@hotmail.com | Member | |
Freda Daniel Customer Factors Assistant freda_daniel@hotmail.com | Admin | |
Alexandre Goyette Corporate Metrics Director alexandre_goyette@gmail.com | Admin | |
Paula Stroman Corporate Interactions Supervisor paula_stroman24@hotmail.com | Member | |
Camille Lindgren-Kulas Future Program Architect camille_lindgren-kulas@yahoo.com | Admin | |
Morris Hegmann Legacy Tactics Administrator morris_hegmann41@gmail.com | Viewer | |
Kendra Farrell Dynamic Configuration Architect kendra_farrell74@hotmail.com | Viewer | |
Deanna Reichert Lead Functionality Director deanna.reichert3@gmail.com | Member | |
Kent Haley Chief Configuration Planner kent.haley@yahoo.com | Viewer | |
Retha Green International Security Agent retha_green64@hotmail.com | Admin | |
Garth Graham Regional Markets Producer garth.graham@gmail.com | Viewer | |
Rafaela Ebert Forward Creative Agent rafaela_ebert@gmail.com | Viewer | |
Nick Kautzer Direct Functionality Producer nick.kautzer@hotmail.com | Viewer | |
Marta Will Principal Accountability Agent marta.will24@hotmail.com | Viewer | |
Hattie Jacobs International Security Planner hattie.jacobs57@hotmail.com | Viewer |
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 | |
|---|---|---|---|---|
| Toni Goyette | ryan1@hotmail.com | New Julianaville | Active | $875.89 |
| Mario Strosin-Stroman | shane70@hotmail.com | East Augustusview | Active | $656.74 |
| Jake Towne | melissa_price62@hotmail.com | Roxanneborough | Active | $270.92 |
| Naomi Feeney | rozella26@gmail.com | South Kathryn | Inactive | $711.32 |
| Tyrell Gerhold | sherwood_cassin37@yahoo.com | Urielfield | Active | $415.88 |
| Total | $2,930.75 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Heidi Stokes @antonette.ullrich94 | valerie83@yahoo.com | Lake Lowellside | Active | $101.78 |
Alysson Bradtke @fred.kilback | melyna_christiansen-hintz@hotmail.com | Margaritastead | Inactive | $605.91 |
Tommy Franecki-Crooks @tatum51 | ben5@hotmail.com | Port Jorgestad | Inactive | $669.80 |
Jorge Zboncak I @frank_weissnat | elmer.olson@yahoo.com | Port Peyton | Active | $720.81 |
Arnulfo Price PhD @florine2 | stevie8@gmail.com | New Lilianahaven | Active | $177.85 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Rick Champlin | marian.willms-heathcote2@yahoo.com | Anthonystead | Inactive | $351.78 |
| Miss Sarah O'Conner | richard71@hotmail.com | Fort Kathryn | Inactive | $99.28 |
| Omar Sawayn-Gottlieb | terrance.kirlin68@hotmail.com | Lake Antoinette | Inactive | $1,166.51 |
| Burdette Zulauf | doris_wehner@gmail.com | Howardbury | Active | $1,194.04 |
| Grant Lindgren | denise61@hotmail.com | Tamiami | Inactive | $1,071.39 |
| Total | $3,883.00 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Mr. Cody Jacobi | bernice88@gmail.com | Johnsonborough | Inactive | $1,078.03 |
| Idell Kemmer | mark_johnson@yahoo.com | Yonkers | Active | $687.87 |
| Mrs. Kieran Goodwin | deanna_veum-skiles@hotmail.com | Kayleeborough | Inactive | $876.49 |
| Mindy Smitham | domenick67@yahoo.com | Cummings-Effertzland | Inactive | $663.57 |
| Erling Boehm Sr. | janet.brown@yahoo.com | North Bryan | Active | $994.30 |
| Total | $4,300.26 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Ethan Sipes-Jacobs | hannah.sauer54@hotmail.com | North Imani | Active | $314.54 |
| Corbin Nader | sabina_streich-feeney@hotmail.com | Cutler Bay | Active | $501.76 |
| Amely Abbott | john.konopelski60@gmail.com | North Davionhaven | Active | $488.81 |
| Quincy Fritsch | josefina95@hotmail.com | New Abner | Active | $872.79 |
| Deangelo O'Connell | brittany.kuhlman@yahoo.com | South Lindseyfurt | Inactive | $1,198.62 |
| Total | $3,376.52 | |||
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 | ||
|---|---|---|---|---|---|
| Ashlee Zulauf-Kunde Sr. | elyse.wilkinson7@hotmail.com | Blandastead | Inactive | $526.76 | |
| Carolyn Bechtelar | max.ritchie@yahoo.com | South Theodorecester | Inactive | $774.40 | |
| Toby Murray-Waters PhD | ed66@yahoo.com | Fort Sergio | Inactive | $917.53 | |
| Rosendo Herman | norene_wuckert41@gmail.com | Emmettborough | Inactive | $410.41 | |
| Carlton Abshire | damien91@yahoo.com | New Otto | Active | $845.27 | |
| Total | $3,474.37 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Esteban Carroll | mack.buckridge39@hotmail.com | Effertzhaven | Inactive | $510.75 | |
| Alfonso Heidenreich | max.kunze32@yahoo.com | Beierborough | Inactive | $48.62 | |
| Sandra Rodriguez | pete33@yahoo.com | Lake Brandochester | Active | $981.46 | |
| Ari Johns | lucinda_lakin24@hotmail.com | New Kendra | Inactive | $381.96 | |
| Roman Schroeder | sonya.mitchell@gmail.com | Powlowskiberg | Inactive | $241.53 | |
| Total | $2,164.32 | ||||
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 | |
|---|---|---|---|---|
| Herminio Predovic | cierra78@hotmail.com | North Felipecester | Active | $737.08 |
| Vince Kilback | ronny40@hotmail.com | Willfurt | Active | $994.17 |
| Augustus Rowe | phyllis.langworth@hotmail.com | Oak Lawn | Inactive | $47.12 |
| Vernie Bernier MD | eliezer16@hotmail.com | New Jefferyland | Active | $751.92 |
| Karen Marquardt V | benny38@yahoo.com | Kuhlmanton | Inactive | $1,187.55 |
| Camden Schaden | gwen.bogisich35@hotmail.com | East Edisonside | Inactive | $407.15 |
| Rhea Lesch | demario28@yahoo.com | Tracy | Active | $118.20 |
| Colin Jakubowski | lizzie_ledner@gmail.com | Coltenfort | Inactive | $295.52 |
| Bennie Nitzsche | darlene_dickinson@yahoo.com | Fort Jeannette | Active | $780.69 |
| Paolo Heaney | wayne68@hotmail.com | Collinsfort | Active | $135.34 |
| Kim Hoppe | rebecca_breitenberg@yahoo.com | Eltaton | Active | $115.70 |
| Evan Herzog | jayde.stiedemann69@hotmail.com | East Lorenafield | Active | $695.80 |
| Janie Rodriguez | shari.fay2@hotmail.com | Juvenalton | Active | $650.74 |
| Estella Kulas | sidney10@hotmail.com | Steveboro | Active | $1,151.51 |
| Callie Hand MD | cortez58@hotmail.com | West Howard | Active | $1,062.73 |
| Total | $9,131.22 | |||
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 |


