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 | Unpaid | Bank Transfer | $634.71 |
| INV002 | Paid | PayPal | $548.25 |
| INV003 | Paid | Bank Transfer | $853.44 |
| INV004 | Unpaid | PayPal | $820.02 |
| INV005 | Paid | Credit Card | $202.02 |
| INV006 | Paid | Bank Transfer | $417.26 |
| INV007 | Pending | PayPal | $163.26 |
| Total | $3,638.96 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Jerrod Lockman | Principal Directives Planner | jerrod_lockman28@hotmail.com | Member | |
| Harmony Wiegand | National Metrics Specialist | harmony.wiegand51@yahoo.com | Admin | |
| Joshua Torp | Future Operations Associate | joshua_torp15@hotmail.com | Member | |
| Vito Ortiz | Future Accounts Specialist | vito_ortiz15@yahoo.com | Admin | |
| Nick Bruen | Lead Directives Strategist | nick_bruen@hotmail.com | Viewer | |
| Johnny Smitham | Principal Markets Analyst | johnny.smitham@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 |
|---|---|---|
Oliver Toy Lead Creative Assistant oliver_toy40@hotmail.com | Viewer | |
Kaelyn Altenwerth District Program Strategist kaelyn_altenwerth@yahoo.com | Admin | |
Deonte Zieme Regional Division Engineer deonte_zieme@yahoo.com | Member | |
Abbigail Franey Chief Markets Executive abbigail.franey@hotmail.com | Viewer | |
Jordan Murray Human Creative Technician jordan.murray80@gmail.com | Member | |
Mozelle Padberg District Response Engineer mozelle.padberg91@yahoo.com | Viewer |
Sticky header
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Alycia Collier National Creative Consultant alycia.collier88@yahoo.com | Member | |
David Stroman Corporate Web Representative david_stroman@yahoo.com | Viewer | |
Alfonzo Brekke Direct Solutions Designer alfonzo_brekke63@hotmail.com | Member | |
Vida Wintheiser Corporate Response Architect vida.wintheiser@hotmail.com | Viewer | |
Sylvester Rau Internal Research Orchestrator sylvester_rau91@yahoo.com | Viewer | |
Liliane Durgan Lead Operations Analyst liliane.durgan51@hotmail.com | Member | |
Freddie Friesen Future Mobility Planner freddie.friesen59@yahoo.com | Viewer | |
Julia Kovacek Lead Paradigm Engineer julia.kovacek70@yahoo.com | Member | |
Michelle Runolfsson Dynamic Infrastructure Technician michelle.runolfsson84@gmail.com | Viewer | |
Caitlyn Reichel Direct Functionality Engineer caitlyn.reichel84@gmail.com | Member | |
Theresia Kreiger Principal Quality Executive theresia.kreiger17@yahoo.com | Viewer | |
Margot Wunsch Future Intranet Associate margot_wunsch60@hotmail.com | Admin | |
Layla Gutmann Chief Metrics Representative layla.gutmann13@hotmail.com | Admin | |
Justina Barrows Senior Accountability Administrator justina_barrows18@hotmail.com | Member | |
Keeley Ryan Investor Quality Executive keeley.ryan@hotmail.com | Admin | |
Beryl Hermiston Corporate Markets Agent beryl_hermiston73@yahoo.com | Viewer | |
Cora West Direct Integration Representative cora_west75@yahoo.com | Admin | |
Dedric Paucek International Security Analyst dedric_paucek@yahoo.com | Admin | |
Eulalia Koelpin Product Accounts Executive eulalia.koelpin@yahoo.com | Viewer | |
Marvin Koelpin National Branding Consultant marvin_koelpin@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 | |
|---|---|---|---|---|
| Seth Hayes | beau.rohan48@gmail.com | National City | Inactive | $524.33 |
| Domingo Bayer | madalyn_howell84@yahoo.com | Port Maxineport | Active | $748.13 |
| Harold Macejkovic | virginia.langosh@yahoo.com | East Providence | Active | $897.72 |
| Elaine Lueilwitz MD | laura.funk46@hotmail.com | Lake Sigmundville | Inactive | $290.47 |
| Christopher Ziemann | baylee.mills@gmail.com | South Tyratown | Active | $467.48 |
| Total | $2,928.13 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Sabrina Nikolaus @demetris17 | audreanne.trantow4@yahoo.com | Conroe | Inactive | $749.05 |
Eileen Kreiger @wilber_lockman | davon_lesch76@hotmail.com | Pagactown | Active | $776.86 |
Shirley Nienow @dallas59 | mathias.schowalter@gmail.com | West Hanna | Active | $639.25 |
Marion Langworth II @rodrick.ernser57 | wilfrid.hamill52@yahoo.com | Compton | Inactive | $870.82 |
Mrs. Diana Stamm @salma_windler | johnpaul.runolfsson74@yahoo.com | New Hayleeville | Inactive | $1,174.50 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Molly Legros | griffin_johnson50@gmail.com | Port Marquis | Active | $296.20 |
| Erica Leannon Sr. | lukas.lind35@yahoo.com | Nilsborough | Active | $457.43 |
| Tim Ritchie III | jannie64@hotmail.com | Fort Jesstown | Active | $453.66 |
| Alfonso Shields | orville7@yahoo.com | Tyrellton | Inactive | $68.58 |
| Kellie Wilderman MD | mariana.ryan98@hotmail.com | New Colbyview | Active | $619.15 |
| Total | $1,895.02 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Roy Gulgowski | assunta85@gmail.com | North Quincyland | Inactive | $1,179.69 |
| Lee Herzog | lora42@gmail.com | Port Alejandrastead | Inactive | $1,182.92 |
| Dr. Edward Hilpert | tony_terry@yahoo.com | West Quincy | Inactive | $578.93 |
| Dr. Pam Armstrong | luis_hilpert@hotmail.com | West Patsyton | Inactive | $348.44 |
| Saul Kihn | nettie_bartell2@hotmail.com | North Fridaburgh | Active | $815.44 |
| Total | $4,105.42 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Lela Hauck | wilson.collier@hotmail.com | Zulaufhaven | Active | $181.55 |
| Jacqueline Cronin | destiny.doyle@hotmail.com | Marvinfort | Active | $798.35 |
| Dr. Isaac Kozey | reginald26@hotmail.com | East Carleeboro | Active | $390.71 |
| Clark Dooley | wilson60@yahoo.com | Leathachester | Inactive | $268.47 |
| Suzanne Ebert | ricardo30@yahoo.com | West Lafayette | Inactive | $766.90 |
| Total | $2,405.98 | |||
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 | ||
|---|---|---|---|---|---|
| Renee Connelly DDS | edwardo.hane@gmail.com | Bernierboro | Active | $1,025.99 | |
| Arlene Wiza | jodie_schimmel@yahoo.com | Lake Brycefort | Active | $967.59 | |
| Roberta Barton | cecelia_boyle31@gmail.com | Schowalterfurt | Active | $480.89 | |
| Stacey Monahan Jr. | howard_carter@gmail.com | New Hassanboro | Active | $466.69 | |
| Molly Rohan | arielle.dickinson@yahoo.com | Fort Vena | Inactive | $294.23 | |
| Total | $3,235.39 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Kyle Schneider I | gracie_shields@yahoo.com | Moenhaven | Inactive | $789.05 | |
| Marty Zboncak | carolina_schmeler@gmail.com | Gunnershire | Active | $826.02 | |
| Melanie Spencer | ima_davis@yahoo.com | West Alphonsofort | Active | $84.88 | |
| Allan Hansen | aaron.jaskolski62@hotmail.com | Francescaton | Active | $73.74 | |
| Dr. Arthur Ullrich-Toy | major_rolfson@hotmail.com | North Eulahhaven | Inactive | $706.22 | |
| Total | $2,479.91 | ||||
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 | |
|---|---|---|---|---|
| Gordon Pouros | florencio.sipes@yahoo.com | Wyoming | Active | $1,027.40 |
| Marguerite Rippin | carrie.mills82@yahoo.com | Elisashire | Inactive | $702.67 |
| Sam Pollich | wilma.gottlieb-rosenbaum@hotmail.com | Haleyfort | Inactive | $132.04 |
| Stacy Armstrong | libby52@yahoo.com | Thielshire | Active | $407.84 |
| Woodrow Willms | christophe96@gmail.com | Linden | Active | $520.48 |
| Irma Frami | giovanni.nolan8@gmail.com | New Cleveland | Active | $1,037.81 |
| Angela Bartell | vella_ritchie@gmail.com | Timothyside | Inactive | $400.21 |
| Miss Tiffany Rowe | melisa.wilderman80@gmail.com | Layneborough | Inactive | $391.02 |
| Silvia Roberts | elena.oconner@yahoo.com | South Parker | Active | $991.42 |
| Abraham Waters | perry_klein@hotmail.com | Bashiriantown | Active | $1,188.17 |
| Dr. Mark Kutch | kale83@yahoo.com | New Rebaburgh | Inactive | $644.64 |
| Dominic O'Kon I | tierra.effertz@gmail.com | Jameyville | Inactive | $863.51 |
| Olga Sipes PhD | dayana79@hotmail.com | Loveland | Inactive | $430.96 |
| Fannie Brekke | javonte.farrell@hotmail.com | Kovacekmouth | Active | $1,176.72 |
| Eddie Towne | sonya.howell@yahoo.com | Arturoshire | Active | $155.97 |
| Total | $10,070.86 | |||
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 |
