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 | $685.89 |
| INV002 | Unpaid | PayPal | $202.01 |
| INV003 | Paid | Bank Transfer | $451.91 |
| INV004 | Pending | Credit Card | $824.57 |
| INV005 | Pending | Credit Card | $251.98 |
| INV006 | Pending | Bank Transfer | $606.04 |
| INV007 | Pending | Bank Transfer | $682.38 |
| Total | $3,704.78 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Bailey Anderson | Principal Mobility Officer | bailey_anderson61@gmail.com | Viewer | |
| Luigi Armstrong | District Integration Liaison | luigi.armstrong28@gmail.com | Member | |
| Frank Carroll | Product Factors Associate | frank.carroll11@yahoo.com | Member | |
| Carrie Lemke | National Intranet Architect | carrie_lemke95@hotmail.com | Viewer | |
| Sylvia Kling | Investor Optimization Coordinator | sylvia_kling@gmail.com | Admin | |
| Rufus McLaughlin-Stamm | Human Communications Orchestrator | rufus_mclaughlin-stamm@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 |
|---|---|---|
Nick Huels Lead Creative Representative nick_huels47@yahoo.com | Admin | |
Danny Schulist Regional Applications Planner danny_schulist84@yahoo.com | Member | |
Jonathan Osinski Product Group Producer jonathan.osinski26@gmail.com | Viewer | |
Ayden Harris Lead Web Agent ayden_harris@gmail.com | Viewer | |
Danielle Bergstrom District Intranet Representative danielle_bergstrom@gmail.com | Member | |
Xander Rosenbaum Lead Integration Officer xander_rosenbaum@hotmail.com | Member |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Lowell Cronin International Metrics Orchestrator lowell.cronin75@yahoo.com | Admin | |
Constance Kirlin Human Infrastructure Developer constance_kirlin49@hotmail.com | Admin | |
Abel Gutmann Internal Data Producer abel.gutmann94@gmail.com | Admin | |
Corey Romaguera Corporate Functionality Strategist corey.romaguera16@yahoo.com | Admin | |
Francisco Schuppe National Security Designer francisco.schuppe@hotmail.com | Viewer | |
Christine Streich Dynamic Applications Supervisor christine_streich22@hotmail.com | Viewer | |
Elmira Blanda Internal Infrastructure Producer elmira.blanda22@hotmail.com | Admin | |
Blanche Feest International Response Developer blanche_feest73@gmail.com | Viewer | |
Vickie Schoen Lead Configuration Supervisor vickie.schoen@yahoo.com | Member | |
Tracey Volkman Lead Intranet Associate tracey_volkman@yahoo.com | Member | |
Leonie Waters Legacy Assurance Engineer leonie.waters6@gmail.com | Viewer | |
Raleigh Brakus Human Response Engineer raleigh.brakus34@gmail.com | Admin | |
Torey McClure-Hartmann Legacy Program Orchestrator torey.mcclure-hartmann15@yahoo.com | Member | |
Malcolm Grant Senior Paradigm Analyst malcolm.grant@hotmail.com | Member | |
Bobbie VonRueden Customer Research Associate bobbie.vonrueden35@gmail.com | Viewer | |
Rosalinda Braun Lead Factors Administrator rosalinda_braun64@hotmail.com | Viewer | |
Hillary Skiles National Brand Developer hillary.skiles20@yahoo.com | Viewer | |
Roberto Ritchie Regional Program Assistant roberto_ritchie2@hotmail.com | Viewer | |
Ronald Bernhard Regional Applications Manager ronald.bernhard12@yahoo.com | Viewer | |
Tyler Pagac-Grant Lead Identity Engineer tyler_pagac-grant@hotmail.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 | |
|---|---|---|---|---|
| Clara Botsford | christine35@yahoo.com | Ovabury | Inactive | $750.40 |
| Kennedi Romaguera | perry.prohaska7@gmail.com | Kulasworth | Inactive | $1,162.76 |
| Eulalia Walter | stevie30@yahoo.com | St. Peters | Active | $198.41 |
| Mr. Nikko Frami | lacey_reichert75@yahoo.com | Bartellborough | Active | $648.29 |
| Gabrielle Weissnat Sr. | michael53@hotmail.com | Lorrainecester | Active | $7.07 |
| Total | $2,766.93 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Ignacio Runolfsdottir @hazel_kilback | ellis_cronin@hotmail.com | Lethastad | Inactive | $284.31 |
Natalie Von @brennan10 | brenda29@hotmail.com | Port Nathanielstad | Active | $74.79 |
Myra Heaney @henriette44 | vada25@yahoo.com | Edinburg | Inactive | $627.60 |
Tyler Ortiz-Crist @yvonne.harvey79 | alberta_stiedemann@gmail.com | Fort Emelieworth | Active | $335.20 |
Pamela Schmitt @stephen_nitzsche | laverne98@yahoo.com | New Rochelle | Inactive | $510.19 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Dr. Madison Nitzsche | fausto6@gmail.com | Port Lilliana | Active | $592.56 |
| Claire Hettinger | marcus_zulauf65@gmail.com | North Port | Active | $381.11 |
| Mr. Neil Barton II | orlando.goyette0@gmail.com | West Anthonyborough | Inactive | $749.56 |
| Fred Crona | florence.bins-keebler@gmail.com | North Leannchester | Inactive | $106.41 |
| Donnie Kuhlman | tillman_gorczany@hotmail.com | New Alonzo | Inactive | $1,012.81 |
| Total | $2,842.45 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Mr. Parker Emmerich | alexa.streich40@yahoo.com | Schmidtstad | Active | $608.13 |
| Mrs. Selmer Upton | esteban.kerluke@yahoo.com | New Luisacester | Active | $230.69 |
| Bradley Williamson | vincent.skiles-will@gmail.com | Fordfield | Inactive | $322.28 |
| Guy Stiedemann | evan30@gmail.com | Denton | Active | $892.98 |
| Mamie Dicki | quentin_wisozk@yahoo.com | South Antonioside | Inactive | $950.09 |
| Total | $3,004.17 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Eric Pouros III | paris.hickle@gmail.com | North Noahview | Inactive | $338.59 |
| Aaliyah Deckow | yessenia_gottlieb-parker33@yahoo.com | Magdalenaton | Active | $171.75 |
| Mr. Bruce Rowe | eddie1@gmail.com | North Svenstead | Inactive | $863.26 |
| Melyna Rolfson | jake96@hotmail.com | Deckowside | Inactive | $1,015.75 |
| Mrs. Gia Brown | robert_jaskolski12@yahoo.com | New Ida | Active | $1,058.28 |
| Total | $3,447.63 | |||
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 | ||
|---|---|---|---|---|---|
| Jana DuBuque IV | edmond_shanahan78@gmail.com | Kshlerinhaven | Inactive | $1,193.90 | |
| Tiffany Olson | corene.hills@yahoo.com | Adamsfield | Active | $352.13 | |
| Rebekah Champlin | katheryn33@hotmail.com | Iowa City | Inactive | $491.31 | |
| Viviane Lind | dwayne_koepp13@gmail.com | Hectorworth | Inactive | $589.35 | |
| Bella Kassulke | ardella.pacocha@gmail.com | Eden Prairie | Inactive | $633.41 | |
| Total | $3,260.10 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Jordan Herman | earnestine_nienow16@yahoo.com | Volkmanfort | Inactive | $945.85 | |
| Esther Mitchell | shelly97@yahoo.com | Lake Santiago | Active | $1,090.14 | |
| Miss Catherine Kuhn-Rempel | otilia.wolff@yahoo.com | East Annette | Active | $723.25 | |
| Eleanor Donnelly | essie_schmitt@gmail.com | Kuvalisstad | Active | $1,082.85 | |
| Dianna Breitenberg | savion.hettinger15@yahoo.com | Schmidtburgh | Active | $105.64 | |
| Total | $3,947.73 | ||||
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 | |
|---|---|---|---|---|
| Vera Hilll | elton_mann14@yahoo.com | Brentwood | Inactive | $245.53 |
| Audie Bogan-Kuhlman | wanda88@yahoo.com | East Wavaland | Inactive | $124.27 |
| Cynthia Daniel | dino.leffler@hotmail.com | Leticiaport | Inactive | $1,022.71 |
| Mr. Felton Krajcik | dalton46@gmail.com | Gerardoborough | Inactive | $310.25 |
| Scott Barton | tommie.bauch@gmail.com | Rickeyfort | Active | $1,135.47 |
| Justice Hudson | drew7@yahoo.com | South Jonathan | Inactive | $422.48 |
| Shyanne Herman | jeffery_robel-gulgowski28@gmail.com | McKenziemouth | Active | $320.78 |
| Mr. Elijah Kunde | april_weissnat95@gmail.com | Elmerfort | Inactive | $6.98 |
| Miss Irma Bahringer | vita.hermiston99@hotmail.com | Fort Chaim | Active | $236.70 |
| Yolanda Blick | johnathan_anderson67@hotmail.com | Avaside | Active | $686.89 |
| Orlando Sipes | hugo.gerhold42@yahoo.com | Encinitas | Active | $1,167.09 |
| Lucy Stoltenberg | sigurd.hyatt@yahoo.com | East Ruthberg | Inactive | $1,147.68 |
| Mr. Gabrielle Crist PhD | ashly.weissnat48@gmail.com | Cassintown | Active | $1,002.33 |
| Angelica Terry | stacey_gulgowski39@hotmail.com | Georgetown | Inactive | $1,034.50 |
| Joanne Reinger | debra_lesch@hotmail.com | Port Uniqueburgh | Active | $1,085.04 |
| Total | $9,948.70 | |||
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 |


