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 | $604.10 |
| INV002 | Unpaid | PayPal | $564.51 |
| INV003 | Paid | Bank Transfer | $195.14 |
| INV004 | Paid | Credit Card | $713.99 |
| INV005 | Pending | PayPal | $981.74 |
| INV006 | Unpaid | Credit Card | $598.57 |
| INV007 | Pending | Credit Card | $810.60 |
| Total | $4,468.65 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Elvera Klocko | Future Intranet Associate | elvera.klocko@gmail.com | Member | |
| Sasha Hegmann | Central Data Assistant | sasha.hegmann@yahoo.com | Viewer | |
| Allen Cummings | Product Optimization Coordinator | allen.cummings@yahoo.com | Viewer | |
| Ariane Lehner | Central Group Orchestrator | ariane_lehner@yahoo.com | Viewer | |
| Michelle Fisher | Corporate Brand Planner | michelle_fisher@hotmail.com | Admin | |
| Melanie Bosco | Lead Brand Supervisor | melanie.bosco34@hotmail.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 |
|---|---|---|
Delores Runolfsson Forward Data Associate delores_runolfsson45@yahoo.com | Viewer | |
Kristopher Barton Principal Response Technician kristopher.barton17@gmail.com | Viewer | |
Ciara Wuckert District Directives Designer ciara_wuckert25@gmail.com | Admin | |
Cecil Runolfsdottir Chief Response Strategist cecil_runolfsdottir@hotmail.com | Admin | |
Sam Schiller Lead Security Developer sam_schiller61@yahoo.com | Admin | |
Lois Littel Customer Branding Technician lois.littel@gmail.com | Viewer |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Agustina Boyle Human Assurance Developer agustina_boyle@yahoo.com | Viewer | |
Eudora Kohler International Functionality Director eudora_kohler@gmail.com | Viewer | |
Aubrey Franecki Dynamic Research Supervisor aubrey.franecki@yahoo.com | Viewer | |
Edwin Rohan Lead Response Producer edwin_rohan99@hotmail.com | Viewer | |
Sheldon Hamill-Smith Principal Identity Architect sheldon.hamill-smith55@yahoo.com | Member | |
Caden Durgan District Accounts Representative caden.durgan69@gmail.com | Viewer | |
Elizabeth Schmidt Investor Tactics Developer elizabeth_schmidt7@hotmail.com | Member | |
Rebekah Cronin Chief Accounts Facilitator rebekah_cronin23@hotmail.com | Member | |
Abner Turner International Integration Director abner_turner@yahoo.com | Admin | |
Kendra Franey-Macejkovic Chief Integration Supervisor kendra_franey-macejkovic94@yahoo.com | Admin | |
Johanna Little Future Accounts Coordinator johanna_little24@gmail.com | Viewer | |
Chelsie Gutmann Global Paradigm Agent chelsie_gutmann@yahoo.com | Member | |
Deron Kulas Product Factors Strategist deron_kulas36@yahoo.com | Member | |
Lola Abshire Direct Paradigm Supervisor lola.abshire25@yahoo.com | Viewer | |
Wiley Mante Direct Response Manager wiley.mante@yahoo.com | Member | |
Moriah Ondricka Investor Optimization Technician moriah.ondricka43@gmail.com | Admin | |
Sylvia Streich District Group Administrator sylvia.streich@hotmail.com | Admin | |
Retha Mann Corporate Directives Producer retha.mann@gmail.com | Member | |
Harold Terry International Response Designer harold.terry28@yahoo.com | Member | |
Carla Cummerata Internal Research Director carla.cummerata@gmail.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 | |
|---|---|---|---|---|
| Glenn Grimes-Bauch | destin67@yahoo.com | East Victorview | Active | $24.15 |
| Maeve Stracke | katharina62@yahoo.com | West Sacramento | Inactive | $8.46 |
| Victoria Sipes V | melinda_kessler13@hotmail.com | Alexafield | Active | $656.59 |
| Reginald Bosco | armando29@gmail.com | New Wilberbury | Active | $568.56 |
| Verda Terry | karlee30@gmail.com | Jacobifield | Inactive | $1,172.56 |
| Total | $2,430.32 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Mckenna Kohler @christa15 | joesph.boehm@yahoo.com | Fort Sylvan | Inactive | $875.69 |
Gregg Wuckert @adrian15 | brittany.casper12@yahoo.com | Miami Gardens | Inactive | $651.40 |
Leroy Harber @jackie_barrows | coy90@gmail.com | Rodriguezstead | Inactive | $399.92 |
Kieran Gorczany @mae.brakus-hirthe | heather_dicki@yahoo.com | Port Antoniochester | Inactive | $181.85 |
Annabel Dibbert-Ondricka @leda63 | maeve_price@gmail.com | Flatleycester | Inactive | $259.62 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Toni Lindgren | jackeline84@hotmail.com | Tacoma | Active | $817.95 |
| Mr. Josie Green II | dandre87@yahoo.com | South Jaqueline | Active | $1,176.20 |
| Jordan Blick | sam.hoeger@yahoo.com | South Jeramyborough | Active | $813.82 |
| Sophie Haag | jaylon.berge60@yahoo.com | West Lorineport | Active | $636.11 |
| Sherwood Kshlerin | henry.padberg50@gmail.com | Kundeview | Inactive | $530.50 |
| Total | $3,974.58 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Ova Wiza | itzel.roob65@gmail.com | Shawnee | Active | $1,143.87 |
| Erin Farrell III | claudia98@hotmail.com | Merced | Active | $661.71 |
| Winnifred Nolan | kailey65@yahoo.com | Kreigerland | Active | $301.55 |
| Rosie Predovic | jack.johns0@hotmail.com | Grand Junction | Active | $1,027.06 |
| Jessica Welch | chris.hirthe40@hotmail.com | New Leilani | Inactive | $455.27 |
| Total | $3,589.46 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Donna Rowe | rufus40@hotmail.com | South Kittyport | Active | $1,000.17 |
| Daija Gerlach V | monique_hansen@yahoo.com | Port Hugofield | Inactive | $688.03 |
| Mario Steuber I | tatyana.halvorson@hotmail.com | Tarastad | Active | $484.11 |
| Leigh Bahringer | anne.white38@hotmail.com | South Kenya | Active | $634.96 |
| Gunner Swaniawski V | myra58@gmail.com | New Jany | Active | $1,127.20 |
| Total | $3,934.47 | |||
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 | ||
|---|---|---|---|---|---|
| Ellis Bode | angelo_fadel22@yahoo.com | Allanburgh | Inactive | $805.66 | |
| Sandra Langworth | arlene58@gmail.com | Welchton | Inactive | $542.45 | |
| Dr. Idell Jakubowski V | leah82@yahoo.com | McKenziehaven | Active | $325.07 | |
| Clare Schiller | rhett22@yahoo.com | East Daniela | Inactive | $188.59 | |
| Genevieve Conroy | grady77@gmail.com | Littleton | Inactive | $429.10 | |
| Total | $2,290.87 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Aaron Harris | randolph.hermann@gmail.com | Melvinmouth | Active | $768.29 | |
| Dessie Ryan | isidro_cormier68@gmail.com | Weissnatworth | Inactive | $302.70 | |
| Krista Legros | otis.gerhold44@hotmail.com | New Jaeden | Active | $820.86 | |
| Colin Labadie | vickie.gleichner6@hotmail.com | Lake Earlmouth | Active | $401.16 | |
| Floyd Carter | russel73@gmail.com | East Annestead | Active | $744.65 | |
| Total | $3,037.66 | ||||
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 | |
|---|---|---|---|---|
| Oswaldo Leffler-Corkery DDS | christopher_veum@yahoo.com | Lake Anitamouth | Active | $902.54 |
| Donnie Wintheiser | sanford43@gmail.com | Newport Beach | Active | $943.58 |
| Marjorie Armstrong | leila_koepp@yahoo.com | East Lansing | Active | $412.77 |
| Thora Schmidt | darla_kihn39@gmail.com | East Noemie | Active | $230.48 |
| Dr. Viola Ziemann | ada_collier@hotmail.com | Lake Dianeside | Inactive | $1,110.41 |
| Macie Kuhic | eleanore_becker@hotmail.com | South Kennediburgh | Inactive | $118.22 |
| Roselyn Howe | aiden_willms90@yahoo.com | Ferrystead | Inactive | $487.37 |
| Sebastian Bailey | nichole56@hotmail.com | Layton | Active | $840.25 |
| Rachel King | alisa49@yahoo.com | Morarton | Active | $1,082.60 |
| Anissa Ernser | grayson_carroll93@gmail.com | South Lorraine | Active | $721.20 |
| Melanie Raynor | florence_dibbert@hotmail.com | South Berenice | Active | $121.20 |
| Ross Stamm III | abel29@hotmail.com | West Johathan | Inactive | $638.95 |
| Dr. Melyna Jenkins | mindy_treutel76@hotmail.com | Bedford | Inactive | $325.58 |
| Trycia O'Hara | harmony11@hotmail.com | Beattyworth | Inactive | $1,016.75 |
| Shyann Bechtelar | clarissa_mclaughlin10@yahoo.com | Frederiquemouth | Inactive | $313.36 |
| Total | $9,265.26 | |||
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 |
