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 | $840.99 |
| INV002 | Unpaid | Credit Card | $453.21 |
| INV003 | Pending | Bank Transfer | $277.36 |
| INV004 | Pending | Bank Transfer | $171.42 |
| INV005 | Paid | Credit Card | $300.30 |
| INV006 | Pending | Credit Card | $405.10 |
| INV007 | Paid | PayPal | $263.93 |
| Total | $2,712.31 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Vivianne Hyatt | Regional Web Consultant | vivianne_hyatt26@yahoo.com | Admin | |
| Mossie Kilback | Human Mobility Executive | mossie.kilback@gmail.com | Member | |
| Emilie Hudson | District Interactions Developer | emilie.hudson13@hotmail.com | Viewer | |
| Imelda Cruickshank-O'Reilly | Regional Brand Manager | imelda.cruickshank-oreilly@gmail.com | Viewer | |
| Ayla MacGyver | Chief Configuration Representative | ayla.macgyver7@yahoo.com | Admin | |
| Vicky Cassin | Global Interactions Supervisor | vicky_cassin92@hotmail.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 |
|---|---|---|
Destini Abbott-Okuneva Principal Metrics Developer destini.abbott-okuneva45@gmail.com | Member | |
Hilma MacGyver Senior Mobility Executive hilma_macgyver@yahoo.com | Member | |
Jody Rowe District Directives Supervisor jody_rowe24@gmail.com | Admin | |
Akeem O'Connell Regional Creative Specialist akeem_oconnell@gmail.com | Admin | |
Otha Nolan Chief Implementation Executive otha_nolan8@hotmail.com | Admin | |
Mack Steuber District Security Associate mack.steuber@yahoo.com | Admin |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Jordan Ritchie Chief Solutions Executive jordan_ritchie1@hotmail.com | Member | |
Gladyce Torphy-Bergnaum Human Program Administrator gladyce.torphy-bergnaum36@hotmail.com | Admin | |
Lucinda Dare Corporate Infrastructure Liaison lucinda_dare@yahoo.com | Admin | |
Giovani Schmidt Lead Marketing Director giovani_schmidt@yahoo.com | Admin | |
Mary DuBuque Legacy Response Liaison mary.dubuque@gmail.com | Admin | |
Carlo Mohr Principal Integration Orchestrator carlo.mohr74@yahoo.com | Member | |
Twila Legros Principal Usability Manager twila.legros51@hotmail.com | Viewer | |
Dianna Terry National Creative Coordinator dianna_terry37@hotmail.com | Viewer | |
Abagail Turcotte Regional Applications Representative abagail.turcotte22@hotmail.com | Admin | |
Tatyana Sanford Corporate Response Officer tatyana_sanford97@gmail.com | Viewer | |
Dayne Walker Regional Creative Orchestrator dayne.walker77@gmail.com | Admin | |
Meagan Terry-Fritsch Regional Web Liaison meagan_terry-fritsch64@hotmail.com | Viewer | |
Naomi Stamm Investor Directives Assistant naomi_stamm@yahoo.com | Member | |
Alvera Bernhard Corporate Factors Designer alvera.bernhard@gmail.com | Member | |
Joany Feil Global Data Consultant joany_feil@hotmail.com | Admin | |
Ferne Morissette Corporate Quality Associate ferne_morissette47@hotmail.com | Viewer | |
Dawn Sanford Central Response Engineer dawn.sanford@yahoo.com | Viewer | |
Terrell Schiller District Paradigm Coordinator terrell.schiller@gmail.com | Admin | |
Agustin McDermott Legacy Security Consultant agustin_mcdermott0@yahoo.com | Member | |
Amani Reynolds Product Security Coordinator amani.reynolds@yahoo.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 | |
|---|---|---|---|---|
| Rhonda Streich | blanca99@hotmail.com | South Meggiechester | Active | $549.87 |
| Orville Schulist | larue_jacobson@hotmail.com | Eusebioworth | Active | $139.65 |
| Brittany Harvey | elmira.howe59@yahoo.com | West Charlene | Inactive | $763.04 |
| Benny Bauch II | delphia_kuhic33@hotmail.com | Goyettechester | Active | $457.81 |
| Van Schamberger-Fahey Jr. | winifred32@gmail.com | Littleton | Active | $938.26 |
| Total | $2,848.63 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Leona Wisoky @christiana_wehner38 | breanna_kris27@hotmail.com | Batzboro | Active | $664.55 |
Mabel Rice @gussie_klocko98 | nash.mckenzie@yahoo.com | Abigalemouth | Inactive | $682.22 |
Karla Orn @verdie.donnelly16 | jarrod69@hotmail.com | Cleveland | Active | $622.35 |
Bradley Wiegand @jessyca.roberts53 | gladyce_streich42@hotmail.com | Terryside | Active | $342.81 |
Kendra Will @laila.purdy84 | muriel86@hotmail.com | Smithammouth | Inactive | $924.22 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Nichole Heaney | freda.becker52@yahoo.com | Winston-Salem | Active | $612.45 |
| Jared Treutel | selena10@yahoo.com | Lake Rodrigoport | Inactive | $1,081.35 |
| Jodi Hegmann | ansel.collier@yahoo.com | South Freda | Active | $413.43 |
| Mike Bartoletti | kendra97@yahoo.com | Huntington Park | Active | $120.52 |
| Ramiro Mann MD | sanford26@hotmail.com | Collinschester | Active | $1,091.93 |
| Total | $3,319.68 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Annette Lockman | terrell.reichert@gmail.com | Moentown | Inactive | $806.68 |
| Heather Crist DVM | mireille_windler-bartell@yahoo.com | North Juliana | Inactive | $360.67 |
| Monica Feeney-Fahey | deontae_cole35@gmail.com | St. Louis | Inactive | $953.73 |
| Dr. Bryant Kertzmann | mckenzie.larson@gmail.com | New Saige | Inactive | $1,072.58 |
| Colleen Williamson | hobart_king83@gmail.com | Colton | Inactive | $768.96 |
| Total | $3,962.62 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Winifred Ullrich | hilda90@gmail.com | Clarecester | Inactive | $543.30 |
| Opal Wolff II | dianna22@gmail.com | Catalina Foothills | Active | $514.49 |
| Christopher Batz II | gus_franecki86@hotmail.com | Huntersville | Active | $990.80 |
| Angelo Gerlach | durward.huels@hotmail.com | Lake Quinnmouth | Active | $723.90 |
| Carroll Becker II | ralph_moen12@gmail.com | Elyria | Inactive | $1,177.70 |
| Total | $3,950.19 | |||
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 | ||
|---|---|---|---|---|---|
| Horace Ernser | montana_bartell86@gmail.com | Yostton | Inactive | $670.52 | |
| Mack Shanahan-Schiller | hector89@gmail.com | Lake Lonzo | Active | $697.62 | |
| Claudia Wilderman DDS | payton86@yahoo.com | Norbertton | Active | $440.45 | |
| Tracey O'Connell DDS | nikita.hintz@hotmail.com | Maggiofield | Active | $136.93 | |
| Donald Labadie | wiley.graham@gmail.com | Cleveland | Inactive | $873.42 | |
| Total | $2,818.94 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Andrea Shields IV | clovis_kohler@gmail.com | North Dorothyland | Inactive | $156.20 | |
| Gabriel Deckow | miracle_schimmel@yahoo.com | Salem | Active | $608.06 | |
| Joe Spencer | johnathon.stroman29@yahoo.com | Lake Lavinia | Active | $353.92 | |
| Daisy Murazik | hattie_pagac@hotmail.com | South Tristin | Active | $1,137.15 | |
| Ian Fay | dino63@gmail.com | Coopershire | Inactive | $132.28 | |
| Total | $2,387.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 | |
|---|---|---|---|---|
| Emilio Quitzon DVM | henderson.morar46@yahoo.com | Mayertshire | Active | $655.95 |
| Howard Farrell | felicia.tromp@hotmail.com | Baileyfort | Inactive | $201.41 |
| Miss Helen Bayer | lilly_gulgowski@hotmail.com | Deonton | Inactive | $1,059.28 |
| Kendra Rogahn | mafalda78@hotmail.com | Trystanton | Inactive | $1,160.66 |
| Melinda Marvin | rickie_kilback@yahoo.com | East Americaton | Active | $557.51 |
| Rodolfo Klocko | dolores.beer19@hotmail.com | Lueilwitzbury | Active | $41.93 |
| Mr. Cody Grady | mathew_nader@yahoo.com | New Brenna | Active | $167.15 |
| Jeremy Rempel V | kassandra49@yahoo.com | Rohnert Park | Active | $211.51 |
| Mrs. Tricia Morar | daren_klocko@yahoo.com | West Bernie | Active | $818.77 |
| Eunice Dibbert | zella_jones-weber@yahoo.com | Rogers | Inactive | $317.82 |
| Miss Shawna Harvey | maximillian.treutel28@gmail.com | Friesenmouth | Active | $660.83 |
| Heather Padberg | malika.conroy@hotmail.com | Alvinaborough | Inactive | $592.93 |
| Lance Ryan | karlie.gutmann@yahoo.com | Maverickstead | Inactive | $604.11 |
| Mr. Kent Spinka | nicklaus_littel@yahoo.com | Jaedenboro | Active | $809.05 |
| Jeffery Mayert | iva12@yahoo.com | Juanitaworth | Active | $950.85 |
| Total | $8,809.76 | |||
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 |
