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 | Credit Card | $794.41 |
| INV002 | Pending | Bank Transfer | $255.19 |
| INV003 | Pending | Bank Transfer | $973.09 |
| INV004 | Unpaid | PayPal | $123.10 |
| INV005 | Pending | Bank Transfer | $982.69 |
| INV006 | Unpaid | Credit Card | $669.30 |
| INV007 | Pending | Bank Transfer | $169.69 |
| Total | $3,967.47 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Al Bailey | National Research Analyst | al_bailey@gmail.com | Viewer | |
| Brad Hegmann | Senior Division Officer | brad.hegmann13@hotmail.com | Viewer | |
| Carl Klocko | Dynamic Solutions Director | carl.klocko@hotmail.com | Admin | |
| Benjamin Blanda | Product Configuration Strategist | benjamin.blanda@hotmail.com | Member | |
| Freddie Kessler | Investor Metrics Planner | freddie.kessler@yahoo.com | Admin | |
| Talon Bailey | Corporate Research Developer | talon_bailey37@gmail.com | Member |
Stacked on mobile
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Tamia Price Human Security Representative tamia.price@yahoo.com | Admin | |
Gertrude Fisher Regional Division Manager gertrude.fisher@gmail.com | Member | |
Kendrick Kertzmann Customer Web Engineer kendrick.kertzmann@gmail.com | Member | |
Cecilia Willms Regional Implementation Administrator cecilia.willms@gmail.com | Member | |
Adolphus Stiedemann Principal Identity Officer adolphus_stiedemann@hotmail.com | Admin | |
Christopher Volkman Forward Functionality Officer christopher_volkman59@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 |
|---|---|---|
Matilde Lemke Central Program Technician matilde.lemke6@hotmail.com | Member | |
Eva Feeney District Functionality Consultant eva_feeney66@yahoo.com | Admin | |
August Homenick Human Web Architect august_homenick@gmail.com | Viewer | |
Gilda Prohaska National Web Orchestrator gilda.prohaska14@yahoo.com | Member | |
Hailey Keebler-Heidenreich Product Usability Architect hailey.keebler-heidenreich80@gmail.com | Member | |
Greg Ritchie Dynamic Operations Supervisor greg_ritchie88@gmail.com | Admin | |
Gerardo Shanahan Direct Creative Associate gerardo_shanahan@gmail.com | Member | |
Mason D'Amore Chief Markets Facilitator mason_damore@gmail.com | Member | |
Elizabeth Parker Human Creative Producer elizabeth.parker50@hotmail.com | Member | |
Cody Kerluke Principal Accounts Consultant cody_kerluke86@hotmail.com | Viewer | |
Garett Bernhard International Paradigm Associate garett.bernhard84@gmail.com | Admin | |
Chaz Lockman Chief Optimization Manager chaz_lockman@yahoo.com | Viewer | |
Noelia Schmidt Senior Security Technician noelia_schmidt79@hotmail.com | Member | |
Betsy Boyle Central Paradigm Producer betsy_boyle@gmail.com | Admin | |
Martha Lynch Chief Accounts Architect martha_lynch81@yahoo.com | Viewer | |
Alexander Grant Corporate Branding Technician alexander.grant43@hotmail.com | Viewer | |
Winston Walsh Internal Infrastructure Liaison winston_walsh@yahoo.com | Viewer | |
Leona Connelly Dynamic Brand Technician leona.connelly@yahoo.com | Viewer | |
Preston Howell Legacy Creative Engineer preston_howell@yahoo.com | Viewer | |
Olin Will Legacy Integration Designer olin.will@yahoo.com | Admin |
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 | |
|---|---|---|---|---|
| Deborah Beer | kelvin41@gmail.com | Lehigh Acres | Active | $187.32 |
| Ms. Ryan Strosin Jr. | alvis_hyatt@yahoo.com | East Estrellaview | Active | $846.10 |
| Newton Swift | alberta73@gmail.com | New Rochelle | Active | $1,044.06 |
| Wm Kling DDS | kenny_harber@hotmail.com | Fort Kaley | Inactive | $591.99 |
| Renee Reynolds | gretchen.cartwright97@gmail.com | East Orlo | Active | $759.45 |
| Total | $3,428.92 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Ana Schmeler @shana65 | immanuel_cassin0@yahoo.com | West Reubenburgh | Inactive | $1,179.68 |
Tre Price @judith_lemke86 | timothy35@hotmail.com | Edenshire | Inactive | $143.43 |
Karianne Larkin @vincent_heidenreich | clay.bernier@gmail.com | Goldenland | Inactive | $169.06 |
Leonora Funk @cecelia.morar22 | katrine.nicolas@hotmail.com | Chapel Hill | Active | $1,036.40 |
Franklin Vandervort @luigi.boyle | jeffrey_abbott32@hotmail.com | Fadelstad | Inactive | $1,011.48 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Jaime Goyette II | chet_considine@yahoo.com | Brayanland | Active | $860.73 |
| Xander Emmerich | sam90@gmail.com | Dominicland | Active | $139.93 |
| Miss Luz D'Amore | kayla35@yahoo.com | Fort Queenview | Inactive | $631.29 |
| Mr. Alize Ward | amy86@yahoo.com | Haverhill | Inactive | $1,036.19 |
| Dr. Cedric Hills | jim28@yahoo.com | Lake Laverne | Active | $442.73 |
| Total | $3,110.87 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Merl Bergstrom | todd94@hotmail.com | San Diego | Active | $426.25 |
| Alexandro Wilkinson II | phillip_ledner@hotmail.com | Fisherview | Active | $543.31 |
| Ubaldo Beahan | nikolas44@gmail.com | Carminestad | Inactive | $633.74 |
| Archie Dach | ayana.turcotte@hotmail.com | Bryan | Active | $928.67 |
| Mrs. Fannie Heathcote | jodi20@hotmail.com | Wolfport | Inactive | $1,125.92 |
| Total | $3,657.89 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Dominick Emmerich DDS | viva_goodwin@gmail.com | Florissant | Inactive | $14.30 |
| Emmett Oberbrunner | taylor.smith@yahoo.com | Spinkaville | Active | $1,119.80 |
| Adrian Schneider | dale_pouros@hotmail.com | West Adrianacester | Active | $1,181.80 |
| Dr. Kevon Greenfelder | luigi_carter@gmail.com | Mullerburgh | Inactive | $954.37 |
| Audrey Bartoletti | cora.labadie59@hotmail.com | Lake Dax | Active | $280.06 |
| Total | $3,550.33 | |||
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 | ||
|---|---|---|---|---|---|
| Teri Daniel | katrina54@yahoo.com | North Chanel | Active | $910.81 | |
| Dr. Loren Murazik | june.gutmann@yahoo.com | Kannapolis | Inactive | $346.79 | |
| Gabriella Heaney | roscoe_marvin22@yahoo.com | Harleystead | Inactive | $206.06 | |
| Lamar Pfannerstill | kay59@hotmail.com | Fort Rudolph | Inactive | $1,061.60 | |
| Lula Daniel Sr. | drew.murazik3@hotmail.com | Port Tyreek | Inactive | $217.24 | |
| Total | $2,742.50 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Ricky Murphy PhD | theodore.murphy@hotmail.com | North Jamaalchester | Active | $891.32 | |
| Malinda Jacobs | bryan_sauer26@hotmail.com | Fort Bradton | Active | $957.85 | |
| Lester Considine | jennie66@hotmail.com | Imafort | Inactive | $815.55 | |
| Dr. Irwin D'Amore | mattie_bradtke@gmail.com | Considinestead | Inactive | $351.85 | |
| Agnes Kunze | allison31@hotmail.com | North Margaritamouth | Inactive | $316.08 | |
| Total | $3,332.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 | |
|---|---|---|---|---|
| Clifton Hand | brittany_friesen15@gmail.com | Abdielhaven | Active | $354.22 |
| Declan Schulist | coty2@yahoo.com | Cheyenne | Active | $322.32 |
| Rebeka Rowe MD | sadie.gusikowski@gmail.com | Port Brittany | Inactive | $544.59 |
| Rodolfo Hansen PhD | wendell66@yahoo.com | Wilberfort | Inactive | $430.40 |
| Ms. Ashley Schmeler | melinda.hudson60@gmail.com | Reichelburgh | Active | $5.44 |
| Miss Dominic Roberts | elbert82@gmail.com | Brennancester | Active | $872.15 |
| Sylvester Breitenberg | lewis_ortiz93@hotmail.com | Yvonnestad | Inactive | $500.89 |
| Beatrice Maggio | marisa98@yahoo.com | East Gladycechester | Active | $427.39 |
| Deborah Cassin | noah29@yahoo.com | Fort Armand | Active | $7.85 |
| Gerardo Corkery | anita11@hotmail.com | Decatur | Inactive | $434.41 |
| Leona Brown-Pacocha | scott.lebsack@yahoo.com | Idellatown | Inactive | $146.11 |
| Melissa Schimmel | harvey_muller@hotmail.com | Kilbackboro | Active | $399.96 |
| Morris Kihn | coty.macgyver25@gmail.com | Deborahport | Active | $977.29 |
| Greyson Hansen | alberto_wisozk13@yahoo.com | Fishers | Inactive | $877.36 |
| Mr. Keyon Streich | elfrieda18@yahoo.com | Lucilechester | Active | $897.89 |
| Total | $7,198.27 | |||
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 |



