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 | PayPal | $721.08 |
| INV002 | Unpaid | PayPal | $558.58 |
| INV003 | Pending | Bank Transfer | $764.34 |
| INV004 | Pending | PayPal | $453.51 |
| INV005 | Pending | PayPal | $475.96 |
| INV006 | Unpaid | Bank Transfer | $829.16 |
| INV007 | Paid | Bank Transfer | $253.45 |
| Total | $4,056.08 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Leda Adams | Forward Solutions Supervisor | leda_adams@hotmail.com | Admin | |
| Deonte Watsica | National Creative Consultant | deonte_watsica90@yahoo.com | Member | |
| Edwin Hauck | Customer Directives Manager | edwin_hauck17@gmail.com | Member | |
| Lucius DuBuque | Forward Paradigm Facilitator | lucius.dubuque@gmail.com | Admin | |
| Jeromy Pouros | National Mobility Consultant | jeromy_pouros@yahoo.com | Viewer | |
| Payton Carroll | District Tactics Strategist | payton.carroll76@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 |
|---|---|---|
Janae Pfannerstill Principal Research Orchestrator janae.pfannerstill85@hotmail.com | Member | |
Tyson Bashirian-Hagenes Central Research Executive tyson_bashirian-hagenes10@hotmail.com | Viewer | |
Jeramie Heaney Chief Response Associate jeramie.heaney@yahoo.com | Admin | |
Jeanie Douglas Senior Metrics Assistant jeanie_douglas18@hotmail.com | Member | |
Sylvia Weber Chief Tactics Director sylvia_weber52@hotmail.com | Viewer | |
Bridgette Becker District Optimization Planner bridgette.becker@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 |
|---|---|---|
Ernestina Cummerata Dynamic Directives Representative ernestina_cummerata@yahoo.com | Viewer | |
Christelle Conroy Investor Markets Administrator christelle_conroy21@hotmail.com | Member | |
Kevin Koss Investor Functionality Architect kevin_koss36@hotmail.com | Member | |
Gillian Kuvalis Central Marketing Orchestrator gillian.kuvalis19@gmail.com | Viewer | |
Nicolette Sporer National Integration Executive nicolette_sporer@gmail.com | Admin | |
Susana Gleichner Dynamic Marketing Strategist susana_gleichner37@yahoo.com | Member | |
Carolanne Spinka Principal Metrics Designer carolanne.spinka@hotmail.com | Admin | |
Rebeka Quitzon District Creative Architect rebeka_quitzon@gmail.com | Admin | |
Edgar Morar District Functionality Developer edgar.morar@gmail.com | Admin | |
Mikel Abshire District Creative Assistant mikel_abshire@yahoo.com | Viewer | |
Constance Hodkiewicz District Optimization Representative constance_hodkiewicz@yahoo.com | Admin | |
Hugh Kuhlman Principal Integration Developer hugh_kuhlman@yahoo.com | Member | |
Roberto Rau Global Interactions Analyst roberto_rau78@yahoo.com | Admin | |
Carey Daugherty Direct Marketing Architect carey.daugherty84@hotmail.com | Viewer | |
Taya Halvorson Principal Metrics Supervisor taya.halvorson51@gmail.com | Viewer | |
Cedrick Pouros Future Intranet Designer cedrick.pouros90@gmail.com | Admin | |
Moriah Schultz District Integration Orchestrator moriah.schultz35@hotmail.com | Member | |
Delbert Hackett Direct Quality Analyst delbert_hackett75@gmail.com | Admin | |
Rebekah Spencer Investor Creative Coordinator rebekah_spencer@yahoo.com | Viewer | |
Nat Runolfsson District Brand Strategist nat.runolfsson@gmail.com | Member |
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 | |
|---|---|---|---|---|
| Maxine Jacobs | erika.mante@gmail.com | Tyler | Active | $301.20 |
| Dan Turner | oren.abernathy19@yahoo.com | Creminton | Active | $87.14 |
| Jaime Hills | coleman_stiedemann@yahoo.com | Fort Laurianefield | Inactive | $286.47 |
| Kirk Krajcik | carmen_hessel81@hotmail.com | South Moniqueburgh | Inactive | $629.77 |
| Vickie Barrows | oscar_hettinger@yahoo.com | Kossborough | Active | $196.97 |
| Total | $1,501.55 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Sheldon Pouros @pattie.kulas44 | modesta.rohan@gmail.com | Runolfsdottirside | Active | $325.80 |
Marcella Fritsch @afton_jakubowski98 | abe_gutkowski@yahoo.com | Sanford | Inactive | $922.11 |
Sonja Kshlerin @joana_hartmann37 | valerie.oconnell85@hotmail.com | Abnerview | Inactive | $736.50 |
Garry Mills @maria.sanford2 | candice.lind23@yahoo.com | Port Ambroseton | Active | $1,166.54 |
Regina Graham-Treutel @noel.mueller60 | demario_erdman@yahoo.com | Manteca | Inactive | $967.02 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Dominic Okuneva | trever.koepp52@yahoo.com | North Roxanetown | Inactive | $296.33 |
| Shelia Marvin DVM | wilburn44@gmail.com | Sengerburgh | Inactive | $256.27 |
| Marguerite Welch | jayce_towne8@yahoo.com | West Eugene | Inactive | $344.60 |
| Bonnie Homenick | maggie_reilly14@hotmail.com | Caguas | Inactive | $491.02 |
| Elaine Bednar | luther_satterfield84@hotmail.com | East Orie | Inactive | $764.89 |
| Total | $2,153.11 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Byron Wyman | catherine.stiedemann86@yahoo.com | South Garfieldstad | Active | $687.16 |
| Naomi Dach III | novella69@yahoo.com | Port Wilhelmstead | Active | $1,074.53 |
| Sophia Gibson | clay_larkin17@yahoo.com | East Isidroport | Inactive | $952.49 |
| Sergio Boyer | heaven.abshire0@yahoo.com | Port Aliyahaven | Inactive | $168.39 |
| Kristie Rice | trisha_simonis@yahoo.com | East Scotty | Inactive | $669.65 |
| Total | $3,552.22 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Angelica Kozey V | nellie_brekke@hotmail.com | Fort Romanshire | Inactive | $745.66 |
| Noel DuBuque | patricia.boehm@yahoo.com | West Cleo | Active | $744.62 |
| Hazel Torp | alba.johns@gmail.com | Maureenberg | Active | $981.85 |
| Yvette Kunze | darrin22@gmail.com | New Verlieville | Active | $444.86 |
| Mr. Terry Stamm | viola.von@yahoo.com | South Davon | Inactive | $363.11 |
| Total | $3,280.10 | |||
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 | ||
|---|---|---|---|---|---|
| Lila Weber | keenan_fisher78@hotmail.com | Meredithville | Inactive | $588.14 | |
| Marian Berge | darien24@gmail.com | Schultzfield | Inactive | $1,094.82 | |
| Willard Schumm | scot_rippin@yahoo.com | Pompano Beach | Active | $601.57 | |
| Rodolfo Turcotte | brent43@gmail.com | Millerview | Active | $956.11 | |
| Douglas Windler | harvey_dubuque@hotmail.com | Lake Kendallbury | Inactive | $15.26 | |
| Total | $3,255.90 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Eloise Ledner | leonard4@hotmail.com | South Agustinamouth | Active | $667.82 | |
| Christian Rempel | solon84@yahoo.com | Romagueramouth | Active | $463.30 | |
| Miss Hannah Beier | dominique98@gmail.com | Patiencechester | Active | $563.80 | |
| Bethany Gusikowski | elenor.blanda@yahoo.com | Arecibo | Inactive | $44.23 | |
| Thomas Lehner | arnoldo49@gmail.com | New Mackworth | Inactive | $516.98 | |
| Total | $2,256.13 | ||||
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 | |
|---|---|---|---|---|
| Katie Miller | garrick32@hotmail.com | Lake Fredericshire | Inactive | $268.46 |
| Sean Hilll | emmitt.pagac@hotmail.com | North Tre | Inactive | $788.71 |
| Bob Klocko-Stiedemann | nestor_barrows12@yahoo.com | Fort Ethyl | Inactive | $198.29 |
| Emilio Satterfield | elyssa.senger@hotmail.com | Johnstonhaven | Inactive | $539.66 |
| Marshall Bauch PhD | justyn85@yahoo.com | Brooklyn Park | Active | $1,060.47 |
| Angela Jenkins | jorge_nikolaus@gmail.com | Christiansenview | Inactive | $952.72 |
| Jody Cormier | stephen21@gmail.com | Nicholauschester | Active | $879.56 |
| Wade Predovic | ayla_gutkowski@yahoo.com | Huelstead | Inactive | $4.86 |
| Rolando Veum | mavis.greenholt@yahoo.com | Lake Zack | Active | $1,035.17 |
| Mack Lowe | mittie23@hotmail.com | Port Arthur | Inactive | $188.79 |
| Camille Wilderman | parker_mitchell@hotmail.com | Fort Sydnicester | Inactive | $938.46 |
| William Kuhic PhD | corrine.volkman7@yahoo.com | Gerdaberg | Active | $1,001.54 |
| Lynn Bosco | jayda_olson@gmail.com | Malden | Inactive | $610.83 |
| Mandy Mayert | beau_stroman@gmail.com | West Prudenceton | Inactive | $386.20 |
| Angelica Conroy | teresa.goldner98@hotmail.com | Port Sonya | Active | $786.26 |
| Total | $9,639.98 | |||
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 |



