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 | Unpaid | Bank Transfer | $330.93 |
| INV002 | Unpaid | Bank Transfer | $352.74 |
| INV003 | Pending | PayPal | $651.14 |
| INV004 | Paid | Bank Transfer | $621.18 |
| INV005 | Paid | Bank Transfer | $618.11 |
| INV006 | Paid | PayPal | $960.31 |
| INV007 | Unpaid | Credit Card | $471.86 |
| Total | $4,006.27 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Mertie Fadel | Chief Applications Orchestrator | mertie.fadel31@hotmail.com | Admin | |
| Weston Huels | Chief Division Director | weston.huels59@yahoo.com | Member | |
| Fae Gutkowski | Legacy Marketing Associate | fae_gutkowski@gmail.com | Viewer | |
| Yvonne Kunze | Investor Solutions Engineer | yvonne.kunze8@hotmail.com | Viewer | |
| Maurine Bartell | Direct Infrastructure Supervisor | maurine.bartell@hotmail.com | Member | |
| Adelia Hackett | Investor Applications Producer | adelia_hackett@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 |
|---|---|---|
Donald Bergnaum-Farrell National Applications Planner donald_bergnaum-farrell10@yahoo.com | Viewer | |
Prudence Stamm District Markets Officer prudence_stamm@yahoo.com | Viewer | |
Felicity Ondricka National Functionality Facilitator felicity_ondricka57@gmail.com | Admin | |
Jamel Harris Internal Branding Architect jamel_harris@gmail.com | Admin | |
Joy Hyatt Product Interactions Executive joy_hyatt66@yahoo.com | Member | |
Augustine Rosenbaum District Program Engineer augustine_rosenbaum@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 |
|---|---|---|
Lori Kozey Corporate Implementation Supervisor lori_kozey@gmail.com | Member | |
Jonathan Funk Internal Response Manager jonathan.funk@hotmail.com | Viewer | |
Vallie Green Forward Usability Planner vallie.green@gmail.com | Member | |
Walton Sawayn International Brand Strategist walton_sawayn54@hotmail.com | Member | |
Nicolas Kovacek-Berge Forward Research Facilitator nicolas.kovacek-berge@gmail.com | Member | |
Candice Lemke Investor Creative Manager candice.lemke@gmail.com | Admin | |
Sophie Zemlak National Factors Agent sophie.zemlak@yahoo.com | Viewer | |
Wilmer Nader Direct Interactions Specialist wilmer_nader@hotmail.com | Member | |
Khalil Powlowski Forward Applications Coordinator khalil.powlowski33@gmail.com | Viewer | |
Russell Quigley Senior Applications Engineer russell.quigley96@gmail.com | Viewer | |
Annetta Walsh District Infrastructure Specialist annetta_walsh@gmail.com | Admin | |
Pauline Walker Human Intranet Consultant pauline.walker42@hotmail.com | Admin | |
Bella Schiller Corporate Markets Developer bella_schiller@gmail.com | Admin | |
Tyrell Wilkinson Corporate Marketing Strategist tyrell_wilkinson63@yahoo.com | Member | |
Romaine Huel Human Accounts Developer romaine.huel73@hotmail.com | Member | |
Esther Effertz Investor Branding Supervisor esther_effertz@gmail.com | Admin | |
Darrell Lindgren District Accounts Assistant darrell.lindgren@hotmail.com | Admin | |
Mertie Roberts-Koch Global Interactions Representative mertie_roberts-koch@hotmail.com | Viewer | |
Aleen Sipes Principal Functionality Liaison aleen.sipes49@yahoo.com | Admin | |
Sarai Haag Human Infrastructure Developer sarai.haag86@yahoo.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 | |
|---|---|---|---|---|
| Patricia Kihn-Gutmann | jerad74@gmail.com | East Georgette | Inactive | $873.38 |
| Tara MacGyver | wyman.harris70@yahoo.com | Corona | Active | $224.65 |
| Marian Thiel | jayson.johnson@gmail.com | Astridport | Active | $1,166.95 |
| Mr. Harold Witting | imani33@hotmail.com | Fort Madie | Inactive | $1,177.34 |
| Jackie Raynor | florian.treutel95@hotmail.com | Pittsburg | Active | $1,117.21 |
| Total | $4,559.53 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Julia Effertz @asia32 | yvonne_beier@yahoo.com | North Elvisstad | Inactive | $1,072.37 |
Mr. Ramon Rice @chasity72 | noe_labadie@yahoo.com | Grahamland | Active | $1,089.70 |
Lorraine Marks @madge.mertz85 | ally.konopelski96@gmail.com | Fort Margarette | Active | $309.16 |
Johnathan Fritsch @lily_ratke | keyon15@yahoo.com | North Allieland | Inactive | $61.06 |
Alfonso D'Amore @marley0 | katrine76@hotmail.com | West Audraport | Inactive | $691.63 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Ann Nolan | shanel66@yahoo.com | Wellington | Inactive | $417.82 |
| Tricia Lowe | magali_hessel@yahoo.com | South Michealshire | Inactive | $1,053.70 |
| Allen Zboncak IV | ressie.jast@hotmail.com | Las Cruces | Inactive | $715.99 |
| Frank Vandervort-Crooks | lottie_hills42@hotmail.com | West Russell | Active | $727.11 |
| Sheri Lynch | juliana34@gmail.com | West Timothy | Inactive | $809.84 |
| Total | $3,724.46 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Chelsea Bailey | zoey63@hotmail.com | Sanford | Inactive | $526.95 |
| Jessie Stokes | neva_hansen84@hotmail.com | Myriamton | Inactive | $1,017.84 |
| Velma Nolan | shaina61@gmail.com | Taunton | Inactive | $262.73 |
| Brent Nader | kale.zemlak11@yahoo.com | Lake Kayley | Active | $1,160.34 |
| Gregg Kessler | mark.sauer87@hotmail.com | Port Thomas | Inactive | $1,126.96 |
| Total | $4,094.82 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Marcia Koch | wellington.pollich56@gmail.com | Port Nikohaven | Inactive | $787.49 |
| Ted Runolfsdottir | mark_purdy@hotmail.com | Vacaville | Inactive | $1,141.09 |
| Maggie Lueilwitz | kevin25@gmail.com | Port Jefferyburgh | Inactive | $458.23 |
| Omar Schultz | graham15@gmail.com | Flint | Inactive | $496.17 |
| Billy Frami | desiree.rath@gmail.com | South Joesph | Active | $348.33 |
| Total | $3,231.31 | |||
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 | ||
|---|---|---|---|---|---|
| Mario Brown | ray5@gmail.com | West Lorenz | Inactive | $658.59 | |
| Rose Reinger-Volkman DDS | beth83@yahoo.com | Milpitas | Active | $382.34 | |
| Dr. Frances Hackett | amely.kunde21@gmail.com | Botsfordboro | Inactive | $969.50 | |
| Dr. Bradley Stamm | elmo86@gmail.com | Port Aniyaberg | Inactive | $736.83 | |
| Roy Gulgowski | jermey.herzog@hotmail.com | Lake Bernitahaven | Active | $1,112.59 | |
| Total | $3,859.85 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Thelma Jerde | ted.hettinger24@yahoo.com | North Emmett | Active | $1,146.43 | |
| Elena Macejkovic | kayley73@yahoo.com | Alexanderfurt | Active | $856.33 | |
| Eddie Bayer | tiana14@gmail.com | Schadenboro | Active | $1,168.78 | |
| Dr. Denise Bode DDS | juvenal58@hotmail.com | Port Zula | Active | $238.34 | |
| Ms. Gayle Schmeler | odie.cummings@gmail.com | Lake Ignacio | Inactive | $1,195.61 | |
| Total | $4,605.49 | ||||
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 | |
|---|---|---|---|---|
| Charlene Haag | litzy_mraz@gmail.com | North Reagan | Inactive | $1,071.51 |
| Darrel Kovacek DVM | alan92@yahoo.com | Boscotown | Active | $1,024.27 |
| Rolando Sipes | kali79@hotmail.com | Ashburn | Active | $655.24 |
| Dale Kuvalis | mack.marquardt@gmail.com | South Ivyburgh | Active | $776.88 |
| Lynda Spencer | callie71@yahoo.com | Lompoc | Active | $1,043.12 |
| Alfonso Cummerata | shanie_price2@yahoo.com | Eliasstead | Active | $68.90 |
| Marvin Strosin | stacey.rutherford@gmail.com | Decatur | Inactive | $590.05 |
| Dallas Reilly | orion9@gmail.com | Lake Alenefort | Inactive | $867.10 |
| Santiago Cormier DDS | hillard98@gmail.com | Hiramborough | Active | $320.41 |
| Jacob Simonis | janelle.osinski@gmail.com | Winstonmouth | Active | $709.19 |
| Harold Prosacco | brianne.hartmann@gmail.com | Roderickville | Active | $199.20 |
| Dwayne Dickinson | lizzie_stamm@gmail.com | Alyciaport | Active | $776.39 |
| Ron Gerhold | anne.hahn21@yahoo.com | Baileyberg | Inactive | $755.89 |
| Mr. Warren Koelpin | aiden_nitzsche84@yahoo.com | Carletonchester | Active | $888.88 |
| Ron VonRueden-Kulas PhD | marisa_swaniawski25@gmail.com | West Jaydon | Active | $1,069.34 |
| Total | $10,816.37 | |||
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 |

