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 | $978.18 |
| INV002 | Pending | PayPal | $798.05 |
| INV003 | Pending | Credit Card | $484.25 |
| INV004 | Paid | PayPal | $768.84 |
| INV005 | Paid | Credit Card | $222.81 |
| INV006 | Pending | Credit Card | $915.27 |
| INV007 | Pending | PayPal | $176.23 |
| Total | $4,343.63 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Shanie Kulas | Global Creative Architect | shanie.kulas53@hotmail.com | Member | |
| Florine Pollich | Investor Functionality Orchestrator | florine_pollich@hotmail.com | Viewer | |
| Beryl Hartmann | Human Program Designer | beryl_hartmann68@gmail.com | Admin | |
| Silas Quitzon | Chief Data Facilitator | silas_quitzon@hotmail.com | Admin | |
| Mariam Weber | International Mobility Coordinator | mariam_weber@hotmail.com | Viewer | |
| Liliane Stiedemann | Global Research Specialist | liliane_stiedemann@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 |
|---|---|---|
Julie Becker Legacy Communications Specialist julie.becker@gmail.com | Member | |
Else Kessler Chief Division Architect else.kessler89@yahoo.com | Admin | |
Kaylee Murray Product Integration Developer kaylee_murray91@hotmail.com | Admin | |
Rossie Torphy Forward Identity Producer rossie.torphy52@yahoo.com | Member | |
Buford Lynch Chief Brand Officer buford.lynch58@yahoo.com | Viewer | |
Ruben Waters Forward Paradigm Strategist ruben.waters68@yahoo.com | Viewer |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
D'angelo Flatley Forward Security Supervisor dangelo_flatley@yahoo.com | Member | |
Kelvin Brown Central Operations Representative kelvin.brown@gmail.com | Member | |
Kenya Sporer District Markets Supervisor kenya_sporer@gmail.com | Admin | |
Constance Homenick District Directives Executive constance_homenick@yahoo.com | Viewer | |
Liana Turner Corporate Metrics Engineer liana_turner80@yahoo.com | Member | |
Hilton Jacobi Internal Paradigm Coordinator hilton_jacobi@gmail.com | Admin | |
Isaias Raynor Direct Identity Architect isaias_raynor@gmail.com | Viewer | |
Terrance Schaden Senior Branding Executive terrance.schaden98@gmail.com | Viewer | |
Helene Romaguera Chief Usability Representative helene.romaguera91@gmail.com | Member | |
Enola Lueilwitz Legacy Implementation Supervisor enola.lueilwitz@hotmail.com | Viewer | |
Tierra Flatley Future Research Analyst tierra_flatley45@yahoo.com | Member | |
Dessie Vandervort Central Security Coordinator dessie_vandervort67@yahoo.com | Member | |
Angelina Senger Lead Marketing Supervisor angelina_senger@hotmail.com | Admin | |
Yasmin Flatley International Directives Administrator yasmin.flatley1@gmail.com | Member | |
Monte Russel Senior Markets Executive monte.russel24@yahoo.com | Member | |
Brigitte Quigley District Functionality Engineer brigitte.quigley@hotmail.com | Viewer | |
Christelle Carroll Forward Group Officer christelle_carroll@gmail.com | Viewer | |
Barbara Heller National Web Liaison barbara_heller@hotmail.com | Viewer | |
Evangeline Hermann Regional Brand Producer evangeline.hermann@gmail.com | Viewer | |
Elinore Grant Dynamic Marketing Supervisor elinore_grant36@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 | |
|---|---|---|---|---|
| Latoya Huels | rita.zemlak13@hotmail.com | West Morganton | Active | $6.49 |
| Jeremy Breitenberg | flo61@hotmail.com | Port Rhiannoncester | Active | $627.72 |
| Heidi Price | jaquan_mitchell6@gmail.com | South Lamarmouth | Inactive | $957.33 |
| Winston Cruickshank | troy.abbott@hotmail.com | Olsonhaven | Inactive | $287.88 |
| Kara Veum | jensen78@yahoo.com | West Amaliastad | Inactive | $1,108.58 |
| Total | $2,988.00 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Alfred Swaniawski @jena.hammes29 | davon.fay98@gmail.com | Kellenfurt | Active | $437.74 |
Cedric Cormier @lourdes.douglas81 | freeman_prohaska9@gmail.com | Port Kayli | Active | $1,016.14 |
Sonya Jast @neva_wisozk | sophie.rosenbaum@hotmail.com | Lake Lerafort | Inactive | $1,070.57 |
Jackie Wisoky @weston.conroy35 | lexie7@gmail.com | Port Tianafurt | Inactive | $674.47 |
Penny Fay IV @gino54 | reymundo.christiansen@hotmail.com | Brooklynborough | Active | $354.64 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Eunice Yundt | jerel.kilback12@gmail.com | Jordynville | Inactive | $1,142.69 |
| Bill Kassulke-Quigley | brielle_spinka@yahoo.com | South Miles | Active | $295.03 |
| Ms. Mamie Wuckert | alexandra17@gmail.com | South Montanabury | Active | $1,037.62 |
| Alice Weissnat | jamil_ernser9@yahoo.com | Fort Elta | Active | $474.95 |
| Miss Beulah Durgan III | ron_emmerich15@hotmail.com | Ashlynnfort | Active | $1,154.71 |
| Total | $4,105.00 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Marvin Ratke | nils_hackett6@yahoo.com | Wainostad | Active | $394.81 |
| Mrs. Teri Frami | kirsten78@gmail.com | South Mallory | Active | $407.44 |
| June Beier | malinda_hoeger@hotmail.com | Kihnside | Active | $728.23 |
| Craig Romaguera III | joshua_cremin@gmail.com | Amiemouth | Active | $1,031.70 |
| Dr. Jacob Wolf | willie.kiehn63@yahoo.com | New Juniuscester | Inactive | $212.55 |
| Total | $2,774.73 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Kyle Parker | reed62@gmail.com | East Ashlynnfort | Active | $1,100.96 |
| Santos Jakubowski | raphaelle3@yahoo.com | Lompoc | Active | $655.89 |
| Daryl Mraz | jeffrey.aufderhar54@yahoo.com | Feeneyville | Inactive | $560.39 |
| Bill Greenfelder | betty.romaguera@hotmail.com | Bergnaumbury | Inactive | $1,102.81 |
| Christine Goodwin DDS | elwin.tromp17@gmail.com | Horacestead | Inactive | $1,152.86 |
| Total | $4,572.91 | |||
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 | ||
|---|---|---|---|---|---|
| Julio Champlin | jaclyn.rowe-upton44@hotmail.com | Midland | Active | $1,013.53 | |
| Reginald Rowe IV | rodolfo.halvorson2@gmail.com | Gainesville | Inactive | $860.36 | |
| Miss Tara Feil | jeanette_buckridge@hotmail.com | Bahringerborough | Active | $124.22 | |
| Reginald Von | ari.prosacco82@hotmail.com | Neldaport | Active | $644.81 | |
| Clifton Luettgen | charley.rogahn@gmail.com | Hayesburgh | Inactive | $724.61 | |
| Total | $3,367.53 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Velma Walter | aglae_carroll@hotmail.com | Swiftberg | Active | $269.49 | |
| Marion Trantow Jr. | shane_will40@hotmail.com | Dionshire | Inactive | $798.20 | |
| Regina Greenholt | retha.romaguera96@yahoo.com | Gutkowskiberg | Inactive | $1,147.23 | |
| Kate Klein | jayson_macgyver@hotmail.com | Littleton | Inactive | $487.87 | |
| Bertha Purdy | monique.lehner-bernier@yahoo.com | Schummstad | Active | $917.05 | |
| Total | $3,619.84 | ||||
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 | |
|---|---|---|---|---|
| Ms. Rosa Beahan-Hegmann | toni44@hotmail.com | Spokane Valley | Inactive | $149.54 |
| Dawn Emmerich | irving_stanton@gmail.com | Eloisaberg | Inactive | $631.98 |
| Sheryl Reilly V | ashley3@hotmail.com | New Mabelfort | Active | $418.63 |
| Dr. Christian Bosco | ted.mitchell-rippin88@hotmail.com | Mantefield | Inactive | $816.00 |
| Ted Torphy | demario.lehner@yahoo.com | Erichfort | Inactive | $525.40 |
| Darrel Cartwright | marilou46@hotmail.com | Jonesborough | Inactive | $1,074.49 |
| Philip Maggio | gonzalo.barrows-pfeffer@gmail.com | Santa Fe | Inactive | $610.01 |
| Jerry Harber | leonel_leannon@hotmail.com | Fort Gladyce | Inactive | $207.28 |
| Shannon Miller | jerad.kautzer-brakus12@gmail.com | Estebantown | Active | $1,152.74 |
| Gilberto Spinka | lee.brakus27@yahoo.com | Lake Elliottview | Active | $115.56 |
| Elias Hagenes | tommie35@gmail.com | North Cielo | Active | $250.01 |
| Byron Ebert | jada77@hotmail.com | West Daniela | Inactive | $1,174.91 |
| Kim Wunsch | mellie.okuneva@yahoo.com | Lukaston | Inactive | $477.31 |
| Don Reynolds | sharon71@yahoo.com | Bayertown | Active | $1,164.29 |
| Dr. Carroll Carter | elmira29@yahoo.com | Fort Melba | Inactive | $61.34 |
| Total | $8,829.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 |

