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 | Pending | Credit Card | $906.96 |
| INV002 | Unpaid | Bank Transfer | $865.97 |
| INV003 | Pending | Credit Card | $713.59 |
| INV004 | Unpaid | PayPal | $422.47 |
| INV005 | Paid | PayPal | $863.54 |
| INV006 | Paid | Bank Transfer | $268.82 |
| INV007 | Unpaid | Bank Transfer | $202.71 |
| Total | $4,244.06 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Neil Sauer | Global Data Engineer | neil_sauer@gmail.com | Viewer | |
| Khalil Hegmann | Customer Metrics Technician | khalil.hegmann@hotmail.com | Member | |
| Turner Jast | Corporate Web Engineer | turner_jast83@yahoo.com | Member | |
| Casper Veum | Product Communications Officer | casper.veum@hotmail.com | Member | |
| Alexis Herman | Principal Implementation Technician | alexis.herman@yahoo.com | Member | |
| Kamryn Maggio | Future Markets Planner | kamryn.maggio@yahoo.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 |
|---|---|---|
Lucio Dietrich Central Accounts Producer lucio_dietrich61@hotmail.com | Admin | |
Natasha Klocko Corporate Security Coordinator natasha_klocko74@gmail.com | Member | |
Leanna Kohler Central Response Supervisor leanna_kohler@hotmail.com | Viewer | |
Orin Spinka Human Security Developer orin.spinka82@hotmail.com | Member | |
Dena Bartell Customer Paradigm Officer dena_bartell@yahoo.com | Viewer | |
Edythe Jacobs Regional Implementation Developer edythe.jacobs13@gmail.com | Admin |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Braxton Cassin National Brand Strategist braxton.cassin@hotmail.com | Admin | |
Denis Gorczany Forward Creative Specialist denis.gorczany@yahoo.com | Member | |
Garrett Pfeffer Dynamic Accounts Assistant garrett.pfeffer38@yahoo.com | Viewer | |
Cheyenne Veum Global Implementation Designer cheyenne.veum@yahoo.com | Admin | |
Ezekiel Parker Forward Creative Director ezekiel.parker@yahoo.com | Member | |
Carlie D'Amore Investor Integration Executive carlie_damore75@gmail.com | Member | |
Brook Mraz Customer Web Designer brook_mraz@yahoo.com | Admin | |
Kaylin Berge Investor Interactions Associate kaylin.berge97@hotmail.com | Admin | |
Franz Hand National Data Assistant franz.hand6@hotmail.com | Viewer | |
Nelda Schamberger Legacy Interactions Planner nelda_schamberger62@gmail.com | Member | |
Norris McLaughlin Legacy Optimization Facilitator norris.mclaughlin0@hotmail.com | Admin | |
Joshua Wisozk Human Functionality Strategist joshua.wisozk@hotmail.com | Member | |
Javon Hartmann Corporate Communications Designer javon.hartmann@gmail.com | Member | |
Afton Trantow National Usability Administrator afton_trantow29@yahoo.com | Viewer | |
Derek Rosenbaum Corporate Infrastructure Developer derek_rosenbaum6@yahoo.com | Viewer | |
Alexanne Ritchie Internal Markets Technician alexanne.ritchie57@hotmail.com | Member | |
Piper Hauck Customer Usability Supervisor piper_hauck@yahoo.com | Viewer | |
Kris Corwin Product Assurance Producer kris.corwin50@yahoo.com | Viewer | |
Colten Tromp Global Configuration Planner colten_tromp@hotmail.com | Viewer | |
Darrin Heathcote Senior Functionality Engineer darrin.heathcote@yahoo.com | Viewer |
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 | |
|---|---|---|---|---|
| Chris Ruecker | aditya.nolan92@yahoo.com | Port Jayme | Inactive | $685.94 |
| Travis Keeling | mae_rau@yahoo.com | Fort Everette | Inactive | $381.18 |
| Dorothy Muller | jamel_jones76@gmail.com | Tuscaloosa | Active | $753.93 |
| Wallace Kiehn | jane.mckenzie@hotmail.com | Naderview | Active | $772.91 |
| Melissa Yundt | milford_armstrong21@gmail.com | Cummingsport | Inactive | $1,158.23 |
| Total | $3,752.19 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Brittany Heidenreich @buddy_lynch46 | germaine.klocko-keebler@hotmail.com | North Verlachester | Active | $1,066.23 |
Jenna Cartwright @walter_macgyver | caitlyn_roob90@gmail.com | North Brandtport | Active | $437.86 |
Doug Robel @jarrell65 | brannon_mccullough@yahoo.com | Lexington-Fayette | Inactive | $235.28 |
Blanca Jast @coleman82 | kim.schmidt26@hotmail.com | Kalliemouth | Inactive | $743.75 |
Douglas Beatty @shanon_beahan | isabella_schiller@hotmail.com | South Elyssaport | Active | $96.23 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Loren Thiel | eldora_little@gmail.com | Halvorsonview | Inactive | $889.27 |
| Beatrice Bernier | nick3@hotmail.com | Dantemouth | Inactive | $624.17 |
| Preston McClure | jessika.armstrong@hotmail.com | Dominicmouth | Active | $807.41 |
| Chad MacGyver | leo_hoeger@yahoo.com | New Marion | Inactive | $913.43 |
| Ralph Ullrich | stone_brakus40@gmail.com | North Meghan | Inactive | $352.86 |
| Total | $3,587.14 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Ann Jast | vallie29@yahoo.com | Douglasshire | Inactive | $1,006.77 |
| Eugene Jacobs | genoveva_cartwright@yahoo.com | New Jeffery | Active | $407.82 |
| Doreen Rath | anahi42@gmail.com | Amyworth | Inactive | $491.73 |
| Margie Ritchie | belle74@yahoo.com | Samirstead | Active | $1,028.19 |
| Van Brakus | lee50@yahoo.com | North Hudson | Active | $1,033.17 |
| Total | $3,967.68 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Becky Wolf | phyllis.smith47@hotmail.com | East Katrina | Inactive | $38.86 |
| Georgia VonRueden | gardner56@yahoo.com | Lynchberg | Active | $252.96 |
| Jo Littel II | abigale.rice62@hotmail.com | New Vanboro | Inactive | $505.41 |
| Mike Kub | camren45@hotmail.com | Ferminborough | Inactive | $931.58 |
| Ella Gerlach | kaycee.stehr@gmail.com | Erdmanland | Inactive | $583.94 |
| Total | $2,312.75 | |||
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 | ||
|---|---|---|---|---|---|
| Leah Yundt | lester_schaefer63@gmail.com | Erdmanburgh | Inactive | $1,080.75 | |
| Dr. Jan Weber | shaylee80@hotmail.com | Wittingfort | Active | $508.64 | |
| Eric Heller | clair.russel49@yahoo.com | Anderson | Active | $226.65 | |
| Lula Mann | hunter.kub20@yahoo.com | North Darrenland | Inactive | $507.75 | |
| Brooke Gulgowski | cordia_haley82@hotmail.com | Lake Alexandroton | Inactive | $854.98 | |
| Total | $3,178.77 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Erin Turner | ellsworth92@gmail.com | South Sheridan | Active | $191.82 | |
| Krista Wehner | ofelia.kub-white@hotmail.com | Heberton | Active | $521.50 | |
| June Koss | nadia23@yahoo.com | Port Jess | Active | $53.16 | |
| Dwayne Kunde | samir.koepp-schaden@yahoo.com | East Kennedyshire | Active | $190.93 | |
| Rex Pollich | edythe.hegmann@gmail.com | Trechester | Active | $818.14 | |
| Total | $1,775.55 | ||||
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 | |
|---|---|---|---|---|
| Glenn Barrows | jackie16@hotmail.com | Pittsburgh | Active | $350.40 |
| Jared Bruen | clint_breitenberg@gmail.com | West Landenfield | Active | $431.16 |
| Lynn Zulauf PhD | sam_leffler40@gmail.com | San Buenaventura (Ventura) | Inactive | $143.16 |
| Teresa DuBuque | vesta98@gmail.com | Port Yessenia | Active | $966.10 |
| Peggy Kshlerin | matteo1@yahoo.com | Redondo Beach | Inactive | $389.32 |
| Ida Vandervort | osvaldo33@gmail.com | Marvinshire | Active | $736.29 |
| Loretta Prohaska | percy95@yahoo.com | Port Janessaworth | Inactive | $301.18 |
| Brad Marquardt | nelle19@hotmail.com | Kossland | Inactive | $488.27 |
| Brenda Morar | presley5@hotmail.com | Fort Noel | Active | $1,181.41 |
| Gerardo Skiles | crystel_dubuque@hotmail.com | Lake Arielle | Active | $70.12 |
| Nicole Dibbert | muriel.hermann20@hotmail.com | Garlandview | Inactive | $518.20 |
| Miss Christine Murazik | isabelle.daugherty-brown@gmail.com | Boyercester | Active | $84.99 |
| Margarita Murazik | piper83@gmail.com | Murielside | Active | $281.71 |
| Mrs. Desiree Spinka | emie.maggio8@hotmail.com | Uptonmouth | Active | $102.18 |
| Mr. Lynn Prosacco | gerard_smitham73@gmail.com | West Ofeliaton | Inactive | $192.06 |
| Total | $6,236.55 | |||
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 |

