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 | Credit Card | $625.82 |
| INV002 | Pending | Bank Transfer | $798.96 |
| INV003 | Unpaid | PayPal | $422.19 |
| INV004 | Paid | Credit Card | $392.61 |
| INV005 | Paid | PayPal | $362.79 |
| INV006 | Unpaid | Credit Card | $635.56 |
| INV007 | Paid | PayPal | $784.28 |
| Total | $4,022.21 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Derick Howell | National Brand Specialist | derick.howell82@gmail.com | Viewer | |
| Foster Goodwin | Senior Program Executive | foster.goodwin51@gmail.com | Viewer | |
| Marianne Miller | National Branding Executive | marianne.miller@gmail.com | Admin | |
| Rey Mohr | Investor Program Liaison | rey_mohr@gmail.com | Member | |
| Rafaela Gibson | Legacy Implementation Designer | rafaela_gibson@yahoo.com | Member | |
| Kobe Hayes | Forward Response Producer | kobe_hayes23@gmail.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 |
|---|---|---|
Rocio Greenholt Global Program Developer rocio.greenholt@yahoo.com | Viewer | |
Kayden Bradtke Customer Brand Administrator kayden_bradtke@yahoo.com | Viewer | |
Monica Walsh Internal Web Manager monica.walsh49@yahoo.com | Member | |
Jimmie Kertzmann Internal Operations Producer jimmie.kertzmann96@yahoo.com | Viewer | |
Janick O'Kon Customer Factors Planner janick_okon75@hotmail.com | Member | |
Sophia Dare Internal Mobility Architect sophia_dare59@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 |
|---|---|---|
Emelia Wyman Chief Communications Agent emelia_wyman@hotmail.com | Member | |
Benny Hettinger Human Assurance Strategist benny.hettinger41@yahoo.com | Member | |
Earlene Kuphal District Usability Analyst earlene_kuphal@yahoo.com | Admin | |
Karl Sporer Lead Interactions Manager karl.sporer@gmail.com | Member | |
Ford Gleason Global Implementation Supervisor ford_gleason@gmail.com | Member | |
Terrence Bogan Future Tactics Director terrence_bogan85@hotmail.com | Viewer | |
Emilie Gislason Product Usability Developer emilie.gislason55@yahoo.com | Viewer | |
Columbus Witting Customer Operations Manager columbus_witting@yahoo.com | Member | |
Harvey Thiel Regional Division Strategist harvey_thiel@gmail.com | Admin | |
Linnie Witting Direct Intranet Producer linnie_witting36@hotmail.com | Member | |
Lucas Wolf Direct Intranet Orchestrator lucas.wolf98@hotmail.com | Viewer | |
Blanca Franecki Principal Functionality Manager blanca_franecki36@hotmail.com | Viewer | |
Santos Konopelski Regional Functionality Assistant santos.konopelski@gmail.com | Viewer | |
Kaci Romaguera Lead Configuration Liaison kaci_romaguera@hotmail.com | Member | |
Ernestina Langosh Product Quality Consultant ernestina_langosh78@gmail.com | Member | |
Letitia Cole Customer Assurance Associate letitia_cole@yahoo.com | Member | |
Merritt Auer Legacy Communications Strategist merritt.auer@yahoo.com | Admin | |
Nasir Okuneva Central Configuration Consultant nasir_okuneva@gmail.com | Member | |
Marjorie Emmerich Principal Configuration Coordinator marjorie_emmerich@gmail.com | Viewer | |
Elbert Kris Human Assurance Specialist elbert_kris@gmail.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 | |
|---|---|---|---|---|
| Kay Padberg | arno_herzog-mohr57@hotmail.com | Zolashire | Inactive | $629.74 |
| Juanita Johnson | frank99@hotmail.com | West Milfordmouth | Active | $954.90 |
| Kathleen Fay DDS | gina88@gmail.com | Dibbertcester | Inactive | $561.08 |
| Bernard Kutch | rosanna.larson48@yahoo.com | Londonton | Active | $299.87 |
| Pamela Thiel | talon_herzog46@gmail.com | West Estebanburgh | Inactive | $485.88 |
| Total | $2,931.47 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Harvey Kautzer-Towne @brigitte_mohr73 | kenyon.grant@yahoo.com | Miami Beach | Inactive | $1,080.39 |
Darren Moore DVM @jamison61 | cynthia29@gmail.com | West Vivienberg | Inactive | $304.72 |
Wilma Aufderhar-Casper @meaghan_mcclure | bart_quitzon@gmail.com | West Prudence | Active | $120.12 |
Angelo Rippin @laverne12 | tristin27@hotmail.com | Jordanworth | Inactive | $573.79 |
Dr. Carroll Powlowski @kurtis.parker44 | jamie17@hotmail.com | Lake Emily | Inactive | $51.95 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Dr. Kristina Heaney | beryl79@gmail.com | Fort Bobbyshire | Inactive | $1,065.68 |
| Alberta Olson | fatima.bruen61@hotmail.com | West Yazminstead | Inactive | $867.51 |
| Geneva Franecki | raymundo.krajcik@hotmail.com | Kreigermouth | Inactive | $276.56 |
| Ms. Holly Romaguera | walton86@gmail.com | North Makenzieton | Inactive | $355.78 |
| Albert Streich | candelario_murphy@yahoo.com | Perryview | Inactive | $995.13 |
| Total | $3,560.66 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Mathew Hickle | peggie.bailey20@gmail.com | Wesley Chapel | Inactive | $576.71 |
| Luke Williamson | lorine.ratke87@hotmail.com | Dibbertchester | Inactive | $1,094.49 |
| Esther Marks | maurine.koch23@gmail.com | East Adrien | Active | $1,106.88 |
| Sonja Nader | kiarra.kub@gmail.com | Mrazfort | Active | $991.78 |
| Diana Kessler Sr. | anthony_price@gmail.com | Fort Sebastian | Inactive | $414.72 |
| Total | $4,184.58 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Ramiro Stokes | antonetta.jacobson29@hotmail.com | Joliet | Inactive | $752.77 |
| Wilma Barrows | martine.kutch52@gmail.com | Fort Emmanuelfort | Inactive | $130.57 |
| Myra Muller-Bartoletti | icie.streich6@gmail.com | Kulasbury | Active | $831.45 |
| Cheryl Deckow DVM | lane.beer@hotmail.com | Flower Mound | Active | $649.78 |
| Miss Wendy Franecki | lera89@gmail.com | St. Louis | Active | $91.80 |
| Total | $2,456.37 | |||
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 | ||
|---|---|---|---|---|---|
| Ian Boyer | claudia0@gmail.com | New Jazlyn | Inactive | $19.79 | |
| Emilio Wolff | ethan.lang90@yahoo.com | West Allis | Active | $567.91 | |
| Frances Hahn | cora15@gmail.com | Cheektowaga | Inactive | $1,113.44 | |
| Maria Roob | onie_gerhold@hotmail.com | Greenbury | Inactive | $285.00 | |
| Nora Hegmann | charles.waters@yahoo.com | Patienceview | Active | $196.01 | |
| Total | $2,182.15 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Eileen Aufderhar | napoleon17@hotmail.com | South Linniefurt | Active | $287.90 | |
| Dr. Philip Abernathy | caleigh.haley-wolf73@yahoo.com | Port Keagan | Inactive | $236.55 | |
| Rachael Wilkinson | hollis36@yahoo.com | Fort Natalia | Active | $832.62 | |
| Emily Ondricka | bailee_bernhard23@hotmail.com | Fort Conner | Inactive | $30.44 | |
| Rachael Spinka | mona42@hotmail.com | Laviniaville | Active | $328.18 | |
| Total | $1,715.69 | ||||
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 | |
|---|---|---|---|---|
| Mrs. Emily Schneider | elyse64@yahoo.com | Quintonbury | Inactive | $404.45 |
| Paul Reichert | savanah_fritsch22@gmail.com | East Angela | Inactive | $1,107.90 |
| Florence Stiedemann V | nona7@gmail.com | Balistreristead | Active | $209.16 |
| Kerry Luettgen | annalise.swift@yahoo.com | Carlsbad | Inactive | $559.00 |
| Loren Kautzer | noe.kub@hotmail.com | Jesseshire | Inactive | $951.45 |
| Harriet Bernier | devin_hansen@yahoo.com | Port Merle | Inactive | $1,176.34 |
| Lance Williamson | bobby_powlowski36@gmail.com | Lake Joaquinbury | Inactive | $127.16 |
| Daniel Hand | chance.considine66@gmail.com | West Rosemarie | Active | $978.66 |
| Hugh Jacobs | naomi.shields@hotmail.com | Carson City | Active | $1,093.79 |
| Tammy Bergstrom MD | gerhard33@hotmail.com | Javierville | Active | $723.32 |
| Kenny Greenfelder | stephanie.stiedemann@yahoo.com | South Treboro | Active | $733.05 |
| Ms. Pam Ruecker | ambrose_wisozk38@gmail.com | East Elijah | Active | $1,126.77 |
| Dr. Lori Abernathy | alek50@hotmail.com | Blacksburg | Active | $1,108.21 |
| Cecil Hammes | jerald.cremin11@yahoo.com | East Tessie | Inactive | $309.07 |
| Nick Hauck | skylar_turner85@gmail.com | South Georgettecester | Inactive | $854.90 |
| Total | $11,463.23 | |||
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 |


