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 | Credit Card | $211.33 |
| INV002 | Pending | Credit Card | $576.36 |
| INV003 | Paid | Credit Card | $353.69 |
| INV004 | Pending | PayPal | $499.79 |
| INV005 | Unpaid | Bank Transfer | $503.43 |
| INV006 | Unpaid | Bank Transfer | $108.66 |
| INV007 | Pending | Bank Transfer | $389.12 |
| Total | $2,642.38 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Kaleb Jones | International Communications Designer | kaleb.jones99@yahoo.com | Admin | |
| Florence Jones | Internal Usability Technician | florence_jones25@yahoo.com | Viewer | |
| Bridie Hartmann | Future Paradigm Coordinator | bridie.hartmann@gmail.com | Member | |
| Lourdes Swaniawski | Investor Markets Designer | lourdes.swaniawski85@hotmail.com | Member | |
| Monica Bednar | National Directives Associate | monica_bednar@gmail.com | Member | |
| Evelyn Spinka | Senior Communications Officer | evelyn.spinka@yahoo.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 |
|---|---|---|
Vanessa Walter Human Operations Facilitator vanessa.walter@hotmail.com | Admin | |
Bryana Walker District Markets Manager bryana.walker@yahoo.com | Admin | |
Alma Conn Regional Tactics Developer alma.conn31@gmail.com | Viewer | |
Ibrahim Bins Direct Metrics Officer ibrahim_bins48@gmail.com | Viewer | |
Wendell Aufderhar Internal Paradigm Director wendell_aufderhar@gmail.com | Member | |
Florian Prosacco Central Paradigm Consultant florian_prosacco64@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 |
|---|---|---|
Tabitha Block Direct Identity Executive tabitha_block@gmail.com | Viewer | |
Kate Botsford Chief Directives Supervisor kate.botsford35@gmail.com | Viewer | |
Cheyenne Willms Forward Web Liaison cheyenne.willms0@yahoo.com | Admin | |
Neoma Bechtelar Internal Web Strategist neoma.bechtelar27@gmail.com | Viewer | |
Brandy Green Forward Tactics Representative brandy.green51@hotmail.com | Admin | |
Dewey Gutkowski Chief Division Technician dewey.gutkowski@hotmail.com | Viewer | |
Sven Crist Corporate Mobility Administrator sven.crist@gmail.com | Viewer | |
Terrence Littel Senior Communications Supervisor terrence_littel@hotmail.com | Admin | |
Joanna Wolff Dynamic Infrastructure Producer joanna.wolff94@hotmail.com | Member | |
Odessa Halvorson Customer Branding Architect odessa_halvorson@yahoo.com | Viewer | |
Domingo Erdman International Security Administrator domingo.erdman10@gmail.com | Viewer | |
Phil Lueilwitz Principal Web Supervisor phil_lueilwitz13@yahoo.com | Viewer | |
Shannon Dickens Central Communications Producer shannon.dickens@hotmail.com | Viewer | |
Jason Beer Investor Web Technician jason_beer60@hotmail.com | Admin | |
Emma Schoen Customer Directives Strategist emma_schoen50@hotmail.com | Viewer | |
Manley Huels Internal Research Consultant manley_huels@yahoo.com | Member | |
Roberta Erdman International Data Producer roberta_erdman92@yahoo.com | Admin | |
Wade Carroll Global Implementation Planner wade_carroll77@yahoo.com | Admin | |
Consuelo O'Conner Product Markets Facilitator consuelo_oconner@yahoo.com | Member | |
Myah Ryan-Rowe Regional Branding Director myah_ryan-rowe98@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 | |
|---|---|---|---|---|
| Dillan Oberbrunner DVM | jennings_lubowitz59@gmail.com | Fort Joannieville | Inactive | $331.40 |
| Marie Bradtke | bonnie_schowalter@yahoo.com | Kailynfurt | Inactive | $802.71 |
| Kerry Schamberger | cydney_hessel63@yahoo.com | Altoona | Inactive | $1,032.54 |
| Ulises Ortiz | fletcher34@hotmail.com | Bend | Inactive | $89.24 |
| Ona Nitzsche | nellie.baumbach-russel13@hotmail.com | South Carolynshire | Active | $333.32 |
| Total | $2,589.21 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Mrs. Roy Reynolds @furman59 | jacob_stiedemann@hotmail.com | Daytonview | Inactive | $322.04 |
Melissa Hoppe @jade_lemke | gerard_stark7@hotmail.com | Connberg | Inactive | $896.28 |
Ray McCullough @madeline36 | luke3@gmail.com | Hermannfield | Active | $992.14 |
Hoyt Kutch Sr. @cara.murphy8 | winnifred_hauck50@yahoo.com | New Anthony | Inactive | $257.39 |
Jessica Halvorson @willie.lubowitz | delbert_powlowski@yahoo.com | West Eltonstad | Inactive | $298.06 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Elenora Hartmann | garry.krajcik@gmail.com | Harbercester | Inactive | $182.02 |
| Jerome Rogahn | rhianna.conn@hotmail.com | Ianside | Active | $103.57 |
| Krystal Rogahn | ryley34@hotmail.com | East Kattieland | Active | $1,043.31 |
| Dr. April Romaguera | luther.donnelly59@hotmail.com | Gilbert | Inactive | $411.33 |
| Alex Cummerata | kay.ortiz@hotmail.com | Gerholdberg | Inactive | $755.09 |
| Total | $2,495.32 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Baby Lynch | giovani_collier@hotmail.com | Port Parker | Inactive | $587.88 |
| Christian Koch | jonathon.feest2@gmail.com | Dachside | Inactive | $573.86 |
| Jerrell Kuvalis | kaycee10@yahoo.com | South Cornellville | Active | $1,182.72 |
| Faye Will-Nader III | gertrude4@hotmail.com | Lake Lou | Inactive | $488.87 |
| Mrs. Karen Frami | rolando48@yahoo.com | Fridaboro | Active | $751.21 |
| Total | $3,584.54 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Miss Myrna Abbott | wallace_bergstrom@hotmail.com | Lake Carlihaven | Active | $438.71 |
| Ms. Edith Pouros | gillian.hills78@hotmail.com | West Keatonhaven | Inactive | $433.36 |
| Kyle Stokes | gayle.jacobi22@yahoo.com | Shyannchester | Active | $419.29 |
| Miss Rachel Keebler III | michele50@hotmail.com | Caguas | Inactive | $686.14 |
| Shelly Labadie | glenn.wilkinson27@hotmail.com | Yvonneboro | Active | $246.95 |
| Total | $2,224.45 | |||
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 | ||
|---|---|---|---|---|---|
| Ewald Cormier | dante76@gmail.com | Port Jaclyn | Active | $910.65 | |
| Richie Emmerich Jr. | traci_beier@gmail.com | West Neomamouth | Inactive | $780.74 | |
| Avis Beatty | brad.torp57@yahoo.com | Maxstead | Active | $227.72 | |
| Marta Satterfield | koby.durgan40@hotmail.com | Hettingerboro | Active | $305.63 | |
| Shaniya Klein | lyle_kunde@hotmail.com | Port Alvahtown | Inactive | $614.21 | |
| Total | $2,838.95 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Abraham Bruen DVM | jackeline.stehr6@yahoo.com | Rosannaburgh | Active | $590.87 | |
| Rasheed Medhurst | calvin.prohaska91@yahoo.com | Breitenbergstad | Inactive | $549.13 | |
| Alene Graham | dewey.bashirian77@yahoo.com | New Magnus | Inactive | $672.78 | |
| Miss Alysa Kris IV | woodrow_grant54@hotmail.com | Eulahview | Active | $362.61 | |
| Eva Stiedemann | everett.hartmann79@yahoo.com | Loniefort | Active | $56.38 | |
| Total | $2,231.77 | ||||
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 | |
|---|---|---|---|---|
| Ferne Kuhic | cameron14@gmail.com | East Katelynnboro | Active | $328.46 |
| Luciano Bartoletti | roberta87@yahoo.com | Temple | Active | $810.87 |
| Maritza Barton-Runte | jenna_swaniawski@gmail.com | Sofiaworth | Inactive | $671.72 |
| Toy Crooks | janis81@yahoo.com | Trantowchester | Inactive | $468.91 |
| Molly Muller | harmony_herman@hotmail.com | Bayonne | Active | $1,156.74 |
| Dr. Afton Vandervort | juana_wiegand@gmail.com | Hammond | Active | $835.07 |
| Dr. Loyce Heaney | rodrick_klein@yahoo.com | Bertstead | Active | $996.75 |
| Cesar Thiel | aubrey.lockman@gmail.com | East Eulastad | Active | $572.28 |
| Dwight Berge | sylvia68@gmail.com | Thereseville | Inactive | $411.13 |
| Jared Reinger | miriam_langworth78@hotmail.com | Edenport | Active | $189.26 |
| Columbus Fritsch | kelley.kirlin@yahoo.com | Turnerbury | Active | $97.83 |
| Salma D'Amore | bradley10@gmail.com | Rubyestad | Active | $1,059.60 |
| June Schuppe | mozelle.kohler@yahoo.com | Port Ferneberg | Inactive | $864.44 |
| Mrs. Kendra Hessel | kelvin22@gmail.com | Torphyville | Active | $907.51 |
| Sue Mertz | angel.mclaughlin@hotmail.com | Port Wadestead | Inactive | $286.49 |
| Total | $9,657.06 | |||
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 |