November Deals: Limited Coupons Available! 🎁 Claim Your Coupon

Locale

Change the locale of the datepicker, schedule and client side validation messages.

Language
English
English
English
French
German
German
German
Italian
Korean
Spanish
Catalan
Dutch
Portuguese
Portuguese
Arabic
Arabic
Bulgarian
Bangla
Bosnian
Czech
Greek
Persian
Finnish
Danish
Hindi
Indonesian
Croatian
Japanese
Hungarian
Hebrew
Georgian
Central Kurdish
Khmer
Kyrgyz
Kazakh
Lithuanian
Latvian
Malay
Norwegian
Polish
Romanian
Russian
Slovak
Slovenian
Serbian
Serbian
Swedish
Thai
Turkish
Ukrainian
Uzbek
Vietnamese
Chinese
Chinese

Input Style

Themes

PrimeOne
Saga Blue Saga Blue
Vela Blue Vela Blue
Arya Blue Arya Blue
Bootstrap
Bootstrap Blue Light Bootstrap Blue Light
Bootstrap Purple Light Bootstrap Purple Light
Bootstrap Blue Dark Bootstrap Blue Dark
Bootstrap Purple Dark Bootstrap Purple Dark
Material Design
Material Indigo Light Material Indigo Light
Material Deep Purple Light Material Deep Purple Light
Material Indigo Dark Material Indigo Dark
Material Deep Purple Dark Material Deep Purple Dark
Material Design Compact
Material Compact Indigo Light Material Compact Indigo Light
Material Compact Deep Purple Light Material Compact Deep Purple Light
Material Compact Indigo Dark Material Compact Indigo Dark
Material Compact Deep Purple Dark Material Compact Deep Purple Dark
Legacy
Nova Light Nova Light
Nova Dark Nova Dark
Nova Colored Nova Colored
Luna Amber Luna Amber
Luna Blue Luna Blue
Luna Green Luna Green
Luna Pink Luna Pink

DataTable Scroll

Both vertical and horizontal scrolling of the data is supported with optional frozen rows-columns and on-demand loading features.

Vertical
NameCountryRepresentativeStatus
Tony Y InouyeSpainStephen Shaw NEW
Arvin H PerinRussiaOnyama Limba NEGOTIATION
Leon I VenereIndiaXuxue Feng NEGOTIATION
Francesco J MorascaUnited KingdomStephen Shaw NEW
Arvin P SchemmerSpainStephen Shaw NEW
Nicolas I DoeItalyIvan Magalhaes PROPOSAL
Faith D ChuiRussiaStephen Shaw RENEWAL
Octavia X InouyeIndiaIvan Magalhaes NEW
Ricardo B RulapaughSpainXuxue Feng NEGOTIATION
Deepesh G VenereCanadaElwin Sharvill QUALIFIED
Darci X StockhamFranceBernardo Dominic UNQUALIFIED
Murillo I FollerIndiaAnna Fali UNQUALIFIED
Julie P IturbideGermanyOnyama Limba RENEWAL
Stacey F BologniaFranceXuxue Feng PROPOSAL
Leja C MarrierBrazilXuxue Feng NEGOTIATION
Juan K MorascaJapanOnyama Limba NEW
Cody L FollerItalyIvan Magalhaes NEGOTIATION
Wickens M StockhamRussiaStephen Shaw QUALIFIED
Aditya Q MarrierCanadaElwin Sharvill NEW
Silvio N StensethSpainAmy Elsner NEGOTIATION
Rodrigues W FerenczSpainOnyama Limba NEGOTIATION
Tony U BowleyItalyIoni Bowcher NEGOTIATION
Arvin N BowleyBrazilAsiya Javayant RENEWAL
Aika P RutaFranceElwin Sharvill PROPOSAL
James V AmigonBrazilAmy Elsner PROPOSAL
Julie M FollerArgentinaBernardo Dominic UNQUALIFIED
Adams T GlickFranceStephen Shaw NEGOTIATION
Maisha C SchemmerAustraliaAsiya Javayant PROPOSAL
Faith I IturbideBrazilIvan Magalhaes RENEWAL
Maisha N CaldareraCanadaElwin Sharvill RENEWAL
Emily S OstroskyJapanIvan Magalhaes RENEWAL
Deepesh E SlusarskiGermanyBernardo Dominic RENEWAL
Chavez P ButtUnited KingdomOnyama Limba RENEWAL
Wickens B PerinIndiaAnna Fali NEGOTIATION
Maisha U KuskoBrazilAmy Elsner QUALIFIED
Emily L GillianRussiaElwin Sharvill UNQUALIFIED
Johnson S MacleadBrazilStephen Shaw NEGOTIATION
Morrow P WaycottAustraliaBernardo Dominic RENEWAL
Aika Z MarrierUnited KingdomAmy Elsner PROPOSAL
Mujtaba G MarrierCanadaAsiya Javayant NEW
Cody N IturbideSpainAmy Elsner NEGOTIATION
Emily C NickaCanadaBernardo Dominic NEW
Murillo R GarufiJapanElwin Sharvill PROPOSAL
Izzy B VocelkaAustraliaXuxue Feng NEW
Maria U CaudyItalyXuxue Feng QUALIFIED
Leja C WaycottFranceAnna Fali NEW
Morrow U DilliardArgentinaIoni Bowcher NEGOTIATION
Juan M MaletFranceIvan Magalhaes NEW
Adams U RimJapanBernardo Dominic QUALIFIED
Maisha X OstroskyIndiaIoni Bowcher PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Costa V VocelkaRussiaStephen Shaw PROPOSAL
Leja S VenereGermanyAsiya Javayant NEGOTIATION
Octavia X InouyeSpainIoni Bowcher RENEWAL
Stacey R RulapaughAustraliaXuxue Feng RENEWAL
Jefferson J DoeUnited KingdomStephen Shaw NEGOTIATION
Munro L KuskoCanadaXuxue Feng NEGOTIATION
Sinclair T WieserGermanyXuxue Feng RENEWAL
Jefferson V PaprockiFranceElwin Sharvill NEW
Morrow Y RutaUnited KingdomBernardo Dominic PROPOSAL
Wickens R PoquetteFranceStephen Shaw RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Ashley T NestleFrance2026-09-12Benton, John B Jr NEGOTIATION69Stephen Shaw
1001Deepesh D MaletIndia2026-08-22Benton, John B Jr RENEWAL77Ioni Bowcher
1002Mayumi C RulapaughBrazil2026-09-04Rangoni Of Florence NEGOTIATION73Bernardo Dominic
1003Maria Q ButtGermany2026-09-05Commercial Press RENEWAL64Ioni Bowcher
1004Jefferson W SlusarskiJapan2026-08-28Rangoni Of Florence NEW64Amy Elsner
1005Emily J WhobreyAustralia2026-09-14Benton, John B Jr RENEWAL49Onyama Limba
1006Alejandro A CampainFrance2026-08-25Chanay, Jeffrey A Esq RENEWAL52Bernardo Dominic
1007Clifford P RimIndia2026-09-17Rangoni Of Florence UNQUALIFIED82Anna Fali
1008Tony Y GarufiCanada2026-09-12Truhlar And Truhlar Attys UNQUALIFIED86Xuxue Feng
1009Costa S FlosiFrance2026-08-22Printing Dimensions RENEWAL66Ivan Magalhaes
1010David X WhobreyItaly2026-08-24Dorl, James J Esq RENEWAL80Ivan Magalhaes
1011Stacey L TollnerGermany2026-08-31Feiner Bros NEGOTIATION83Anna Fali
1012Morrow L SchemmerAustralia2026-08-25Truhlar And Truhlar Attys QUALIFIED93Elwin Sharvill
1013Sinclair R ChuiBrazil2026-08-21Benton, John B Jr NEW15Anna Fali
1014Julie T StockhamRussia2026-09-02Truhlar And Truhlar Attys NEGOTIATION23Bernardo Dominic
1015Aika Z NickaIndia2026-08-21Rousseaux, Michael Esq QUALIFIED79Elwin Sharvill
1016Tony U FlosiAustralia2026-08-27Chanay, Jeffrey A Esq NEW22Elwin Sharvill
1017David S CaldareraGermany2026-09-09Buckley Miller Wright QUALIFIED86Anna Fali
1018Maria L MaletSpain2026-08-24Morlong Associates QUALIFIED99Stephen Shaw
1019Jennifer E StockhamUnited Kingdom2026-09-07Chemel, James L Cpa QUALIFIED86Asiya Javayant
1020Claire J DilliardItaly2026-08-23Rousseaux, Michael Esq QUALIFIED32Xuxue Feng
1021Chavez R WieserBrazil2026-09-11Buckley Miller Wright PROPOSAL82Bernardo Dominic
1022Isabel T MarrierBrazil2026-08-27Rousseaux, Michael Esq PROPOSAL15Stephen Shaw
1023Antonio Y CampainBrazil2026-08-21Chemel, James L Cpa NEGOTIATION43Ivan Magalhaes
1024Mayumi L SlusarskiUnited Kingdom2026-09-07Chemel, James L Cpa UNQUALIFIED51Asiya Javayant
1025Salvatore Y FlosiItaly2026-08-27Feiner Bros NEW1Ivan Magalhaes
1026Chavez W FollerItaly2026-09-17Rousseaux, Michael Esq NEW60Ivan Magalhaes
1027James Q InouyeJapan2026-08-26King, Christopher A Esq NEGOTIATION38Asiya Javayant
1028Leja S AmigonJapan2026-09-08Morlong Associates UNQUALIFIED61Bernardo Dominic
1029Aruna H FollerUnited Kingdom2026-09-08Truhlar And Truhlar Attys UNQUALIFIED50Bernardo Dominic
1030Cody I CampainCanada2026-08-20Benton, John B Jr QUALIFIED59Anna Fali
1031Wickens X AlbaresJapan2026-09-15Dorl, James J Esq UNQUALIFIED82Onyama Limba
1032Smith U IturbideRussia2026-09-17Chapman, Ross E Esq PROPOSAL96Onyama Limba
1033Sinclair V CaldareraBrazil2026-09-09Chemel, James L Cpa UNQUALIFIED79Xuxue Feng
1034Darci I DoeJapan2026-09-15Chanay, Jeffrey A Esq UNQUALIFIED7Onyama Limba
1035Emily D VenereIndia2026-08-26Chapman, Ross E Esq NEW1Onyama Limba
1036Nicolas H WhobreyBrazil2026-09-15Commercial Press QUALIFIED62Amy Elsner
1037Octavia N PaprockiFrance2026-08-22Truhlar And Truhlar Attys NEW0Elwin Sharvill
1038Murillo L StensethIndia2026-09-09Printing Dimensions QUALIFIED94Anna Fali
1039Aika O DarakjyItaly2026-09-04Dorl, James J Esq NEGOTIATION8Stephen Shaw
1040Salvatore V VocelkaRussia2026-09-07Chanay, Jeffrey A Esq QUALIFIED42Bernardo Dominic
1041Johnson Z PerinSpain2026-09-06Commercial Press RENEWAL97Stephen Shaw
1042Ashley J RoysterAustralia2026-09-10Printing Dimensions NEGOTIATION82Xuxue Feng
1043Johnson K VocelkaArgentina2026-09-07Commercial Press QUALIFIED9Onyama Limba
1044Costa W MacleadArgentina2026-08-24Rangoni Of Florence NEW48Onyama Limba
1045Aika E MaletAustralia2026-09-01Commercial Press QUALIFIED28Stephen Shaw
1046Murillo B MacleadSpain2026-09-02Benton, John B Jr UNQUALIFIED75Ioni Bowcher
1047Darci Q CampainUnited Kingdom2026-09-10Truhlar And Truhlar Attys NEGOTIATION10Elwin Sharvill
1048Aika J DilliardCanada2026-08-27Dorl, James J Esq PROPOSAL82Ivan Magalhaes
1049Cody I BriddickCanada2026-09-05Morlong Associates QUALIFIED36Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Maisha V FollerBrazilIvan Magalhaes NEGOTIATION
Silvio R SchemmerArgentinaAmy Elsner PROPOSAL
Emily M FerenczAustraliaIvan Magalhaes RENEWAL
Wickens X MaletUnited KingdomOnyama Limba PROPOSAL
Leja Q PoquetteArgentinaAmy Elsner UNQUALIFIED
Jennifer N BologniaJapanXuxue Feng UNQUALIFIED
Maisha Y TollnerJapanIvan Magalhaes UNQUALIFIED
Alejandro M ShinkoRussiaOnyama Limba RENEWAL
Ivar S PaprockiJapanIvan Magalhaes RENEWAL
Jennifer U ButtUnited KingdomAmy Elsner QUALIFIED
Aika J ChuiGermanyOnyama Limba NEW
Tony B WaycottFranceIoni Bowcher NEGOTIATION
Aruna C FerenczFranceAsiya Javayant PROPOSAL
Izzy K RimSpainAmy Elsner PROPOSAL
Deepesh D MarrierArgentinaIvan Magalhaes QUALIFIED
Stacey J MorascaSpainElwin Sharvill PROPOSAL
Salvatore N InouyeBrazilAsiya Javayant PROPOSAL
Faith H MaletRussiaIoni Bowcher PROPOSAL
Francesco E SergiGermanyIoni Bowcher RENEWAL
Nicolas N BologniaRussiaBernardo Dominic UNQUALIFIED
James L SergiRussiaAsiya Javayant PROPOSAL
Clifford O DarakjyJapanOnyama Limba NEGOTIATION
Murillo A WieserRussiaElwin Sharvill PROPOSAL
Johnson P FigeroaItalyBernardo Dominic PROPOSAL
Mujtaba F BowleySpainStephen Shaw QUALIFIED
Rodrigues B WaycottArgentinaStephen Shaw QUALIFIED
Costa V CampainFranceStephen Shaw UNQUALIFIED
Arvin J FollerJapanBernardo Dominic NEGOTIATION
Jeanfrancois F GlickItalyStephen Shaw PROPOSAL
Aditya A WaycottIndiaIoni Bowcher QUALIFIED
Ricardo I VenereSpainAnna Fali NEGOTIATION
Mayumi W CaldareraJapanIoni Bowcher NEW
Kadeem P WaycottItalyStephen Shaw PROPOSAL
Leon I RulapaughArgentinaAmy Elsner NEGOTIATION
Octavia O PaprockiItalyAnna Fali PROPOSAL
Salvatore W DoeSpainAsiya Javayant NEW
Rodrigues E NickaArgentinaIoni Bowcher UNQUALIFIED
Misaki E AmigonCanadaStephen Shaw NEGOTIATION
Isabel R ChuiIndiaBernardo Dominic PROPOSAL
Silvio S BologniaBrazilOnyama Limba NEGOTIATION
Arvin W NickaAustraliaAsiya Javayant PROPOSAL
Maria M OstroskyAustraliaIvan Magalhaes PROPOSAL
Julie M PerinUnited KingdomIvan Magalhaes NEGOTIATION
Munro P WhobreyAustraliaIvan Magalhaes NEGOTIATION
Maria O RimBrazilAmy Elsner NEGOTIATION
Isabel V BologniaGermanyXuxue Feng UNQUALIFIED
Cody G SlusarskiArgentinaStephen Shaw RENEWAL
Maisha Q WhobreyRussiaAsiya Javayant PROPOSAL
Jones C MorascaJapanAmy Elsner PROPOSAL
Rodrigues G FollerItalyIvan Magalhaes NEGOTIATION
Frozen Columns
Name
Ivar S Paprocki
Jennifer U Ostrosky
Wickens C Butt
Octavia P Oldroyd
Greenwood N Malet
Julie Q Poquette
Tony A Slusarski
Antonio H Stockham
Clifford B Flosi
Tony A Vocelka
Adams K Nicka
Wickens C Schemmer
Munro Y Chui
Arvin B Darakjy
Adams V Doe
Faith I Caldarera
Smith N Maclead
Nicolas C Kusko
Clifford S Campain
Izzy Q Dilliard
Morrow A Slusarski
Leja Q Maclead
Julie U Wieser
James A Dilliard
Murillo G Stockham
Antonio J Shinko
Morrow L Waycott
Leon V Campain
Ivar U Iturbide
Aditya A Saylors
Jeanfrancois N Foller
Aruna S Waycott
Nicolas N Nestle
Octavia Y Inouye
Juan D Morasca
Alejandro R Waycott
Johnson J Oldroyd
Stacey V Venere
Emily F Perin
Tony I Darakjy
Emily L Ferencz
Julie A Amigon
Munro Q Bolognia
David L Gillian
Murillo A Saylors
Greenwood J Briddick
Arvin F Nestle
Claire J Rim
Munro Q Malet
Ashley V Figeroa
IdCountryDate
1000Spain2026-08-24
1001Argentina2026-09-14
1002France2026-08-30
1003Canada2026-09-15
1004India2026-08-27
1005Australia2026-08-23
1006United Kingdom2026-09-10
1007Japan2026-09-01
1008Canada2026-08-28
1009Germany2026-08-27
1010Australia2026-09-12
1011India2026-08-29
1012Spain2026-08-29
1013Spain2026-09-04
1014Canada2026-08-25
1015Argentina2026-08-23
1016Spain2026-08-31
1017Italy2026-09-03
1018Japan2026-08-25
1019Brazil2026-09-12
1020Germany2026-09-06
1021Australia2026-08-29
1022Australia2026-09-08
1023Brazil2026-09-17
1024Argentina2026-09-01
1025France2026-08-24
1026United Kingdom2026-09-03
1027Brazil2026-09-15
1028Brazil2026-08-27
1029Australia2026-08-25
1030United Kingdom2026-09-14
1031Italy2026-08-25
1032Spain2026-09-13
1033India2026-09-15
1034Russia2026-09-18
1035United Kingdom2026-08-20
1036Germany2026-09-02
1037Australia2026-09-05
1038United Kingdom2026-09-16
1039Russia2026-08-30
1040Italy2026-08-31
1041Japan2026-09-02
1042India2026-08-30
1043Argentina2026-09-16
1044Spain2026-09-06
1045India2026-09-17
1046Russia2026-09-17
1047India2026-09-10
1048Russia2026-09-07
1049United Kingdom2026-09-07

On-Demand Data

NameIdCountryDate
Maisha X Schemmer1000Russia2026-08-20
Ricardo Z Slusarski1001Argentina2026-09-03
Darci Z Kusko1002United Kingdom2026-08-24
Deepesh Y Stockham1003Argentina2026-09-15
David O Ruta1004Argentina2026-08-21
Kadeem V Slusarski1005Japan2026-08-20
Claire F Nestle1006France2026-08-20
Ashley Y Amigon1007Russia2026-09-02
Kadeem U Gaucho1008Russia2026-09-18
Misaki G Campain1009Brazil2026-09-02
Costa G Darakjy1010Germany2026-09-09
Munro U Gillian1011India2026-08-28
Sinclair Q Briddick1012Argentina2026-09-05
Jennifer O Nestle1013United Kingdom2026-09-06
Francesco B Glick1014United Kingdom2026-09-17
Nicolas U Caldarera1015United Kingdom2026-08-22
Antonio L Ruta1016Italy2026-09-05
Smith H Caldarera1017India2026-09-15
Antonio Q Slusarski1018France2026-09-04
Tony H Inouye1019France2026-09-15
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Salvatore J RimItalyBernardo Dominic QUALIFIED
Jones C FerenczGermanyStephen Shaw QUALIFIED
Claire P MaletUnited KingdomXuxue Feng PROPOSAL
Maria R GlickSpainElwin Sharvill NEGOTIATION
Francesco L GauchoSpainBernardo Dominic NEGOTIATION
Deepesh D MorascaBrazilIvan Magalhaes UNQUALIFIED
Johnson G OldroydJapanAmy Elsner RENEWAL
Aruna C DilliardFranceIvan Magalhaes PROPOSAL
Jeanfrancois E RulapaughGermanyAmy Elsner QUALIFIED
Aruna F BologniaJapanOnyama Limba NEW
Mujtaba R CampainBrazilOnyama Limba RENEWAL
Izzy K SlusarskiArgentinaOnyama Limba PROPOSAL
Jeanfrancois X StockhamItalyAsiya Javayant QUALIFIED
Sinclair J SlusarskiIndiaElwin Sharvill NEW
Stacey M AmigonBrazilAnna Fali QUALIFIED
Leon G GillianArgentinaAmy Elsner RENEWAL
Morrow I VocelkaItalyAmy Elsner UNQUALIFIED
Aditya K DilliardFranceAsiya Javayant RENEWAL
Aditya Y AmigonIndiaAmy Elsner NEGOTIATION
Greenwood K SlusarskiCanadaXuxue Feng RENEWAL
Tony B GlickRussiaStephen Shaw UNQUALIFIED
Antonio V AlbaresJapanAmy Elsner PROPOSAL
Jennifer G WhobreyArgentinaAmy Elsner PROPOSAL
David Q ShinkoArgentinaElwin Sharvill PROPOSAL
Ricardo M BologniaUnited KingdomXuxue Feng QUALIFIED
Sinclair B RutaArgentinaIvan Magalhaes QUALIFIED
Costa E RulapaughSpainStephen Shaw UNQUALIFIED
Izzy W DilliardIndiaAmy Elsner PROPOSAL
Aika G BowleyGermanyAmy Elsner PROPOSAL
Chavez U MaletArgentinaIoni Bowcher NEGOTIATION
James I AmigonSpainXuxue Feng PROPOSAL
Alejandro Z TollnerGermanyOnyama Limba NEGOTIATION
Leon B WieserArgentinaAsiya Javayant UNQUALIFIED
James G MaletJapanXuxue Feng NEGOTIATION
Ivar V InouyeRussiaOnyama Limba PROPOSAL
Leon H BowleyItalyIoni Bowcher PROPOSAL
Morrow A WaycottBrazilBernardo Dominic NEW
Leja Y FigeroaBrazilAnna Fali UNQUALIFIED
Silvio T GauchoCanadaAmy Elsner PROPOSAL
Deepesh A MaletGermanyXuxue Feng PROPOSAL

<style>
    .ui-datatable-frozenlayout-left {
        width: 20%;
    }

    .ui-datatable-frozenlayout-right {
        width: 80%;
    }
</style>


<h:form>
    <div class="card">
        <h5 style="margin-top:0">Vertical</h5>
        <p:dataTable var="customer" value="#{dtScrollView.customers1}" scrollable="true" scrollHeight="250">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Representative" footerText="Representative">
                <h:outputText value="#{customer.representative.name}"/>
            </p:column>
            <p:column headerText="Status" footerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h5>Horizontal</h5>
        <p:dataTable var="customer" value="#{dtScrollView.customers2}" scrollable="true" scrollWidth="600">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Representative" footerText="Representative">
                <h:outputText value="#{customer.representative.name}"/>
            </p:column>
            <p:column headerText="Status" footerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h5>Horizontal and Vertical</h5>
        <p:dataTable var="customer" value="#{dtScrollView.customers3}" scrollable="true" scrollWidth="50%" scrollHeight="250">
            <p:column headerText="Id" footerText="Id">
                <h:outputText value="#{customer.id}"/>
            </p:column>
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Date" footerText="Date">
                <h:outputText value="#{customer.date}"/>
            </p:column>
            <p:column headerText="Company" footerText="Company">
                <h:outputText value="#{customer.company}"/>
            </p:column>
            <p:column headerText="Status" footerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>
            <p:column headerText="Activity" footerText="Activity">
                <h:outputText value="#{customer.activity}"/>
            </p:column>
            <p:column headerText="Representative" footerText="Representative">
                <h:outputText value="#{customer.representative.name}"/>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h5>Frozen Rows</h5>
        <p:dataTable var="customer" value="#{dtScrollView.customers4}" scrollable="true" scrollHeight="250"
                     frozenRows="2">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Representative" footerText="Representative">
                <h:outputText value="#{customer.representative.name}"/>
            </p:column>
            <p:column headerText="Status" footerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h5>Frozen Columns</h5>
        <p:dataTable var="customer" value="#{dtScrollView.customers5}" scrollable="true" scrollHeight="250"
                     scrollWidth="300" frozenColumns="1" frozenColumnsAlignment="left">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Id" footerText="Id">
                <h:outputText value="#{customer.id}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Date" footerText="Date">
                <h:outputText value="#{customer.date}"/>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h3>On-Demand Data</h3>
        <p:dataTable var="customer" value="#{dtScrollView.customers6}" scrollRows="20" scrollable="true" liveScroll="true" scrollHeight="150">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Id" footerText="Id">
                <h:outputText value="#{customer.id}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Date" footerText="Date">
                <h:outputText value="#{customer.date}"/>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h5>Virtual Scrolling - 20000 Rows</h5>
        <p:dataTable var="customer" value="#{dtScrollView.lazyModel}" scrollRows="20" scrollable="true"
                     virtualScroll="true" scrollHeight="200" rows="40" style="margin-bottom:0">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Representative" footerText="Representative">
                <h:outputText value="#{customer.representative.name}"/>
            </p:column>
            <p:column headerText="Status" footerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>
        </p:dataTable>
    </div>

</h:form>