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 | Bank Transfer | $114.13 |
| INV002 | Paid | PayPal | $970.80 |
| INV003 | Unpaid | Credit Card | $174.60 |
| INV004 | Unpaid | Credit Card | $612.05 |
| INV005 | Pending | Credit Card | $242.03 |
| INV006 | Pending | Bank Transfer | $861.19 |
| INV007 | Pending | Credit Card | $270.75 |
| Total | $3,245.55 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Gail Collier | Chief Creative Specialist | gail.collier@hotmail.com | Member | |
| Nicolette Balistreri | Direct Program Coordinator | nicolette.balistreri@yahoo.com | Member | |
| Benny Cassin | District Intranet Liaison | benny.cassin82@hotmail.com | Member | |
| Amy Padberg-Vandervort | Corporate Creative Coordinator | amy.padberg-vandervort@gmail.com | Admin | |
| Minerva Christiansen | District Directives Liaison | minerva.christiansen4@gmail.com | Admin | |
| Kameron Batz | Chief Tactics Associate | kameron.batz@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 |
|---|---|---|
Augustus Turcotte Chief Web Manager augustus.turcotte5@gmail.com | Admin | |
Alek Hilpert Corporate Directives Representative alek_hilpert@hotmail.com | Viewer | |
Cameron Homenick Senior Metrics Strategist cameron_homenick46@hotmail.com | Member | |
Javier Little International Infrastructure Orchestrator javier_little@yahoo.com | Admin | |
Ramona Ankunding Principal Markets Administrator ramona.ankunding49@yahoo.com | Member | |
Francisco McGlynn National Response Representative francisco_mcglynn@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 |
|---|---|---|
Emie Stanton Legacy Communications Liaison emie.stanton37@yahoo.com | Viewer | |
Toni Bruen Direct Operations Administrator toni_bruen@yahoo.com | Admin | |
Jennifer Torp Principal Integration Officer jennifer.torp67@gmail.com | Viewer | |
Jamie Lueilwitz Internal Accountability Liaison jamie_lueilwitz45@hotmail.com | Viewer | |
Maximo Wolff Internal Research Director maximo.wolff@gmail.com | Member | |
Stanley Hauck Human Quality Associate stanley.hauck@gmail.com | Admin | |
Gianni Emmerich Senior Intranet Developer gianni.emmerich@hotmail.com | Member | |
Steve Goodwin Future Web Executive steve.goodwin47@yahoo.com | Viewer | |
Vincent Schneider Central Metrics Strategist vincent_schneider21@gmail.com | Member | |
Alvis Gleichner Human Integration Administrator alvis_gleichner@gmail.com | Admin | |
Fermin O'Keefe Global Configuration Manager fermin.okeefe@hotmail.com | Admin | |
Lyric Pagac Forward Operations Producer lyric_pagac@gmail.com | Member | |
Arne Runolfsdottir Customer Optimization Architect arne.runolfsdottir14@yahoo.com | Member | |
Rozella Reinger Corporate Metrics Supervisor rozella.reinger@hotmail.com | Viewer | |
Kathlyn Lang Human Intranet Representative kathlyn.lang57@hotmail.com | Viewer | |
Alden Waters Forward Research Director alden.waters54@gmail.com | Member | |
Camryn Ernser Forward Paradigm Executive camryn_ernser@yahoo.com | Member | |
Marcella Casper Customer Operations Developer marcella_casper42@gmail.com | Admin | |
Marques Pacocha Product Integration Representative marques_pacocha@gmail.com | Viewer | |
Coty Konopelski Regional Brand Designer coty_konopelski45@yahoo.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 | |
|---|---|---|---|---|
| Dianne Hackett | thaddeus.swift44@hotmail.com | Margarettafort | Active | $662.39 |
| Caleb Wintheiser | gregorio.collier@hotmail.com | Chesapeake | Active | $170.07 |
| Neal Hoeger | retta44@gmail.com | Alexysburgh | Active | $796.06 |
| Clifton Gutkowski | yvette.dibbert@hotmail.com | Bessieworth | Active | $577.08 |
| Catherine Bogan | lempi_harvey-hegmann@yahoo.com | Lavernamouth | Active | $276.00 |
| Total | $2,481.60 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Lyle Turner @chadrick.doyle | audie.luettgen47@hotmail.com | Lake Antoniacester | Inactive | $390.64 |
Stephen Bradtke @meagan_hirthe | delia23@yahoo.com | Judyfort | Active | $303.11 |
Fredrick O'Kon PhD @elenora73 | delia.conroy@hotmail.com | Edaworth | Inactive | $255.66 |
Mr. Frederick Stehr @zechariah_feeney96 | nico_schinner@gmail.com | Guaynabo | Active | $1,017.40 |
Adam Miller @morgan_erdman78 | dejuan.price44@hotmail.com | Cruickshankfort | Inactive | $24.04 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Dana Hirthe | bryon53@gmail.com | Texas City | Inactive | $939.74 |
| Peter Schuppe III | madeline78@yahoo.com | Kittyville | Inactive | $848.85 |
| Fredrick Hilpert | camilla.ritchie11@hotmail.com | Port Jackystad | Active | $1,085.02 |
| Suzanne Kemmer DVM | vesta.langosh80@hotmail.com | North Jaylon | Inactive | $175.23 |
| Patrick Breitenberg | kay_bernier@yahoo.com | Moenshire | Inactive | $553.93 |
| Total | $3,602.77 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Ms. Patricia Cronin | eliane12@yahoo.com | Bartolettiton | Active | $64.83 |
| Don Huels | citlalli25@gmail.com | Brentside | Inactive | $646.94 |
| Ramona Ferry | lesley.schaefer53@yahoo.com | Heathcoteville | Inactive | $853.46 |
| Nina Dicki | dereck10@yahoo.com | South Chynastead | Inactive | $411.44 |
| Lee Hansen | glen_kuhic@yahoo.com | Crystalbury | Active | $180.29 |
| Total | $2,156.96 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Ms. Marie Ryan | brandi96@gmail.com | Clovisport | Active | $198.95 |
| Kent Adams | virgie5@gmail.com | Devynfort | Inactive | $800.28 |
| Dr. Julian Waters I | janae.weimann@yahoo.com | South Frederickberg | Inactive | $782.73 |
| Allison Borer | xzavier_konopelski5@yahoo.com | Bethville | Inactive | $673.28 |
| Orville Wolf | brisa.cruickshank@yahoo.com | Trevorstead | Active | $640.89 |
| Total | $3,096.13 | |||
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 | ||
|---|---|---|---|---|---|
| Annie Welch | alva.hessel19@yahoo.com | Runolfsdottirport | Active | $670.46 | |
| Sonia Barrows | kacey.oconner46@hotmail.com | Cronintown | Inactive | $919.88 | |
| Ernesto Fadel | jeramie_reinger@hotmail.com | Satterfieldton | Active | $165.53 | |
| Darrel Ondricka | dovie_beier10@gmail.com | North Lorichester | Inactive | $897.35 | |
| Rosalie Durgan | jefferey80@yahoo.com | West Francisland | Active | $492.59 | |
| Total | $3,145.81 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Vera Wehner I | thaddeus69@hotmail.com | Wilmington | Active | $820.92 | |
| Sean Walter | david30@hotmail.com | Medhursttown | Inactive | $722.52 | |
| Donald Jacobi | josue.weber3@hotmail.com | Zionchester | Inactive | $401.70 | |
| Erick Kerluke | declan46@yahoo.com | North Everardoton | Inactive | $384.03 | |
| Gretchen Spencer | kelsie_lynch@yahoo.com | Lake Annie | Inactive | $506.27 | |
| Total | $2,835.44 | ||||
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 | |
|---|---|---|---|---|
| Loretta Grimes | amalia.considine79@yahoo.com | West Dexter | Active | $475.33 |
| Micheal Grimes | america.robel19@yahoo.com | Lake Alannastead | Inactive | $429.87 |
| Shane Graham | forest_ortiz@yahoo.com | Ponce | Inactive | $865.04 |
| Harry Leannon | valentin54@gmail.com | Fort Dameon | Active | $765.76 |
| Kelley Effertz | antonio.cassin10@gmail.com | Lake Ewaldton | Inactive | $47.90 |
| Darnell Moen Sr. | angeline.treutel58@hotmail.com | Port Leannworth | Inactive | $296.95 |
| Wilma Frami | lou_braun@yahoo.com | Wintheiserstead | Inactive | $702.43 |
| Edith Schulist | lori76@hotmail.com | North Kathryneborough | Active | $1,094.54 |
| Krystal Quigley Sr. | arely25@hotmail.com | Lake Paulineland | Active | $512.83 |
| Frances Becker | howard.kutch@gmail.com | South Alyssonmouth | Inactive | $1,174.46 |
| Glenn Spencer | garfield77@gmail.com | South Zoey | Inactive | $182.94 |
| Cora Sporer | madaline_wisoky@yahoo.com | South Rubye | Inactive | $167.33 |
| Joan Baumbach | uriel.franey@yahoo.com | Mitchellworth | Active | $97.57 |
| Jodi Walker IV | albin_douglas@hotmail.com | Detroit | Active | $312.47 |
| Dustin Crooks | gabriella.shields@yahoo.com | North Emmie | Active | $1,178.47 |
| Total | $8,303.89 | |||
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 |