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 | Pending | Credit Card | $891.22 |
| INV002 | Unpaid | Bank Transfer | $218.79 |
| INV003 | Unpaid | PayPal | $957.92 |
| INV004 | Unpaid | Bank Transfer | $934.04 |
| INV005 | Pending | Bank Transfer | $295.30 |
| INV006 | Pending | PayPal | $856.74 |
| INV007 | Unpaid | Bank Transfer | $760.57 |
| Total | $4,914.58 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Hector Lesch | Principal Directives Manager | hector.lesch66@yahoo.com | Viewer | |
| Lorenzo Swift | Regional Quality Engineer | lorenzo_swift30@gmail.com | Member | |
| Roderick Ruecker | Human Metrics Engineer | roderick.ruecker@hotmail.com | Member | |
| Dominic Goyette-Roob | Direct Creative Executive | dominic_goyette-roob14@hotmail.com | Viewer | |
| Mckayla Schuppe | Chief Operations Representative | mckayla.schuppe@hotmail.com | Viewer | |
| Dewey Murray | Forward Quality Engineer | dewey_murray0@hotmail.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 |
|---|---|---|
Perry Feil National Division Producer perry.feil2@hotmail.com | Viewer | |
Dandre Nitzsche Dynamic Interactions Representative dandre_nitzsche@gmail.com | Admin | |
Paulette Pouros Future Group Developer paulette.pouros@hotmail.com | Member | |
Lillie Cole Customer Identity Specialist lillie.cole33@gmail.com | Viewer | |
Hank Ferry Chief Optimization Supervisor hank_ferry@gmail.com | Viewer | |
Jean White District Optimization Associate jean_white@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 |
|---|---|---|
Yvette Shields Product Branding Associate yvette_shields@gmail.com | Viewer | |
Dayne Kuvalis National Security Executive dayne.kuvalis@hotmail.com | Member | |
Eula Effertz Chief Metrics Architect eula_effertz@hotmail.com | Member | |
Trey Bernier Direct Identity Architect trey_bernier60@hotmail.com | Member | |
Jerald Kunze National Communications Director jerald.kunze24@yahoo.com | Admin | |
Grady Wisozk Investor Branding Planner grady.wisozk75@gmail.com | Viewer | |
Davin Johns Product Identity Director davin.johns73@yahoo.com | Member | |
Ebony D'Amore Direct Division Technician ebony_damore18@yahoo.com | Member | |
Verla Wilderman Direct Program Developer verla_wilderman43@yahoo.com | Admin | |
Keshaun Jacobi District Identity Producer keshaun.jacobi56@hotmail.com | Admin | |
Greg Miller Product Paradigm Producer greg_miller@hotmail.com | Member | |
Mertie Hilpert Principal Branding Architect mertie.hilpert@gmail.com | Admin | |
Daryl Schmeler District Configuration Assistant daryl.schmeler@gmail.com | Viewer | |
Beulah Brakus Internal Infrastructure Representative beulah.brakus82@gmail.com | Admin | |
Murl Morissette Human Interactions Producer murl_morissette31@yahoo.com | Member | |
Clementine Barrows Dynamic Branding Specialist clementine.barrows99@hotmail.com | Viewer | |
Shemar Zulauf Forward Implementation Agent shemar_zulauf75@hotmail.com | Admin | |
Myra Halvorson-Kub Legacy Creative Liaison myra.halvorson-kub27@gmail.com | Member | |
Kane Koelpin Principal Intranet Coordinator kane.koelpin1@yahoo.com | Member | |
Adolphus Klocko Global Division Producer adolphus.klocko45@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 | |
|---|---|---|---|---|
| Donavon Leffler | gracie_herman@hotmail.com | Casas Adobes | Inactive | $882.74 |
| Abel Tremblay | ryann_cruickshank85@yahoo.com | Port Bayleefurt | Active | $975.87 |
| Mr. Zane Von | rocky_corwin14@hotmail.com | Gleasonville | Inactive | $365.37 |
| Maynard Cassin | marian72@yahoo.com | Averyworth | Active | $615.06 |
| Dr. Glenda Kihn-Hermann | eldora.lubowitz@gmail.com | West Ramonatown | Active | $344.16 |
| Total | $3,183.20 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Timmy Dicki @bert.corkery-hane32 | wallace_effertz75@yahoo.com | Lake Osbornemouth | Active | $223.78 |
Caroline Bode @marc73 | mae_mckenzie@gmail.com | Laverneboro | Inactive | $777.01 |
Newell Gleason @brown_kemmer | jamar94@yahoo.com | East Jeramieton | Active | $1,062.35 |
Carey Connelly @janie.vonrueden | leonardo_powlowski47@yahoo.com | O'Hara-Volkmanburgh | Active | $114.06 |
Emilio Beier @lawrence.ohara | gabriel.donnelly64@hotmail.com | East Jerome | Inactive | $746.55 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Mr. Camryn Conroy | lillie.trantow70@yahoo.com | Port Hermannchester | Inactive | $1,029.51 |
| Pearline Kihn | taryn_farrell23@gmail.com | East Fabianstad | Active | $1,123.06 |
| Jordan Rippin | santos.halvorson@gmail.com | Rapid City | Active | $1,031.70 |
| Taylor Adams Sr. | gregory.kuhlman@hotmail.com | Gleasonborough | Inactive | $273.49 |
| Ellen Ledner III | belinda.swaniawski@yahoo.com | Baileyhaven | Active | $709.19 |
| Total | $4,166.95 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Rudolph Maggio | esperanza_hayes37@yahoo.com | Fort Francesca | Active | $198.31 |
| Patricia Quitzon | jenny_emard48@gmail.com | East Pattie | Active | $636.58 |
| Adonis West | ross.ritchie@gmail.com | West Darlene | Inactive | $631.18 |
| Aryanna Gutkowski | eliane_kub@yahoo.com | Elnamouth | Active | $49.31 |
| Jacqueline Block | al72@yahoo.com | Treyboro | Active | $591.34 |
| Total | $2,106.72 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Wilhelm Windler | frances64@gmail.com | West Daleland | Inactive | $719.09 |
| Ross Klocko PhD | doreen_altenwerth@yahoo.com | Georgeview | Inactive | $293.05 |
| Lawrence Mueller MD | margie50@hotmail.com | Abelboro | Inactive | $1,004.98 |
| Ms. Juana Cronin | carleton_langworth@hotmail.com | New Tamiburgh | Active | $853.37 |
| Andreanne Hauck V | michele.weimann71@hotmail.com | Oraside | Inactive | $339.19 |
| Total | $3,209.68 | |||
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 | ||
|---|---|---|---|---|---|
| Nils Hodkiewicz | matthew_dach@gmail.com | Port Edhaven | Active | $632.36 | |
| Jay Bergnaum | chanel.kautzer51@hotmail.com | Bowie | Inactive | $577.77 | |
| Roy Terry-Barton | kaley.paucek@hotmail.com | Lake Novellaport | Active | $329.78 | |
| Andre Stark | jamil_kiehn89@hotmail.com | Wesley Chapel | Inactive | $1,155.78 | |
| Armando Heidenreich | felix_thiel@gmail.com | Alyssaboro | Inactive | $922.06 | |
| Total | $3,617.75 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Isaiah Ullrich | maegan_denesik48@hotmail.com | South Lynne | Active | $250.23 | |
| Vernon Rodriguez | roxane25@gmail.com | Arelyshire | Active | $1,149.60 | |
| Theresa Altenwerth | shannon79@yahoo.com | Erikaworth | Active | $345.92 | |
| Norman Harber | serenity.gerlach30@hotmail.com | Herzogworth | Inactive | $114.54 | |
| Darin Smitham | davonte.upton41@yahoo.com | Roswell | Active | $149.69 | |
| Total | $2,009.98 | ||||
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 | |
|---|---|---|---|---|
| Dr. Kenneth Dickens | jennyfer71@yahoo.com | South Giovannaburgh | Inactive | $562.00 |
| Mr. Stefanie Robel | eddie95@hotmail.com | Apopka | Inactive | $532.77 |
| Kelley Borer | leroy.botsford65@hotmail.com | New Altonport | Inactive | $854.69 |
| Ethel Pacocha | keshaun_nicolas81@gmail.com | El Paso | Inactive | $799.05 |
| Molly Aufderhar | wilbur_mccullough@yahoo.com | Idellamouth | Inactive | $612.45 |
| Margarete Hintz-Kulas | ward31@hotmail.com | Kohlerhaven | Active | $1,059.14 |
| Chris Mayert | dominic.bayer@yahoo.com | Tinley Park | Inactive | $13.97 |
| Ray Gislason | jairo_mann80@gmail.com | Lake Vernie | Active | $579.12 |
| Reginald Schuster-Smith | mabelle0@hotmail.com | Abbottton | Active | $472.96 |
| Mr. Yasmin Schultz | keith.murazik@gmail.com | Novi | Active | $83.31 |
| Sheryl Wehner | lionel.nolan@gmail.com | West Grantville | Inactive | $938.59 |
| Breanne Nader-Yundt | johan.schmitt88@yahoo.com | New Jody | Active | $848.35 |
| Bernice Gottlieb | conrad.thompson31@gmail.com | Bartolettiside | Active | $34.74 |
| Brionna Walsh | arthur96@gmail.com | Bridgetbury | Active | $19.97 |
| Reymundo Pollich | mellie_schmitt48@hotmail.com | Lauderhill | Inactive | $359.48 |
| Total | $7,770.59 | |||
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 |

