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
Costa H GarufiJapanOnyama Limba UNQUALIFIED
Faith L InouyeBrazilIoni Bowcher QUALIFIED
Emily V TollnerRussiaElwin Sharvill NEGOTIATION
Antonio J DoeArgentinaAnna Fali UNQUALIFIED
Jennifer T CaudyUnited KingdomBernardo Dominic NEGOTIATION
Clifford U MorascaArgentinaAmy Elsner UNQUALIFIED
Jennifer H OstroskySpainXuxue Feng NEW
Morrow M PaprockiCanadaAmy Elsner PROPOSAL
Isabel H PaprockiUnited KingdomAnna Fali NEGOTIATION
Jennifer P OstroskySpainAsiya Javayant PROPOSAL
Emily X IturbideArgentinaStephen Shaw RENEWAL
Jennifer T PoquetteRussiaAmy Elsner PROPOSAL
Salvatore B SaylorsJapanAnna Fali UNQUALIFIED
Mayumi Y MarrierBrazilXuxue Feng NEW
James S WieserRussiaIoni Bowcher UNQUALIFIED
Claire M MacleadIndiaElwin Sharvill NEGOTIATION
Mayumi D DarakjyGermanyXuxue Feng RENEWAL
Maria T DilliardIndiaElwin Sharvill RENEWAL
Aruna M AmigonRussiaAsiya Javayant NEW
Rodrigues B FlosiJapanBernardo Dominic UNQUALIFIED
Aruna A OldroydRussiaIoni Bowcher NEW
Ricardo U PoquetteUnited KingdomIoni Bowcher QUALIFIED
Jeanfrancois H WaycottBrazilXuxue Feng RENEWAL
Maisha D SlusarskiGermanyAnna Fali NEGOTIATION
Misaki Y BologniaSpainAsiya Javayant NEW
Johnson U DilliardIndiaBernardo Dominic QUALIFIED
Chavez Q ChuiCanadaXuxue Feng RENEWAL
James K DoeBrazilIoni Bowcher UNQUALIFIED
Julie S NestleJapanAnna Fali PROPOSAL
James N WaycottItalyStephen Shaw QUALIFIED
Sinclair I FerenczAustraliaAsiya Javayant UNQUALIFIED
Aditya F WaycottAustraliaIoni Bowcher QUALIFIED
James N PerinItalyBernardo Dominic RENEWAL
Murillo L GauchoArgentinaAsiya Javayant PROPOSAL
Leja N TollnerSpainBernardo Dominic UNQUALIFIED
Misaki Y RutaRussiaIoni Bowcher PROPOSAL
Darci U BowleyGermanyAmy Elsner RENEWAL
Costa V SaylorsAustraliaAnna Fali NEGOTIATION
Emily I StensethJapanAsiya Javayant NEGOTIATION
Aika A TollnerBrazilBernardo Dominic NEGOTIATION
Munro T CampainBrazilIoni Bowcher NEW
Wickens I MorascaArgentinaBernardo Dominic NEW
Arvin B MaletUnited KingdomXuxue Feng RENEWAL
Sinclair Z GauchoFranceIoni Bowcher NEGOTIATION
Ashley U MaletGermanyAmy Elsner NEW
Ricardo H DilliardBrazilOnyama Limba NEW
Adams G PerinFranceAnna Fali RENEWAL
Leja P RutaBrazilOnyama Limba NEGOTIATION
Adams B RulapaughBrazilAmy Elsner UNQUALIFIED
Kadeem N BologniaItalyIvan Magalhaes NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Rodrigues R GarufiBrazilAmy Elsner UNQUALIFIED
Ricardo Z PerinRussiaIoni Bowcher NEW
Leja R OldroydAustraliaAnna Fali NEGOTIATION
Chavez D PerinCanadaOnyama Limba NEW
Smith X PerinGermanyIvan Magalhaes UNQUALIFIED
Sinclair D SlusarskiBrazilElwin Sharvill NEW
Octavia T CaudySpainAnna Fali PROPOSAL
Misaki T StensethItalyIvan Magalhaes NEW
Leon F CampainRussiaAmy Elsner PROPOSAL
Claire D MaletIndiaXuxue Feng PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Chavez B ButtBrazil2026-10-17King, Christopher A Esq PROPOSAL44Onyama Limba
1001Silvio O IturbideAustralia2026-10-27Truhlar And Truhlar Attys RENEWAL77Amy Elsner
1002Izzy P SchemmerRussia2026-10-13Buckley Miller Wright RENEWAL41Ioni Bowcher
1003Sinclair W GillianAustralia2026-10-28Rousseaux, Michael Esq QUALIFIED99Onyama Limba
1004Jeanfrancois B MarrierCanada2026-10-23King, Christopher A Esq PROPOSAL74Ivan Magalhaes
1005Maisha Y VenereSpain2026-10-29King, Christopher A Esq NEGOTIATION54Bernardo Dominic
1006Mujtaba X GarufiIndia2026-11-06Chapman, Ross E Esq UNQUALIFIED49Asiya Javayant
1007Tony K MacleadBrazil2026-11-02Buckley Miller Wright RENEWAL70Asiya Javayant
1008Leon Y SaylorsJapan2026-10-19Printing Dimensions PROPOSAL91Elwin Sharvill
1009Maisha J FlosiJapan2026-10-09Commercial Press UNQUALIFIED86Amy Elsner
1010Misaki W CaldareraGermany2026-11-02Rangoni Of Florence RENEWAL83Ioni Bowcher
1011Sinclair Z GauchoArgentina2026-11-02Feltz Printing Service RENEWAL85Stephen Shaw
1012Morrow Y BriddickIndia2026-10-09Buckley Miller Wright NEW97Ioni Bowcher
1013Cody Y MaletJapan2026-10-13Commercial Press NEW68Elwin Sharvill
1014Julie E PoquetteFrance2026-10-19King, Christopher A Esq QUALIFIED18Ioni Bowcher
1015Arvin Z GauchoCanada2026-11-01Chapman, Ross E Esq UNQUALIFIED13Asiya Javayant
1016Mujtaba R OstroskyUnited Kingdom2026-10-16Truhlar And Truhlar Attys PROPOSAL30Ivan Magalhaes
1017Isabel U PoquetteCanada2026-10-13Rousseaux, Michael Esq PROPOSAL59Bernardo Dominic
1018Francesco H VocelkaArgentina2026-10-09Commercial Press UNQUALIFIED79Asiya Javayant
1019Tony B MorascaItaly2026-10-22Buckley Miller Wright UNQUALIFIED82Ioni Bowcher
1020Ashley K CaldareraCanada2026-10-30Chapman, Ross E Esq NEW18Ioni Bowcher
1021Claire N NickaRussia2026-10-15Feiner Bros NEGOTIATION56Elwin Sharvill
1022Aditya B VocelkaRussia2026-10-22Chanay, Jeffrey A Esq RENEWAL86Xuxue Feng
1023Morrow X OstroskyBrazil2026-10-16Commercial Press UNQUALIFIED90Bernardo Dominic
1024Julie X PoquetteArgentina2026-10-16Printing Dimensions NEW48Bernardo Dominic
1025Adams T FlosiSpain2026-11-01Truhlar And Truhlar Attys RENEWAL43Ivan Magalhaes
1026Isabel K ChuiAustralia2026-10-26Printing Dimensions RENEWAL59Stephen Shaw
1027Darci T TollnerArgentina2026-10-19Rangoni Of Florence RENEWAL79Ivan Magalhaes
1028Jeanfrancois H KuskoSpain2026-10-19Rousseaux, Michael Esq NEW48Amy Elsner
1029Juan K WaycottGermany2026-10-09Rangoni Of Florence NEGOTIATION33Onyama Limba
1030Murillo S DilliardRussia2026-10-23Chapman, Ross E Esq PROPOSAL74Amy Elsner
1031Mujtaba M FigeroaIndia2026-10-28Benton, John B Jr NEW61Asiya Javayant
1032Nicolas C DoeGermany2026-10-24Benton, John B Jr NEW13Asiya Javayant
1033Francesco L DoeAustralia2026-11-02Printing Dimensions PROPOSAL84Asiya Javayant
1034Ashley M PerinAustralia2026-10-30King, Christopher A Esq UNQUALIFIED81Anna Fali
1035Alejandro J RulapaughRussia2026-10-11King, Christopher A Esq NEW57Amy Elsner
1036Murillo X PoquetteUnited Kingdom2026-10-28Chanay, Jeffrey A Esq PROPOSAL57Anna Fali
1037Antonio R RoysterGermany2026-10-15King, Christopher A Esq UNQUALIFIED44Xuxue Feng
1038Julie N TollnerUnited Kingdom2026-10-19Dorl, James J Esq UNQUALIFIED48Bernardo Dominic
1039Greenwood L MorascaIndia2026-10-14Printing Dimensions QUALIFIED75Ioni Bowcher
1040Aditya N RutaIndia2026-11-03Chanay, Jeffrey A Esq QUALIFIED58Asiya Javayant
1041Jefferson V WieserJapan2026-10-31Printing Dimensions NEW58Anna Fali
1042Leon Y GarufiUnited Kingdom2026-10-25Chemel, James L Cpa UNQUALIFIED85Asiya Javayant
1043Salvatore E MaletCanada2026-10-20Truhlar And Truhlar Attys NEGOTIATION38Ioni Bowcher
1044Jennifer C FigeroaJapan2026-10-25Commercial Press NEGOTIATION39Ivan Magalhaes
1045Nicolas U CampainRussia2026-10-25Rangoni Of Florence RENEWAL13Ivan Magalhaes
1046Francesco P BriddickCanada2026-10-28Printing Dimensions NEW29Bernardo Dominic
1047Arvin J InouyeArgentina2026-10-09King, Christopher A Esq PROPOSAL33Asiya Javayant
1048Sinclair Q MaletIndia2026-10-17Morlong Associates NEW8Xuxue Feng
1049Maria G InouyeJapan2026-10-23Chemel, James L Cpa RENEWAL14Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Greenwood S NestleAustraliaElwin Sharvill QUALIFIED
Chavez E AmigonAustraliaIvan Magalhaes UNQUALIFIED
Nicolas M MorascaFranceIoni Bowcher NEW
Francesco F MaletUnited KingdomAsiya Javayant PROPOSAL
James P VenereItalyOnyama Limba UNQUALIFIED
Morrow L CaldareraFranceBernardo Dominic PROPOSAL
James F BologniaAustraliaXuxue Feng RENEWAL
Munro G WhobreyUnited KingdomIvan Magalhaes RENEWAL
Alejandro C VenereUnited KingdomStephen Shaw QUALIFIED
Aruna P FigeroaCanadaAsiya Javayant QUALIFIED
Stacey P DarakjyUnited KingdomOnyama Limba UNQUALIFIED
Maisha C VenereJapanStephen Shaw RENEWAL
James Z VenereArgentinaAmy Elsner RENEWAL
Emily V FigeroaAustraliaBernardo Dominic UNQUALIFIED
Clifford B RulapaughItalyXuxue Feng UNQUALIFIED
Johnson N MarrierIndiaAmy Elsner NEGOTIATION
Francesco L RoysterSpainAmy Elsner UNQUALIFIED
Julie O StensethSpainStephen Shaw QUALIFIED
Faith J ChuiSpainAnna Fali RENEWAL
James Z FigeroaSpainAnna Fali UNQUALIFIED
Stacey I MacleadBrazilXuxue Feng RENEWAL
Francesco I TollnerItalyIvan Magalhaes RENEWAL
Tony H FlosiRussiaAmy Elsner RENEWAL
Misaki G WieserIndiaElwin Sharvill UNQUALIFIED
Ashley L RulapaughJapanElwin Sharvill NEGOTIATION
Ricardo Y BowleyUnited KingdomXuxue Feng NEW
Jones G WaycottUnited KingdomStephen Shaw NEGOTIATION
Juan D ShinkoFranceAmy Elsner NEW
James X RutaBrazilElwin Sharvill NEGOTIATION
Ashley C DarakjyFranceOnyama Limba QUALIFIED
Leja Q FlosiRussiaAsiya Javayant RENEWAL
Aruna I BowleyAustraliaBernardo Dominic UNQUALIFIED
Munro F ShinkoCanadaAmy Elsner NEW
Arvin J PerinFranceIvan Magalhaes NEW
Tony E NickaUnited KingdomAsiya Javayant NEGOTIATION
Leon W NickaAustraliaIoni Bowcher PROPOSAL
Ricardo N KuskoCanadaElwin Sharvill UNQUALIFIED
Francesco U DoeAustraliaStephen Shaw NEGOTIATION
Rodrigues V MaletAustraliaElwin Sharvill NEW
Mayumi K CaudyJapanIvan Magalhaes PROPOSAL
Darci E GarufiSpainStephen Shaw PROPOSAL
Octavia N NestleSpainOnyama Limba PROPOSAL
Izzy S SaylorsCanadaBernardo Dominic NEW
Claire M DilliardAustraliaXuxue Feng UNQUALIFIED
Jeanfrancois B StensethAustraliaAsiya Javayant NEW
Morrow Z DoeRussiaElwin Sharvill PROPOSAL
Cody E SergiSpainIoni Bowcher NEW
Jefferson M StockhamItalyOnyama Limba QUALIFIED
Francesco G WhobreyJapanAnna Fali NEGOTIATION
Wickens K ShinkoArgentinaXuxue Feng NEGOTIATION
Frozen Columns
Name
Kadeem J Nestle
Antonio T Tollner
Mujtaba S Shinko
Ashley E Dilliard
Ashley J Amigon
Johnson M Vocelka
Juan F Darakjy
Darci K Rim
Deepesh H Caudy
Cody U Caudy
Jeanfrancois U Amigon
Octavia G Caudy
Darci O Figeroa
Aika D Caldarera
Antonio H Doe
Kaitlin I Bolognia
David O Butt
Chavez Y Bolognia
Arvin G Oldroyd
Mayumi W Oldroyd
Arvin S Paprocki
Francesco Y Perin
Nicolas W Ruta
Jones S Gaucho
Mujtaba N Inouye
Rodrigues R Stenseth
Mujtaba J Stockham
Mujtaba P Darakjy
Izzy Q Vocelka
Aruna Y Morasca
James P Darakjy
Stacey U Doe
Misaki R Schemmer
Octavia J Dilliard
Aika J Paprocki
Francesco U Ferencz
Chavez W Stockham
Misaki S Perin
Clifford O Dilliard
Jeanfrancois R Nestle
Tony X Ferencz
Ivar A Figeroa
Jones B Gillian
Sinclair P Slusarski
Aditya T Bolognia
Rodrigues A Rulapaugh
Smith Y Paprocki
Cody M Flosi
Misaki B Rim
Clifford V Inouye
IdCountryDate
1000Canada2026-10-26
1001United Kingdom2026-11-05
1002Japan2026-10-18
1003Japan2026-11-01
1004Japan2026-10-27
1005France2026-10-29
1006Spain2026-10-14
1007Brazil2026-10-27
1008Russia2026-10-24
1009Argentina2026-10-18
1010Spain2026-10-30
1011Argentina2026-11-03
1012Russia2026-10-13
1013Russia2026-10-30
1014Italy2026-11-03
1015Brazil2026-10-21
1016Spain2026-10-18
1017Canada2026-10-18
1018India2026-10-30
1019India2026-11-02
1020United Kingdom2026-10-29
1021Australia2026-10-21
1022Spain2026-10-12
1023Germany2026-10-30
1024Russia2026-10-28
1025Brazil2026-11-06
1026Australia2026-10-27
1027Australia2026-11-04
1028Brazil2026-10-24
1029Spain2026-11-01
1030Argentina2026-11-02
1031United Kingdom2026-10-16
1032Australia2026-11-05
1033India2026-10-26
1034United Kingdom2026-11-04
1035United Kingdom2026-10-23
1036Germany2026-10-30
1037United Kingdom2026-10-16
1038Japan2026-10-25
1039India2026-10-23
1040Russia2026-11-03
1041Australia2026-10-17
1042France2026-11-02
1043India2026-10-27
1044Spain2026-10-14
1045United Kingdom2026-11-04
1046Japan2026-10-10
1047Russia2026-10-16
1048Japan2026-11-01
1049Brazil2026-10-26

On-Demand Data

NameIdCountryDate
Alejandro H Marrier1000Argentina2026-10-31
Nicolas G Briddick1001Germany2026-10-18
Ashley E Kolmetz1002Canada2026-10-27
Jefferson S Royster1003Germany2026-10-23
David X Iturbide1004Japan2026-10-10
Ricardo V Briddick1005United Kingdom2026-10-30
Mujtaba S Stockham1006Germany2026-10-29
Smith T Garufi1007Brazil2026-10-16
Alejandro L Nestle1008Brazil2026-10-10
Faith E Chui1009Russia2026-11-02
Chavez Q Whobrey1010United Kingdom2026-11-05
Darci M Perin1011Australia2026-10-10
Alejandro K Flosi1012Brazil2026-10-29
Leon Q Garufi1013Japan2026-10-14
Julie S Royster1014France2026-10-31
Greenwood K Figeroa1015France2026-11-06
Faith H Darakjy1016Spain2026-10-26
Adams Y Iturbide1017Argentina2026-11-05
David Y Briddick1018India2026-10-14
Maria I Malet1019Brazil2026-10-11
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Rodrigues L VocelkaCanadaOnyama Limba QUALIFIED
Claire C BowleyGermanyBernardo Dominic QUALIFIED
Emily K DilliardItalyAsiya Javayant NEW
Salvatore T StockhamArgentinaXuxue Feng NEW
Clifford M OstroskyUnited KingdomIvan Magalhaes QUALIFIED
Cody Q VocelkaIndiaIvan Magalhaes PROPOSAL
Aditya M PerinArgentinaAmy Elsner UNQUALIFIED
Kadeem Y ChuiAustraliaAmy Elsner NEGOTIATION
Jennifer L GlickFranceBernardo Dominic NEGOTIATION
Ashley A DoeAustraliaBernardo Dominic NEW
Emily R CaudyIndiaElwin Sharvill NEW
Leja D MarrierJapanIvan Magalhaes NEW
Kadeem B SergiRussiaStephen Shaw RENEWAL
Smith I MarrierSpainXuxue Feng NEW
Aika Z StockhamGermanyAmy Elsner UNQUALIFIED
Julie H TollnerRussiaXuxue Feng NEGOTIATION
David U VocelkaUnited KingdomAnna Fali PROPOSAL
Morrow C OstroskyAustraliaAnna Fali NEGOTIATION
Francesco E FollerJapanBernardo Dominic RENEWAL
Misaki G CaldareraItalyStephen Shaw UNQUALIFIED
James C MorascaIndiaIoni Bowcher QUALIFIED
James F KuskoAustraliaXuxue Feng NEW
Deepesh A StensethAustraliaElwin Sharvill UNQUALIFIED
Cody O RulapaughFranceIvan Magalhaes UNQUALIFIED
Nicolas N DoeAustraliaIoni Bowcher RENEWAL
Isabel O GlickSpainIoni Bowcher QUALIFIED
Ricardo S FigeroaBrazilElwin Sharvill NEGOTIATION
Maria L MaletJapanXuxue Feng NEW
Aditya Q BriddickFranceIoni Bowcher QUALIFIED
Kaitlin P StockhamCanadaIvan Magalhaes PROPOSAL
Costa H MacleadFranceElwin Sharvill PROPOSAL
Stacey W TollnerArgentinaAmy Elsner RENEWAL
Aika I MacleadItalyStephen Shaw PROPOSAL
Izzy H MaletAustraliaAmy Elsner PROPOSAL
Wickens T PoquetteFranceOnyama Limba NEGOTIATION
Aditya E InouyeFranceAnna Fali UNQUALIFIED
Jones I SergiUnited KingdomIvan Magalhaes RENEWAL
Smith H GlickIndiaElwin Sharvill PROPOSAL
Ivar P CampainRussiaAsiya Javayant UNQUALIFIED
Silvio L NestleRussiaElwin Sharvill NEGOTIATION

<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>