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 | Credit Card | $605.48 |
| INV002 | Paid | Credit Card | $147.48 |
| INV003 | Paid | Bank Transfer | $708.78 |
| INV004 | Unpaid | Bank Transfer | $997.79 |
| INV005 | Paid | Credit Card | $541.42 |
| INV006 | Paid | PayPal | $803.61 |
| INV007 | Pending | PayPal | $434.31 |
| Total | $4,238.87 | ||
Simple
Users
A list of all the users in your account including their name, title, email and role.
| Name | Title | Role | Actions | |
|---|---|---|---|---|
| Carlos D'Amore | International Data Consultant | carlos_damore79@gmail.com | Member | |
| Mervin Bergstrom | Human Communications Representative | mervin.bergstrom43@gmail.com | Member | |
| Eunice Little | Legacy Usability Analyst | eunice.little@gmail.com | Admin | |
| Guadalupe Dicki | Corporate Creative Planner | guadalupe.dicki89@hotmail.com | Admin | |
| Mack Kris | Principal Implementation Consultant | mack.kris@hotmail.com | Admin | |
| Albert Dickinson | Dynamic Data Planner | albert_dickinson@yahoo.com | Viewer |
Stacked on mobile
Users
A list of all the users in your account including their name, title, email and role.
| Name | Role | Actions |
|---|---|---|
Martha Donnelly Internal Functionality Agent martha_donnelly@gmail.com | Admin | |
Kendra Hamill-Wiegand Direct Division Coordinator kendra_hamill-wiegand14@hotmail.com | Admin | |
Sunny Weimann Legacy Paradigm Planner sunny.weimann4@gmail.com | Viewer | |
Jayda Wintheiser District Infrastructure Analyst jayda.wintheiser9@hotmail.com | Admin | |
Shelly Russel-O'Connell Investor Configuration Consultant shelly_russel-oconnell@gmail.com | Member | |
Roderick Gutkowski Future Operations Architect roderick_gutkowski@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 |
|---|---|---|
Vernon Rutherford Principal Functionality Developer vernon_rutherford@hotmail.com | Viewer | |
Charlotte Nolan Corporate Factors Technician charlotte_nolan7@hotmail.com | Admin | |
Jamie Douglas Dynamic Web Supervisor jamie.douglas36@gmail.com | Admin | |
Reagan Marks Regional Optimization Assistant reagan.marks@gmail.com | Member | |
Thomas Bergstrom Central Infrastructure Technician thomas.bergstrom35@hotmail.com | Viewer | |
Lizzie Schiller Global Factors Manager lizzie_schiller@gmail.com | Admin | |
Litzy Flatley National Intranet Coordinator litzy.flatley30@hotmail.com | Member | |
Tammy Hermann Investor Identity Coordinator tammy_hermann@gmail.com | Admin | |
Jerrell Rolfson Investor Web Supervisor jerrell_rolfson@hotmail.com | Admin | |
Dayna Nolan Legacy Response Developer dayna_nolan5@yahoo.com | Viewer | |
Dwayne Collier Corporate Accountability Manager dwayne.collier@gmail.com | Admin | |
Doyle Roberts Corporate Group Facilitator doyle_roberts@yahoo.com | Viewer | |
Ned Will-DuBuque Customer Integration Technician ned_will-dubuque@hotmail.com | Viewer | |
Herbert Goodwin Principal Operations Officer herbert.goodwin22@hotmail.com | Member | |
Darrell Champlin-Skiles Future Factors Manager darrell_champlin-skiles@yahoo.com | Viewer | |
Hayden Terry Regional Quality Executive hayden_terry@yahoo.com | Viewer | |
Tommy Gerlach Internal Functionality Technician tommy.gerlach26@gmail.com | Viewer | |
Otis Wolf Legacy Research Associate otis.wolf@gmail.com | Member | |
Drew Schneider Regional Mobility Coordinator drew.schneider@yahoo.com | Viewer | |
Gordon Wehner Customer Applications Consultant gordon_wehner4@hotmail.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 | |
|---|---|---|---|---|
| Lucas Schmitt | leroy66@gmail.com | East Brycen | Inactive | $369.80 |
| Monserrat Johnson | melanie.considine88@gmail.com | Lake Adrienneborough | Inactive | $991.32 |
| Johnny Mills | art.farrell@gmail.com | East Kitty | Active | $940.60 |
| Onie Hagenes | grady.hamill92@gmail.com | Willmsberg | Inactive | $523.12 |
| Terrence Considine | hertha_steuber@yahoo.com | Great Falls | Inactive | $488.67 |
| Total | $3,313.51 | |||
Basic table
Table with Images
| Name | Location | Status | Balance | |
|---|---|---|---|---|
Bob Rolfson-Schaden @sam.toy | bonita_hettinger5@hotmail.com | South Janieside | Active | $523.99 |
Claud Reilly @ora69 | kay_green@gmail.com | Juniusville | Inactive | $1,073.13 |
Earl Bailey @edwin.macgyver | lee95@hotmail.com | Austenville | Active | $1,005.81 |
Rosalia Pacocha @bobby_adams | imogene_towne@hotmail.com | Las Cruces | Active | $752.45 |
Vernice Harris @luigi_watsica33 | hazel72@hotmail.com | Luciousport | Inactive | $204.43 |
Table with images
Table No Horizontal Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Norwood Kassulke | kiley54@hotmail.com | Marquardtfield | Active | $366.26 |
| Frederick Baumbach | gregory.wunsch@gmail.com | West Gailboro | Active | $803.81 |
| Adela Veum | grant_zieme@yahoo.com | Waukegan | Inactive | $137.93 |
| Drew Auer | donald_jaskolski0@gmail.com | Lake Hillary | Active | $889.56 |
| Mohammad Jerde | andy.osinski24@hotmail.com | South Royalchester | Active | $1,069.48 |
| Total | $3,267.04 | |||
Table without horizontal dividers
Striped Tabled
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Pearl Schowalter | izaiah_bednar@gmail.com | Auburn | Inactive | $654.52 |
| Mr. Manley Langosh | kelly_konopelski@gmail.com | Huelfield | Active | $458.74 |
| Candace Weber | sean.lowe-waters@gmail.com | Margarettetown | Inactive | $616.65 |
| Darnell West | nathaniel_watsica26@hotmail.com | Sioux City | Active | $10.34 |
| Lenny Gusikowski | hugh_shields84@hotmail.com | Lemkeborough | Inactive | $71.87 |
| Total | $1,812.12 | |||
Striped table
Vertical Lines
| Name | Location | Status | Balance | |
|---|---|---|---|---|
| Ed Robel | raul41@hotmail.com | Fort Paris | Active | $642.79 |
| Krystal Kilback | cayla49@hotmail.com | Dearborn | Inactive | $302.37 |
| Ayden Leannon | theresa37@gmail.com | New Gerson | Active | $79.90 |
| Kara White | calvin41@yahoo.com | New Kaden | Active | $428.64 |
| Easter Mann | toni.huel@hotmail.com | Bogisichton | Active | $337.91 |
| Total | $1,791.61 | |||
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 | ||
|---|---|---|---|---|---|
| Elta Windler | jesse_wunsch54@gmail.com | West Retta | Inactive | $150.36 | |
| Keith Cremin | jean58@yahoo.com | East Novella | Inactive | $607.79 | |
| Mr. Jackie Connelly | willow.leannon96@hotmail.com | New Hildegardborough | Inactive | $828.58 | |
| Maci Gleichner | amos.lindgren@gmail.com | Candacestad | Inactive | $806.68 | |
| Shirley Romaguera II | amir.walsh-wisozk85@hotmail.com | New Idellside | Inactive | $131.00 | |
| Total | $2,524.41 | ||||
Table with row selection
Card Table
| Name | Location | Status | Balance | ||
|---|---|---|---|---|---|
| Bartholome Adams | jane11@hotmail.com | Icieshire | Inactive | $712.49 | |
| Marley Flatley | rex.abbott15@yahoo.com | Daremouth | Inactive | $315.17 | |
| Leopold Borer | karina52@gmail.com | Richardson | Inactive | $416.76 | |
| Tamara Carroll Sr. | joel_kovacek35@hotmail.com | West Julianamouth | Inactive | $370.94 | |
| Bruce Bogan | natalie.ryan63@hotmail.com | Fond du Lac | Inactive | $328.60 | |
| Total | $2,143.96 | ||||
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 | |
|---|---|---|---|---|
| Buster Morissette | margie.daugherty@gmail.com | Fort Josianestad | Inactive | $1,028.49 |
| Tony Adams V | cayla.legros66@gmail.com | West Horace | Active | $543.86 |
| Dr. Bo Romaguera | wesley.weimann@yahoo.com | West Connor | Inactive | $981.74 |
| Krystal Ledner | irma_rolfson96@hotmail.com | Baileyfort | Inactive | $963.34 |
| Mrs. Adrienne Spinka | quincy.shields@hotmail.com | Haylieborough | Active | $572.10 |
| Josiane Osinski | hope.jacobs@gmail.com | O'Keefefield | Active | $614.19 |
| Dr. Pietro Pacocha Jr. | brandi.carroll@yahoo.com | Mrazfurt | Inactive | $54.53 |
| Adriel Jast Sr. | leone_kulas@gmail.com | Tillmanside | Inactive | $772.08 |
| Arturo Nitzsche | myra_brakus83@gmail.com | Langworthburgh | Inactive | $765.35 |
| Dana Turner | priscilla_romaguera35@yahoo.com | Buckfield | Inactive | $849.54 |
| Felix Streich | isaac_becker97@yahoo.com | Fort Emil | Active | $485.14 |
| Mr. Charlie Carter | river.swift19@gmail.com | Gideonmouth | Inactive | $861.61 |
| Mr. Armani Tremblay IV | aaron_kuphal85@gmail.com | Paulaland | Inactive | $662.37 |
| Dave Howell III | robin.kohler@hotmail.com | Lake Aniyah | Inactive | $393.59 |
| Johanna Runte | vladimir.nolan59@gmail.com | South Kavon | Inactive | $198.60 |
| Total | $9,746.53 | |||
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 |