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
Leon D AlbaresRussiaXuxue Feng PROPOSAL
Julie K KuskoRussiaElwin Sharvill PROPOSAL
Clifford M FollerCanadaIoni Bowcher RENEWAL
Jones V CaudyGermanyBernardo Dominic PROPOSAL
Costa H GlickBrazilBernardo Dominic QUALIFIED
Francesco J DoeArgentinaElwin Sharvill NEW
Morrow E KolmetzRussiaBernardo Dominic PROPOSAL
Julie I OstroskyBrazilElwin Sharvill RENEWAL
Stacey K MarrierSpainAmy Elsner NEW
Kaitlin I BriddickItalyXuxue Feng RENEWAL
Jefferson X TollnerArgentinaIvan Magalhaes QUALIFIED
David X DilliardItalyStephen Shaw QUALIFIED
Jennifer N FigeroaIndiaOnyama Limba PROPOSAL
Munro X WaycottGermanyAnna Fali PROPOSAL
Munro U GlickSpainStephen Shaw UNQUALIFIED
Claire B ButtCanadaAnna Fali NEGOTIATION
Jones H AmigonAustraliaIoni Bowcher NEW
Munro C OstroskyJapanIoni Bowcher NEGOTIATION
Francesco C PerinArgentinaBernardo Dominic NEW
Deepesh N GillianAustraliaOnyama Limba UNQUALIFIED
Ashley V TollnerArgentinaAsiya Javayant UNQUALIFIED
Morrow P VocelkaGermanyIvan Magalhaes PROPOSAL
Aika L SergiGermanyStephen Shaw NEW
Clifford J IturbideAustraliaAsiya Javayant NEW
Aditya E NestleArgentinaAnna Fali NEGOTIATION
Aruna X ChuiAustraliaAsiya Javayant RENEWAL
Mayumi L VocelkaItalyAsiya Javayant PROPOSAL
Ashley N GlickFranceIoni Bowcher UNQUALIFIED
Octavia S DilliardGermanyAmy Elsner QUALIFIED
Ivar H CaudyJapanIoni Bowcher NEW
Chavez X CaldareraBrazilAmy Elsner RENEWAL
Izzy P KolmetzAustraliaAmy Elsner NEW
Misaki Z MacleadSpainIvan Magalhaes RENEWAL
Ashley A SchemmerJapanAsiya Javayant NEW
Ivar I MorascaAustraliaIvan Magalhaes UNQUALIFIED
Tony W FerenczSpainXuxue Feng RENEWAL
Darci O NickaJapanIvan Magalhaes QUALIFIED
David G RutaRussiaBernardo Dominic NEW
Murillo P MaletArgentinaBernardo Dominic RENEWAL
Murillo B TollnerBrazilXuxue Feng PROPOSAL
Jeanfrancois V CaudyBrazilIvan Magalhaes UNQUALIFIED
Mujtaba X FollerRussiaElwin Sharvill RENEWAL
Aruna T FlosiArgentinaOnyama Limba QUALIFIED
Munro J WaycottCanadaBernardo Dominic QUALIFIED
Arvin Y PoquetteCanadaIoni Bowcher QUALIFIED
Tony V FigeroaFranceOnyama Limba UNQUALIFIED
Kaitlin R KuskoArgentinaIvan Magalhaes NEGOTIATION
James J PaprockiFranceIoni Bowcher RENEWAL
David R AmigonAustraliaOnyama Limba NEW
Arvin R CampainSpainXuxue Feng PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Kadeem S RutaItalyBernardo Dominic QUALIFIED
Julie U PerinUnited KingdomStephen Shaw NEW
Chavez Z MorascaBrazilOnyama Limba UNQUALIFIED
Jefferson T WaycottBrazilAmy Elsner NEW
Chavez P SlusarskiArgentinaElwin Sharvill NEW
Alejandro L TollnerCanadaAsiya Javayant RENEWAL
Arvin W MorascaRussiaIvan Magalhaes NEW
Morrow R PerinItalyXuxue Feng NEW
Greenwood T WhobreyItalyAmy Elsner UNQUALIFIED
Morrow Q OstroskyArgentinaAmy Elsner RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Octavia B BowleyBrazil2025-06-03Rousseaux, Michael Esq RENEWAL47Elwin Sharvill
1001Francesco X StensethBrazil2025-05-19Rousseaux, Michael Esq NEW49Onyama Limba
1002Octavia H WaycottItaly2025-05-20Morlong Associates PROPOSAL91Stephen Shaw
1003Ivar U PoquetteFrance2025-05-29Rousseaux, Michael Esq RENEWAL11Anna Fali
1004Jefferson T GillianItaly2025-06-04Printing Dimensions PROPOSAL51Amy Elsner
1005Arvin P PoquetteItaly2025-06-01Rangoni Of Florence UNQUALIFIED56Bernardo Dominic
1006Ivar I SergiSpain2025-05-19Feiner Bros UNQUALIFIED68Ioni Bowcher
1007Silvio A SlusarskiSpain2025-06-16Dorl, James J Esq RENEWAL55Asiya Javayant
1008Sinclair U FerenczCanada2025-05-30Rousseaux, Michael Esq QUALIFIED72Amy Elsner
1009James G MaletIndia2025-05-20Chanay, Jeffrey A Esq UNQUALIFIED78Xuxue Feng
1010Costa K KolmetzSpain2025-05-18Chanay, Jeffrey A Esq QUALIFIED33Elwin Sharvill
1011Morrow W FigeroaFrance2025-06-04Buckley Miller Wright QUALIFIED6Onyama Limba
1012Morrow D FollerIndia2025-06-14Rangoni Of Florence UNQUALIFIED32Bernardo Dominic
1013Juan F FerenczAustralia2025-06-16Chapman, Ross E Esq RENEWAL98Asiya Javayant
1014Greenwood Q IturbideSpain2025-05-19Chanay, Jeffrey A Esq PROPOSAL33Asiya Javayant
1015Jennifer X DilliardJapan2025-06-06Rousseaux, Michael Esq RENEWAL94Xuxue Feng
1016Deepesh K StensethBrazil2025-05-29Morlong Associates NEW88Bernardo Dominic
1017Izzy B SchemmerCanada2025-05-23Feltz Printing Service UNQUALIFIED66Bernardo Dominic
1018Jennifer K MorascaArgentina2025-05-23Commercial Press NEGOTIATION94Ioni Bowcher
1019Jefferson I MarrierCanada2025-05-31Truhlar And Truhlar Attys PROPOSAL33Bernardo Dominic
1020Stacey R DoeGermany2025-06-11Chanay, Jeffrey A Esq NEW42Amy Elsner
1021Adams O KuskoJapan2025-05-25Dorl, James J Esq RENEWAL19Bernardo Dominic
1022Jennifer Z BriddickArgentina2025-06-09King, Christopher A Esq RENEWAL25Anna Fali
1023Faith T ChuiIndia2025-06-12King, Christopher A Esq PROPOSAL67Bernardo Dominic
1024Deepesh N WhobreyIndia2025-05-27Feiner Bros PROPOSAL95Ioni Bowcher
1025Clifford T DoeJapan2025-06-13King, Christopher A Esq RENEWAL47Elwin Sharvill
1026Ashley K SlusarskiUnited Kingdom2025-06-04Chemel, James L Cpa UNQUALIFIED63Stephen Shaw
1027Juan X CampainArgentina2025-05-29Commercial Press PROPOSAL39Elwin Sharvill
1028Claire J RutaUnited Kingdom2025-06-12King, Christopher A Esq RENEWAL12Ivan Magalhaes
1029Aditya K ShinkoBrazil2025-06-04Rangoni Of Florence PROPOSAL59Amy Elsner
1030Sinclair P ChuiItaly2025-05-24Printing Dimensions RENEWAL4Elwin Sharvill
1031Faith N AmigonRussia2025-05-18Feiner Bros RENEWAL32Stephen Shaw
1032Juan N FigeroaFrance2025-06-03Feiner Bros RENEWAL66Amy Elsner
1033Murillo M AmigonBrazil2025-06-16King, Christopher A Esq PROPOSAL77Onyama Limba
1034Emily K InouyeJapan2025-05-30Rousseaux, Michael Esq QUALIFIED1Bernardo Dominic
1035Jennifer M ChuiRussia2025-06-15Feltz Printing Service QUALIFIED10Anna Fali
1036Antonio J MacleadAustralia2025-06-14Truhlar And Truhlar Attys NEW95Ioni Bowcher
1037Smith Y PoquetteCanada2025-05-21Chanay, Jeffrey A Esq PROPOSAL55Anna Fali
1038Faith I CampainIndia2025-06-02Rousseaux, Michael Esq RENEWAL51Stephen Shaw
1039Ashley L DarakjyCanada2025-06-10Commercial Press NEGOTIATION86Onyama Limba
1040Kadeem V ShinkoBrazil2025-05-27Commercial Press PROPOSAL57Ivan Magalhaes
1041Morrow G GlickBrazil2025-05-25Chanay, Jeffrey A Esq UNQUALIFIED59Amy Elsner
1042Sinclair Q DoeSpain2025-06-05Chanay, Jeffrey A Esq NEW14Xuxue Feng
1043Johnson Y WhobreyBrazil2025-06-03Rangoni Of Florence NEGOTIATION41Ivan Magalhaes
1044Arvin K SchemmerIndia2025-06-15Truhlar And Truhlar Attys RENEWAL94Onyama Limba
1045Stacey E GillianArgentina2025-06-05Rousseaux, Michael Esq NEW75Xuxue Feng
1046Kadeem W MorascaBrazil2025-05-24Rousseaux, Michael Esq QUALIFIED58Xuxue Feng
1047Nicolas R PoquetteIndia2025-06-16Printing Dimensions NEGOTIATION55Onyama Limba
1048Izzy C VenereGermany2025-05-24Printing Dimensions QUALIFIED23Amy Elsner
1049Julie N MorascaRussia2025-06-14Feiner Bros NEGOTIATION9Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Murillo X VenereIndiaBernardo Dominic NEGOTIATION
Nicolas G OstroskyIndiaAsiya Javayant PROPOSAL
Leja U SlusarskiRussiaAnna Fali RENEWAL
Aika R AlbaresItalyElwin Sharvill NEW
Jones F RoysterItalyAmy Elsner PROPOSAL
Leon R StockhamGermanyAmy Elsner UNQUALIFIED
Francesco Q WieserAustraliaXuxue Feng NEW
Chavez A PaprockiCanadaAnna Fali RENEWAL
Antonio W FlosiJapanOnyama Limba UNQUALIFIED
Izzy S KolmetzJapanStephen Shaw NEGOTIATION
Munro Y SchemmerCanadaElwin Sharvill RENEWAL
Ashley Z PaprockiJapanOnyama Limba NEW
Jefferson A CampainItalyElwin Sharvill UNQUALIFIED
Izzy G OldroydGermanyBernardo Dominic UNQUALIFIED
James S AmigonGermanyIoni Bowcher QUALIFIED
Darci U PoquetteAustraliaOnyama Limba PROPOSAL
Maisha M NestleBrazilElwin Sharvill UNQUALIFIED
Maisha H GlickGermanyAsiya Javayant PROPOSAL
Sinclair H MarrierRussiaElwin Sharvill NEGOTIATION
Clifford L GillianRussiaStephen Shaw NEW
Johnson R ShinkoSpainAmy Elsner NEGOTIATION
Leja Z StensethSpainOnyama Limba RENEWAL
Aika D RulapaughCanadaElwin Sharvill NEGOTIATION
Maria K GillianRussiaAsiya Javayant PROPOSAL
Munro V FerenczIndiaAsiya Javayant RENEWAL
Wickens N StensethAustraliaAsiya Javayant RENEWAL
Leon V MacleadBrazilXuxue Feng QUALIFIED
Arvin I FigeroaGermanyOnyama Limba UNQUALIFIED
Rodrigues J BowleyFranceXuxue Feng RENEWAL
Kaitlin Y TollnerFranceXuxue Feng NEGOTIATION
James T StockhamAustraliaElwin Sharvill PROPOSAL
Morrow F MarrierAustraliaAsiya Javayant RENEWAL
Nicolas L AlbaresRussiaElwin Sharvill UNQUALIFIED
Arvin N MaletItalyAsiya Javayant PROPOSAL
Jefferson Q VocelkaJapanAsiya Javayant PROPOSAL
Salvatore R ShinkoRussiaAmy Elsner UNQUALIFIED
Claire F BriddickFranceAmy Elsner QUALIFIED
Darci V NickaJapanStephen Shaw PROPOSAL
Emily P OstroskyRussiaAnna Fali NEW
Maria T AmigonIndiaStephen Shaw UNQUALIFIED
Ashley H RimArgentinaIoni Bowcher NEW
Munro E StockhamIndiaXuxue Feng PROPOSAL
Costa Z DilliardBrazilAsiya Javayant QUALIFIED
Aruna C IturbideJapanBernardo Dominic NEW
Aruna T MorascaJapanIoni Bowcher NEW
Jefferson P NestleArgentinaAsiya Javayant RENEWAL
Jennifer J DoeAustraliaAsiya Javayant UNQUALIFIED
Silvio B BriddickSpainBernardo Dominic NEGOTIATION
Mujtaba F GauchoGermanyStephen Shaw UNQUALIFIED
Sinclair O IturbideJapanElwin Sharvill PROPOSAL
Frozen Columns
Name
Aika U Saylors
Francesco U Ruta
Jeanfrancois K Amigon
Ivar R Stenseth
Jeanfrancois P Vocelka
Greenwood Q Rulapaugh
Johnson X Chui
Sinclair W Shinko
Greenwood W Briddick
Leon H Butt
Maisha L Stockham
Ivar R Gillian
Ivar G Briddick
Kaitlin X Nestle
Greenwood C Campain
Juan X Bolognia
Arvin U Inouye
Morrow G Schemmer
Kaitlin M Glick
Jeanfrancois E Caudy
Sinclair S Malet
Smith H Sergi
Tony I Butt
Smith H Briddick
Claire G Kolmetz
Leon F Morasca
Kaitlin R Gillian
Silvio I Caudy
Smith O Oldroyd
Kaitlin I Whobrey
Aika S Morasca
Costa R Kolmetz
Smith A Whobrey
Smith S Kusko
Salvatore E Gillian
Aika L Gillian
Ricardo K Venere
Leja B Albares
Jefferson N Gillian
Maria F Iturbide
Chavez X Kolmetz
Misaki W Gillian
Antonio H Schemmer
James H Schemmer
Jennifer C Rulapaugh
Octavia O Briddick
Munro V Wieser
Misaki X Kusko
Nicolas R Venere
Morrow F Ostrosky
IdCountryDate
1000Brazil2025-05-21
1001United Kingdom2025-06-02
1002Australia2025-06-14
1003United Kingdom2025-06-02
1004Australia2025-06-11
1005Germany2025-05-18
1006Russia2025-06-10
1007United Kingdom2025-06-12
1008France2025-05-21
1009India2025-06-07
1010Brazil2025-06-12
1011Argentina2025-06-07
1012Italy2025-05-24
1013Australia2025-05-30
1014United Kingdom2025-06-02
1015Spain2025-06-13
1016India2025-06-08
1017Russia2025-05-22
1018Germany2025-06-09
1019India2025-06-03
1020United Kingdom2025-05-18
1021Brazil2025-05-30
1022Brazil2025-05-23
1023Argentina2025-06-08
1024Australia2025-06-01
1025Russia2025-05-25
1026Spain2025-06-07
1027Canada2025-05-18
1028India2025-06-09
1029India2025-06-08
1030Canada2025-05-24
1031Argentina2025-06-09
1032Japan2025-06-09
1033Australia2025-05-26
1034Japan2025-06-13
1035Canada2025-06-03
1036Australia2025-06-03
1037Germany2025-05-20
1038Italy2025-06-09
1039Italy2025-05-18
1040Japan2025-06-11
1041Italy2025-06-16
1042France2025-05-25
1043Russia2025-05-28
1044Argentina2025-05-22
1045France2025-06-08
1046Brazil2025-06-13
1047Argentina2025-05-24
1048Russia2025-05-25
1049Brazil2025-06-08

On-Demand Data

NameIdCountryDate
Johnson C Glick1000Australia2025-05-20
Smith K Saylors1001Russia2025-06-11
Faith C Ruta1002Australia2025-06-12
Darci G Malet1003Canada2025-05-28
Julie D Marrier1004Argentina2025-06-11
Jones R Bolognia1005India2025-05-18
Tony Y Stenseth1006Russia2025-05-20
Stacey Q Waycott1007Australia2025-05-20
Ivar O Venere1008Canada2025-06-03
Francesco C Poquette1009France2025-05-29
Clifford A Rulapaugh1010Spain2025-06-02
Alejandro D Nestle1011Russia2025-05-18
Alejandro G Maclead1012Russia2025-06-02
Salvatore S Stenseth1013Brazil2025-05-26
Faith L Ruta1014United Kingdom2025-05-23
Juan E Stenseth1015Australia2025-06-02
Jeanfrancois B Morasca1016Brazil2025-06-14
Ivar C Caldarera1017France2025-05-22
Rodrigues K Royster1018Spain2025-05-20
Octavia B Caldarera1019Italy2025-05-26
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Greenwood R GauchoBrazilAmy Elsner UNQUALIFIED
Maria L RoysterCanadaOnyama Limba PROPOSAL
Octavia T DilliardGermanyXuxue Feng PROPOSAL
Sinclair Y MaletRussiaAsiya Javayant RENEWAL
Tony G OldroydGermanyAmy Elsner PROPOSAL
Aika K ButtRussiaXuxue Feng NEGOTIATION
Deepesh C FigeroaRussiaElwin Sharvill NEGOTIATION
Antonio X BologniaSpainIoni Bowcher PROPOSAL
Ashley C FlosiBrazilElwin Sharvill QUALIFIED
Maria X BowleyAustraliaIvan Magalhaes UNQUALIFIED
Alejandro M NestleIndiaOnyama Limba RENEWAL
Wickens F AmigonGermanyStephen Shaw PROPOSAL
Faith X GarufiCanadaAsiya Javayant QUALIFIED
Jennifer Y ShinkoCanadaAnna Fali NEGOTIATION
Faith V PerinRussiaAnna Fali RENEWAL
Leon X ButtSpainAsiya Javayant QUALIFIED
Julie D PaprockiGermanyStephen Shaw NEW
Johnson M MaletFranceAsiya Javayant QUALIFIED
Francesco C FigeroaGermanyStephen Shaw PROPOSAL
Octavia Y NickaItalyXuxue Feng RENEWAL
Misaki V DarakjyJapanAsiya Javayant NEW
Misaki D SchemmerGermanyIoni Bowcher QUALIFIED
Stacey M RulapaughBrazilOnyama Limba NEW
Chavez B GarufiIndiaBernardo Dominic NEW
Chavez H ChuiAustraliaIvan Magalhaes QUALIFIED
Adams A GillianJapanOnyama Limba RENEWAL
Francesco U StensethSpainAsiya Javayant NEGOTIATION
Faith F IturbideAustraliaAnna Fali QUALIFIED
Cody E GarufiUnited KingdomAsiya Javayant NEGOTIATION
Ricardo E CaudyUnited KingdomIvan Magalhaes NEW
Deepesh E BriddickItalyIoni Bowcher RENEWAL
Alejandro K ButtItalyAmy Elsner RENEWAL
Costa K PerinFranceXuxue Feng NEW
Maria M GarufiBrazilAmy Elsner UNQUALIFIED
Cody W GauchoGermanyAnna Fali NEW
Emily G FerenczFranceAsiya Javayant NEGOTIATION
Leon C TollnerSpainIvan Magalhaes UNQUALIFIED
Isabel B CampainAustraliaBernardo Dominic PROPOSAL
Aditya H TollnerCanadaIoni Bowcher NEW
Silvio B BriddickIndiaAsiya Javayant 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">
            <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>