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 | Paid | Bank Transfer | $969.48 |
| INV002 | Paid | Bank Transfer | $967.50 |
| INV003 | Unpaid | PayPal | $443.68 |
| INV004 | Paid | Credit Card | $874.05 |
| INV005 | Unpaid | PayPal | $658.59 |
| INV006 | Pending | Credit Card | $758.43 |
| INV007 | Unpaid | PayPal | $320.37 |
| Total | $4,992.10 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Dangelo Marks | Human Factors Producer | dangelo.marks59@gmail.com | Viewer | |
| Lulu Jacobson | Chief Interactions Administrator | lulu_jacobson@gmail.com | Admin | |
| Art Wolff | Legacy Brand Analyst | art_wolff@gmail.com | Member | |
| Kaya O'Hara | District Metrics Coordinator | kaya_ohara@yahoo.com | Admin | |
| Jody Wunsch | Customer Interactions Analyst | jody_wunsch@yahoo.com | Admin | |
| Elwin Kozey | National Metrics Agent | elwin.kozey50@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 |
|---|---|---|
Kurt Johnston Direct Research Planner kurt_johnston@yahoo.com | Admin | |
Traci Breitenberg Chief Functionality Specialist traci_breitenberg@yahoo.com | Viewer | |
Caleb Ratke Human Web Agent caleb.ratke33@gmail.com | Admin | |
Danny Smith Central Web Coordinator danny.smith57@yahoo.com | Admin | |
Nelda Adams Direct Accountability Consultant nelda.adams90@hotmail.com | Viewer | |
Andrew Gibson Product Program Analyst andrew_gibson@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 |
|---|---|---|
Leonora Kuvalis Central Interactions Coordinator leonora.kuvalis78@hotmail.com | Member | |
Kristen Hackett International Interactions Architect kristen.hackett39@gmail.com | Viewer | |
Edna Prosacco Dynamic Optimization Executive edna.prosacco@hotmail.com | Admin | |
Earline Sauer Internal Paradigm Coordinator earline.sauer@gmail.com | Member | |
Charlene Hahn Global Communications Associate charlene_hahn86@gmail.com | Admin | |
Alene Hermann Investor Research Assistant alene.hermann@yahoo.com | Member | |
Joanne Welch International Assurance Associate joanne_welch64@hotmail.com | Viewer | |
Demario Stanton Lead Communications Specialist demario.stanton@hotmail.com | Member | |
Eddie Pfannerstill Internal Configuration Engineer eddie_pfannerstill@yahoo.com | Admin | |
Lee McCullough Customer Research Developer lee.mccullough98@gmail.com | Admin | |
Adolph Waters Customer Response Analyst adolph_waters@yahoo.com | Admin | |
Lucas Williamson Investor Branding Liaison lucas.williamson@gmail.com | Viewer | |
Melanie Lehner Direct Integration Architect melanie_lehner62@gmail.com | Viewer | |
Guadalupe Stiedemann Chief Solutions Analyst guadalupe.stiedemann12@hotmail.com | Member | |
Ignacio Pouros Principal Interactions Planner ignacio.pouros18@gmail.com | Viewer | |
Claire Doyle Corporate Division Analyst claire_doyle23@yahoo.com | Admin | |
Oscar Bradtke Customer Identity Manager oscar.bradtke@gmail.com | Viewer | |
Bob Raynor Regional Data Technician bob_raynor68@hotmail.com | Admin | |
Brando Fisher Central Response Associate brando.fisher@gmail.com | Member | |
Walker Shanahan Dynamic Paradigm Coordinator walker_shanahan@hotmail.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 | |
|---|---|---|---|---|
| Leo Macejkovic | ernest.bogan@gmail.com | Kirkland | Inactive | $304.88 |
| Marcella Armstrong | everett42@hotmail.com | Port Jerad | Active | $882.53 |
| Dustin Schaden | margie.kuhic@gmail.com | Manuelamouth | Active | $163.68 |
| Ali Legros | emmitt52@gmail.com | Lafayetteshire | Inactive | $734.90 |
| Pauline Bernier | etha.friesen55@gmail.com | Lake Myles | Active | $478.23 |
| Total | $2,564.22 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Tate Schultz @shanna75 | estevan_waelchi@yahoo.com | Lake Ressieborough | Inactive | $245.67 |
Rae Bartoletti @faye.hane | lucy68@yahoo.com | San Bruno | Active | $1,055.43 |
Maci Weber @stephon.stehr | dashawn_pfeffer85@gmail.com | Bartlett | Active | $1,137.43 |
Alvah Murazik @lorene.harvey54 | becky3@hotmail.com | Altamonte Springs | Inactive | $808.93 |
Lorena Simonis @abel0 | myrtle31@gmail.com | East Deloresville | Active | $909.49 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Miss Ruby Labadie | shyann_kertzmann-dickens63@hotmail.com | Fort Consueloberg | Active | $830.36 |
| Jorge Durgan IV | rosemary_schimmel@hotmail.com | Danechester | Inactive | $943.40 |
| Mr. Jean Schaefer | delbert40@yahoo.com | Aracelyton | Active | $1,111.82 |
| Augustine Smitham | billy_berge-franecki50@hotmail.com | Port Dariusside | Inactive | $816.23 |
| Corbin Marks | sarah.kassulke85@hotmail.com | Miacester | Inactive | $249.37 |
| Total | $3,951.18 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Christa Osinski-Conn | jacob.hettinger@yahoo.com | Kerlukeberg | Inactive | $299.85 |
| Dolly Greenfelder | shane_connelly@hotmail.com | Long Beach | Active | $1,057.74 |
| Dr. Stacey Klocko | rachel_dare@yahoo.com | Port Citlalli | Active | $1,036.47 |
| Mr. Ted Becker | alverta.klocko@hotmail.com | Mission | Active | $282.76 |
| Antonia Casper | jettie_thiel@yahoo.com | Lafayette | Active | $596.05 |
| Total | $3,272.87 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Vada Moore | josue.renner68@yahoo.com | North Lawsonfort | Inactive | $604.81 |
| Krystal Stanton | frank.hessel46@hotmail.com | South Kiera | Inactive | $981.47 |
| Deron Kunze | shayna27@gmail.com | South Mason | Inactive | $923.29 |
| Hal Lueilwitz | marco.bins@gmail.com | Kokomo | Active | $72.01 |
| Ms. Denise Harris | rex.vonrueden12@hotmail.com | Franklin | Active | $332.21 |
| Total | $2,913.79 | |||
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 | ||
|---|---|---|---|---|---|
| Marta Ziemann | jessie_ondricka83@gmail.com | Clevelandfurt | Active | $288.74 | |
| Ebba Turner III | palma37@gmail.com | Destinworth | Active | $242.81 | |
| Tristin Senger II | abagail_marquardt35@yahoo.com | Jastview | Inactive | $646.33 | |
| Daphnee Kiehn | freeda22@yahoo.com | Mayaguez | Active | $187.90 | |
| Kendra Flatley-Toy | ayana.hegmann93@gmail.com | Eugene | Active | $276.01 | |
| Total | $1,641.79 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Constantin Rice | jimmie.mraz-streich4@hotmail.com | West Antwonchester | Active | $922.43 | |
| Alexanne Krajcik Jr. | lynda56@yahoo.com | Fort Alanfort | Active | $1,014.18 | |
| Kay Ebert | noel58@hotmail.com | Spencerfurt | Active | $596.65 | |
| Sheryl Wilderman | anne.bechtelar@yahoo.com | North Percivalport | Inactive | $4.06 | |
| Marcella Hettinger | josiane_conn@yahoo.com | Fort Destany | Inactive | $1,149.82 | |
| Total | $3,687.14 | ||||
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 | |
|---|---|---|---|---|
| Maureen Heaney | hilda8@hotmail.com | Fort Mercedes | Inactive | $135.67 |
| Monica Abernathy PhD | sasha_dach@gmail.com | Naperville | Active | $240.68 |
| Dwight Jast | gilbert53@gmail.com | New Tamia | Inactive | $202.25 |
| Malachi Kuvalis | donna65@gmail.com | El Cajon | Inactive | $826.94 |
| Rudolph Hermann | gary_prosacco34@gmail.com | North Trever | Active | $533.62 |
| Denise Parker | owen0@yahoo.com | West Urbanport | Active | $243.50 |
| Miss Hazel Bayer | tiffany_howell@gmail.com | West Pasquale | Active | $178.19 |
| Ruthe Kuhn-Crona | wyatt25@gmail.com | North Easton | Active | $431.76 |
| Dr. Hilma Carter | gordon_zboncak17@hotmail.com | Watersstad | Active | $529.19 |
| Julie Runolfsson | lorenza12@yahoo.com | Lake Nannieboro | Active | $42.48 |
| Ms. Lenora Corwin | gary.kreiger35@hotmail.com | Koleville | Inactive | $880.77 |
| Chaim White | kasandra28@hotmail.com | Port Frederick | Active | $275.88 |
| Ardella Pacocha | sincere.murphy55@yahoo.com | South Hubertview | Inactive | $413.81 |
| Pattie Windler II | gloria_rogahn@gmail.com | Port Agustinland | Inactive | $987.23 |
| Mr. Athena Lowe | darla_schuppe@gmail.com | Port Erikshire | Inactive | $235.66 |
| Total | $6,157.63 | |||
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 |
