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

Input Style

Themes

PrimeOne
Saga Saga
Vela Vela
Arya Arya
Bootstrap
bootstrap4-blue-light Bootstrap Blue
bootstrap4-purple-light Bootstrap Purple
bootstrap4-blue-dark Bootstrap Blue
bootstrap4-purple-dark Bootstrap Purple
Material Design
material-indigo-light Indigo
material-deeppurple-light' Deep Purple
material-indigo-dark Indigo
material-deeppurple-dark' Deep Purple
Material Design Compact
material-indigo-light Indigo
material-deeppurple-light' Deep Purple
material-indigo-dark Indigo
material-deeppurple-dark' Deep Purple

DataTable Scroll

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

Vertical
NameCountryRepresentativeStatus
Ricardo W GlickUnited KingdomOnyama Limba RENEWAL
Morrow I PaprockiJapanAsiya Javayant QUALIFIED
Sinclair Y ShinkoFranceXuxue Feng QUALIFIED
Kaitlin F AmigonJapanIvan Magalhaes QUALIFIED
Smith C WhobreyBrazilIoni Bowcher PROPOSAL
Clifford W SaylorsUnited KingdomAnna Fali QUALIFIED
Mujtaba G PaprockiJapanXuxue Feng NEW
Aika Z MacleadCanadaAnna Fali NEGOTIATION
Murillo G WhobreySpainBernardo Dominic RENEWAL
Munro D KuskoItalyBernardo Dominic NEW
Jefferson K DilliardSpainXuxue Feng RENEWAL
Murillo W OstroskyArgentinaAmy Elsner RENEWAL
James N CaudyFranceAsiya Javayant NEW
Faith X NestleRussiaIoni Bowcher NEW
Wickens Y MorascaItalyAmy Elsner NEGOTIATION
Ivar J GauchoItalyIoni Bowcher PROPOSAL
Emily W MorascaCanadaElwin Sharvill NEGOTIATION
Claire C SaylorsItalyOnyama Limba QUALIFIED
Ricardo W GillianArgentinaIoni Bowcher PROPOSAL
Greenwood Q GillianJapanAnna Fali QUALIFIED
Jones O MarrierGermanyIoni Bowcher QUALIFIED
Leja D InouyeSpainStephen Shaw NEGOTIATION
Ricardo E OldroydItalyAsiya Javayant NEGOTIATION
Misaki A DoeUnited KingdomElwin Sharvill NEGOTIATION
Chavez P AlbaresGermanyOnyama Limba UNQUALIFIED
Aika T NickaSpainOnyama Limba QUALIFIED
Adams D DarakjyJapanIvan Magalhaes QUALIFIED
Morrow H DilliardUnited KingdomAnna Fali QUALIFIED
Silvio D ChuiBrazilStephen Shaw PROPOSAL
Munro V OstroskyBrazilOnyama Limba RENEWAL
Smith Z MorascaCanadaStephen Shaw QUALIFIED
Aditya V AmigonAustraliaStephen Shaw QUALIFIED
Deepesh B MaletAustraliaAmy Elsner RENEWAL
Kadeem S ShinkoJapanOnyama Limba NEW
Juan O CaudyUnited KingdomIoni Bowcher UNQUALIFIED
Kaitlin N IturbideArgentinaAmy Elsner UNQUALIFIED
Murillo T SaylorsSpainStephen Shaw PROPOSAL
Leja B MarrierRussiaAnna Fali RENEWAL
Nicolas E OstroskyGermanyIvan Magalhaes RENEWAL
Isabel C FigeroaIndiaIoni Bowcher UNQUALIFIED
Isabel H OstroskyJapanElwin Sharvill NEGOTIATION
Jennifer X ShinkoRussiaBernardo Dominic UNQUALIFIED
Salvatore H AlbaresBrazilAsiya Javayant UNQUALIFIED
Morrow J StockhamJapanIvan Magalhaes QUALIFIED
Darci A AlbaresCanadaAnna Fali NEGOTIATION
Aika H WieserItalyAnna Fali UNQUALIFIED
Rodrigues V CampainAustraliaIoni Bowcher NEW
Maria E AmigonItalyAnna Fali UNQUALIFIED
Mayumi B NestleIndiaXuxue Feng QUALIFIED
Ashley A ChuiRussiaAsiya Javayant NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Cody F NestleAustraliaIvan Magalhaes PROPOSAL
Julie U MarrierSpainAmy Elsner PROPOSAL
Isabel J DilliardAustraliaXuxue Feng UNQUALIFIED
Rodrigues D GauchoJapanBernardo Dominic QUALIFIED
Leon T GillianCanadaElwin Sharvill NEW
Costa T KuskoAustraliaAsiya Javayant PROPOSAL
Chavez I WhobreyGermanyOnyama Limba UNQUALIFIED
Nicolas H RulapaughFranceAmy Elsner UNQUALIFIED
Alejandro B GarufiFranceAmy Elsner PROPOSAL
Salvatore T PaprockiGermanyAsiya Javayant NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Octavia F KuskoFrance2025-04-14Printing Dimensions NEGOTIATION67Anna Fali
1001Arvin S SchemmerJapan2025-04-14Commercial Press UNQUALIFIED62Anna Fali
1002Julie K KolmetzArgentina2025-04-26Printing Dimensions NEW89Elwin Sharvill
1003Deepesh P IturbideAustralia2025-04-10Chemel, James L Cpa PROPOSAL87Stephen Shaw
1004Stacey C GillianUnited Kingdom2025-04-26Commercial Press RENEWAL25Onyama Limba
1005Costa S CaudySpain2025-04-22Truhlar And Truhlar Attys NEGOTIATION18Amy Elsner
1006Morrow D CaldareraItaly2025-03-31Dorl, James J Esq RENEWAL85Xuxue Feng
1007Isabel N GlickGermany2025-04-03Dorl, James J Esq QUALIFIED89Stephen Shaw
1008Mujtaba R RoysterIndia2025-04-04Chemel, James L Cpa PROPOSAL10Elwin Sharvill
1009Adams D PerinRussia2025-04-20Truhlar And Truhlar Attys QUALIFIED88Xuxue Feng
1010Ricardo Y SchemmerJapan2025-03-31Chapman, Ross E Esq NEGOTIATION10Onyama Limba
1011Arvin W CaldareraBrazil2025-04-10Feiner Bros RENEWAL29Xuxue Feng
1012Adams Q RutaUnited Kingdom2025-04-09Feiner Bros RENEWAL99Xuxue Feng
1013Adams W MacleadBrazil2025-04-14Chanay, Jeffrey A Esq NEGOTIATION57Bernardo Dominic
1014Ashley H VocelkaGermany2025-04-19Feiner Bros RENEWAL54Ioni Bowcher
1015Aditya R IturbideAustralia2025-04-12Feltz Printing Service RENEWAL8Ioni Bowcher
1016Wickens N MacleadRussia2025-04-15Chapman, Ross E Esq RENEWAL49Elwin Sharvill
1017Maria G PerinItaly2025-04-12Morlong Associates PROPOSAL34Bernardo Dominic
1018Cody X NestleJapan2025-04-18King, Christopher A Esq NEGOTIATION35Amy Elsner
1019Costa L StockhamUnited Kingdom2025-04-10Chemel, James L Cpa UNQUALIFIED57Anna Fali
1020Antonio Z SlusarskiBrazil2025-04-10Commercial Press UNQUALIFIED74Stephen Shaw
1021Misaki J MacleadArgentina2025-04-21Feiner Bros QUALIFIED1Ivan Magalhaes
1022Salvatore H FigeroaRussia2025-04-11Chanay, Jeffrey A Esq NEGOTIATION35Stephen Shaw
1023Jones L MarrierArgentina2025-04-25Truhlar And Truhlar Attys RENEWAL34Ioni Bowcher
1024Jefferson B CampainArgentina2025-04-14Benton, John B Jr NEW13Stephen Shaw
1025Sinclair R SlusarskiFrance2025-04-21Chanay, Jeffrey A Esq RENEWAL2Onyama Limba
1026Salvatore M InouyeUnited Kingdom2025-04-23King, Christopher A Esq RENEWAL7Xuxue Feng
1027Chavez E OldroydBrazil2025-04-15Truhlar And Truhlar Attys PROPOSAL34Ioni Bowcher
1028Cody B VocelkaGermany2025-04-23Morlong Associates NEGOTIATION66Stephen Shaw
1029Jones E WhobreyBrazil2025-04-24King, Christopher A Esq NEW3Ivan Magalhaes
1030James B MorascaAustralia2025-04-04Feiner Bros NEW15Elwin Sharvill
1031Morrow L MaletAustralia2025-04-04Rousseaux, Michael Esq NEGOTIATION34Onyama Limba
1032Mayumi L FollerArgentina2025-04-27Dorl, James J Esq RENEWAL52Asiya Javayant
1033Clifford L TollnerIndia2025-04-05King, Christopher A Esq RENEWAL13Xuxue Feng
1034Izzy L MorascaFrance2025-04-23Truhlar And Truhlar Attys NEW50Anna Fali
1035Emily T KuskoBrazil2025-04-08Rangoni Of Florence UNQUALIFIED98Stephen Shaw
1036Smith E GauchoItaly2025-04-26Chapman, Ross E Esq NEW77Onyama Limba
1037Chavez N MarrierBrazil2025-04-15Morlong Associates PROPOSAL87Onyama Limba
1038Morrow B IturbideSpain2025-04-27Buckley Miller Wright RENEWAL58Asiya Javayant
1039Ashley H BologniaRussia2025-04-11Commercial Press NEGOTIATION89Ivan Magalhaes
1040Greenwood A WhobreyBrazil2025-04-06Feltz Printing Service RENEWAL17Amy Elsner
1041Misaki C DoeRussia2025-04-25King, Christopher A Esq PROPOSAL38Bernardo Dominic
1042Izzy T WaycottCanada2025-04-13Rangoni Of Florence UNQUALIFIED39Stephen Shaw
1043Izzy F ButtRussia2025-04-29Printing Dimensions RENEWAL73Amy Elsner
1044Emily R SaylorsIndia2025-04-06Truhlar And Truhlar Attys PROPOSAL60Anna Fali
1045Salvatore L CaldareraAustralia2025-04-13Feiner Bros NEGOTIATION33Elwin Sharvill
1046James K CaudyJapan2025-04-04Printing Dimensions NEW53Xuxue Feng
1047Chavez H StensethSpain2025-04-26Dorl, James J Esq PROPOSAL40Anna Fali
1048Leja I FlosiAustralia2025-04-18Feltz Printing Service RENEWAL77Asiya Javayant
1049Darci K MacleadSpain2025-04-11Rousseaux, Michael Esq PROPOSAL94Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Aika O TollnerAustraliaAsiya Javayant RENEWAL
Greenwood S StensethUnited KingdomBernardo Dominic QUALIFIED
Aditya G BriddickSpainIoni Bowcher NEW
Nicolas B DoeSpainOnyama Limba QUALIFIED
Leon X RimAustraliaIoni Bowcher QUALIFIED
Kaitlin P GauchoArgentinaElwin Sharvill NEGOTIATION
Tony T AmigonItalyAmy Elsner PROPOSAL
Claire X RutaFranceBernardo Dominic QUALIFIED
Maisha I SaylorsAustraliaElwin Sharvill UNQUALIFIED
Leja H ButtFranceIoni Bowcher NEGOTIATION
Darci N DarakjySpainIvan Magalhaes RENEWAL
Smith N IturbideArgentinaAmy Elsner RENEWAL
Sinclair T VenereGermanyElwin Sharvill PROPOSAL
Faith N CaldareraGermanyAnna Fali NEW
Izzy Y InouyeFranceAsiya Javayant QUALIFIED
Deepesh B BologniaIndiaIoni Bowcher NEGOTIATION
Johnson F WhobreyJapanStephen Shaw RENEWAL
Johnson S AmigonArgentinaAmy Elsner NEW
Claire T BowleyArgentinaXuxue Feng RENEWAL
Leon I MacleadBrazilElwin Sharvill RENEWAL
Jones Y MaletItalyIoni Bowcher RENEWAL
Aditya M ChuiItalyAmy Elsner NEW
Clifford W AlbaresIndiaAnna Fali PROPOSAL
Jennifer R CaldareraBrazilAsiya Javayant PROPOSAL
Alejandro N FigeroaItalyAsiya Javayant NEW
Smith J KolmetzGermanyAsiya Javayant UNQUALIFIED
Chavez P DilliardFranceAsiya Javayant NEGOTIATION
Wickens L RimItalyStephen Shaw NEGOTIATION
Aruna M GillianRussiaXuxue Feng UNQUALIFIED
Clifford C CaudyJapanAmy Elsner RENEWAL
Cody V StensethItalyIvan Magalhaes NEW
David K PoquetteBrazilAnna Fali NEGOTIATION
Octavia M KuskoItalyStephen Shaw RENEWAL
Kaitlin T WieserBrazilStephen Shaw PROPOSAL
Salvatore A FollerIndiaStephen Shaw QUALIFIED
Wickens L WieserJapanAsiya Javayant NEGOTIATION
Clifford O GlickIndiaIvan Magalhaes QUALIFIED
Mujtaba O VocelkaUnited KingdomIoni Bowcher RENEWAL
Munro D ShinkoBrazilElwin Sharvill NEGOTIATION
Jones K ChuiAustraliaAnna Fali NEGOTIATION
Kaitlin L WaycottAustraliaOnyama Limba NEW
Jefferson H ShinkoItalyAmy Elsner NEGOTIATION
Leja C KuskoJapanBernardo Dominic QUALIFIED
Ashley D StockhamIndiaAnna Fali UNQUALIFIED
Alejandro I AmigonFranceOnyama Limba NEW
David Y ChuiBrazilBernardo Dominic QUALIFIED
Leja Y DoeAustraliaAsiya Javayant NEW
Silvio N PoquetteBrazilAmy Elsner NEW
Aruna T GauchoArgentinaAmy Elsner UNQUALIFIED
Murillo W IturbideUnited KingdomXuxue Feng PROPOSAL
Frozen Columns
Name
Deepesh B Tollner
Emily Q Flosi
Jefferson L Garufi
Isabel D Caldarera
Claire F Caudy
Juan M Sergi
Alejandro M Marrier
Tony Z Campain
Jefferson L Royster
Silvio F Shinko
Darci J Malet
Juan B Wieser
Misaki A Paprocki
Isabel R Tollner
Jeanfrancois L Vocelka
Leja L Inouye
Alejandro J Figeroa
Juan F Kolmetz
Costa U Caldarera
Sinclair B Stockham
Nicolas G Albares
Silvio K Iturbide
Jennifer G Schemmer
Silvio V Chui
Maria B Inouye
Aruna I Royster
Kaitlin E Nestle
Leja A Stockham
Mujtaba Q Gaucho
Munro P Darakjy
Johnson I Amigon
Kaitlin U Marrier
Arvin M Tollner
Faith Q Kolmetz
Aruna Q Briddick
Adams E Chui
Julie T Shinko
Darci S Butt
Jeanfrancois V Garufi
Darci A Albares
Munro I Waycott
Mujtaba Z Dilliard
Kadeem F Rim
Smith I Foller
Aditya T Nestle
Faith V Nicka
Jeanfrancois H Poquette
Leja S Nestle
Misaki E Rulapaugh
Claire Q Darakjy
IdCountryDate
1000Germany2025-04-04
1001India2025-04-28
1002Australia2025-04-23
1003India2025-04-10
1004United Kingdom2025-04-07
1005Spain2025-04-06
1006Canada2025-04-19
1007Australia2025-04-25
1008Canada2025-04-09
1009Argentina2025-03-31
1010Italy2025-04-24
1011Italy2025-04-24
1012Germany2025-04-08
1013Spain2025-04-07
1014India2025-04-09
1015Germany2025-04-02
1016Canada2025-04-01
1017Australia2025-04-03
1018Canada2025-04-08
1019Germany2025-04-28
1020Spain2025-04-05
1021United Kingdom2025-04-02
1022Japan2025-04-04
1023Russia2025-04-10
1024Argentina2025-04-21
1025Russia2025-04-07
1026Brazil2025-04-04
1027Canada2025-04-04
1028Russia2025-04-01
1029France2025-04-13
1030Italy2025-04-05
1031Canada2025-04-26
1032Brazil2025-04-26
1033Spain2025-04-03
1034Germany2025-04-21
1035Italy2025-04-16
1036United Kingdom2025-04-06
1037France2025-04-07
1038Italy2025-04-24
1039United Kingdom2025-04-06
1040Japan2025-04-05
1041Germany2025-04-28
1042India2025-04-28
1043Brazil2025-04-02
1044France2025-04-28
1045Japan2025-04-16
1046Spain2025-04-23
1047Canada2025-04-23
1048Australia2025-04-18
1049Argentina2025-04-03

On-Demand Data

NameIdCountryDate
Jeanfrancois Z Briddick1000India2025-04-05
Aruna S Ostrosky1001United Kingdom2025-04-26
Francesco G Rulapaugh1002Germany2025-04-15
Leja W Perin1003Japan2025-04-28
Ashley P Ferencz1004France2025-04-20
Kaitlin W Sergi1005Brazil2025-04-13
Ashley Q Malet1006Italy2025-03-31
Misaki O Morasca1007Argentina2025-04-23
Jefferson J Figeroa1008India2025-04-21
Smith E Poquette1009Canada2025-04-26
Salvatore Z Slusarski1010Brazil2025-04-10
Jefferson M Malet1011India2025-04-08
Jefferson C Flosi1012Canada2025-04-21
Julie D Poquette1013Italy2025-04-14
Leja U Malet1014Japan2025-04-22
Emily Z Whobrey1015Italy2025-04-16
Stacey H Venere1016India2025-04-24
Darci O Slusarski1017India2025-04-10
Darci P Flosi1018India2025-04-29
Morrow R Kolmetz1019Japan2025-04-11
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Adams G RimArgentinaAmy Elsner NEGOTIATION
David Z MorascaUnited KingdomBernardo Dominic RENEWAL
Emily C WhobreyCanadaAsiya Javayant PROPOSAL
Silvio K MaletBrazilOnyama Limba NEGOTIATION
Alejandro B CaldareraJapanOnyama Limba RENEWAL
Jones R OldroydSpainAmy Elsner NEGOTIATION
Octavia Z CampainGermanyIoni Bowcher NEW
Greenwood F MarrierArgentinaAsiya Javayant RENEWAL
Smith R OstroskyRussiaAsiya Javayant NEW
Rodrigues E CampainFranceOnyama Limba PROPOSAL
Maria W CaldareraSpainElwin Sharvill PROPOSAL
Chavez W IturbideFranceAnna Fali PROPOSAL
David X MarrierCanadaAmy Elsner QUALIFIED
Munro Y PaprockiCanadaStephen Shaw RENEWAL
Morrow V KolmetzRussiaXuxue Feng NEGOTIATION
Smith L InouyeJapanBernardo Dominic RENEWAL
David U OstroskyBrazilIoni Bowcher NEGOTIATION
Deepesh R KolmetzFranceIoni Bowcher NEW
Jones O CampainAustraliaElwin Sharvill NEW
Antonio F GillianItalyOnyama Limba NEW
Sinclair O BriddickFranceBernardo Dominic QUALIFIED
Johnson T ShinkoAustraliaElwin Sharvill UNQUALIFIED
Nicolas N PoquetteJapanAsiya Javayant NEGOTIATION
Tony Z MaletRussiaAmy Elsner NEW
Jeanfrancois O SergiFranceIoni Bowcher UNQUALIFIED
Maisha M TollnerGermanyXuxue Feng PROPOSAL
Stacey Z ButtCanadaIoni Bowcher UNQUALIFIED
Kaitlin V DoeJapanIoni Bowcher QUALIFIED
Julie O OstroskySpainElwin Sharvill PROPOSAL
Mujtaba H SaylorsAustraliaBernardo Dominic QUALIFIED
Francesco Q StensethArgentinaIvan Magalhaes NEGOTIATION
Ricardo Z CaldareraArgentinaAsiya Javayant RENEWAL
Murillo M SergiGermanyOnyama Limba QUALIFIED
Greenwood B DilliardSpainIvan Magalhaes QUALIFIED
Smith Z AmigonFranceBernardo Dominic QUALIFIED
Johnson A PaprockiFranceElwin Sharvill NEGOTIATION
Munro A RimGermanyIvan Magalhaes PROPOSAL
Kadeem J FollerItalyAsiya Javayant QUALIFIED
Cody Z ButtRussiaAmy Elsner NEW
Munro K DarakjyGermanyStephen Shaw 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">
            <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>