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 | Bank Transfer | $167.59 |
| INV002 | Unpaid | Credit Card | $213.41 |
| INV003 | Unpaid | Credit Card | $994.50 |
| INV004 | Pending | Credit Card | $936.06 |
| INV005 | Paid | Bank Transfer | $566.50 |
| INV006 | Pending | Credit Card | $903.68 |
| INV007 | Pending | PayPal | $198.80 |
| Total | $3,980.54 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Jamie O'Conner | International Identity Associate | jamie.oconner@yahoo.com | Viewer | |
| Miguel Christiansen | Direct Interactions Specialist | miguel.christiansen@yahoo.com | Member | |
| Julia Dooley | International Quality Strategist | julia.dooley@gmail.com | Admin | |
| Alfred Bauch | Forward Usability Assistant | alfred.bauch56@hotmail.com | Admin | |
| Ramona Heidenreich | International Integration Producer | ramona.heidenreich@hotmail.com | Viewer | |
| Loma Hyatt | Internal Interactions Associate | loma.hyatt72@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 |
|---|---|---|
Jerod Renner Global Branding Associate jerod_renner@hotmail.com | Viewer | |
Yessenia Crooks Product Marketing Facilitator yessenia_crooks@gmail.com | Admin | |
Eleanor Buckridge Chief Solutions Designer eleanor_buckridge73@hotmail.com | Viewer | |
Isai Lind Chief Communications Analyst isai_lind@hotmail.com | Admin | |
Cassandre Cummings Lead Operations Architect cassandre.cummings81@gmail.com | Admin | |
Sandy Parker Direct Response Facilitator sandy_parker61@hotmail.com | Admin |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Caroline Hoppe Principal Integration Supervisor caroline.hoppe@gmail.com | Viewer | |
Kellie Price Direct Security Agent kellie_price@yahoo.com | Member | |
Mona Friesen Dynamic Operations Representative mona.friesen72@yahoo.com | Member | |
Winifred Cremin International Response Planner winifred_cremin@yahoo.com | Member | |
Sonja Satterfield Product Optimization Facilitator sonja.satterfield@yahoo.com | Admin | |
Burdette King Global Accounts Director burdette_king@gmail.com | Member | |
Serenity Balistreri Dynamic Creative Technician serenity.balistreri46@hotmail.com | Member | |
Juana Fisher Lead Quality Representative juana.fisher55@yahoo.com | Member | |
Ryder Parker Central Accountability Architect ryder.parker64@hotmail.com | Viewer | |
Andrew Dicki Human Branding Manager andrew.dicki40@gmail.com | Admin | |
Rickey Runolfsdottir International Communications Specialist rickey_runolfsdottir97@hotmail.com | Member | |
Casimer Dooley Central Identity Facilitator casimer_dooley@yahoo.com | Admin | |
Maggie Stroman Customer Implementation Director maggie_stroman@hotmail.com | Member | |
Dianna McDermott Senior Functionality Producer dianna.mcdermott@gmail.com | Admin | |
Westley Pagac Principal Paradigm Assistant westley.pagac97@gmail.com | Viewer | |
Jacynthe Huels Dynamic Accounts Manager jacynthe_huels@hotmail.com | Admin | |
Joey Oberbrunner Corporate Response Architect joey.oberbrunner@yahoo.com | Member | |
Jacklyn Reynolds Human Assurance Developer jacklyn_reynolds2@hotmail.com | Member | |
Lamar Konopelski Dynamic Configuration Designer lamar.konopelski@yahoo.com | Member | |
Jules Casper Global Intranet Coordinator jules_casper@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 | |
|---|---|---|---|---|
| Marielle Kirlin IV | elisa.mayer3@gmail.com | West Kristoffer | Inactive | $979.47 |
| Joseph Hermann | audrey.miller@hotmail.com | Port Julioberg | Inactive | $747.48 |
| Pedro McDermott | rebecca18@hotmail.com | Eden Prairie | Inactive | $133.96 |
| Mr. Adam Yundt-Pouros Jr. | franklin_heidenreich99@yahoo.com | Dorcasstead | Inactive | $258.00 |
| Ryleigh Hagenes | cicero.rohan@hotmail.com | Port Laronside | Inactive | $189.75 |
| Total | $2,308.66 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Ronald Marks @dustin_collier77 | ramon.kassulke28@yahoo.com | Ednaworth | Inactive | $420.82 |
Scotty Medhurst II @xavier_wolf | ramona65@hotmail.com | West Norwoodhaven | Inactive | $353.90 |
Dr. Minnie Kutch @brendon66 | jerald.schultz36@gmail.com | East Christopher | Inactive | $1,033.15 |
Adell Rodriguez @joanne_ebert | clark.mueller@gmail.com | Grimesview | Active | $869.41 |
Carmen Langosh @preston.miller | zion_schuppe@gmail.com | Bayonne | Active | $556.21 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Delpha Rodriguez | jorge33@gmail.com | Starktown | Active | $967.21 |
| Anna Kiehn | donna_yost93@gmail.com | Willmsberg | Inactive | $210.22 |
| Frank Bahringer | destany_padberg@hotmail.com | Ziememouth | Inactive | $748.63 |
| Della Schaden | carla.ondricka9@yahoo.com | Armandobury | Inactive | $1,189.21 |
| Philip Frami | sherman_hoppe33@yahoo.com | Fort Gunnermouth | Inactive | $953.24 |
| Total | $4,068.51 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Jeannie Keeling-Littel | natalie.berge-yundt70@hotmail.com | Valdosta | Active | $1,060.26 |
| Dr. Javier Zemlak III | amira_will@hotmail.com | Elaineton | Inactive | $238.19 |
| Lloyd Block | jeannie1@gmail.com | East Ritafort | Active | $1,148.24 |
| Nathanial Weimann | albert_corkery53@hotmail.com | East Henriettecester | Active | $377.98 |
| Coleman Cartwright | lucia96@hotmail.com | Runolfsdottirton | Active | $360.51 |
| Total | $3,185.18 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Rosemary Morissette | pierce.stroman74@hotmail.com | Millsshire | Inactive | $1,113.69 |
| River Hand | cleveland88@gmail.com | New Ansley | Inactive | $1,122.58 |
| Jarrod Daniel | darla74@gmail.com | East Berniece | Inactive | $612.34 |
| Doyle Ziemann | kailey_barton38@gmail.com | Angeloport | Inactive | $424.67 |
| Walter Auer | ernesto.vonrueden88@gmail.com | Melissaside | Active | $1,156.72 |
| Total | $4,430.00 | |||
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 | ||
|---|---|---|---|---|---|
| Gregory Kulas | tyra26@yahoo.com | North Abnerstead | Active | $975.69 | |
| Ernesto Senger | deon_lakin11@gmail.com | West Byrontown | Inactive | $1,122.59 | |
| Marianna Morissette | rodger.dach@gmail.com | Camronstead | Inactive | $57.13 | |
| Michelle Kozey | rose_gerlach61@yahoo.com | Lake Neva | Active | $673.93 | |
| Donald Walker | milo_zulauf60@yahoo.com | Lurlineberg | Inactive | $60.24 | |
| Total | $2,889.58 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Kellie Dach | colt_hintz@yahoo.com | Debraton | Active | $462.29 | |
| Hattie Jones | vito.jaskolski59@hotmail.com | Waterloo | Inactive | $670.40 | |
| Rogelio VonRueden | franklin.effertz@hotmail.com | West Ashleemouth | Inactive | $586.08 | |
| Stone Anderson | mary.rodriguez@hotmail.com | Waltham | Inactive | $480.40 | |
| Howard Corkery | kory_schaden5@gmail.com | Thompsonview | Active | $1,148.44 | |
| Total | $3,347.61 | ||||
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 | |
|---|---|---|---|---|
| Freeda Beer | bertha.yundt@hotmail.com | Ernestinahaven | Inactive | $664.54 |
| Candelario Adams | debbie53@hotmail.com | Port Felipeborough | Inactive | $1,081.31 |
| Norman Medhurst | dora_koepp@hotmail.com | Alanisfurt | Inactive | $924.23 |
| Darren Mohr | stewart_keebler66@hotmail.com | Darrenport | Inactive | $852.75 |
| Dixie Hettinger | casper_bergstrom@gmail.com | Ziemefort | Active | $977.32 |
| Phil Roob | bertha.murazik40@gmail.com | Beulahborough | Active | $5.12 |
| Joy Ankunding IV | erik.ortiz@gmail.com | Irving | Inactive | $921.75 |
| Henrietta Gorczany | nick_bailey-borer81@hotmail.com | Meridian | Inactive | $957.31 |
| Dwight Lubowitz-Johnson | yasmine94@hotmail.com | Plano | Active | $384.43 |
| Marian Russel | danielle20@gmail.com | East Eldon | Inactive | $915.49 |
| Isaac Stamm | sonya.keebler20@yahoo.com | Fisherchester | Active | $72.60 |
| Dorcas Blanda MD | jakayla_nicolas@hotmail.com | New Hughshire | Inactive | $309.24 |
| Mrs. Carol Thiel | nikki.kunze@hotmail.com | Citrus Heights | Active | $912.15 |
| Lorena Oberbrunner | lila_kshlerin@yahoo.com | Jaylonworth | Inactive | $1,086.16 |
| Skyla Rempel | alyson.satterfield8@hotmail.com | Fort Shannytown | Active | $694.64 |
| Total | $10,759.04 | |||
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 |


