Summer Sale is here 🏖️ Get 50% off with code PRSM25 Learn More

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
Faith R KuskoArgentinaStephen Shaw NEGOTIATION
Leon X SaylorsUnited KingdomBernardo Dominic RENEWAL
Emily X SergiItalyAsiya Javayant PROPOSAL
Morrow L FollerGermanyAmy Elsner PROPOSAL
David Q CaudyGermanyAnna Fali RENEWAL
Misaki G DarakjyRussiaAnna Fali PROPOSAL
Mujtaba L SergiItalyElwin Sharvill RENEWAL
Jefferson V PerinRussiaOnyama Limba NEGOTIATION
Morrow V AlbaresAustraliaBernardo Dominic UNQUALIFIED
Jeanfrancois Y StensethItalyXuxue Feng QUALIFIED
Juan V IturbideArgentinaAmy Elsner NEGOTIATION
Arvin C GarufiUnited KingdomAmy Elsner UNQUALIFIED
Leja J CampainRussiaStephen Shaw QUALIFIED
Leja O SchemmerGermanyAsiya Javayant RENEWAL
Adams I VenereJapanAmy Elsner UNQUALIFIED
Arvin G GarufiJapanIoni Bowcher RENEWAL
Clifford W NickaCanadaAnna Fali UNQUALIFIED
Leja E TollnerIndiaOnyama Limba NEGOTIATION
Arvin X TollnerAustraliaOnyama Limba PROPOSAL
Aika S MaletRussiaAsiya Javayant QUALIFIED
Jefferson T PoquetteFranceStephen Shaw UNQUALIFIED
Smith X DarakjyRussiaIoni Bowcher PROPOSAL
Alejandro P FollerFranceBernardo Dominic NEW
Jennifer N AlbaresCanadaAnna Fali RENEWAL
Aditya F MaletCanadaIoni Bowcher NEW
Juan C WhobreyGermanyAsiya Javayant QUALIFIED
Emily I GarufiCanadaIvan Magalhaes NEGOTIATION
Murillo O PerinAustraliaIvan Magalhaes QUALIFIED
Maisha Y FollerCanadaIvan Magalhaes RENEWAL
Chavez M AlbaresItalyIvan Magalhaes UNQUALIFIED
Johnson M FigeroaBrazilAsiya Javayant RENEWAL
Kaitlin K FigeroaJapanElwin Sharvill QUALIFIED
Nicolas B GlickSpainElwin Sharvill RENEWAL
Emily F SchemmerUnited KingdomXuxue Feng UNQUALIFIED
Silvio Y CaldareraIndiaOnyama Limba QUALIFIED
Smith Y VocelkaCanadaStephen Shaw QUALIFIED
Murillo F AmigonIndiaBernardo Dominic UNQUALIFIED
Arvin F FlosiJapanStephen Shaw RENEWAL
Octavia B RoysterGermanyElwin Sharvill QUALIFIED
Aika Q MorascaCanadaIoni Bowcher NEW
Ashley V RutaUnited KingdomAmy Elsner RENEWAL
Alejandro D MarrierAustraliaIvan Magalhaes UNQUALIFIED
Stacey A NickaIndiaAmy Elsner RENEWAL
Costa L KuskoItalyStephen Shaw NEGOTIATION
Munro F DarakjyRussiaElwin Sharvill NEW
Clifford Z AlbaresCanadaXuxue Feng RENEWAL
Chavez I AmigonCanadaXuxue Feng NEW
Maisha C FerenczCanadaBernardo Dominic UNQUALIFIED
Clifford Y PaprockiFranceStephen Shaw UNQUALIFIED
Silvio V GauchoRussiaElwin Sharvill QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Arvin D PaprockiArgentinaOnyama Limba NEW
Leja V WhobreyCanadaIvan Magalhaes QUALIFIED
Murillo G StockhamItalyOnyama Limba RENEWAL
Sinclair X StockhamItalyIoni Bowcher UNQUALIFIED
Octavia K FollerSpainXuxue Feng NEW
Jones U MacleadArgentinaAsiya Javayant UNQUALIFIED
Silvio Q DarakjyArgentinaBernardo Dominic UNQUALIFIED
Kaitlin Q SlusarskiRussiaIvan Magalhaes NEGOTIATION
Ivar C MarrierRussiaXuxue Feng PROPOSAL
Mujtaba N CampainUnited KingdomAmy Elsner RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Stacey Q MaletRussia2025-08-24Chemel, James L Cpa PROPOSAL86Stephen Shaw
1001Emily A NickaIndia2025-08-12Chapman, Ross E Esq UNQUALIFIED85Asiya Javayant
1002Isabel I TollnerIndia2025-08-25King, Christopher A Esq RENEWAL35Ivan Magalhaes
1003Stacey B OldroydBrazil2025-08-06Chemel, James L Cpa UNQUALIFIED78Xuxue Feng
1004Jeanfrancois K DilliardIndia2025-07-31Chemel, James L Cpa RENEWAL26Bernardo Dominic
1005Jennifer I MacleadSpain2025-08-14Morlong Associates RENEWAL26Xuxue Feng
1006Alejandro I RulapaughArgentina2025-07-30Chanay, Jeffrey A Esq PROPOSAL52Xuxue Feng
1007Sinclair E DilliardCanada2025-08-18Dorl, James J Esq UNQUALIFIED79Elwin Sharvill
1008Maria F SchemmerRussia2025-08-01Chanay, Jeffrey A Esq QUALIFIED42Bernardo Dominic
1009Greenwood Y StensethFrance2025-08-19Truhlar And Truhlar Attys NEW78Onyama Limba
1010Julie N NestleSpain2025-07-28Rousseaux, Michael Esq NEGOTIATION71Ioni Bowcher
1011Jefferson R RimArgentina2025-08-05Truhlar And Truhlar Attys QUALIFIED32Xuxue Feng
1012Mujtaba X PoquetteGermany2025-08-22Dorl, James J Esq PROPOSAL31Asiya Javayant
1013Sinclair C CaldareraArgentina2025-08-17Benton, John B Jr RENEWAL89Anna Fali
1014Jones I RutaIndia2025-08-11Feltz Printing Service UNQUALIFIED3Ivan Magalhaes
1015Silvio K VocelkaCanada2025-08-23Chanay, Jeffrey A Esq RENEWAL99Elwin Sharvill
1016Jefferson Y MorascaIndia2025-08-25Truhlar And Truhlar Attys RENEWAL84Stephen Shaw
1017Jeanfrancois P FigeroaJapan2025-08-18Commercial Press PROPOSAL71Amy Elsner
1018Octavia A IturbideGermany2025-08-19Truhlar And Truhlar Attys PROPOSAL42Elwin Sharvill
1019Jefferson T PerinIndia2025-08-11Printing Dimensions NEGOTIATION23Stephen Shaw
1020Faith S RoysterUnited Kingdom2025-08-13Feiner Bros NEGOTIATION91Onyama Limba
1021Morrow K RimArgentina2025-08-17Chapman, Ross E Esq RENEWAL68Ioni Bowcher
1022Tony N RoysterArgentina2025-08-16Rousseaux, Michael Esq UNQUALIFIED54Amy Elsner
1023Misaki F InouyeSpain2025-08-07Chanay, Jeffrey A Esq QUALIFIED62Onyama Limba
1024Ashley V VocelkaAustralia2025-08-10Chapman, Ross E Esq NEW63Bernardo Dominic
1025Aruna Z SchemmerSpain2025-08-13Rousseaux, Michael Esq NEGOTIATION58Ivan Magalhaes
1026Rodrigues L GillianFrance2025-08-04Commercial Press RENEWAL77Stephen Shaw
1027Aruna Q MacleadItaly2025-08-04Chanay, Jeffrey A Esq NEGOTIATION53Stephen Shaw
1028Isabel J NickaItaly2025-08-12Dorl, James J Esq UNQUALIFIED11Onyama Limba
1029Adams M SchemmerRussia2025-08-15Benton, John B Jr NEW87Elwin Sharvill
1030Francesco R DilliardGermany2025-08-02Chemel, James L Cpa NEGOTIATION90Bernardo Dominic
1031David X BriddickAustralia2025-08-08King, Christopher A Esq UNQUALIFIED33Onyama Limba
1032Mujtaba L WhobreyRussia2025-08-04Dorl, James J Esq NEW34Onyama Limba
1033Isabel T FlosiCanada2025-08-08Chapman, Ross E Esq UNQUALIFIED2Asiya Javayant
1034Juan Q GillianIndia2025-08-10Truhlar And Truhlar Attys NEGOTIATION99Xuxue Feng
1035Kadeem B FollerIndia2025-08-06Chanay, Jeffrey A Esq PROPOSAL80Ivan Magalhaes
1036Stacey E MacleadArgentina2025-08-01Morlong Associates NEGOTIATION26Asiya Javayant
1037Clifford X PaprockiUnited Kingdom2025-08-26Chemel, James L Cpa NEW34Ivan Magalhaes
1038Mujtaba F MacleadIndia2025-08-19Feltz Printing Service PROPOSAL12Bernardo Dominic
1039Alejandro S PerinGermany2025-08-06Chemel, James L Cpa NEW89Elwin Sharvill
1040Murillo Q CaldareraBrazil2025-08-11Chemel, James L Cpa NEGOTIATION8Ivan Magalhaes
1041Wickens J CaudyBrazil2025-08-10Morlong Associates PROPOSAL59Ioni Bowcher
1042Clifford G InouyeGermany2025-08-23Dorl, James J Esq NEW79Bernardo Dominic
1043Silvio K AmigonSpain2025-08-14King, Christopher A Esq RENEWAL13Asiya Javayant
1044Greenwood C SchemmerAustralia2025-08-23Chapman, Ross E Esq NEGOTIATION31Asiya Javayant
1045Clifford T CaldareraItaly2025-07-28Chemel, James L Cpa PROPOSAL9Xuxue Feng
1046Mayumi F AlbaresJapan2025-08-14Chanay, Jeffrey A Esq PROPOSAL93Anna Fali
1047Jones O IturbideRussia2025-07-30Morlong Associates PROPOSAL87Stephen Shaw
1048Misaki J WhobreyJapan2025-07-31Morlong Associates QUALIFIED7Ioni Bowcher
1049Nicolas U AlbaresIndia2025-08-26Feiner Bros QUALIFIED28Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Kadeem Z MorascaCanadaElwin Sharvill UNQUALIFIED
Costa J WieserBrazilIvan Magalhaes UNQUALIFIED
Costa V RulapaughSpainIoni Bowcher QUALIFIED
Antonio O BriddickSpainAmy Elsner NEW
Alejandro M CaldareraRussiaIvan Magalhaes RENEWAL
Maisha M IturbideItalyAnna Fali QUALIFIED
James M BowleySpainIoni Bowcher PROPOSAL
Kadeem X KuskoBrazilAnna Fali NEGOTIATION
Juan Z PaprockiJapanAmy Elsner PROPOSAL
Antonio V ButtArgentinaIoni Bowcher UNQUALIFIED
Jennifer F SaylorsArgentinaStephen Shaw PROPOSAL
Claire U DilliardBrazilStephen Shaw UNQUALIFIED
Adams E CaudyJapanAnna Fali RENEWAL
Maria L VocelkaItalyXuxue Feng QUALIFIED
Stacey B AlbaresArgentinaStephen Shaw NEW
Mayumi O WaycottRussiaIoni Bowcher NEW
Sinclair P RutaBrazilStephen Shaw UNQUALIFIED
Aika T CaldareraArgentinaIoni Bowcher RENEWAL
Salvatore V OstroskyAustraliaElwin Sharvill NEGOTIATION
Izzy S RulapaughFranceXuxue Feng PROPOSAL
Aruna L RoysterIndiaAmy Elsner NEW
Francesco T InouyeIndiaAmy Elsner QUALIFIED
Leja Y NestleCanadaIvan Magalhaes UNQUALIFIED
Juan J GlickRussiaStephen Shaw PROPOSAL
Costa V GillianSpainAsiya Javayant PROPOSAL
Isabel V RimCanadaStephen Shaw NEW
Rodrigues U ShinkoIndiaAmy Elsner RENEWAL
Aika G SlusarskiCanadaStephen Shaw NEW
Chavez B SergiCanadaIoni Bowcher UNQUALIFIED
Ricardo I SlusarskiJapanAsiya Javayant UNQUALIFIED
Aika W SaylorsArgentinaElwin Sharvill UNQUALIFIED
Munro C BowleyItalyAmy Elsner PROPOSAL
Maisha P StockhamCanadaAmy Elsner RENEWAL
Octavia I CampainItalyIoni Bowcher QUALIFIED
Smith M TollnerFranceIoni Bowcher RENEWAL
Cody E OldroydAustraliaStephen Shaw NEGOTIATION
Julie D FigeroaJapanXuxue Feng RENEWAL
Kadeem Z InouyeBrazilAmy Elsner QUALIFIED
Alejandro N SaylorsSpainXuxue Feng PROPOSAL
Tony P FollerJapanXuxue Feng PROPOSAL
Cody Q FigeroaItalyAsiya Javayant NEGOTIATION
Aika F RimIndiaStephen Shaw QUALIFIED
Rodrigues Y SergiJapanElwin Sharvill UNQUALIFIED
Mujtaba N CampainBrazilIoni Bowcher NEW
Isabel O WhobreyUnited KingdomAmy Elsner UNQUALIFIED
Cody F AlbaresUnited KingdomIvan Magalhaes QUALIFIED
Sinclair F ChuiFranceAmy Elsner RENEWAL
Mujtaba F GlickFranceBernardo Dominic NEGOTIATION
Chavez V ChuiGermanyIvan Magalhaes RENEWAL
Octavia B TollnerUnited KingdomAsiya Javayant NEGOTIATION
Frozen Columns
Name
Faith X Maclead
Clifford D Waycott
Adams J Darakjy
Aika Y Stenseth
Arvin T Briddick
Misaki M Stockham
Aditya I Kusko
David W Vocelka
Aruna D Maclead
Octavia A Morasca
Tony A Chui
Isabel Y Perin
Darci P Saylors
Aika P Doe
Jefferson P Darakjy
Maisha H Tollner
Francesco R Kusko
Cody N Royster
Kaitlin N Bolognia
Arvin O Gaucho
Jefferson V Glick
Ricardo Y Briddick
Mujtaba I Venere
Tony R Figeroa
Jefferson K Caudy
Deepesh X Venere
Sinclair W Tollner
Munro K Rim
Silvio V Briddick
Jefferson C Butt
Leon L Maclead
Ricardo J Rulapaugh
Greenwood A Morasca
Aika A Kusko
David F Kolmetz
Aditya Y Kusko
Aditya C Malet
Chavez T Vocelka
Claire L Morasca
Mayumi G Rulapaugh
Sinclair T Slusarski
Isabel A Nestle
Claire Z Foller
Arvin P Inouye
Munro F Royster
Costa X Marrier
Julie K Darakjy
Johnson N Doe
Murillo G Flosi
Emily F Paprocki
IdCountryDate
1000Russia2025-08-14
1001Italy2025-08-24
1002Canada2025-08-01
1003Canada2025-08-26
1004Argentina2025-08-04
1005Australia2025-08-21
1006India2025-08-04
1007Canada2025-08-25
1008Italy2025-08-14
1009Australia2025-08-10
1010United Kingdom2025-08-15
1011Germany2025-07-28
1012Canada2025-08-02
1013France2025-08-09
1014Germany2025-08-02
1015India2025-08-05
1016Japan2025-08-04
1017Argentina2025-08-05
1018Germany2025-07-28
1019Spain2025-08-09
1020Japan2025-07-30
1021Australia2025-08-18
1022Germany2025-08-16
1023France2025-08-16
1024Japan2025-08-13
1025Italy2025-08-11
1026France2025-08-01
1027Italy2025-07-29
1028Japan2025-08-02
1029Australia2025-07-30
1030Argentina2025-08-19
1031Canada2025-08-15
1032Italy2025-08-04
1033Russia2025-07-30
1034United Kingdom2025-08-21
1035Japan2025-08-19
1036Japan2025-08-04
1037Spain2025-07-28
1038Spain2025-08-05
1039Canada2025-08-14
1040Italy2025-08-10
1041Germany2025-08-17
1042Japan2025-08-24
1043Argentina2025-08-18
1044Germany2025-08-14
1045Argentina2025-07-31
1046Canada2025-08-04
1047Australia2025-08-05
1048Argentina2025-08-19
1049India2025-08-13

On-Demand Data

NameIdCountryDate
Munro S Gaucho1000United Kingdom2025-08-21
Cody C Saylors1001Brazil2025-08-09
Jefferson C Schemmer1002Australia2025-08-04
Alejandro T Gillian1003Russia2025-08-06
Izzy Y Briddick1004France2025-08-24
Jones B Kolmetz1005Spain2025-08-10
Jennifer T Garufi1006Germany2025-08-11
Sinclair V Royster1007India2025-08-25
Mayumi N Gaucho1008Argentina2025-07-29
Aditya B Nicka1009France2025-08-10
Stacey V Flosi1010Canada2025-08-13
Leon I Bolognia1011Canada2025-08-02
Ivar M Gaucho1012Japan2025-08-04
Emily Z Venere1013Italy2025-08-23
Darci E Paprocki1014Spain2025-08-07
Jefferson W Marrier1015Spain2025-08-11
Claire H Inouye1016Argentina2025-08-05
Claire S Marrier1017Australia2025-08-23
Alejandro Y Iturbide1018Spain2025-08-20
Octavia T Flosi1019Japan2025-08-19
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Izzy K InouyeArgentinaStephen Shaw PROPOSAL
Jennifer B RimIndiaElwin Sharvill RENEWAL
Wickens D WaycottFranceAnna Fali PROPOSAL
Julie U RoysterJapanOnyama Limba NEGOTIATION
Cody R OldroydBrazilIoni Bowcher NEW
Maisha T IturbideIndiaAmy Elsner UNQUALIFIED
Francesco H AlbaresArgentinaXuxue Feng QUALIFIED
Maria W MaletArgentinaIvan Magalhaes NEGOTIATION
David U TollnerArgentinaAmy Elsner QUALIFIED
Smith Z MacleadCanadaXuxue Feng PROPOSAL
Johnson Y VocelkaRussiaAsiya Javayant QUALIFIED
Tony H RimIndiaIoni Bowcher NEGOTIATION
Leja J WhobreyFranceElwin Sharvill NEW
Jefferson X StockhamBrazilElwin Sharvill PROPOSAL
Octavia W SchemmerRussiaAnna Fali RENEWAL
Julie M MaletItalyOnyama Limba QUALIFIED
Aika J StensethIndiaBernardo Dominic NEW
Cody S NickaUnited KingdomIoni Bowcher NEW
Greenwood E CaudyArgentinaXuxue Feng PROPOSAL
Ivar E PoquetteUnited KingdomStephen Shaw NEW
Salvatore F InouyeBrazilIoni Bowcher NEGOTIATION
David J ButtGermanyXuxue Feng PROPOSAL
Emily H BowleyBrazilAmy Elsner NEGOTIATION
Claire H KolmetzCanadaStephen Shaw UNQUALIFIED
Jeanfrancois I CaudyAustraliaStephen Shaw QUALIFIED
Claire D WaycottItalyOnyama Limba PROPOSAL
Jefferson C PerinFranceBernardo Dominic PROPOSAL
Chavez H GlickArgentinaIoni Bowcher RENEWAL
Sinclair N StensethCanadaBernardo Dominic QUALIFIED
Costa N KuskoRussiaAmy Elsner QUALIFIED
Morrow K RulapaughUnited KingdomStephen Shaw NEW
Jeanfrancois W ChuiArgentinaElwin Sharvill NEW
Maisha A OstroskyRussiaXuxue Feng RENEWAL
Jeanfrancois Z InouyeFranceAnna Fali NEGOTIATION
Aditya P BowleyItalyXuxue Feng NEGOTIATION
Silvio D VocelkaGermanyStephen Shaw RENEWAL
Izzy B GarufiRussiaStephen Shaw NEGOTIATION
Aditya M IturbideUnited KingdomIvan Magalhaes QUALIFIED
David H FigeroaJapanOnyama Limba NEGOTIATION
Faith Z FigeroaBrazilIoni Bowcher NEW

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