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 | $731.44 |
| INV002 | Unpaid | Bank Transfer | $770.39 |
| INV003 | Unpaid | Credit Card | $280.44 |
| INV004 | Paid | PayPal | $392.85 |
| INV005 | Pending | PayPal | $370.72 |
| INV006 | Unpaid | Credit Card | $345.62 |
| INV007 | Pending | Credit Card | $939.80 |
| Total | $3,831.26 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Lyda Olson | Customer Assurance Assistant | lyda_olson70@hotmail.com | Member | |
| Alexzander Dicki | Future Communications Producer | alexzander.dicki@gmail.com | Admin | |
| Darrin Anderson | Customer Group Manager | darrin_anderson98@hotmail.com | Admin | |
| Margarete Johnston | District Assurance Coordinator | margarete.johnston84@gmail.com | Admin | |
| Chanel Rosenbaum | Global Applications Liaison | chanel_rosenbaum@yahoo.com | Admin | |
| Newton Treutel | Lead Response Designer | newton_treutel@gmail.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 |
|---|---|---|
Marjorie Cole Central Configuration Manager marjorie.cole2@gmail.com | Member | |
Alycia Bahringer Investor Implementation Agent alycia.bahringer74@hotmail.com | Member | |
Francesca Erdman Central Quality Facilitator francesca.erdman@yahoo.com | Admin | |
Hattie Kassulke Human Branding Consultant hattie_kassulke@hotmail.com | Member | |
Celine Grant Legacy Implementation Liaison celine.grant83@hotmail.com | Admin | |
Madelyn Bayer Corporate Division Coordinator madelyn.bayer78@hotmail.com | Admin |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Dariana Champlin Direct Security Liaison dariana_champlin92@yahoo.com | Admin | |
Tremayne Oberbrunner Global Identity Representative tremayne_oberbrunner@gmail.com | Member | |
Krystal Lang Forward Branding Manager krystal.lang78@gmail.com | Member | |
Randi Boyle Dynamic Data Analyst randi_boyle@yahoo.com | Member | |
Albin Hettinger District Intranet Strategist albin_hettinger@yahoo.com | Admin | |
Adeline Greenfelder National Creative Liaison adeline_greenfelder7@yahoo.com | Viewer | |
Laron Schaefer Corporate Operations Officer laron.schaefer19@yahoo.com | Viewer | |
Wyman Langworth-Huel Principal Operations Director wyman_langworth-huel@yahoo.com | Member | |
Sid Reilly Chief Metrics Architect sid.reilly34@hotmail.com | Viewer | |
Berta Tillman Product Marketing Associate berta.tillman44@yahoo.com | Admin | |
Berneice Koch Direct Markets Engineer berneice_koch93@yahoo.com | Member | |
Edward Bechtelar Global Usability Planner edward.bechtelar@yahoo.com | Viewer | |
Jesus Larkin Regional Applications Specialist jesus_larkin@gmail.com | Member | |
Alicia Bernhard Central Functionality Officer alicia.bernhard@hotmail.com | Viewer | |
Yasmeen Balistreri Internal Paradigm Assistant yasmeen_balistreri@yahoo.com | Member | |
Isaias Bruen Human Mobility Developer isaias_bruen14@gmail.com | Member | |
Jayde Johnston Global Functionality Technician jayde.johnston@hotmail.com | Admin | |
Claudie O'Conner Central Tactics Officer claudie.oconner12@hotmail.com | Admin | |
Dusty Lubowitz Principal Quality Consultant dusty.lubowitz@yahoo.com | Member | |
Trinity Blanda Lead Program Designer trinity.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 | |
|---|---|---|---|---|
| Gladys Bailey | rashad95@gmail.com | Brownstead | Inactive | $856.92 |
| Ms. Guadalupe D'Amore | malcolm.kovacek@gmail.com | Laguna Niguel | Inactive | $174.70 |
| Dr. Brendan Klocko III | buck.crona@hotmail.com | Port Katarina | Inactive | $80.95 |
| Otis Witting DVM | lessie89@yahoo.com | Dameonfurt | Active | $112.90 |
| Dianna Klocko | jamil5@yahoo.com | North Darren | Inactive | $873.95 |
| Total | $2,099.42 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Darnell Jaskolski @katarina9 | clyde.mohr@yahoo.com | Kautzerboro | Inactive | $512.82 |
Ora Cormier @wilmer_lueilwitz33 | brennon_stanton@yahoo.com | Feeneycester | Active | $1,136.99 |
Jackie Wiegand @fredy_conroy | elizabeth.krajcik11@yahoo.com | Dawnbury | Inactive | $959.38 |
Andrew Price @wyatt_sawayn | cyrus.schuster@yahoo.com | Port Isactown | Active | $625.43 |
Joanne Conn @silas53 | diana_gleason@yahoo.com | Fort Lorenzfield | Active | $243.86 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Donnie Corwin | antwon.wyman59@gmail.com | Lake Emiliestad | Active | $711.66 |
| Dr. Allen Yost | marjorie13@yahoo.com | Elnoraville | Inactive | $518.57 |
| Jacqueline Schneider | guy29@yahoo.com | Deshawnland | Inactive | $715.05 |
| Fannie Graham | amelie4@hotmail.com | Cortezstad | Active | $688.55 |
| Al Robel | bret_keebler@gmail.com | Mosciskiport | Active | $507.94 |
| Total | $3,141.77 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Erick Ortiz DVM | dayton.olson@yahoo.com | Beattyport | Active | $31.90 |
| Margarita Fisher | dakota_robel@gmail.com | Onaside | Inactive | $862.14 |
| Mrs. Dorothy Jacobi | helen_senger@gmail.com | Tracy | Active | $845.15 |
| Rafael Zulauf | jeffry.krajcik@yahoo.com | New Aurelie | Inactive | $603.29 |
| Lois Stiedemann-Barrows | bethel_rogahn60@yahoo.com | Fort Abdiel | Active | $833.35 |
| Total | $3,175.83 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Florence Stracke | alene.bradtke@hotmail.com | Port Geovanyhaven | Active | $874.89 |
| Terry Gusikowski | alvah.wisozk@hotmail.com | Port Okeyville | Active | $1,140.16 |
| Justin Mayer | lonzo.stanton30@hotmail.com | Johnsonburgh | Inactive | $733.78 |
| Angelina Wyman | candace_mohr@gmail.com | Bloomington | Active | $810.06 |
| Julio Strosin | luigi.johnston@yahoo.com | West Zackaryborough | Active | $908.78 |
| Total | $4,467.67 | |||
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 | ||
|---|---|---|---|---|---|
| Gerard Kris | magdalen.schroeder97@hotmail.com | Nikolasborough | Active | $780.90 | |
| Terry Grant DDS | garry.osinski95@hotmail.com | Goyetteworth | Inactive | $422.30 | |
| Louise Prosacco | blake79@yahoo.com | East Leda | Inactive | $1,168.29 | |
| Josefina Rippin-Hegmann | kiara_kiehn92@hotmail.com | Pierreview | Active | $1,092.49 | |
| Cornelius Quitzon | lauriane64@yahoo.com | South Marianebury | Active | $443.70 | |
| Total | $3,907.68 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Joe Reichel | mya_roob67@gmail.com | Hayward | Inactive | $31.30 | |
| Mable Weimann | hoyt_parisian-purdy30@yahoo.com | Gorczanyboro | Inactive | $555.50 | |
| Maria Christiansen | felipa_koss@hotmail.com | Shreveport | Active | $1,081.05 | |
| Enrique Lemke | kendall52@yahoo.com | Port Reinholdtown | Active | $596.74 | |
| Laurence Heidenreich-Macejkovic | stan.klocko94@yahoo.com | Lorenzastad | Inactive | $36.82 | |
| Total | $2,301.41 | ||||
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 | |
|---|---|---|---|---|
| Meredith Satterfield I | yvonne.labadie@gmail.com | Welchburgh | Inactive | $715.12 |
| Jamie Schoen | torey_treutel76@hotmail.com | Ottisland | Active | $73.21 |
| Phyllis Leuschke | janae_schaden-connelly@gmail.com | Madison | Active | $438.29 |
| Rolando Grant | michele24@yahoo.com | East Judeview | Inactive | $1,057.92 |
| Jeannette Wunsch | aimee.mills16@gmail.com | Ontario | Inactive | $454.41 |
| Leslie Huels | archibald.ernser-mayer@yahoo.com | Watersshire | Inactive | $1,088.89 |
| Christina Zboncak | jessica.schuster@gmail.com | Alecfurt | Active | $562.74 |
| Pearl Schinner PhD | maci.blick@yahoo.com | Fort Waino | Inactive | $132.57 |
| Francis Grant | reynold_damore@yahoo.com | Ottiliecester | Active | $944.40 |
| Miss Kathryn Turner | emmanuel_king@gmail.com | Port Tannerhaven | Active | $596.81 |
| Lester Stiedemann | catherine_mohr40@gmail.com | South Donnie | Inactive | $601.39 |
| Karl Morissette | wyatt.cormier@gmail.com | New Hermanhaven | Active | $1,004.96 |
| Bryant Hodkiewicz | georgianna_heaney@gmail.com | North Marina | Inactive | $531.42 |
| Hope Kunde | jerry_stehr98@hotmail.com | Southfield | Inactive | $335.11 |
| Vivian Sporer | niko_koelpin@gmail.com | Josianneworth | Active | $688.25 |
| Total | $9,225.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 |



