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 | $143.20 |
| INV002 | Unpaid | Credit Card | $512.10 |
| INV003 | Pending | PayPal | $171.05 |
| INV004 | Pending | Bank Transfer | $237.48 |
| INV005 | Unpaid | PayPal | $600.21 |
| INV006 | Unpaid | Bank Transfer | $845.97 |
| INV007 | Unpaid | PayPal | $180.25 |
| Total | $2,690.26 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Frances Zemlak | Product Interactions Planner | frances.zemlak91@gmail.com | Admin | |
| Dave Koch | District Implementation Producer | dave_koch@yahoo.com | Admin | |
| Salvador Leuschke | National Implementation Architect | salvador_leuschke@hotmail.com | Member | |
| Kiana Boehm | Regional Paradigm Designer | kiana_boehm73@hotmail.com | Member | |
| Esther Hoeger | National Configuration Associate | esther.hoeger65@yahoo.com | Member | |
| Gunner Marks | Future Marketing Planner | gunner_marks@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 |
|---|---|---|
Brigitte Weissnat Central Integration Strategist brigitte_weissnat@hotmail.com | Admin | |
Oda Hegmann International Group Administrator oda.hegmann64@gmail.com | Member | |
Kathleen Deckow Forward Identity Planner kathleen_deckow49@gmail.com | Admin | |
Adam Nienow Lead Factors Representative adam.nienow11@yahoo.com | Member | |
Unique Ankunding Chief Program Representative unique_ankunding@yahoo.com | Viewer | |
Abigayle Ledner Global Security Strategist abigayle_ledner18@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 |
|---|---|---|
Colten Waelchi Product Directives Coordinator colten_waelchi@gmail.com | Viewer | |
Dorris Waters Dynamic Mobility Liaison dorris_waters@hotmail.com | Viewer | |
Robyn Schumm Principal Identity Developer robyn.schumm98@yahoo.com | Viewer | |
Sharon Quigley Legacy Paradigm Representative sharon.quigley@yahoo.com | Viewer | |
Elmira Stoltenberg International Factors Officer elmira.stoltenberg30@hotmail.com | Member | |
Noemi Wiegand Regional Program Strategist noemi_wiegand74@yahoo.com | Viewer | |
Pete Lockman Lead Tactics Assistant pete_lockman@hotmail.com | Member | |
Rae Hahn Lead Accountability Agent rae_hahn@yahoo.com | Member | |
Mitchel Schuppe Chief Intranet Orchestrator mitchel.schuppe20@yahoo.com | Admin | |
Kaley Larson Human Security Consultant kaley.larson@gmail.com | Viewer | |
Herbert Cremin International Applications Analyst herbert_cremin77@gmail.com | Member | |
Jadon Terry Product Intranet Associate jadon.terry26@yahoo.com | Admin | |
Foster Robel Future Marketing Assistant foster.robel@gmail.com | Viewer | |
Abner Rolfson Global Quality Manager abner.rolfson66@hotmail.com | Admin | |
Randal Heathcote Global Solutions Strategist randal.heathcote93@gmail.com | Viewer | |
Kelly Nienow Global Brand Engineer kelly_nienow@gmail.com | Viewer | |
Christy Witting Legacy Mobility Planner christy.witting79@yahoo.com | Viewer | |
Gideon Wisoky Investor Research Director gideon.wisoky68@gmail.com | Admin | |
Jennie Ryan Principal Functionality Facilitator jennie.ryan90@gmail.com | Viewer | |
Delfina Harber-Grant Direct Operations Manager delfina.harber-grant@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 | |
|---|---|---|---|---|
| Kristine Daugherty | ward.brakus4@yahoo.com | North Karolanncester | Active | $371.52 |
| Gwendolyn Boehm-Grady | brenna8@hotmail.com | Lake Kennithmouth | Inactive | $446.24 |
| Dr. Perry Hettinger | kasandra73@hotmail.com | Walkerbury | Active | $1,141.55 |
| Ana West | andy40@hotmail.com | Miramar | Inactive | $939.30 |
| Patsy Miller | jovani_luettgen@yahoo.com | Kuhnborough | Inactive | $1,030.71 |
| Total | $3,929.32 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Lee Towne @darion_ortiz | ana23@gmail.com | Wichita Falls | Inactive | $713.87 |
Malcolm Morar @carolanne_altenwerth83 | arch89@yahoo.com | New Busterside | Inactive | $1,038.33 |
Jaime Wolf @rachael97 | arne.gibson68@gmail.com | Brannoncester | Active | $302.87 |
Priscilla Bednar @billy_mcglynn | raina82@gmail.com | Balistrerichester | Inactive | $718.65 |
Otis Willms @jerald83 | brionna63@gmail.com | New Bettie | Active | $765.02 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Anita Quitzon | alexane_roob92@gmail.com | North Miami | Inactive | $314.98 |
| Sonia Brekke | claudie.jerde-cormier@hotmail.com | Purdyfort | Inactive | $599.58 |
| Wendy Mitchell | lilly.walter79@yahoo.com | Watsicamouth | Inactive | $843.36 |
| Lorraine Hartmann | jennyfer72@yahoo.com | Denton | Active | $920.82 |
| Gail Feeney | jessy.dubuque29@gmail.com | Ortizport | Active | $1,142.09 |
| Total | $3,820.83 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Toni Reichert | loma_farrell30@yahoo.com | East Johnnyfort | Inactive | $623.09 |
| Rebecca Greenfelder | joanie78@yahoo.com | Hermanton | Inactive | $126.08 |
| Molly Watsica PhD | ryder19@yahoo.com | Lulachester | Inactive | $1,127.73 |
| Mrs. Velma Doyle | abel.robel23@gmail.com | Spring Valley | Inactive | $829.08 |
| Deanna Auer-Moen | gideon_bernhard@hotmail.com | North Jaylin | Inactive | $790.69 |
| Total | $3,496.67 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Terrance Stehr DDS | judd_hermann@yahoo.com | Port Jaylon | Active | $42.88 |
| Belinda Gusikowski | erika_doyle@gmail.com | Lake Jordicester | Inactive | $503.97 |
| Ronald Schmitt | joelle55@gmail.com | Ceres | Inactive | $1,008.97 |
| Beulah Padberg | dulce_frami@yahoo.com | Rochester | Active | $661.42 |
| Ellen Renner | willa_cummerata@hotmail.com | Kansas City | Active | $231.45 |
| Total | $2,448.69 | |||
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 | ||
|---|---|---|---|---|---|
| Patrick Jacobs | cristian13@hotmail.com | Emmerichport | Inactive | $981.79 | |
| Ervin Hoeger | agustin.dickens@yahoo.com | New Jaidaworth | Active | $1,169.67 | |
| Jackie Lynch | brendan_stroman22@hotmail.com | East Sibylville | Inactive | $139.35 | |
| Elena Kiehn | bruce43@yahoo.com | Lake Art | Inactive | $136.10 | |
| Emilio Barrows | alize.schroeder72@hotmail.com | Arlington Heights | Inactive | $938.32 | |
| Total | $3,365.23 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Eva Schaefer-Swift | jude_parisian84@hotmail.com | Thompsonbury | Inactive | $114.17 | |
| Nancy Ratke | valentin8@yahoo.com | Cormierworth | Active | $778.33 | |
| Brendan Spinka | geovanni_bode20@gmail.com | Mayertfurt | Inactive | $846.02 | |
| Charlotte Monahan | martine12@yahoo.com | North Berniece | Active | $360.64 | |
| Darrin Greenfelder | jamaal.schneider@hotmail.com | Morissetteview | Active | $814.09 | |
| Total | $2,913.25 | ||||
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 | |
|---|---|---|---|---|
| Darrell Friesen | kareem72@yahoo.com | Fort Beau | Active | $1,018.96 |
| Jasmine Hahn | roger87@gmail.com | West Alainaland | Active | $443.88 |
| Terrence Monahan | tobin_krajcik-kassulke@gmail.com | Quincyworth | Inactive | $1,063.98 |
| Megan Hodkiewicz | toni0@hotmail.com | Wandafurt | Inactive | $1,040.25 |
| Bobby Okuneva | laila_roob@yahoo.com | Ortizhaven | Active | $397.36 |
| Sherman Bashirian | winston_toy21@hotmail.com | Port Jaydon | Active | $995.44 |
| Anthony Gutkowski | zella_mueller-runolfsdottir@gmail.com | Fort Henrystad | Active | $856.00 |
| Sally McCullough I | ralph.leuschke@yahoo.com | North Kyle | Active | $325.81 |
| Mrs. Kayla Lebsack | fernando.bergnaum46@gmail.com | Cruickshankstad | Inactive | $546.85 |
| Henry Sanford | timmy82@yahoo.com | Bristol | Active | $275.53 |
| Nick Rice-Rath | eleazar41@hotmail.com | Mollyburgh | Active | $147.71 |
| Colin Weissnat | elwin.becker@hotmail.com | Schroederton | Inactive | $939.27 |
| Ms. Sherry Hyatt | esmeralda72@hotmail.com | Fountainebleau | Active | $930.15 |
| Harold Weissnat | lou.hahn@hotmail.com | Port Jedworth | Inactive | $662.70 |
| Cheryl Lind | earl.kemmer94@gmail.com | Jodystad | Active | $93.88 |
| Total | $9,737.77 | |||
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 |


