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 | $873.67 |
| INV002 | Pending | Bank Transfer | $971.35 |
| INV003 | Pending | Bank Transfer | $454.59 |
| INV004 | Pending | PayPal | $866.21 |
| INV005 | Paid | Credit Card | $341.18 |
| INV006 | Paid | PayPal | $365.94 |
| INV007 | Pending | Credit Card | $476.46 |
| Total | $4,349.40 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Julian O'Keefe | Regional Communications Coordinator | julian_okeefe@gmail.com | Member | |
| Brooke West | Regional Intranet Orchestrator | brooke.west52@hotmail.com | Viewer | |
| Brooke Greenholt | International Creative Designer | brooke_greenholt@gmail.com | Viewer | |
| Lloyd Kassulke | Corporate Response Administrator | lloyd.kassulke@hotmail.com | Viewer | |
| Sherman Carroll | Customer Implementation Manager | sherman.carroll85@yahoo.com | Member | |
| Maurice Gusikowski | Global Metrics Director | maurice_gusikowski69@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 |
|---|---|---|
Flora Dare Principal Implementation Architect flora.dare@hotmail.com | Member | |
Helen King Customer Data Producer helen.king30@yahoo.com | Admin | |
Maryann Oberbrunner Direct Directives Supervisor maryann.oberbrunner@gmail.com | Viewer | |
Harriet Carter-Zulauf Dynamic Group Assistant harriet.carter-zulauf@hotmail.com | Viewer | |
Crystel Franecki Investor Factors Orchestrator crystel.franecki@yahoo.com | Member | |
Omar Moore Corporate Mobility Developer omar_moore28@hotmail.com | Viewer |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Amos Conroy International Configuration Architect amos.conroy3@hotmail.com | Member | |
Lue Romaguera International Accountability Consultant lue.romaguera14@hotmail.com | Admin | |
Christine Towne Regional Marketing Specialist christine_towne@hotmail.com | Viewer | |
Steve Monahan-Emmerich Central Accountability Administrator steve.monahan-emmerich@hotmail.com | Member | |
Salvador Bayer Corporate Quality Designer salvador.bayer@hotmail.com | Member | |
Kenny Champlin Regional Optimization Designer kenny_champlin@hotmail.com | Member | |
Casey Ratke Legacy Infrastructure Supervisor casey.ratke75@hotmail.com | Admin | |
Melvina Daugherty Forward Tactics Manager melvina_daugherty52@hotmail.com | Viewer | |
Andrew Roob Global Marketing Strategist andrew.roob@yahoo.com | Viewer | |
Tasha Nikolaus Regional Metrics Technician tasha_nikolaus@yahoo.com | Member | |
Adan White Customer Markets Consultant adan.white25@hotmail.com | Member | |
Willis Fisher National Operations Developer willis_fisher4@yahoo.com | Viewer | |
Shaina Haley Human Functionality Technician shaina_haley46@yahoo.com | Member | |
Harry Doyle National Metrics Director harry.doyle23@gmail.com | Member | |
Francesco Herman Chief Identity Planner francesco_herman97@yahoo.com | Member | |
Amelia Walter National Integration Engineer amelia_walter57@yahoo.com | Member | |
Alejandro Wisozk Forward Infrastructure Agent alejandro_wisozk67@yahoo.com | Viewer | |
Rocio Ledner Legacy Branding Technician rocio.ledner@yahoo.com | Viewer | |
Courtney Wunsch Legacy Optimization Assistant courtney.wunsch@yahoo.com | Viewer | |
Tatyana Blanda Senior Functionality Specialist tatyana.blanda@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 | |
|---|---|---|---|---|
| Alisa Sauer | cayla.hegmann85@yahoo.com | Leolaview | Active | $289.06 |
| Lynn Cummerata | nina.sporer70@yahoo.com | Frederick | Active | $703.88 |
| Lupe Lehner | lee_zulauf79@gmail.com | North Colestead | Active | $466.11 |
| Wilbur Ratke | crystal.greenholt@gmail.com | Brookemouth | Active | $1,089.77 |
| Aaron Shanahan | nicholas_sanford-bauch1@yahoo.com | Monroe | Active | $905.42 |
| Total | $3,454.24 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Dino Haley @stacey.grady5 | marcos.bahringer@gmail.com | Janniebury | Inactive | $421.16 |
Brett Gusikowski @bert54 | tomasa.spinka@hotmail.com | Huntington | Inactive | $298.06 |
Alaina Hirthe @frankie72 | brandi65@yahoo.com | Enterprise | Active | $196.17 |
Dr. Guy O'Keefe MD @rachael7 | ethan_mcglynn@yahoo.com | West Gayle | Inactive | $862.43 |
Ricky Bergstrom @delbert_swaniawski14 | rudolph6@hotmail.com | East Karlee | Inactive | $348.65 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Westley Grimes | rubye22@hotmail.com | Terrancechester | Active | $634.95 |
| Estelle Huel-Weimann | eloy53@hotmail.com | Lake Ezekiel | Inactive | $115.92 |
| Iris Johnston | shannon.mohr@gmail.com | East Napoleon | Inactive | $367.17 |
| Vera Waelchi | jerry56@yahoo.com | Dantefield | Active | $988.89 |
| Etha Kuvalis | delores_schmitt83@gmail.com | Fort Rexbury | Inactive | $936.14 |
| Total | $3,043.07 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Nina Stiedemann DDS | bonnie_jones47@gmail.com | Fort Savanahshire | Active | $766.65 |
| Ross Yost | brian_dickinson@gmail.com | Fort Kathleenview | Inactive | $351.24 |
| Rosemarie Dach-Feil III | patrick42@gmail.com | Buckridgecester | Inactive | $891.55 |
| Lorraine Rohan | mae_hodkiewicz21@gmail.com | Evansville | Active | $815.54 |
| Sylvester Fay | lenore.douglas86@hotmail.com | Chesleychester | Active | $1,086.59 |
| Total | $3,911.57 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Danielle Koss V | leona.howell86@gmail.com | Jovanshire | Inactive | $1,009.04 |
| Jonathon Schimmel | violet53@yahoo.com | East Priceborough | Active | $583.53 |
| Kali Miller | viola53@gmail.com | Waterbury | Inactive | $716.26 |
| Dr. Dave Herzog | abel_hagenes@hotmail.com | East Ivah | Inactive | $864.05 |
| Zion Bogan | davion94@yahoo.com | Olathe | Inactive | $257.47 |
| Total | $3,430.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 | ||
|---|---|---|---|---|---|
| Orpha Mann | alysha.bailey@yahoo.com | Jarrodport | Inactive | $955.52 | |
| Earnest Grady MD | roy93@yahoo.com | Abdullahstad | Active | $208.99 | |
| Ericka Wunsch | rosemarie48@hotmail.com | South Anastasia | Active | $921.06 | |
| Jan Ward | chloe.bashirian@gmail.com | Efrenfield | Inactive | $532.90 | |
| Rosie Dare | randal16@yahoo.com | Pagacmouth | Active | $980.80 | |
| Total | $3,599.27 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Miss Becky Wisoky | juliet_kuhlman@yahoo.com | Worcester | Inactive | $871.75 | |
| Carole McLaughlin | gene_mertz@gmail.com | East Wilfred | Inactive | $934.31 | |
| Patrick Murray | ethel51@gmail.com | Albertoview | Inactive | $1,052.21 | |
| Miguel Morissette | laverna52@gmail.com | West Kaelynfield | Inactive | $686.76 | |
| Mya Paucek | julian_oconner@hotmail.com | South Nathanael | Active | $665.41 | |
| Total | $4,210.44 | ||||
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 | |
|---|---|---|---|---|
| Oscar Koch | emelie_feil18@hotmail.com | East Vincenzo | Active | $62.51 |
| Billie Leuschke | laura_green@hotmail.com | Port Bradfordshire | Inactive | $786.10 |
| Ms. Talon Boyle | graham.botsford24@yahoo.com | Spinkaview | Inactive | $573.59 |
| Felicia Hand II | irma36@gmail.com | Carissahaven | Inactive | $661.32 |
| Miss Rose O'Hara | may68@yahoo.com | Peabody | Active | $240.10 |
| Mr. Christian Robel | sanford18@yahoo.com | San Jose | Active | $466.54 |
| Kristy Kling | blanca_crona58@yahoo.com | Harrisonfield | Active | $446.35 |
| Gerson Jaskolski | june.yost22@hotmail.com | Jennieburgh | Active | $356.05 |
| Ed McLaughlin | douglas.kulas76@gmail.com | Purdyton | Active | $342.85 |
| Mr. Bryan Franecki | herminio.bartell-sawayn35@gmail.com | Gilbertmouth | Inactive | $835.69 |
| Leatha Funk | lloyd2@yahoo.com | North Norwood | Inactive | $798.24 |
| Audrey Weimann | leola65@gmail.com | Selmerburgh | Inactive | $20.31 |
| Miss Cecilia Waelchi | jacob.lueilwitz35@hotmail.com | North Amiyamouth | Inactive | $837.01 |
| Mrs. Lukas Gottlieb | kim.schneider97@yahoo.com | New Shaylee | Active | $191.37 |
| Leslie Veum | franklin.lockman@yahoo.com | Hampton | Inactive | $1,152.46 |
| Total | $7,770.49 | |||
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 |


