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 | $653.23 |
| INV002 | Unpaid | PayPal | $209.37 |
| INV003 | Unpaid | Credit Card | $490.20 |
| INV004 | Pending | PayPal | $952.27 |
| INV005 | Paid | Credit Card | $483.21 |
| INV006 | Pending | Credit Card | $387.25 |
| INV007 | Paid | Credit Card | $503.21 |
| Total | $3,678.74 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Jeffry Jones | Product Functionality Manager | jeffry_jones27@hotmail.com | Member | |
| Jan Larkin | Global Intranet Officer | jan.larkin67@yahoo.com | Member | |
| Diamond Deckow | Senior Assurance Manager | diamond.deckow96@hotmail.com | Member | |
| Marion Treutel | Customer Usability Technician | marion_treutel@gmail.com | Admin | |
| Veronica Ruecker | Regional Identity Specialist | veronica.ruecker6@hotmail.com | Admin | |
| Jakob Williamson | Principal Integration Associate | jakob.williamson38@gmail.com | Admin |
Stacked on mobile
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Cathryn Wyman Regional Optimization Manager cathryn.wyman79@yahoo.com | Viewer | |
Kiara Schulist Future Communications Coordinator kiara_schulist11@gmail.com | Admin | |
Jorge Schoen-Howe Investor Accountability Associate jorge.schoen-howe73@yahoo.com | Viewer | |
Eli Purdy National Tactics Liaison eli.purdy83@gmail.com | Member | |
Otha Kuhic Investor Brand Orchestrator otha.kuhic@gmail.com | Member | |
Bret Hartmann Corporate Interactions Consultant bret_hartmann@gmail.com | Viewer |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Jena Tromp Forward Assurance Engineer jena.tromp28@hotmail.com | Member | |
Ernie Langworth Senior Accountability Consultant ernie_langworth1@gmail.com | Viewer | |
Libby Jast Lead Response Executive libby.jast@gmail.com | Admin | |
Jerry Price Internal Division Assistant jerry_price51@gmail.com | Admin | |
Charley Langosh Future Functionality Consultant charley_langosh50@yahoo.com | Admin | |
Arnold Jacobi Central Marketing Strategist arnold_jacobi@yahoo.com | Admin | |
Mohamed Maggio Product Configuration Associate mohamed.maggio33@gmail.com | Viewer | |
Laury Hackett District Infrastructure Representative laury.hackett86@hotmail.com | Viewer | |
Flossie D'Amore Chief Applications Officer flossie_damore@hotmail.com | Admin | |
Kitty Schultz Dynamic Mobility Agent kitty_schultz@yahoo.com | Member | |
Dominic Torp Forward Program Associate dominic_torp81@gmail.com | Member | |
Tressa Anderson Forward Markets Producer tressa.anderson55@gmail.com | Member | |
Vivianne O'Kon Central Infrastructure Liaison vivianne_okon@yahoo.com | Member | |
Johnny Kuhn Internal Functionality Assistant johnny.kuhn@hotmail.com | Viewer | |
Katlynn Considine Forward Operations Specialist katlynn_considine81@hotmail.com | Viewer | |
Emily Rutherford-Boehm Forward Infrastructure Orchestrator emily.rutherford-boehm@yahoo.com | Member | |
Jannie Kovacek Dynamic Intranet Technician jannie.kovacek@gmail.com | Member | |
Carey Yundt Dynamic Identity Director carey_yundt59@hotmail.com | Admin | |
Pat Sipes Senior Factors Officer pat_sipes@hotmail.com | Admin | |
Pattie McDermott Investor Creative Agent pattie.mcdermott4@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 | |
|---|---|---|---|---|
| Miss Estelle Gutmann | blaze84@gmail.com | Sarinashire | Inactive | $635.51 |
| Owen Conn | elijah49@hotmail.com | New Eddieberg | Active | $1,100.39 |
| Dominick Rogahn | aurelio.pouros95@yahoo.com | Sanfordside | Inactive | $851.38 |
| Shawn Schulist DVM | dolores88@gmail.com | Port Nicoletteburgh | Active | $568.56 |
| Noah Haley | madelynn73@hotmail.com | North Leoneton | Active | $1,064.52 |
| Total | $4,220.36 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Carlton Ziemann @griffin42 | abe_kozey@hotmail.com | Moreno Valley | Active | $331.53 |
Beth Heidenreich @nelle18 | tracey.dicki33@yahoo.com | Oxnard | Active | $1,077.56 |
Dr. Vivian Hintz @marcelina_oberbrunner78 | mason.weber@hotmail.com | Santa Barbara | Active | $569.41 |
Dr. Stacy Terry I @tad76 | kristopher15@yahoo.com | Nedstad | Active | $1,083.78 |
Jeannette Frami-Blanda @kaylah_cummings | mariela_damore-hoppe@gmail.com | Wisokyside | Inactive | $817.80 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Jana Cormier | austen39@gmail.com | Torphystad | Active | $1,139.82 |
| Charles Corkery | joshuah.feil19@hotmail.com | Asastad | Inactive | $222.50 |
| Dr. Gregg O'Hara | annetta_metz93@gmail.com | Ocala | Inactive | $64.51 |
| Gustavo Kertzmann | antone_herzog@gmail.com | Bruenchester | Active | $111.39 |
| Erica Wiegand | amparo.moen@hotmail.com | Treutelbury | Active | $277.42 |
| Total | $1,815.64 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Marilyn Okuneva | rhett.gulgowski44@yahoo.com | West Ryder | Inactive | $496.40 |
| Lela Shanahan | reed.heller@hotmail.com | Hilo | Inactive | $1,067.76 |
| Barry Feest | sunny.jerde@hotmail.com | Port Marshallville | Active | $419.93 |
| Alfonso Ledner PhD | lew30@hotmail.com | Floydton | Active | $968.63 |
| Evelyn Hudson | maci.langworth77@yahoo.com | Elizabeth | Active | $904.29 |
| Total | $3,857.01 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Patrick Denesik | jesse_jacobson@yahoo.com | Townestad | Inactive | $957.04 |
| Kathleen Mraz | beau_waters25@hotmail.com | Lake Margaret | Inactive | $787.65 |
| Sergio Schowalter | brook65@gmail.com | Raymundoboro | Active | $198.80 |
| Lauren Effertz | lavern.rohan@yahoo.com | Treutelbury | Inactive | $1,094.29 |
| Ramiro Macejkovic | sim_schroeder57@hotmail.com | Denesikfort | Active | $834.03 |
| Total | $3,871.81 | |||
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 | ||
|---|---|---|---|---|---|
| Mack Kreiger | natalia.steuber16@yahoo.com | Kulasstead | Active | $890.59 | |
| Erick Brekke DDS | patrick.beier@gmail.com | Fort Barneyton | Inactive | $293.25 | |
| Susan Murray | elvera_weber@yahoo.com | New Yasmine | Inactive | $633.14 | |
| Chad Senger | nona65@gmail.com | New Marcosside | Inactive | $908.66 | |
| Taylor Gutmann | laura.hermiston81@hotmail.com | Dylanland | Active | $440.47 | |
| Total | $3,166.11 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Randall Kohler | destini11@hotmail.com | West Braden | Inactive | $828.01 | |
| Chelsea Heller IV | van24@gmail.com | Mohrcester | Active | $1,138.21 | |
| Mr. Arthur Ebert | hilda17@yahoo.com | Fort Judah | Active | $897.94 | |
| Ethel Schimmel | ashly_keebler83@gmail.com | New Issacland | Active | $201.06 | |
| Grady O'Hara | pablo31@gmail.com | Lake Clayshire | Active | $936.72 | |
| Total | $4,001.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 | |
|---|---|---|---|---|
| Salvador Spinka | renee_dach@yahoo.com | Mesquite | Active | $1,095.47 |
| Jeremy O'Kon | jimmie51@yahoo.com | West Monicamouth | Active | $441.38 |
| Stella Walker | stuart64@yahoo.com | North Emmalee | Active | $623.76 |
| Elijah Monahan | tania.sawayn69@gmail.com | Bruceworth | Inactive | $259.94 |
| Hugh Fahey | jordon.legros@hotmail.com | North Josephine | Inactive | $324.94 |
| Mr. Marcos Stokes | holly85@yahoo.com | New Kattie | Inactive | $410.07 |
| Bryant Mayer IV | alyce_vonrueden@yahoo.com | Fort Janis | Active | $421.12 |
| Nadine Kovacek | marjolaine.berge71@hotmail.com | Goodwinberg | Inactive | $583.12 |
| Arlene Fisher | margaretta.ebert71@hotmail.com | Metairie | Active | $761.78 |
| Heidi Vandervort | dangelo6@yahoo.com | Fort Marge | Active | $851.97 |
| Israel Altenwerth | stefan_koepp27@yahoo.com | Darylville | Inactive | $863.45 |
| Debbie Price | gudrun75@yahoo.com | South Lindseybury | Active | $857.99 |
| Morris Corwin | keira_kessler77@hotmail.com | Port Meggieboro | Inactive | $709.47 |
| Ramon Torp | aurelie.streich@hotmail.com | Port Berniestad | Inactive | $717.19 |
| Arlene Langosh DVM | morris_mcclure@yahoo.com | Lakewood | Inactive | $221.98 |
| Total | $9,143.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 |



