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 | $618.58 |
| INV002 | Paid | Bank Transfer | $689.40 |
| INV003 | Pending | Bank Transfer | $662.32 |
| INV004 | Unpaid | PayPal | $178.64 |
| INV005 | Paid | PayPal | $413.60 |
| INV006 | Pending | Bank Transfer | $621.06 |
| INV007 | Unpaid | Bank Transfer | $127.56 |
| Total | $3,311.16 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Ella Greenfelder | Investor Research Technician | ella.greenfelder69@yahoo.com | Admin | |
| Anabel Hammes | Central Factors Manager | anabel.hammes3@hotmail.com | Admin | |
| Rhonda Hoeger | Central Configuration Administrator | rhonda_hoeger@hotmail.com | Admin | |
| Janelle Kub | Human Paradigm Facilitator | janelle.kub@hotmail.com | Member | |
| Mikayla Brown | Investor Accountability Officer | mikayla.brown@hotmail.com | Member | |
| Tyshawn Rodriguez | Customer Operations Technician | tyshawn_rodriguez21@hotmail.com | Member |
Stacked on mobile
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Ramona Schmidt Lead Identity Engineer ramona_schmidt63@yahoo.com | Member | |
Conrad Hettinger Chief Identity Associate conrad_hettinger63@yahoo.com | Member | |
Evan Corkery Lead Directives Strategist evan_corkery@yahoo.com | Admin | |
Pierre Effertz Dynamic Branding Architect pierre_effertz77@yahoo.com | Admin | |
Charlene Muller Global Optimization Facilitator charlene.muller45@hotmail.com | Viewer | |
Sadie Swaniawski Global Communications Supervisor sadie.swaniawski31@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 |
|---|---|---|
Giovanni Cruickshank Investor Web Coordinator giovanni.cruickshank53@hotmail.com | Member | |
Grant Prohaska Product Branding Consultant grant.prohaska10@yahoo.com | Member | |
Cassandre Schmitt Human Marketing Administrator cassandre_schmitt@gmail.com | Member | |
Deontae Shields Principal Markets Officer deontae.shields@hotmail.com | Admin | |
Toy Greenholt Customer Accountability Developer toy_greenholt@hotmail.com | Viewer | |
Casimer Pfannerstill Internal Response Specialist casimer_pfannerstill72@yahoo.com | Admin | |
Edd Wisoky Customer Program Developer edd.wisoky99@gmail.com | Viewer | |
Xavier Quigley International Security Manager xavier_quigley@gmail.com | Admin | |
Darrel Connelly Human Integration Technician darrel_connelly@yahoo.com | Admin | |
Josefina Marvin Forward Security Consultant josefina.marvin@hotmail.com | Viewer | |
Elva Hauck Future Optimization Supervisor elva.hauck19@yahoo.com | Member | |
Natasha Collier Customer Creative Director natasha_collier@yahoo.com | Viewer | |
June Smitham Internal Group Liaison june.smitham69@yahoo.com | Admin | |
Marlene Reinger Product Data Specialist marlene_reinger@gmail.com | Member | |
Vernon Marvin District Infrastructure Orchestrator vernon.marvin8@hotmail.com | Viewer | |
Ernest Haley Central Web Director ernest.haley@hotmail.com | Member | |
Modesta Jast Central Implementation Architect modesta.jast84@yahoo.com | Viewer | |
Angelita Runolfsson Customer Metrics Strategist angelita.runolfsson@gmail.com | Admin | |
Otilia Dietrich Future Accounts Consultant otilia_dietrich@hotmail.com | Member | |
Blaise Johnson Investor Paradigm Director blaise.johnson@gmail.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 | |
|---|---|---|---|---|
| Henry Nicolas | kristopher.kuhlman77@hotmail.com | Lubbock | Inactive | $934.39 |
| Glenda Lemke | silvia87@gmail.com | Erdmanbury | Inactive | $919.34 |
| Adele Koss | elisabeth_thompson94@hotmail.com | Gilbert | Active | $716.58 |
| Dr. Kenya Schamberger | leonard86@hotmail.com | South Meagan | Inactive | $26.62 |
| Troy O'Keefe | soledad67@yahoo.com | South Orland | Inactive | $120.45 |
| Total | $2,717.38 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Curtis Zemlak MD @eunice14 | kelli.kuvalis@hotmail.com | Poinciana | Inactive | $243.54 |
Dr. Marlene Upton @shari_cummings | jeanne_stehr20@hotmail.com | Fort Cornelius | Inactive | $982.43 |
Johanna Ward @ludwig.kreiger | jaclyn_kreiger@hotmail.com | New Brandistad | Active | $152.94 |
Ms. Maggie Bartoletti @ellen96 | asa_grimes77@hotmail.com | Reynoldstead | Active | $1,148.50 |
Mrs. Carla Prosacco @glen.mayer50 | reyes.howell28@gmail.com | West Cecilia | Inactive | $509.83 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Sherman Harber Sr. | wendy.pollich11@hotmail.com | Fort Georgefield | Active | $733.91 |
| Ambrose Shields | miracle_reynolds29@yahoo.com | MacGyverville | Active | $449.38 |
| Cecil Larkin | aimee25@yahoo.com | Schowaltershire | Active | $465.99 |
| Theron Flatley | payton_davis98@hotmail.com | Fort Sonnyborough | Active | $566.94 |
| Mrs. Yvette Cummerata | darby14@yahoo.com | Fort Davontefort | Inactive | $272.51 |
| Total | $2,488.73 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Ben Braun | thad77@hotmail.com | Donaldton | Inactive | $795.03 |
| Trevor Witting I | ofelia.farrell20@hotmail.com | North Agnes | Active | $536.12 |
| Judd Cruickshank | stanton60@yahoo.com | Brekkeboro | Active | $622.89 |
| Zakary Daniel | anne.flatley@yahoo.com | Rowland Heights | Inactive | $368.60 |
| Fern Gibson | josh_lueilwitz@yahoo.com | Paucektown | Inactive | $57.06 |
| Total | $2,379.70 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Karson Treutel | jenifer.powlowski37@yahoo.com | Wolfstead | Active | $103.28 |
| Mrs. Annette Johns | rafael99@hotmail.com | Port Jason | Active | $560.98 |
| Charles Schowalter I | dell_schinner@gmail.com | Lake Diegostad | Active | $928.29 |
| Glen Boyle | tavares_gottlieb25@gmail.com | Harberborough | Active | $574.52 |
| Billie Bradtke | kristin_halvorson@hotmail.com | New Lucashaven | Inactive | $649.98 |
| Total | $2,817.05 | |||
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 | ||
|---|---|---|---|---|---|
| Penny Upton-Connelly | ginger.oreilly16@hotmail.com | Ethyltown | Active | $559.38 | |
| Wendy Jacobs | kaelyn_yundt@yahoo.com | New Camille | Inactive | $536.52 | |
| Wesley Kemmer | susan.collins69@hotmail.com | Fort Toby | Inactive | $466.16 | |
| Kurt Powlowski | jeannette_murphy78@hotmail.com | Connellystad | Inactive | $732.97 | |
| Patty Klocko | domingo60@hotmail.com | Macejkovicside | Inactive | $1,150.89 | |
| Total | $3,445.92 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Mr. Orpha Jacobi | kathleen_hickle@hotmail.com | North Edwinboro | Inactive | $694.20 | |
| Sergio Fritsch Sr. | dale_feest58@hotmail.com | Jakubowskiberg | Inactive | $834.68 | |
| Armani VonRueden | elbert60@gmail.com | Yuba City | Inactive | $21.20 | |
| Angie Flatley | keyshawn.botsford91@gmail.com | North Alvin | Active | $471.64 | |
| Chris Stoltenberg | eunice37@gmail.com | Vineland | Active | $618.61 | |
| Total | $2,640.33 | ||||
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 | |
|---|---|---|---|---|
| Donald Schneider | jeramy.pacocha@yahoo.com | Port Fannyberg | Active | $1,076.57 |
| Iliana O'Connell | hershel.bosco@hotmail.com | Brakusmouth | Active | $980.23 |
| Mr. Wayne Kshlerin | joy_lubowitz@gmail.com | Fort Burdette | Inactive | $395.70 |
| Miss Carrie Larson | magali5@yahoo.com | Koelpinside | Inactive | $489.64 |
| Clark Schulist | ana69@yahoo.com | Rochester Hills | Active | $752.19 |
| Fannie Cummerata I | gino.effertz-nolan85@gmail.com | Estefaniachester | Inactive | $558.82 |
| Jaleel Bruen | nelson_hickle38@yahoo.com | Jacobiberg | Inactive | $331.95 |
| Patrick Bednar | sara_doyle@gmail.com | Trevorworth | Active | $669.04 |
| Levi Stamm | florian22@hotmail.com | Virgilborough | Active | $103.88 |
| Llewellyn Oberbrunner | allene4@gmail.com | East Abigaylefort | Active | $625.05 |
| Raul Tillman | pamela_huel33@hotmail.com | Schuppechester | Active | $1,123.60 |
| Meghan Shields | elias_beer@gmail.com | Dianaland | Inactive | $774.69 |
| Willy Gleason | walter_beier@yahoo.com | Roobport | Inactive | $896.35 |
| Irvin Wyman | rosemarie_grady80@yahoo.com | Fort Reynoldtown | Inactive | $38.44 |
| Ignacio Hammes | vinnie90@yahoo.com | Rosemead | Inactive | $327.74 |
| Total | $9,143.89 | |||
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 |


