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 | $720.41 |
| INV002 | Paid | Credit Card | $853.07 |
| INV003 | Paid | Credit Card | $261.02 |
| INV004 | Pending | PayPal | $366.28 |
| INV005 | Pending | PayPal | $130.49 |
| INV006 | Paid | Bank Transfer | $219.41 |
| INV007 | Unpaid | Bank Transfer | $715.54 |
| Total | $3,266.22 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Travon Rippin | Customer Implementation Officer | travon.rippin@hotmail.com | Member | |
| Marina Harber | Global Mobility Representative | marina.harber92@hotmail.com | Viewer | |
| Annabel Stamm | Dynamic Brand Supervisor | annabel.stamm28@yahoo.com | Admin | |
| Esta Thompson | International Accountability Supervisor | esta_thompson@hotmail.com | Viewer | |
| Elisabeth McKenzie | Forward Marketing Associate | elisabeth_mckenzie@hotmail.com | Viewer | |
| Jordane Pollich | National Interactions Designer | jordane.pollich@yahoo.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 |
|---|---|---|
Stefanie Gleason Corporate Interactions Developer stefanie_gleason48@gmail.com | Member | |
Romaine Roberts Internal Data Liaison romaine.roberts@hotmail.com | Viewer | |
Estelle Bartell Senior Data Manager estelle.bartell74@gmail.com | Viewer | |
August Funk Dynamic Intranet Engineer august_funk81@yahoo.com | Member | |
Lavina Klocko National Paradigm Planner lavina_klocko33@hotmail.com | Member | |
Maggie Lebsack Direct Interactions Planner maggie_lebsack@gmail.com | Member |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Lilly Lemke Chief Configuration Developer lilly_lemke40@gmail.com | Member | |
Mariana Corkery Human Data Technician mariana.corkery@yahoo.com | Admin | |
Milan Kirlin Investor Implementation Liaison milan_kirlin@yahoo.com | Viewer | |
Nova Ondricka Direct Intranet Associate nova_ondricka@gmail.com | Viewer | |
Litzy Mohr International Data Strategist litzy_mohr56@hotmail.com | Member | |
Deion Wolf Dynamic Intranet Engineer deion_wolf@yahoo.com | Viewer | |
Emmie Pagac Dynamic Group Architect emmie_pagac@hotmail.com | Member | |
Thomas D'Amore Legacy Mobility Designer thomas.damore4@hotmail.com | Viewer | |
Fae Runte Regional Tactics Executive fae_runte25@yahoo.com | Member | |
King Armstrong Regional Group Producer king.armstrong34@gmail.com | Member | |
Reva Kerluke International Optimization Liaison reva_kerluke@yahoo.com | Member | |
Delia Flatley Customer Branding Architect delia_flatley83@gmail.com | Viewer | |
Augustus Pagac Product Directives Administrator augustus_pagac@gmail.com | Admin | |
Arturo Lindgren Corporate Metrics Officer arturo_lindgren62@gmail.com | Member | |
Tina Johnston Customer Marketing Architect tina.johnston99@gmail.com | Admin | |
Wade Mertz Central Markets Representative wade.mertz91@gmail.com | Admin | |
Isabelle Bins Investor Group Coordinator isabelle_bins97@yahoo.com | Admin | |
Eve Olson Human Integration Specialist eve_olson44@yahoo.com | Member | |
Nya Langosh Dynamic Interactions Orchestrator nya.langosh@gmail.com | Member | |
Alba McClure Forward Response Officer alba_mcclure@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 | |
|---|---|---|---|---|
| Ellis Schaefer | maynard.weimann-dooley@gmail.com | Newark | Active | $281.22 |
| Clayton Breitenberg | aurelio23@yahoo.com | Fort Micheal | Inactive | $334.89 |
| Arthur Leuschke | ansel_cummings@hotmail.com | Fort Ashleighview | Inactive | $631.65 |
| Wesley Cole | bernhard_armstrong@hotmail.com | Lake Brielle | Active | $621.39 |
| Delia Franey | kayleigh93@yahoo.com | North Aric | Active | $683.71 |
| Total | $2,552.86 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Nicholas Beier @dejon82 | olga_olson57@hotmail.com | VonRuedentown | Active | $371.30 |
Rufus Monahan @alexandrea.bogan | deron_greenfelder76@yahoo.com | New Claudland | Active | $1,014.68 |
Shelia McDermott @annamarie_sawayn | alden10@hotmail.com | Lake April | Inactive | $330.19 |
Marvin Kovacek @josiane_stanton91 | rowena.haley57@gmail.com | East Jermain | Inactive | $744.94 |
Monica Jakubowski @kelli24 | kallie_wilderman@gmail.com | Fountain Valley | Active | $113.52 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Angelina Weissnat | alverta.ferry@gmail.com | West Houstonberg | Active | $325.35 |
| Arlene Ondricka | kadin32@gmail.com | North Meaghanburgh | Active | $722.57 |
| Levi Reilly | darby_mcclure@yahoo.com | Lake Hilario | Active | $737.39 |
| Elsie Schiller | toby.ziemann@gmail.com | South Chaimmouth | Active | $300.29 |
| Ignacio McCullough | vidal_kub-tremblay@yahoo.com | Lake Nettieside | Active | $565.74 |
| Total | $2,651.34 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Juana Schiller | nya.haley@yahoo.com | Eden Prairie | Inactive | $583.61 |
| Darlene Cronin | maggie_heaney58@gmail.com | Hemet | Inactive | $57.54 |
| Roger Zieme-Langosh DDS | lavina15@gmail.com | Imogenefield | Inactive | $1,167.31 |
| Rhonda Mosciski | danny_hickle28@hotmail.com | Cornellchester | Active | $539.77 |
| Lance Lowe | ola.pollich@gmail.com | Langoshstead | Active | $915.85 |
| Total | $3,264.08 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Jana Barrows | roxanne63@hotmail.com | North Robertaboro | Active | $1,135.56 |
| Adrian Wilkinson | hector.dibbert7@gmail.com | Krismouth | Inactive | $967.36 |
| Ms. Gladys Kemmer | eloisa_feeney@yahoo.com | North Elliotton | Inactive | $306.06 |
| Dixie Hessel Jr. | isabell51@gmail.com | Colemanshire | Inactive | $1,133.36 |
| Misty Wisoky | mittie_kautzer@hotmail.com | VonRuedenberg | Inactive | $837.74 |
| Total | $4,380.08 | |||
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 | ||
|---|---|---|---|---|---|
| Tomas Runte | tito.armstrong@hotmail.com | Jonesshire | Inactive | $972.04 | |
| Ms. Kerry Gislason | laura.larson@hotmail.com | Baytown | Inactive | $1,194.03 | |
| Patty Reinger | laverne.collier59@yahoo.com | Kathrynland | Inactive | $214.18 | |
| Ricky Rogahn | alexander95@hotmail.com | Lake Edwardoborough | Inactive | $477.48 | |
| Kelly Nikolaus-Boyle | electa_ferry@gmail.com | Darefurt | Inactive | $756.41 | |
| Total | $3,614.14 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Dr. Julian D'Amore | sabryna97@gmail.com | Fort Domingoville | Active | $366.92 | |
| Martin King | urban.ortiz@hotmail.com | Port Leila | Inactive | $447.73 | |
| Kevin West | oswaldo.ondricka20@gmail.com | Lulastad | Inactive | $281.46 | |
| Kevin Stanton | eldred98@gmail.com | Karleyfort | Active | $426.32 | |
| Janie O'Conner | durward_flatley@hotmail.com | New York | Active | $492.51 | |
| Total | $2,014.94 | ||||
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 | |
|---|---|---|---|---|
| Lola Langosh | marlene54@gmail.com | Emmyview | Active | $183.18 |
| Ted Williamson | isaias_ohara95@hotmail.com | North Saul | Inactive | $193.49 |
| Dana Berge | kaia_kuhn@hotmail.com | Vaughnfort | Active | $455.09 |
| Janis Hudson MD | jay57@hotmail.com | Linden | Active | $402.34 |
| Erik Bosco DDS | corrine20@hotmail.com | Largo | Inactive | $1,173.11 |
| Colin Jakubowski | stephan.kub45@hotmail.com | Corpus Christi | Inactive | $745.60 |
| Mr. Austin Cummings | harold.mayer48@hotmail.com | Wymanworth | Active | $1,114.84 |
| Mandy Tremblay | agustin.leffler10@gmail.com | South Rebecca | Inactive | $791.77 |
| Jennifer Miller | clementine30@hotmail.com | Ebertland | Active | $516.30 |
| Leona Mante | ettie_jacobs7@gmail.com | South Alene | Active | $103.20 |
| Rodolfo Marvin | owen.breitenberg2@gmail.com | South Nova | Inactive | $1,062.79 |
| Olivia Williamson | marty_kunze3@yahoo.com | East Austinfort | Active | $122.16 |
| Charlotte Cartwright DVM | owen23@gmail.com | New Caesar | Inactive | $807.13 |
| Francis Okuneva | vinnie.koss@yahoo.com | Potomac | Inactive | $313.79 |
| Violet Lesch | wilfred74@hotmail.com | East Norrisville | Active | $1,167.01 |
| Total | $9,151.80 | |||
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 |


