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 | PayPal | $503.73 |
| INV002 | Unpaid | Credit Card | $912.12 |
| INV003 | Pending | Credit Card | $576.18 |
| INV004 | Pending | Credit Card | $388.84 |
| INV005 | Unpaid | Bank Transfer | $334.29 |
| INV006 | Unpaid | Bank Transfer | $206.78 |
| INV007 | Unpaid | PayPal | $288.32 |
| Total | $3,210.26 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Filomena Wunsch | Investor Optimization Specialist | filomena.wunsch79@gmail.com | Admin | |
| Rupert Runolfsdottir | Lead Infrastructure Assistant | rupert.runolfsdottir22@hotmail.com | Member | |
| Elliott McClure | Central Research Designer | elliott_mcclure64@hotmail.com | Viewer | |
| Eva Hyatt | Lead Solutions Facilitator | eva.hyatt@yahoo.com | Viewer | |
| Nico Howe | National Paradigm Administrator | nico_howe@yahoo.com | Member | |
| Kaleigh Dach | Product Research Officer | kaleigh_dach2@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 |
|---|---|---|
Betty Stamm Direct Functionality Executive betty.stamm13@hotmail.com | Viewer | |
Christine Block National Quality Analyst christine.block6@gmail.com | Member | |
Zackary Marks National Tactics Liaison zackary_marks@yahoo.com | Member | |
Sydnie Kuhlman-Goldner Direct Operations Supervisor sydnie.kuhlman-goldner68@yahoo.com | Admin | |
Michel Rodriguez Internal Security Liaison michel_rodriguez@hotmail.com | Member | |
Oliver Stoltenberg Chief Metrics Orchestrator oliver.stoltenberg45@hotmail.com | Viewer |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Rubie Reilly Central Optimization Designer rubie_reilly@hotmail.com | Viewer | |
Alexie Pollich-Walker Dynamic Group Director alexie.pollich-walker41@gmail.com | Member | |
Ted Runolfsson Investor Factors Officer ted.runolfsson@hotmail.com | Viewer | |
Sophie Bartell National Configuration Administrator sophie.bartell@hotmail.com | Admin | |
Monte Purdy-Collier Corporate Marketing Representative monte.purdy-collier8@gmail.com | Admin | |
Nash Roob Customer Optimization Orchestrator nash_roob@yahoo.com | Member | |
Lillie Renner-Grant Central Communications Associate lillie.renner-grant0@yahoo.com | Viewer | |
Lawson Klocko Human Implementation Supervisor lawson_klocko@gmail.com | Member | |
Shannon Ratke Chief Security Agent shannon_ratke@yahoo.com | Admin | |
Eve Zieme Lead Intranet Developer eve.zieme14@yahoo.com | Admin | |
Cathy Smith Dynamic Data Technician cathy_smith@gmail.com | Viewer | |
Brandon Skiles Regional Creative Liaison brandon_skiles90@gmail.com | Member | |
Blanche Lebsack Lead Tactics Assistant blanche.lebsack@hotmail.com | Member | |
Janis Christiansen Regional Accountability Coordinator janis_christiansen@yahoo.com | Admin | |
Geovany Borer Corporate Program Planner geovany_borer58@gmail.com | Member | |
Clinton Leffler Senior Factors Analyst clinton.leffler95@gmail.com | Admin | |
Hayden Howell Investor Accounts Supervisor hayden_howell43@hotmail.com | Admin | |
Jaycee Reichel International Markets Designer jaycee_reichel70@gmail.com | Viewer | |
Kayla Willms Corporate Creative Planner kayla_willms@gmail.com | Admin | |
Lindsay Jenkins Regional Markets Producer lindsay.jenkins@hotmail.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 | |
|---|---|---|---|---|
| Mr. Ray Steuber | shyanne.hagenes4@hotmail.com | Fort Cordeliashire | Active | $872.41 |
| Dr. Bobbie Orn | birdie_corkery39@yahoo.com | Orinborough | Inactive | $130.05 |
| Janet Johns | silas.tillman29@yahoo.com | Port Brielle | Active | $865.25 |
| Gregory Moore-Hessel | terrell_greenfelder@gmail.com | San Angelo | Inactive | $849.65 |
| Dr. Roger Parker-Kovacek | delmer.koelpin26@gmail.com | D'Amoreworth | Active | $27.03 |
| Total | $2,744.39 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Glenn Herzog @christine.hayes | dannie.schneider22@yahoo.com | Cruzside | Inactive | $1,058.50 |
Cary Greenholt @may41 | shea_dietrich30@hotmail.com | Lonieworth | Inactive | $298.25 |
Cameron Ernser @luella.russel | name4@hotmail.com | Skylarworth | Inactive | $916.84 |
Lucas Will @rosalee_anderson61 | chadrick93@hotmail.com | Oberbrunnerbury | Active | $249.44 |
Samantha Keebler MD @hailey_kirlin | quinten.ritchie35@hotmail.com | Marjorieview | Active | $1,082.62 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Winifred Boehm | malvina_barton36@yahoo.com | Wardfield | Inactive | $1,028.42 |
| Eva Shanahan | dortha_daugherty@yahoo.com | Wilmington | Active | $225.72 |
| Ethel Carter | kaylah_kemmer@gmail.com | Donshire | Active | $1,094.36 |
| Jessie Green | marcella_wolff@yahoo.com | Lysanneside | Active | $1,078.40 |
| Cora Swaniawski | jerome10@hotmail.com | Euclid | Active | $1,122.28 |
| Total | $4,549.18 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Kim Jast | oma.parisian@gmail.com | Florence-Graham | Inactive | $363.85 |
| Neal Haley | colin70@hotmail.com | New Ara | Active | $433.09 |
| Mr. Leonard Nitzsche | charles81@yahoo.com | Fort Raphaelleland | Inactive | $296.61 |
| Ms. Isabel Jast | jayde48@yahoo.com | Allentown | Active | $580.63 |
| Carla Nitzsche III | terrence60@hotmail.com | Lake Clay | Inactive | $824.32 |
| Total | $2,498.50 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Dr. Barry Bahringer | michael99@yahoo.com | Lake Damionport | Inactive | $229.78 |
| Cody Krajcik-Tromp | dante47@hotmail.com | Valentinamouth | Active | $1,067.41 |
| Della Stark | andres78@gmail.com | Juniorfield | Active | $1,101.61 |
| Dr. Johnathan Schiller | chadrick_hilpert-hammes47@yahoo.com | Lake Grant | Active | $12.60 |
| Veronica Sanford | lolita3@hotmail.com | South Marleeburgh | Inactive | $33.25 |
| Total | $2,444.65 | |||
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 | ||
|---|---|---|---|---|---|
| Pedro Tillman | mara.mayer91@gmail.com | Tyrellbury | Active | $216.75 | |
| Karla Lowe | leslie.dooley@yahoo.com | West Yoshiko | Active | $83.93 | |
| Ashley Stark | wilmer28@yahoo.com | Considinefort | Inactive | $1,056.05 | |
| Bruce O'Reilly | nash.bednar@gmail.com | Fayburgh | Inactive | $580.70 | |
| Sadie Schmeler-Paucek | grayson_johns@hotmail.com | Walnut Creek | Active | $218.69 | |
| Total | $2,156.12 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Faith Koepp DDS | judson.lakin72@gmail.com | Huntsville | Inactive | $1,198.49 | |
| Ernestine Kertzmann | cristina_anderson@hotmail.com | West Janick | Active | $1,061.25 | |
| Ms. Elaine Runte | albina.kutch87@gmail.com | Christinaboro | Active | $518.16 | |
| Clyde O'Connell | al.streich6@gmail.com | Joburgh | Inactive | $1,126.30 | |
| Erika Lesch | lavon_mcglynn96@yahoo.com | North Tommie | Active | $698.50 | |
| Total | $4,602.70 | ||||
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 | |
|---|---|---|---|---|
| Gertrude Bosco | linnea24@yahoo.com | Brantmouth | Active | $866.13 |
| Minnie Flatley | madisyn_barton@gmail.com | Swiftland | Active | $1,183.97 |
| Rachel Maggio | althea_ohara75@gmail.com | Corwinstead | Active | $126.95 |
| Robin Monahan | karley.lakin14@hotmail.com | Esmeraldaburgh | Active | $990.74 |
| Lois McClure | camden21@gmail.com | Lake Gwendolyn | Inactive | $1,042.29 |
| Jacob Kunde | kattie.graham29@gmail.com | South Jefferey | Active | $334.80 |
| Gertrude Collier | columbus.conn44@hotmail.com | Fort Demetris | Inactive | $920.27 |
| Leo Murphy-Luettgen | arthur44@hotmail.com | West Dillan | Active | $34.75 |
| Ruth Collier II | ashleigh.bruen30@hotmail.com | Fort Isabelle | Inactive | $947.88 |
| Shelia Howe | annamae20@hotmail.com | McLaughlinburgh | Active | $64.85 |
| Laurence Terry PhD | margie.ward73@hotmail.com | Port Eula | Inactive | $606.83 |
| Megan Lubowitz | selina96@yahoo.com | New Ginoport | Inactive | $38.11 |
| Mattie Sauer-Russel | wava.macgyver-koepp98@gmail.com | Fort Florine | Active | $196.89 |
| Winifred Denesik | mariah_morissette@gmail.com | Port Sadye | Inactive | $1,076.43 |
| Mr. Nelson Wuckert | holden.hintz@hotmail.com | Cuyahoga Falls | Inactive | $153.43 |
| Total | $8,584.32 | |||
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 |


