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 | $292.79 |
| INV002 | Pending | PayPal | $917.54 |
| INV003 | Paid | Credit Card | $489.52 |
| INV004 | Pending | Bank Transfer | $974.92 |
| INV005 | Pending | Credit Card | $972.54 |
| INV006 | Unpaid | Bank Transfer | $593.56 |
| INV007 | Unpaid | Bank Transfer | $749.79 |
| Total | $4,990.66 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Shannon Mraz | Central Group Technician | shannon_mraz48@yahoo.com | Viewer | |
| Hipolito Rolfson | Forward Usability Liaison | hipolito_rolfson60@gmail.com | Viewer | |
| Kiana Carroll | District Directives Director | kiana.carroll@gmail.com | Admin | |
| Conrad Hessel | National Quality Facilitator | conrad_hessel28@gmail.com | Viewer | |
| Guy Schamberger-DuBuque | Customer Optimization Technician | guy_schamberger-dubuque3@yahoo.com | Admin | |
| Madison Bernhard | Human Optimization Orchestrator | madison.bernhard46@yahoo.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 |
|---|---|---|
Green Hintz Global Mobility Developer green_hintz@gmail.com | Viewer | |
Zackery Mayer District Identity Developer zackery_mayer@gmail.com | Admin | |
Katharina Nicolas Lead Communications Strategist katharina_nicolas@hotmail.com | Member | |
Mercedes Lynch Future Security Representative mercedes_lynch92@gmail.com | Member | |
Mack Goldner Chief Markets Executive mack_goldner17@hotmail.com | Viewer | |
Ashlynn Davis Chief Mobility Engineer ashlynn.davis@gmail.com | Member |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Loren Koelpin Forward Communications Associate loren_koelpin61@yahoo.com | Admin | |
Pasquale Sanford Regional Implementation Director pasquale.sanford17@yahoo.com | Admin | |
Jennifer Batz Direct Implementation Representative jennifer_batz33@yahoo.com | Viewer | |
Javier Franecki Investor Usability Orchestrator javier.franecki34@yahoo.com | Viewer | |
Brando Okuneva Future Division Consultant brando.okuneva11@yahoo.com | Viewer | |
Leah Johns Legacy Quality Liaison leah_johns49@hotmail.com | Viewer | |
Jean Rolfson Dynamic Applications Designer jean.rolfson21@hotmail.com | Viewer | |
Santiago Friesen International Optimization Associate santiago_friesen@yahoo.com | Admin | |
Guadalupe Baumbach Corporate Configuration Associate guadalupe_baumbach67@yahoo.com | Admin | |
Lindsay Watsica-Corkery National Data Strategist lindsay_watsica-corkery@yahoo.com | Viewer | |
Stacy Gerlach Direct Operations Representative stacy_gerlach62@hotmail.com | Viewer | |
Marlon Schinner Global Infrastructure Representative marlon_schinner89@gmail.com | Viewer | |
Margarete Schuppe Chief Identity Technician margarete.schuppe75@yahoo.com | Member | |
Bessie Walsh Investor Accountability Officer bessie_walsh81@gmail.com | Member | |
Alvah Adams Investor Metrics Supervisor alvah_adams@yahoo.com | Viewer | |
Moriah Morar National Security Coordinator moriah.morar95@gmail.com | Member | |
Gerardo Kihn Senior Usability Coordinator gerardo.kihn35@gmail.com | Member | |
Talon Kiehn Lead Data Agent talon_kiehn72@gmail.com | Member | |
Hugh Koch Customer Accountability Director hugh_koch@hotmail.com | Viewer | |
Eryn Green Global Research Producer eryn.green4@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 | |
|---|---|---|---|---|
| Jesus Little | celestine_champlin@hotmail.com | Newport Beach | Inactive | $646.04 |
| Darin Russel III | rico38@yahoo.com | South Venacester | Active | $179.93 |
| Norma Waters | kathryne53@yahoo.com | Lakeland | Active | $373.48 |
| Lora Stiedemann | tara86@hotmail.com | Vernabury | Active | $607.13 |
| Wyman Buckridge | jonathan.stokes83@gmail.com | Jenningstown | Inactive | $552.30 |
| Total | $2,358.88 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Aurelio Hintz @meredith.pfeffer3 | catherine_crona-vonrueden79@yahoo.com | West Carter | Active | $569.64 |
Jesse Breitenberg @brice83 | van_kuvalis60@yahoo.com | Santa Ana | Active | $230.79 |
Nellie Koss @lamont.padberg-kohler98 | marguerite.conn0@hotmail.com | The Villages | Inactive | $634.38 |
Agnes Cummerata @wilbert1 | kennedi97@gmail.com | West Jaylenboro | Active | $729.90 |
Elvira Fritsch @alexander17 | gloria.pagac@hotmail.com | Port Ernesto | Active | $1,047.30 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Teresa Koch | vincenzo_lueilwitz58@gmail.com | Grand Junction | Active | $98.43 |
| Reta Muller MD | johnnie_kling24@hotmail.com | Ledaport | Inactive | $838.58 |
| Arlene Mosciski-Kovacek | patti.medhurst@gmail.com | Ebertcester | Inactive | $1,080.19 |
| Irving Larkin | evan_crist@yahoo.com | Cristalton | Inactive | $1,060.15 |
| Otilia Roberts | domenic43@yahoo.com | East Virginie | Active | $691.19 |
| Total | $3,768.54 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Alfredo Barrows | mary.conn40@gmail.com | Reillyfort | Inactive | $601.04 |
| Nathan Sanford | alan.collier@gmail.com | Fort Henri | Inactive | $1,198.80 |
| Kayden Stamm | rachael_treutel3@hotmail.com | North Arnold | Inactive | $241.34 |
| Guadalupe Ortiz | lance.walker@hotmail.com | Casimirchester | Active | $889.43 |
| Clay Funk | randy_purdy67@gmail.com | New Ravenport | Active | $449.88 |
| Total | $3,380.49 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Mrs. Myron Beer | herbert.zemlak@hotmail.com | East Chelsey | Inactive | $844.65 |
| Miss Eliseo Bahringer MD | eula.grimes-wehner73@gmail.com | Modesto | Inactive | $22.98 |
| Janie Moore | mathew.lemke@hotmail.com | Hellerfurt | Inactive | $1,028.44 |
| Evelyn Morar | alexandra_feil43@hotmail.com | Stamford | Active | $845.59 |
| Hardy Lubowitz | imani_rodriguez@yahoo.com | South Lynn | Active | $592.02 |
| Total | $3,333.68 | |||
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 | ||
|---|---|---|---|---|---|
| Rosa Weber | elsie47@yahoo.com | Wintheiserworth | Active | $927.35 | |
| Jeremiah Osinski Sr. | leo_treutel82@yahoo.com | Aufderharville | Inactive | $58.09 | |
| Jenny Baumbach | elliott.johnson@yahoo.com | East Kurtisborough | Active | $73.35 | |
| Lula Schneider | marta.powlowski70@hotmail.com | Severn | Inactive | $694.84 | |
| Wendell Armstrong | lambert.stiedemann95@yahoo.com | West Korey | Active | $935.71 | |
| Total | $2,689.34 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Lilyan Miller | sophie86@gmail.com | Nolanview | Active | $632.43 | |
| Columbus Hoppe | angie.leannon31@yahoo.com | West Jabariport | Active | $147.24 | |
| Roxanne Rempel DDS | jo_kuhlman61@yahoo.com | Woodbury | Active | $257.22 | |
| Alma Schamberger | amos.hilpert37@gmail.com | Erdmanhaven | Active | $980.94 | |
| Anabelle Predovic | garett86@hotmail.com | South Cielo | Inactive | $335.40 | |
| Total | $2,353.23 | ||||
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 | |
|---|---|---|---|---|
| Edwin Brekke MD | shawn55@gmail.com | Keaganburgh | Active | $615.03 |
| Issac Ullrich | dayna.dicki@yahoo.com | Trentside | Active | $800.92 |
| Randall Herzog | sam_beahan@hotmail.com | Bel Air South | Inactive | $883.49 |
| Guillermo Langosh | pearl_koss58@yahoo.com | Ziemannfurt | Active | $443.84 |
| Vivian Schneider | modesta2@gmail.com | Dickensfurt | Active | $363.63 |
| Jeanne Hahn | bernadette.padberg@gmail.com | Port Arthur | Active | $1,066.93 |
| Nelson Welch | lane.turner48@hotmail.com | Lake Monroe | Active | $799.50 |
| Nat Hermiston | maxine2@yahoo.com | Wuckertstad | Inactive | $327.53 |
| Miracle D'Amore | mike.kling-carter52@hotmail.com | Tamarac | Inactive | $645.60 |
| Avery Beahan | oscar_leffler@hotmail.com | Alfredaboro | Inactive | $740.44 |
| Abraham Bartell | anthony.kreiger@hotmail.com | North Camille | Active | $488.67 |
| Uriah Wilderman Sr. | tom28@gmail.com | Port Gertrude | Inactive | $359.93 |
| Helena Sipes Sr. | joanna.champlin24@hotmail.com | Grapevine | Inactive | $1,167.85 |
| Lesly Boyle | jeremy.orn77@hotmail.com | West Lyric | Inactive | $671.74 |
| Tracy Schneider I | ila_senger@hotmail.com | Waipahu | Inactive | $789.56 |
| Total | $10,164.66 | |||
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 |
