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 | Bank Transfer | $546.74 |
| INV002 | Unpaid | Credit Card | $250.78 |
| INV003 | Pending | PayPal | $273.75 |
| INV004 | Pending | Credit Card | $268.51 |
| INV005 | Unpaid | Credit Card | $447.52 |
| INV006 | Pending | Credit Card | $661.35 |
| INV007 | Unpaid | Credit Card | $835.61 |
| Total | $3,284.26 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Gabriel Volkman | Direct Identity Planner | gabriel_volkman@hotmail.com | Member | |
| Vicki Harber | Human Markets Architect | vicki.harber@gmail.com | Member | |
| Jody Deckow | District Solutions Consultant | jody.deckow@hotmail.com | Admin | |
| Finn Wilderman | Direct Usability Strategist | finn_wilderman0@hotmail.com | Viewer | |
| Garry Leffler | Chief Branding Executive | garry.leffler40@yahoo.com | Member | |
| Ron Heller | Future Brand Consultant | ron.heller7@hotmail.com | Viewer |
Stacked on mobile
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Marcella Feest-Lesch Regional Integration Officer marcella_feest-lesch@hotmail.com | Member | |
Brennon Littel Central Markets Producer brennon_littel@hotmail.com | Member | |
Josh Larkin Principal Accounts Officer josh_larkin90@gmail.com | Viewer | |
Joaquin Quigley Senior Intranet Technician joaquin_quigley82@yahoo.com | Viewer | |
Gertrude Goodwin Legacy Branding Engineer gertrude_goodwin@hotmail.com | Admin | |
Jesus Koch Principal Marketing Executive jesus_koch@yahoo.com | Viewer |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Bryana Murray Chief Division Consultant bryana_murray27@hotmail.com | Admin | |
Chelsea Glover Forward Research Liaison chelsea_glover@gmail.com | Viewer | |
Fabiola Ullrich-Cummings Dynamic Security Facilitator fabiola_ullrich-cummings87@hotmail.com | Admin | |
Rolando Quitzon Central Optimization Executive rolando_quitzon@hotmail.com | Viewer | |
Melody Kemmer Product Marketing Engineer melody_kemmer8@yahoo.com | Member | |
Ralph Zemlak Corporate Markets Executive ralph.zemlak10@yahoo.com | Admin | |
Brady Kunde District Interactions Representative brady_kunde@yahoo.com | Member | |
Marcellus Kuhic Legacy Brand Producer marcellus_kuhic@yahoo.com | Admin | |
Cheyenne Harvey Product Operations Executive cheyenne.harvey@hotmail.com | Admin | |
Terry Kuphal Direct Tactics Executive terry_kuphal35@gmail.com | Member | |
Francisca Jacobi Chief Configuration Executive francisca.jacobi11@hotmail.com | Viewer | |
Larry Kihn Investor Infrastructure Producer larry_kihn97@gmail.com | Member | |
Lue Moore Chief Group Consultant lue.moore@gmail.com | Viewer | |
Trevion McKenzie Future Security Agent trevion.mckenzie@gmail.com | Admin | |
Doyle Stroman Regional Infrastructure Assistant doyle.stroman75@hotmail.com | Member | |
Sheryl Russel Product Tactics Director sheryl.russel@yahoo.com | Member | |
Garry Funk Customer Response Assistant garry.funk22@hotmail.com | Member | |
Owen Murazik Future Directives Manager owen_murazik@hotmail.com | Member | |
Ernestine Gusikowski International Markets Producer ernestine.gusikowski10@gmail.com | Member | |
Charles Kling Dynamic Implementation Architect charles.kling@yahoo.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 | |
|---|---|---|---|---|
| Mr. Abdullah Deckow | mozell.cassin@gmail.com | South Connor | Inactive | $326.03 |
| Mr. Ernesto MacGyver | bernice8@hotmail.com | Stefanieside | Inactive | $622.17 |
| Jacqueline Towne | ricky.kub@hotmail.com | South Merlworth | Active | $226.28 |
| Margie Wyman | jeremy.okon85@gmail.com | West Augusta | Active | $1,042.94 |
| Tara Lehner | demond_pouros81@yahoo.com | Purdyton | Inactive | $300.73 |
| Total | $2,518.15 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Tristin Skiles @destiney.frami | deshaun.rogahn22@gmail.com | Abbystead | Active | $695.47 |
Karolann Luettgen @allison78 | ed11@hotmail.com | Fort Winstonboro | Active | $282.51 |
Destiny Bayer @randy70 | claude38@gmail.com | Webercester | Inactive | $605.28 |
Tami Leuschke-Flatley @miranda5 | maiya_altenwerth-treutel62@gmail.com | Blickport | Active | $675.23 |
Nick Bergstrom @gwen_rolfson | viviane_considine78@gmail.com | East Maxfield | Active | $295.03 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Nicolette Hahn | bradford_nolan@gmail.com | South Wilburn | Inactive | $985.78 |
| Ms. Garland Brakus | luisa24@yahoo.com | South Caroline | Inactive | $995.34 |
| Shawna Hyatt | dale17@hotmail.com | Milford | Inactive | $979.47 |
| Miss Guillermo King | pedro_hilpert16@yahoo.com | Reeceberg | Inactive | $726.89 |
| Kara Barton | flavio12@yahoo.com | Rempelfort | Inactive | $27.75 |
| Total | $3,715.23 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Jennie Oberbrunner | demetrius.cartwright@gmail.com | Treyboro | Active | $1,165.42 |
| Nyasia Leuschke III | berta.sporer80@yahoo.com | Feeneyside | Inactive | $145.37 |
| Danny Murazik | houston_stracke@yahoo.com | East Greggstad | Active | $253.29 |
| Nelson Larkin | ebony.jacobson@yahoo.com | Considineville | Active | $619.50 |
| Maryann Hilpert Sr. | julius43@yahoo.com | Milanmouth | Inactive | $354.61 |
| Total | $2,538.19 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Ivan Emmerich | edward_huels@gmail.com | Watsicashire | Active | $937.00 |
| Jeff Roob | wanda.collins27@yahoo.com | South Heatherview | Active | $234.59 |
| Julia McClure | arturo.osinski23@gmail.com | East Carmine | Inactive | $612.29 |
| Terrence Von | lowell_reilly@yahoo.com | North Kavonland | Inactive | $748.40 |
| Maggie Emmerich | dasia40@yahoo.com | New Jillian | Inactive | $896.07 |
| Total | $3,428.35 | |||
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 | ||
|---|---|---|---|---|---|
| Margie Anderson | roxanne.abernathy86@hotmail.com | Lorenberg | Inactive | $473.69 | |
| Claudia Wolff Sr. | danny_kuhlman67@hotmail.com | Santa Rosa | Inactive | $404.92 | |
| Nina Beahan | josh.champlin52@yahoo.com | Rocky Mount | Active | $917.16 | |
| Wm Ruecker PhD | willis_blick@yahoo.com | Halliebury | Inactive | $149.89 | |
| Casimir McKenzie | maureen_vonrueden@yahoo.com | Deckowcester | Active | $350.90 | |
| Total | $2,296.56 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Alessandra Walter | bernie6@yahoo.com | Port Eula | Inactive | $899.11 | |
| Rachelle Vandervort | leann_ruecker@yahoo.com | Angelburgh | Active | $1,028.73 | |
| Franklin Cruickshank-Schinner MD | nestor_prohaska13@gmail.com | Delphinecester | Active | $797.04 | |
| Jeff Jacobson | geoffrey19@hotmail.com | North Chelseyton | Active | $793.05 | |
| Wade Barrows | johnnie57@gmail.com | Friesenhaven | Active | $553.72 | |
| Total | $4,071.65 | ||||
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 | |
|---|---|---|---|---|
| Janice Ullrich | carole.legros@hotmail.com | Silasville | Active | $411.64 |
| Zena Ankunding V | zoie_okeefe61@yahoo.com | Lake Wilma | Inactive | $580.83 |
| Mabel Cartwright | deborah.hintz90@yahoo.com | Peabody | Active | $1,122.38 |
| Alta Murphy | ryan.spencer@gmail.com | Mrazworth | Active | $594.24 |
| Jimmie Farrell MD | maurice.veum@yahoo.com | Johns Creek | Inactive | $692.54 |
| Eulah Mueller-Gulgowski | annabell_bradtke59@hotmail.com | Ryderville | Active | $129.99 |
| Dr. Ed Goodwin | raymond47@gmail.com | Walkerberg | Active | $703.23 |
| Arnold Krajcik | leigh.considine@gmail.com | Memphis | Active | $1,083.65 |
| Pearl Johnson | estelle45@yahoo.com | Kirlinburgh | Active | $84.17 |
| Odie Fay | lavonne8@hotmail.com | North Erinville | Active | $946.58 |
| Dolores Schinner | shelia.welch@gmail.com | Temecula | Active | $176.65 |
| Brenda Pollich | latoya92@yahoo.com | East Elmer | Active | $1,107.82 |
| Marshall Carroll | owen_brekke-okeefe42@gmail.com | Hermanton | Active | $616.94 |
| Webster Schumm | lori23@hotmail.com | Shawnafurt | Active | $687.56 |
| Vicenta Olson | maxime.dibbert@gmail.com | Grand Forks | Active | $11.10 |
| Total | $8,949.32 | |||
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 |

