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 | Unpaid | Credit Card | $527.36 |
| INV002 | Pending | Credit Card | $265.76 |
| INV003 | Paid | PayPal | $953.16 |
| INV004 | Unpaid | PayPal | $258.66 |
| INV005 | Pending | Credit Card | $576.10 |
| INV006 | Unpaid | Credit Card | $281.73 |
| INV007 | Paid | PayPal | $135.38 |
| Total | $2,998.15 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Torrance Lueilwitz | Senior Brand Technician | torrance_lueilwitz82@yahoo.com | Admin | |
| Paula Kulas | Chief Accounts Planner | paula.kulas@gmail.com | Admin | |
| Ann Corwin | Principal Implementation Associate | ann.corwin85@yahoo.com | Viewer | |
| Carlo Wolf | Forward Mobility Developer | carlo.wolf@hotmail.com | Admin | |
| Dawn McDermott | Principal Research Agent | dawn.mcdermott@yahoo.com | Admin | |
| Gustavo Lebsack | Future Integration Administrator | gustavo.lebsack4@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 |
|---|---|---|
Tyson Welch Legacy Markets Representative tyson_welch@hotmail.com | Admin | |
Giovanna Carter Future Metrics Architect giovanna_carter38@gmail.com | Viewer | |
Juliana Bartoletti Internal Division Designer juliana_bartoletti@yahoo.com | Viewer | |
Lulu Nader Internal Data Engineer lulu_nader@hotmail.com | Admin | |
Marlon Hartmann Product Communications Administrator marlon.hartmann11@yahoo.com | Member | |
Sylvester Howell National Usability Assistant sylvester.howell82@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 |
|---|---|---|
Cary McClure Regional Brand Analyst cary_mcclure85@yahoo.com | Member | |
Toy McClure Central Creative Engineer toy.mcclure@yahoo.com | Admin | |
Ian Champlin Future Directives Agent ian_champlin@gmail.com | Viewer | |
Amiya Jacobs National Interactions Architect amiya_jacobs@gmail.com | Member | |
Marge Homenick Chief Usability Analyst marge_homenick@hotmail.com | Admin | |
Rick Anderson Central Research Consultant rick_anderson@hotmail.com | Member | |
Maryann Hegmann Investor Program Coordinator maryann_hegmann45@gmail.com | Member | |
Michael Rutherford Regional Quality Associate michael.rutherford4@gmail.com | Member | |
Monserrat Simonis Chief Implementation Representative monserrat_simonis@gmail.com | Member | |
Hildegard Heathcote Direct Web Specialist hildegard.heathcote@hotmail.com | Member | |
Jimmy Armstrong National Mobility Planner jimmy_armstrong@yahoo.com | Admin | |
Albertha Legros Principal Response Representative albertha.legros11@hotmail.com | Member | |
Thalia Hoppe Forward Metrics Engineer thalia.hoppe16@hotmail.com | Viewer | |
Casey Dach Principal Metrics Representative casey.dach@gmail.com | Member | |
Manuel Hills Lead Identity Coordinator manuel.hills@hotmail.com | Viewer | |
Katherine Hand Internal Implementation Assistant katherine.hand51@hotmail.com | Admin | |
Mae Schulist Customer Response Analyst mae.schulist@yahoo.com | Member | |
Aida Schuster Product Metrics Analyst aida.schuster@yahoo.com | Viewer | |
Madisyn Murray Global Brand Technician madisyn_murray@gmail.com | Admin | |
Hadley Koelpin Regional Communications Agent hadley_koelpin88@hotmail.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 | |
|---|---|---|---|---|
| Delphia Rowe | rodrigo93@gmail.com | Sammyburgh | Inactive | $1,136.09 |
| Christopher Ward | janie_nienow79@gmail.com | Shieldsborough | Inactive | $127.86 |
| Delia Flatley II | belle65@yahoo.com | Naomieton | Inactive | $856.00 |
| Bryant Ebert IV | todd.sipes@gmail.com | North Bridget | Active | $698.77 |
| June Harber | jeannette_russel65@yahoo.com | South Jakobmouth | Inactive | $699.95 |
| Total | $3,518.67 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Vaughn Hammes @osbaldo56 | michael94@hotmail.com | Stromanland | Active | $109.88 |
Frederique Sauer @claudia93 | asa.oconner@hotmail.com | Hackettcester | Inactive | $197.70 |
Marcos Hoeger Jr. @raymundo21 | kristopher.rowe64@yahoo.com | Hintzfield | Inactive | $507.51 |
Mckayla Altenwerth @nelson_zieme | josefina4@hotmail.com | Escondido | Active | $956.61 |
Bill Weimann @hillard_rohan57 | cynthia30@hotmail.com | Fort Joshchester | Inactive | $983.52 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Christie Turcotte | antonia.schumm75@yahoo.com | West Tiffanyview | Active | $117.67 |
| June Tromp | virgie.welch@yahoo.com | Pearland | Active | $1,168.63 |
| Edmond Lubowitz | christopher69@gmail.com | Steuberville | Active | $12.25 |
| Miss Noemi Murray | berneice31@hotmail.com | Cutler Bay | Inactive | $1,096.36 |
| Javier Robel | margret.nitzsche31@yahoo.com | Khalidstead | Active | $1,120.22 |
| Total | $3,515.13 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Dr. Joanne Feest | norberto94@yahoo.com | Fayetteville | Inactive | $834.16 |
| Zelma Osinski | celine_gerlach93@hotmail.com | West Clintside | Active | $380.98 |
| Maryse McLaughlin | pink11@hotmail.com | West Edmond | Active | $462.18 |
| Tessie Gorczany Sr. | elnora7@yahoo.com | Watersport | Inactive | $9.29 |
| Arnold Skiles | orlando.lesch94@hotmail.com | Taylorsville | Inactive | $472.62 |
| Total | $2,159.23 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Ms. Bulah Spinka PhD | karla.stokes26@hotmail.com | Ashleyberg | Inactive | $791.20 |
| Angie Kub | ryan.parker89@gmail.com | Scranton | Active | $738.60 |
| Dr. Angela Rogahn-Marquardt | frieda_schinner56@gmail.com | Fort Marcellusborough | Inactive | $313.25 |
| Mr. Larissa Barton | george.treutel@gmail.com | Blacksburg | Active | $832.05 |
| Donna Jenkins | vincent50@yahoo.com | East Lenatown | Inactive | $432.34 |
| Total | $3,107.44 | |||
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 | ||
|---|---|---|---|---|---|
| Delilah Krajcik | gail_walker18@yahoo.com | Port Peggy | Inactive | $175.44 | |
| Miss Lydia Champlin | shanelle19@hotmail.com | Kennethton | Inactive | $181.14 | |
| Mr. Laury Anderson III | bernard_stroman49@hotmail.com | Hauckview | Inactive | $183.98 | |
| Dominic Prohaska | darin_hoppe@hotmail.com | San Mateo | Active | $778.68 | |
| Sarai Lockman | theron_nitzsche10@yahoo.com | Fort Rosalie | Inactive | $1,153.70 | |
| Total | $2,472.94 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Mr. Martin Watsica | conrad_volkman@gmail.com | Port Fiona | Active | $1,147.29 | |
| Preston Boyer | rosanna.stiedemann@hotmail.com | Victorville | Inactive | $51.03 | |
| Grant Daugherty | itzel.gottlieb@yahoo.com | New Twila | Inactive | $1,164.97 | |
| Ms. Henderson Fay | ulises68@hotmail.com | Casperbury | Active | $204.22 | |
| Ellis Haley | opal_okuneva@hotmail.com | South Aliza | Active | $912.92 | |
| Total | $3,480.43 | ||||
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 | |
|---|---|---|---|---|
| Evans Hilpert-Greenholt | kayla.brakus@yahoo.com | Port Alvahboro | Active | $156.27 |
| Paulette Bins | sherri24@yahoo.com | Bonita Springs | Inactive | $913.77 |
| Bessie Swaniawski | rodney.rodriguez76@hotmail.com | Elizabethtown | Active | $102.03 |
| Leanne Abbott | hollis79@gmail.com | Evansville | Active | $326.73 |
| Miss Chadrick Schmitt | ramiro.lebsack@gmail.com | East Harriet | Inactive | $245.76 |
| Anita Rau | buddy.schiller@yahoo.com | South Isobelstad | Inactive | $760.85 |
| Herminio Weber MD | margarete.erdman84@gmail.com | North Maribel | Active | $1,085.68 |
| Nathen Berge-Kshlerin | tristin64@gmail.com | Goodyear | Inactive | $1,012.99 |
| Miss Lauretta Hauck | thomas_botsford@hotmail.com | North Peggyboro | Active | $832.27 |
| Stefanie Johnston | kristina48@yahoo.com | Port Shakira | Active | $364.91 |
| Erick O'Hara | ubaldo_marks88@hotmail.com | South Brucefurt | Active | $1,076.89 |
| Phyllis Hyatt | tommy_donnelly@gmail.com | Bruenview | Inactive | $1,015.70 |
| Gwen Heaney | perry_hintz29@hotmail.com | New Boyd | Active | $698.86 |
| Marian Steuber | woodrow53@yahoo.com | East Teresastead | Active | $886.45 |
| Johnathan Graham PhD | agustina_schmitt@yahoo.com | Lake Sven | Inactive | $710.56 |
| Total | $10,189.72 | |||
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 |


