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 | PayPal | $327.51 |
| INV002 | Unpaid | PayPal | $681.23 |
| INV003 | Pending | Credit Card | $258.18 |
| INV004 | Pending | PayPal | $710.81 |
| INV005 | Unpaid | Bank Transfer | $219.82 |
| INV006 | Pending | Credit Card | $181.64 |
| INV007 | Unpaid | Credit Card | $628.96 |
| Total | $3,008.15 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Stanford Kemmer | Global Optimization Supervisor | stanford_kemmer@hotmail.com | Admin | |
| Ellis Zulauf | Forward Marketing Supervisor | ellis.zulauf8@gmail.com | Admin | |
| Mia Kling | Human Communications Facilitator | mia_kling@hotmail.com | Viewer | |
| Alexandre Pollich | Global Intranet Facilitator | alexandre.pollich27@gmail.com | Member | |
| Amani Dickens | Regional Tactics Associate | amani_dickens@hotmail.com | Admin | |
| Elian Rodriguez | Chief Functionality Designer | elian.rodriguez@gmail.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 |
|---|---|---|
Jasen Lakin International Assurance Executive jasen_lakin36@yahoo.com | Viewer | |
Wilfrid Wehner Chief Research Supervisor wilfrid.wehner13@hotmail.com | Viewer | |
Micaela Erdman Senior Branding Facilitator micaela_erdman@yahoo.com | Admin | |
Arlo Mante Customer Quality Coordinator arlo.mante39@yahoo.com | Admin | |
Rose Schamberger Global Accountability Consultant rose_schamberger@yahoo.com | Admin | |
Louie Koch International Response Designer louie_koch@yahoo.com | Member |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Augusta Bosco Senior Creative Manager augusta_bosco36@yahoo.com | Admin | |
Fidel Paucek Customer Directives Consultant fidel.paucek@gmail.com | Member | |
Cordelia Abbott-Douglas Legacy Applications Engineer cordelia.abbott-douglas@gmail.com | Admin | |
Maximo Doyle Legacy Quality Producer maximo_doyle50@gmail.com | Admin | |
Loma Kozey Chief Applications Specialist loma_kozey@gmail.com | Member | |
Garry Abbott Future Usability Manager garry.abbott91@yahoo.com | Member | |
Gus Emard Investor Implementation Executive gus_emard37@yahoo.com | Admin | |
Benton Abernathy National Quality Director benton.abernathy@yahoo.com | Admin | |
Norbert Wilderman Dynamic Paradigm Executive norbert_wilderman98@yahoo.com | Member | |
Jaycee Ernser Future Operations Analyst jaycee.ernser@hotmail.com | Viewer | |
Jeramy Cummings Senior Factors Associate jeramy.cummings@gmail.com | Member | |
Bethany Lynch Principal Factors Officer bethany.lynch@hotmail.com | Admin | |
Weldon Stoltenberg Principal Response Technician weldon.stoltenberg@hotmail.com | Viewer | |
Isadore King Dynamic Integration Strategist isadore_king@gmail.com | Admin | |
Joe Bins Central Branding Assistant joe.bins86@yahoo.com | Admin | |
June Crist Legacy Assurance Agent june.crist31@hotmail.com | Viewer | |
Desiree Hagenes Direct Program Facilitator desiree.hagenes@hotmail.com | Admin | |
Kevon Hermiston Forward Communications Liaison kevon.hermiston52@hotmail.com | Admin | |
Earlene Lindgren District Program Technician earlene.lindgren57@hotmail.com | Member | |
Rollin Armstrong Senior Infrastructure Technician rollin_armstrong@gmail.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 | |
|---|---|---|---|---|
| Melanie Franey | alexys_denesik22@gmail.com | Lake Johnniefield | Inactive | $1,094.84 |
| Jacquelyn Bechtelar | marques.cremin-dare@yahoo.com | Lake Dixiecester | Inactive | $322.03 |
| Paula Skiles | duncan99@hotmail.com | Adalbertoport | Active | $612.56 |
| Sidney Stroman | braxton_mckenzie21@gmail.com | West Candicefort | Inactive | $766.32 |
| Olivia Kuvalis | judson.powlowski@hotmail.com | Irvine | Active | $389.78 |
| Total | $3,185.53 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Jodi Weber Sr. @telly73 | michelle_klein@gmail.com | Colorado Springs | Inactive | $698.01 |
Sammy Feest DDS @coby_mccullough | erik.rice76@hotmail.com | Aishamouth | Inactive | $225.39 |
Rick Purdy Jr. @ilene.trantow | ozella29@hotmail.com | South Nolan | Inactive | $590.67 |
Ed Runolfsson @santiago.mosciski-feeney1 | joaquin.hirthe97@gmail.com | Port Alexander | Inactive | $913.56 |
Cody Wilkinson @loy77 | kathryn_johnston@yahoo.com | Mckenzieland | Inactive | $380.40 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Tracey Zieme | ariane_bartell0@hotmail.com | Salinas | Active | $386.03 |
| Freda Kuphal | christop_abernathy98@gmail.com | Nobleville | Inactive | $914.00 |
| Guadalupe Koss | destiny.breitenberg@gmail.com | Ziemestad | Inactive | $794.55 |
| Courtney Windler | palma_roberts97@hotmail.com | North Adalbertoville | Active | $1,122.47 |
| Dr. Ronnie Torp | catharine.goyette76@hotmail.com | Hillston | Inactive | $175.88 |
| Total | $3,392.93 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Garrett Kemmer | mikayla_kreiger40@hotmail.com | Fort Maddison | Inactive | $1,058.62 |
| Kristie Jerde DVM | lucienne.langosh-reichert@gmail.com | Fort Emelia | Active | $535.80 |
| Glen Hagenes | brianne_romaguera23@yahoo.com | Marinaborough | Inactive | $622.61 |
| Al Herman | mercedes_schiller16@hotmail.com | San Angelo | Inactive | $1,107.59 |
| Gilbert Kuhlman Jr. | ephraim_davis@gmail.com | West Tristianside | Active | $306.25 |
| Total | $3,630.87 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Jamie Koch IV | clarissa_armstrong34@hotmail.com | Marceloland | Active | $602.12 |
| Melvin Beatty | rafael13@gmail.com | West Leonor | Inactive | $971.78 |
| Marta Becker | jacey_homenick83@yahoo.com | South Presleytown | Active | $1,095.51 |
| Oscar Satterfield PhD | audreanne_bahringer36@gmail.com | Icieview | Active | $1,041.34 |
| Felix Hoppe | abigail_daniel@gmail.com | Goyettefort | Active | $930.82 |
| Total | $4,641.57 | |||
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 | ||
|---|---|---|---|---|---|
| Mr. Ben Bergstrom | melvin.macgyver81@yahoo.com | East Jasper | Active | $809.66 | |
| Jo Feest | dashawn.batz16@yahoo.com | Hettingerstead | Inactive | $730.40 | |
| Wilfred Balistreri | erica.gibson23@gmail.com | Elijahbury | Active | $762.84 | |
| Jamie Swaniawski | gennaro_carroll@gmail.com | Kochstead | Active | $1,068.23 | |
| Lois West | teagan.cremin69@hotmail.com | Stillwater | Inactive | $577.77 | |
| Total | $3,948.90 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Charles Cremin | kaley.hand@hotmail.com | Ratkeworth | Inactive | $995.95 | |
| Malcolm Bradtke | alison.damore14@hotmail.com | Curtisstead | Inactive | $682.23 | |
| Jean Auer | lucie_koch@hotmail.com | West Damionberg | Inactive | $124.69 | |
| Carrie Lakin-Barton | santa81@gmail.com | Wuckertstead | Active | $901.53 | |
| Annie Glover | leon_roob@yahoo.com | East Jaden | Active | $242.19 | |
| Total | $2,946.59 | ||||
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 | |
|---|---|---|---|---|
| Leah Prosacco | cornelius4@hotmail.com | South Darianaside | Active | $1,062.42 |
| Justin Dare V | esteban.nader68@hotmail.com | McLaughlinview | Inactive | $1,007.45 |
| Marcos O'Reilly | abdullah40@hotmail.com | Novi | Inactive | $315.92 |
| Frances Spencer | adan91@hotmail.com | Lake Abdullah | Active | $1,054.23 |
| Earl Schaden | olen.medhurst41@hotmail.com | East Ignatiusborough | Active | $1,128.28 |
| Hattie Leannon | ali.rohan47@hotmail.com | Palm Desert | Active | $20.47 |
| Miranda Herzog | kenna_kozey-kohler36@yahoo.com | Bristol | Active | $930.06 |
| Dr. Myra Herman | amanda70@hotmail.com | Lake Devin | Inactive | $94.24 |
| Terry Grimes | florian8@yahoo.com | Port Lisaworth | Active | $552.27 |
| Wilson Dickens | gunnar_lueilwitz52@hotmail.com | East Shyann | Active | $547.86 |
| Rodolfo Hills | aditya7@gmail.com | North Kristina | Active | $854.65 |
| Kara Abbott | angus.durgan82@gmail.com | Des Moines | Inactive | $727.14 |
| Claude Nitzsche | kip_runte9@gmail.com | Torpfort | Inactive | $367.39 |
| Dr. Simon Cronin | rasheed.jacobi29@yahoo.com | Passaic | Inactive | $1,032.41 |
| Kelli Dietrich | oliver_mcglynn@yahoo.com | Upland | Active | $900.08 |
| Total | $10,594.87 | |||
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 |

