vue-scrolling-table

Sample app for the VueScrollingTableComponent

vue-scrolling-table is a Vue 3 component that provides a flexbox-based table control, where the header, body, and footer of the control are rendered via named slots for maximum flexibility, and the component allows the body to be scrolled horizontally and vertically as needed.

For detailed documentation, please see the Github repository. (The repo for this page is also available on Github.)

Note: this page uses the Bulma library for basic styling, and that styling overides a few details of the default vue-scrolling-table, notably removing the border from the header cells and adding rounded corners.

Demo!

IDFirst NameLast NameCompany NameAddressCityRegionPostal CodeCountryPhoneEmail
1HowardRamirezCubilia Curae; Phasellus IndustriesP.O. Box 690, 4766 Massa St.New PlymouthNorth Island538527South Sudan1-607-782-6985Ut.nec@eget.com
2DonnaRhodesNunc Mauris IndustriesP.O. Box 359, 1862 Laoreet, Av.Saint-Remy-GeestWaals-BrabantDL3N 3CVBotswana1-184-778-4950porttitor.tellus.non@eratvel.org
3WadeReynoldsDuis Risus LLCAp #132-6084 Vitae St.ColomboParaná563593Mali454-3889nunc@mauris.com
4RaeLeachAliquet Molestie LLC2271 Dolor. Rd.HamburgHH07338United States Minor Outlying Islands370-8602luctus@ligula.co.uk
5OlegMilesMaecenas Mi PC2655 Nibh. St.San RafaelAlajuela22850Finland491-4122nulla.In@magnaDuis.com
6ThaneBrightSem Egestas Blandit LLP8064 Ante St.PuruliaJharkhand40118Serbia1-230-283-4753ante.blandit@pharetra.org
7HashimSalazarMi Tempor Lorem Institute5177 Auctor. AvenueSoyeNamen4532Belarus551-1721quis@Cumsociisnatoque.com
8AspenTannerPharetra Nibh Aliquam LtdAp #260-6014 Donec Rd.ViennaWie2972 ZBSouth Sudan192-2717Donec.est@etarcuimperdiet.edu
9EatonHarrisSuspendisse Commodo Inc.754-1058 In AveBelfastU47351Saint Barthélemy1-862-415-8875et@natoque.net
10ScottSavageMolestie LLPP.O. Box 397, 4261 Iaculis RoadSagamuOgun0576Portugal1-261-128-3939venenatis@erat.co.uk
11AmethystMooreLeo Elementum IncorporatedAp #615-2475 Sagittis Rd.TallahasseeFL17070Turks and Caicos Islands111-2420egestas.Fusce.aliquet@quamdignissimpharetra.org
12RussellRoyClass Incorporated4023 Donec Rd.GalwayConnacht91975-667Bahrain555-5784ac@semper.org
13ChloeShepardOrnare Libero At PCAp #655-4944 Velit. Rd.AlacantComunitat Valenciana5316Guyana1-851-813-9116ut.odio.vel@dui.com
14ZenaidaButlerQuisque Tincidunt CompanyAp #857-3500 Fermentum Rd.CheltenhamGloucestershire85-623Mali202-4795orci.lacus@duisemper.com
15AkeemHoustonTurpis Vitae Purus LLPAp #901-4402 Sed RoadSapeleDelta50417France1-719-939-6901euismod.ac@velfaucibus.co.uk
16AlmaWhiteheadMaecenas Iaculis Aliquet Inc.5449 Malesuada St.SokotoSokoto44922Hong Kong1-457-545-6623arcu.vel.quam@accumsanconvallis.ca
17PrescottWillisProin Dolor LLPP.O. Box 242, 2810 Ut AveToruńKujawsko-pomorskie4584Guyana1-758-337-8375blandit.enim.consequat@Nunc.org
18RooneyHarrellDui Associates4523 Sapien, Rd.GunaMadhya Pradesh2978Sweden1-371-619-4460facilisis.vitae.orci@ligula.co.uk
19HuWoodMus Proin Institute1805 Nibh. St.CampagnaCampania14530Mongolia376-0930ornare.lectus.ante@atpretiumaliquet.edu
20BeckBrennanPede Et Risus LLPP.O. Box 324, 5727 Vulputate St.MissoulaMontana24803Nauru418-9774Morbi.quis.urna@In.ca
21QuincyKnightEu CorporationP.O. Box 873, 4719 Dictum Rd.AuroraColorado7039 BNLatvia1-222-411-1840ut.nisi@sapien.org
22TadEllisLacinia Sed Congue Incorporated9509 Vitae Av.MinuccianoToscana5199Guatemala1-107-122-1058Sed.et.libero@diamluctus.co.uk
23AthenaMendezEros Proin Ultrices LLP351-5755 Molestie Rd.LithgowNew South Wales31144Haiti1-651-557-1187montes.nascetur@nec.org
24ZeleniaCarsonEgestas FoundationAp #212-4007 Amet Rd.San RafaelA52452Nicaragua432-2981tortor.at.risus@Nullam.com
25CainPowellPraesent Interdum Ligula IndustriesP.O. Box 227, 5277 Magnis Av.GoiâniaGoiásL05 7NLSouth Africa168-8333et@Curae.co.uk
26MalikLucasAc PCAp #744-6562 Et, RoadIstanbulIstanbul8559Liechtenstein1-538-536-0329libero.est.congue@id.ca
27NevadaEricksonLobortis Mauris Suspendisse CompanyP.O. Box 465, 310 Justo Av.KawerauNI952085Jamaica857-7978eget@porttitorvulputateposuere.com
28DrakeWilliamsNec Quam Foundation508-4765 Dapibus AvenueSan JoaquínMetropolitana de Santiago55125Bangladesh703-6516elementum.purus.accumsan@neccursusa.org
29DolanLyonsEt Foundation7533 Urna Rd.SpringdaleArkansas257939French Polynesia660-3254Quisque.ac.libero@non.edu
30MadisonRushEu Neque Corp.P.O. Box 941, 5546 A, Av.La Matap�diaQC21800Isle of Man878-4482facilisis.vitae@tempusmauriserat.edu
31PaulMcculloughVel Sapien IncorporatedAp #178-4382 Vitae AvenueOkpokoAnambra2911Sudan1-979-507-3992Curabitur.egestas.nunc@semsemper.net
32DeclanSpencerLuctus Aliquet Odio Ltd5123 Nam Av.BairnsdaleVIC10315Mongolia730-0218ornare.lectus.ante@interdumSed.org
33GemmaNashMus Limited9989 Dapibus Rd.Woodlands CountyAlberta8505Netherlands1-917-882-0764Sed@aliquetodioEtiam.net
34ShelleyWolfCursus Company885-4467 Ac Rd.AbbevillePicardie374426Åland Islands791-0382ante@pedeSuspendissedui.com
35KaitlinMorenoVehicula Et Rutrum Associates9224 Erat Av.HertsbergeWV700220Morocco1-102-192-3426ullamcorper.viverra@et.com
36PiperGibbsMaecenas Ornare Egestas LLPP.O. Box 602, 9878 Quisque Rd.KanchraparaWest Bengal68935Saint Helena, Ascension and Tristan da Cunha366-2536aliquet.Proin.velit@velitCraslorem.ca
37MadelineMilesSed Dictum Proin Consulting5126 Magna StreetViennaWie47549Iran415-2855tempor.diam.dictum@ipsum.edu
38UrsulaCollinsEtiam LLC739-3307 Dolor, St.PerquencoIX77862Canada373-5705nulla.magna@neque.ca
39LydiaMooneyNibh AssociatesP.O. Box 466, 8034 Eget, Rd.CuencaCM38834France916-9232scelerisque.dui.Suspendisse@et.com
40EricaGilbertEt Netus Foundation161-7800 Donec StreetRecanatiMarche02-639Hong Kong389-1716lectus.Cum.sociis@tellusNunclectus.com
41ColinSosaEst Mollis Industries722-5764 Orci St.LidköpingVästra Götalands län89583Dominican Republic1-984-137-9736at@luctus.net
42RonanOrtegaA Magna Lorem AssociatesAp #611-9674 Facilisis Rd.TranåsF861883Zimbabwe1-716-666-7634aptent.taciti@eteros.net
43ChaimLoweryLibero ConsultingAp #940-5067 Placerat RoadSan José de AlajuelaA9477 HTCambodia1-552-651-9739posuere@cursusetmagna.com
44HuSandovalMontes Incorporated9707 Consectetuer St.NiteróiRJ28300-192Korea, North1-922-987-8117libero.lacus@hendrerit.ca
45GarrettAshleyEst Mauris LtdP.O. Box 233, 3054 Nullam AveCzęstochowaSL7808Saint Helena, Ascension and Tristan da Cunha1-241-560-2048elit.sed@Integereu.edu
46CharlesGuyEgestas Blandit Associates9240 Ac RoadLidingoAB04-502Northern Mariana Islands416-3731eget@aliquet.net
47HavivaColemanOdio Corporation3924 Posuere, Rd.PłockMazowieckie2882United States Minor Outlying Islands161-9695nonummy.ac.feugiat@nasceturridiculus.co.uk
48EvelynHenryA Tortor Nunc CorporationAp #600-7984 Tincidunt AveGorzów WielkopolskiLubuskie73-574Liberia1-335-282-9511a.arcu.Sed@elementumlorem.edu
49JoanLopezCommodo Ltd932-877 Ornare. AvenueGrumo AppulaPUG5423Montenegro201-7077faucibus.leo.in@sedtortor.co.uk
50IgnatiusSextonVarius Corp.4474 Etiam St.WokinghamBR24747Armenia633-1411Nulla@urnaetarcu.com
51CathleenMaysVitae Sodales Ltd703-2698 Cras St.BooAB1612Belize428-7008sit@rutrumFuscedolor.edu
52TroyRobertsonEt Inc.P.O. Box 607, 5711 Fusce StreetKisiOY9801Kuwait451-1455in.faucibus.orci@at.com
53JulianGreerRisus At PC673-7124 Id St.KanoKN37420Congo, the Democratic Republic of the732-2513ullamcorper.Duis@atauctor.com
54VedaShafferDignissim FoundationAp #557-287 Morbi St.EschwegeHesse88-803Liberia1-858-903-3424ipsum.dolor.sit@lorem.ca
55YvetteGilliamAuctor Inc.P.O. Box 126, 619 Risus. StreetVitacuraRM8623Sint Maarten1-443-340-3673est@cursuspurus.edu
56IsabellaChenNec Enim Ltd5205 Id RoadBooStockholms län25207Cyprus1-185-393-5047Mauris@Nuncpulvinararcu.net
57JaelAcostaOdio Auctor Corporation5411 Dui, AveGuelphOntario6527Cayman Islands1-903-311-1676in.dolor.Fusce@sapien.edu
58ChelseaLeonEt Inc.P.O. Box 991, 134 Amet, RoadBremerhavenHB16242American Samoa656-9030eu.elit@temporest.net
59UtaCrosbyFringilla Porttitor Corp.P.O. Box 525, 8505 Eleifend, AvenueBydgoszczKP21230Pitcairn Islands1-368-281-7044Fusce.mi.lorem@Curabiturdictum.edu
60VelmaCampbellNunc Ac InstituteAp #482-5223 Mollis AvenueLos ÁlamosBiobío2188 HYSaint Lucia1-761-910-9065Donec.at.arcu@lobortis.co.uk
61AsherEstradaErat Volutpat LimitedP.O. Box 519, 4167 Lacus. Rd.CoihuecoVII94-259Pitcairn Islands1-246-348-6492auctor@Craseget.ca
62SamsonHawkinsFelis ConsultingP.O. Box 594, 4266 Purus Rd.ThisnesLuik1093Tanzania991-5421tincidunt.orci@placeratvelitQuisque.edu
63OrenMarquezAt Velit LLCP.O. Box 908, 4922 Eu StreetBrestBR8362Tuvalu660-1141eu.odio.tristique@non.org
64FlynnCoxCursus Limited210-5349 Volutpat. AveEtawahUttar PradeshRU09 0WFMyanmar367-1498scelerisque.dui@Etiam.co.uk
65FarrahPadillaEros Nam Consulting343-3594 Cras AvenuePérigueuxAquitaine41501Niue1-813-565-8958In.ornare@NullafacilisiSed.net
66AmalOrtegaMauris Vel Inc.Ap #254-7681 Ornare, StreetDeltaBritish ColumbiaJG44 6KKRwanda1-206-819-1318per@maurissagittisplacerat.com
67InaBrittAliquam Nec Industries1756 Imperdiet Rd.BellaryKarnataka7433 NCBouvet Island1-769-465-1256amet@luctuslobortisClass.ca
68EbonyPayneRidiculus Mus Proin IncorporatedP.O. Box 737, 2427 Nulla Rd.JaénAN1027 NMTurkey1-299-369-6636Nunc@orci.net
69PhillipWaltonEu LLC4729 Rhoncus. RoadOberhausenNorth Rhine-Westphalia41603Algeria1-362-664-2345leo.in@duinecurna.ca
70IdolaCummingsNonummy Ac Feugiat LLCAp #260-3761 Nisl Av.PamplonaNavarra2181Anguilla909-2751mollis@atauctorullamcorper.co.uk
71IonaCummingsAdipiscing Mauris CorporationAp #911-2955 Ut St.GölcükKoc6236Myanmar383-6797eu@maurisid.com
72KaitlinJohnsonMauris Blandit Mattis Incorporated243-5814 Vel, Rd.ValénciaComunitat Valenciana316840Uzbekistan553-5198eu.tellus.Phasellus@ut.com
73RudyardFranksMauris Inc.P.O. Box 409, 3933 Luctus AvenueBerlinBerlinP2G 4J3Macao1-538-204-7089vel.pede.blandit@sem.org
74DevinSnowVel Est PCP.O. Box 576, 6915 Ipsum RoadJacksonvilleFlorida26931-660Chile268-9068Donec.luctus@estacfacilisis.co.uk
75KarlyMayPlacerat Augue Sed Consulting3438 Lacus. Av.Watson LakeYK66531Comoros278-0091ac@disparturient.co.uk
76LydiaTuckerEnim Sit Amet FoundationP.O. Box 305, 1568 Curabitur RoadGironaCA646871Guatemala456-8672tincidunt.Donec@commodoipsum.ca
77AdrienneBrennanVivamus IndustriesP.O. Box 497, 8544 Nunc Rd.GalwayC05492Russian Federation963-6589dui@NullamenimSed.ca
78MosesMeyerTellus Suspendisse ConsultingP.O. Box 210, 7543 Nulla St.Santa LuziaMinas Gerais70092Cuba241-4577nunc@mattis.co.uk
79MalachiWhitneySemper FoundationP.O. Box 525, 9613 Fusce AvenueIpswichQueenslandSA8 6AGSudan1-220-633-0209consequat.nec.mollis@risusDuis.edu
80GeorgiaDotsonHendrerit Neque In FoundationAp #580-2908 Dolor AveMonteseEmilia-RomagnaG9R 2J6Belarus534-3389arcu.Sed@consequat.com
81JamaliaLivingstonJusto Proin Non Incorporated629-2928 Feugiat. Rd.SirsaHR69633Romania1-590-578-5721nec.imperdiet.nec@risusquis.net
82KendallOdomNec Malesuada Ut Company1152 Urna St.BerlinBE5352 BOIndia659-6462laoreet.ipsum@Aeneangravida.org
83MelindaRayLigula ConsultingAp #749-6032 Nec Rd.BugumaRI7211Andorra1-676-711-3984rhoncus@blanditenimconsequat.ca
84CandiceMcgowanMagnis Foundation411-4228 Purus, Rd.KerikeriNorth IslandRE2 5GCNiger1-539-344-5841lectus.justo.eu@Morbi.com
85CynthiaGoffDolor Quam LLP630-8410 Nec RoadBaton RougeLA26440-786Benin801-1268tempor@vulputaterisus.org
86LacyCookDonec Egestas IncorporatedAp #104-8815 Id Av.DeltaBC04-518Greenland1-200-497-0955fermentum.risus@eros.org
87HashimBeckerSed Congue LimitedAp #904-865 Mollis St.CuritibaParaná9692Colombia1-738-393-2086non@adipiscinglobortis.org
88MalloryMcdonaldRhoncus Donec Est PC4977 Arcu RoadIstanbulIstPP9 5DGFaroe Islands357-5959erat@nonmagna.org
89AvyeMccarthyAugue Consulting446-3245 Tincidunt AvenueStalowa WolaPK94818Jersey739-5366malesuada@lacus.com
90ImeldaSalasFelis Adipiscing Corp.P.O. Box 376, 9461 Felis. Av.IstanbulIstanbul4804Italy231-3217lectus.Nullam@Maecenasiaculis.net
91GeorgeLoganAliquet Industries665-7226 Mi St.RzeszówPK85-392Bermuda224-2123eu.tellus.Phasellus@tellus.ca
92GradyHurstNon Foundation3796 Egestas. St.De HaanWest-Vlaanderen70073Poland800-4640congue.turpis.In@Fusce.net
93YaelDeckerEgestas Urna InstituteAp #905-2509 Facilisis, RoadCambridgeNorth Island34078Greece411-4794quis@nec.edu
94VincentDeckerDis Parturient PCAp #390-3545 Euismod St.MakurdiBE102442Liechtenstein1-554-414-2305Phasellus.vitae@pedeSuspendissedui.net
95WinterRussoParturient Montes Corporation4105 Sapien Rd.LagosLagos98-831Afghanistan1-165-112-7031Mauris@malesuadautsem.net
96AmethystHurstAliquam Gravida Company875-6604 Vel, StreetIpswichSF88170French Polynesia1-726-984-3750ullamcorper@scelerisquescelerisquedui.ca
97LibbyShermanEuismod Urna IncorporatedP.O. Box 101, 7274 Nibh StreetWolkrangeLuxemburg18737France988-2118pede.Nunc.sed@vitae.net
98AkeemRiversPurus Institute6432 Non, St.NicoyaG97222-934Bosnia and Herzegovina330-9191mollis@cursusNuncmauris.ca
99JosephPowersEgestas Aliquam Nec Institute747-629 Vulputate AvenueGoudaZuid Holland11798Syria1-547-248-7927Proin.nisl@ametlorem.co.uk
100SadeFoleyPhasellus CompanyAp #663-2135 Mollis. Av.KuşadasıAydın7039Zambia1-638-747-8408pellentesque.tellus.sem@penatibuset.edu
My footer text

Fake sample data courtesy generatedata.com.

Play with the options!

Contact

For more information, please feel free to reach out to me using Github issues, or via the contact methods on my home page.