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
Jefferson R KolmetzIndiaIvan Magalhaes NEGOTIATION
Wickens K GauchoBrazilAsiya Javayant NEW
Leja P StockhamArgentinaAnna Fali QUALIFIED
Aika R PoquetteUnited KingdomXuxue Feng NEGOTIATION
Leon S RoysterGermanyIvan Magalhaes NEGOTIATION
Greenwood K RimAustraliaBernardo Dominic QUALIFIED
Morrow T SlusarskiSpainAsiya Javayant QUALIFIED
Adams J FlosiSpainElwin Sharvill QUALIFIED
Adams T FlosiCanadaOnyama Limba NEGOTIATION
Claire O RoysterBrazilAmy Elsner RENEWAL
Ivar Q KuskoBrazilXuxue Feng NEW
Kadeem T WieserRussiaAnna Fali PROPOSAL
Arvin A VocelkaUnited KingdomIoni Bowcher PROPOSAL
Octavia M GauchoSpainIvan Magalhaes NEGOTIATION
Jennifer C InouyeItalyIoni Bowcher QUALIFIED
Kadeem P VocelkaRussiaStephen Shaw QUALIFIED
Claire I BowleyRussiaAmy Elsner QUALIFIED
Jennifer I MaletFranceBernardo Dominic RENEWAL
Mujtaba L CaudyGermanyBernardo Dominic QUALIFIED
Wickens G CaudyIndiaElwin Sharvill NEGOTIATION
Jones X GarufiItalyIvan Magalhaes RENEWAL
Rodrigues E RoysterItalyXuxue Feng RENEWAL
Ricardo X PerinCanadaXuxue Feng NEW
Arvin N GarufiBrazilOnyama Limba UNQUALIFIED
Greenwood R BowleyRussiaStephen Shaw QUALIFIED
Adams Y KuskoIndiaAsiya Javayant NEGOTIATION
Aika U CaldareraBrazilAmy Elsner RENEWAL
Nicolas E FlosiJapanAsiya Javayant PROPOSAL
Maisha Z BriddickAustraliaIvan Magalhaes NEGOTIATION
Antonio J ChuiBrazilAsiya Javayant UNQUALIFIED
Clifford Y CaldareraFranceElwin Sharvill NEW
Stacey S OldroydBrazilStephen Shaw RENEWAL
David C DoeFranceBernardo Dominic NEGOTIATION
Kaitlin K TollnerIndiaStephen Shaw QUALIFIED
Morrow B SaylorsUnited KingdomAsiya Javayant NEW
James U CaldareraCanadaAnna Fali NEGOTIATION
Maria W BologniaArgentinaIvan Magalhaes NEW
Sinclair X OstroskyJapanAmy Elsner QUALIFIED
Morrow N PerinIndiaElwin Sharvill NEW
Kadeem O AmigonGermanyStephen Shaw PROPOSAL
Cody Q MacleadCanadaAmy Elsner PROPOSAL
Antonio C RoysterRussiaAmy Elsner NEGOTIATION
Stacey A VenereIndiaOnyama Limba RENEWAL
Salvatore F StockhamJapanIvan Magalhaes QUALIFIED
Kaitlin G CaudyJapanBernardo Dominic NEGOTIATION
Ashley Y VenereUnited KingdomIvan Magalhaes QUALIFIED
Smith S GlickFranceAmy Elsner PROPOSAL
Tony B GarufiIndiaBernardo Dominic PROPOSAL
Jeanfrancois D ChuiIndiaXuxue Feng PROPOSAL
Kadeem J RulapaughIndiaStephen Shaw NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Johnson X WaycottArgentinaIvan Magalhaes QUALIFIED
Emily L WaycottCanadaAsiya Javayant QUALIFIED
Juan O FerenczCanadaIoni Bowcher QUALIFIED
Mayumi H BowleyFranceOnyama Limba UNQUALIFIED
Emily L BologniaUnited KingdomAnna Fali RENEWAL
Deepesh B MaletItalyIoni Bowcher QUALIFIED
Chavez A RulapaughArgentinaAmy Elsner PROPOSAL
Chavez X AmigonGermanyIvan Magalhaes PROPOSAL
Clifford T PoquetteIndiaIvan Magalhaes UNQUALIFIED
Isabel W StockhamUnited KingdomXuxue Feng RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Ashley Z WaycottSpain2024-09-16King, Christopher A Esq NEW71Bernardo Dominic
1001Mujtaba J NestleJapan2024-09-09Morlong Associates RENEWAL43Stephen Shaw
1002Faith L CaldareraFrance2024-08-28Chemel, James L Cpa QUALIFIED77Onyama Limba
1003Wickens C MaletItaly2024-09-08Benton, John B Jr PROPOSAL14Xuxue Feng
1004Leon U ChuiAustralia2024-09-22Benton, John B Jr NEGOTIATION18Xuxue Feng
1005Jeanfrancois C BologniaRussia2024-08-26Rousseaux, Michael Esq NEW48Stephen Shaw
1006Alejandro V FigeroaFrance2024-09-05Benton, John B Jr RENEWAL6Elwin Sharvill
1007Aditya Q WhobreyBrazil2024-09-14Chanay, Jeffrey A Esq PROPOSAL68Ivan Magalhaes
1008Wickens K BologniaJapan2024-09-02Rousseaux, Michael Esq NEGOTIATION71Ioni Bowcher
1009Ashley O MarrierBrazil2024-09-06Morlong Associates QUALIFIED56Amy Elsner
1010Ashley R TollnerAustralia2024-08-27Feiner Bros UNQUALIFIED2Stephen Shaw
1011Tony V BowleyBrazil2024-08-30Commercial Press RENEWAL69Bernardo Dominic
1012Ricardo R ShinkoBrazil2024-09-07Chemel, James L Cpa NEGOTIATION91Bernardo Dominic
1013Morrow W BowleyRussia2024-09-06Feiner Bros PROPOSAL62Bernardo Dominic
1014Misaki R GauchoSpain2024-09-15Feiner Bros NEW34Amy Elsner
1015Julie R FlosiCanada2024-09-10Dorl, James J Esq RENEWAL50Elwin Sharvill
1016Izzy F NestleCanada2024-09-19Benton, John B Jr NEGOTIATION94Onyama Limba
1017Ivar O VenereSpain2024-08-27Feiner Bros QUALIFIED68Onyama Limba
1018Mujtaba H DoeIndia2024-09-13Rousseaux, Michael Esq QUALIFIED48Elwin Sharvill
1019Emily J IturbideRussia2024-08-28Truhlar And Truhlar Attys QUALIFIED89Bernardo Dominic
1020Morrow F MaletUnited Kingdom2024-09-01Truhlar And Truhlar Attys PROPOSAL65Elwin Sharvill
1021Izzy G InouyeAustralia2024-09-16King, Christopher A Esq PROPOSAL23Xuxue Feng
1022Izzy Q GlickSpain2024-09-09Benton, John B Jr UNQUALIFIED52Amy Elsner
1023Cody I FollerArgentina2024-09-07Truhlar And Truhlar Attys NEW60Bernardo Dominic
1024Wickens Q MaletAustralia2024-09-19Chapman, Ross E Esq QUALIFIED50Asiya Javayant
1025Sinclair B IturbideJapan2024-09-07Chapman, Ross E Esq NEW92Asiya Javayant
1026Munro G OstroskyBrazil2024-09-22Feltz Printing Service UNQUALIFIED48Anna Fali
1027Izzy Z MaletAustralia2024-09-18Feiner Bros QUALIFIED52Anna Fali
1028Faith W DilliardUnited Kingdom2024-09-17Rousseaux, Michael Esq QUALIFIED5Ioni Bowcher
1029Isabel V PoquetteArgentina2024-09-14Buckley Miller Wright NEW81Stephen Shaw
1030Jones V KolmetzSpain2024-09-03Rangoni Of Florence UNQUALIFIED98Bernardo Dominic
1031Mayumi Q SergiCanada2024-09-11King, Christopher A Esq PROPOSAL95Xuxue Feng
1032Darci J FollerSpain2024-08-25Rangoni Of Florence NEW88Elwin Sharvill
1033Rodrigues A IturbideSpain2024-08-25Rousseaux, Michael Esq PROPOSAL85Amy Elsner
1034Salvatore K BowleyAustralia2024-09-20Feltz Printing Service NEGOTIATION33Elwin Sharvill
1035Stacey F VocelkaSpain2024-09-17King, Christopher A Esq UNQUALIFIED44Bernardo Dominic
1036Aika F MorascaIndia2024-09-04Benton, John B Jr UNQUALIFIED74Elwin Sharvill
1037Aditya Z BowleyUnited Kingdom2024-09-07Feltz Printing Service NEGOTIATION77Anna Fali
1038Mujtaba A NestleGermany2024-09-11Rangoni Of Florence PROPOSAL52Amy Elsner
1039Chavez I WieserUnited Kingdom2024-08-26Feltz Printing Service QUALIFIED85Asiya Javayant
1040Clifford E BowleyJapan2024-09-05Buckley Miller Wright NEW23Anna Fali
1041Jeanfrancois I RutaBrazil2024-09-08Feiner Bros UNQUALIFIED4Elwin Sharvill
1042Smith I TollnerGermany2024-09-21Chemel, James L Cpa PROPOSAL11Bernardo Dominic
1043Darci V WaycottSpain2024-09-09Benton, John B Jr QUALIFIED89Stephen Shaw
1044Emily Y StockhamJapan2024-08-31Feiner Bros NEW61Onyama Limba
1045Wickens H TollnerBrazil2024-09-13Printing Dimensions QUALIFIED42Anna Fali
1046Antonio U ShinkoAustralia2024-09-21Chanay, Jeffrey A Esq RENEWAL0Asiya Javayant
1047Antonio Z VocelkaJapan2024-09-15Commercial Press PROPOSAL86Asiya Javayant
1048Antonio T RulapaughBrazil2024-08-27Chapman, Ross E Esq RENEWAL89Elwin Sharvill
1049Darci T StockhamRussia2024-08-31Chapman, Ross E Esq PROPOSAL53Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Antonio D BologniaAustraliaBernardo Dominic UNQUALIFIED
Smith U ChuiIndiaStephen Shaw QUALIFIED
Sinclair C DarakjySpainIvan Magalhaes NEW
Morrow F GlickBrazilBernardo Dominic PROPOSAL
Stacey T CampainFranceAsiya Javayant PROPOSAL
Tony V OldroydCanadaIvan Magalhaes QUALIFIED
Aditya B BriddickArgentinaAmy Elsner NEGOTIATION
Johnson T ChuiCanadaIoni Bowcher PROPOSAL
Jennifer Q WaycottArgentinaXuxue Feng NEGOTIATION
Emily V PoquetteSpainOnyama Limba PROPOSAL
Sinclair Y DarakjyArgentinaIvan Magalhaes UNQUALIFIED
Ivar Z ChuiJapanElwin Sharvill QUALIFIED
Greenwood Y MorascaSpainElwin Sharvill NEW
Jefferson J MacleadGermanyOnyama Limba RENEWAL
Aruna A CampainRussiaIvan Magalhaes NEGOTIATION
Cody E FigeroaIndiaXuxue Feng QUALIFIED
Munro G MacleadIndiaXuxue Feng PROPOSAL
Clifford Y AlbaresItalyOnyama Limba RENEWAL
Maria J VenereGermanyAsiya Javayant RENEWAL
James C ChuiJapanIvan Magalhaes QUALIFIED
Stacey F KuskoIndiaElwin Sharvill RENEWAL
Morrow K FlosiUnited KingdomBernardo Dominic PROPOSAL
Izzy G KolmetzBrazilStephen Shaw NEW
Morrow R KolmetzArgentinaBernardo Dominic UNQUALIFIED
Chavez Z CaudyBrazilIvan Magalhaes UNQUALIFIED
Clifford O SlusarskiAustraliaElwin Sharvill UNQUALIFIED
Jeanfrancois S NickaGermanyIvan Magalhaes QUALIFIED
Sinclair I BriddickAustraliaStephen Shaw NEW
Antonio D VenereAustraliaXuxue Feng PROPOSAL
Aditya K PoquetteCanadaAsiya Javayant UNQUALIFIED
Octavia Y VocelkaJapanAnna Fali PROPOSAL
Adams D SchemmerCanadaStephen Shaw NEW
Juan C BologniaFranceIoni Bowcher UNQUALIFIED
Arvin T VenereItalyAmy Elsner NEW
Johnson R AmigonUnited KingdomIvan Magalhaes QUALIFIED
Clifford F GlickItalyAnna Fali PROPOSAL
Morrow F OstroskyJapanXuxue Feng NEW
Jeanfrancois C InouyeBrazilElwin Sharvill PROPOSAL
Munro A SergiFranceElwin Sharvill NEGOTIATION
Murillo W MaletUnited KingdomXuxue Feng QUALIFIED
Alejandro O PoquetteAustraliaStephen Shaw NEGOTIATION
Greenwood F RoysterJapanAsiya Javayant RENEWAL
Alejandro Y NestleArgentinaAsiya Javayant QUALIFIED
Jones I DoeJapanOnyama Limba PROPOSAL
Jeanfrancois E VocelkaGermanyElwin Sharvill UNQUALIFIED
Ricardo L WaycottFranceElwin Sharvill NEW
Wickens T OstroskyJapanAmy Elsner QUALIFIED
Julie D WaycottIndiaStephen Shaw QUALIFIED
James K KuskoRussiaAmy Elsner NEGOTIATION
Isabel V BriddickSpainIvan Magalhaes PROPOSAL
Frozen Columns
Name
Costa G Nestle
Leja W Rim
Mayumi Y Stenseth
Stacey I Rulapaugh
Izzy C Nestle
Leja U Sergi
Julie W Morasca
Stacey G Morasca
Nicolas K Sergi
Francesco Z Foller
Leja D Whobrey
Nicolas P Bolognia
Clifford P Shinko
Kadeem D Whobrey
Kaitlin J Shinko
Maisha H Garufi
Mujtaba S Paprocki
Juan V Venere
Ivar O Poquette
Jefferson L Figeroa
Ashley N Perin
Julie A Saylors
Murillo D Perin
Deepesh N Garufi
Maria E Rim
Isabel K Briddick
James X Kusko
Darci B Inouye
Leon X Chui
Alejandro E Morasca
Salvatore R Malet
Silvio O Venere
Mayumi R Bolognia
Maria A Rulapaugh
Morrow O Garufi
Leon H Nestle
Misaki N Morasca
Mujtaba J Waycott
Maria K Waycott
Jones Y Figeroa
Stacey P Stockham
Jones U Maclead
Jefferson P Slusarski
Jones B Vocelka
Kaitlin S Stockham
Stacey A Briddick
Aditya H Whobrey
Costa G Bowley
James C Glick
Ricardo N Foller
IdCountryDate
1000France2024-09-07
1001Russia2024-09-15
1002Italy2024-09-06
1003Australia2024-09-04
1004India2024-09-05
1005France2024-09-15
1006Spain2024-09-21
1007Japan2024-09-07
1008Japan2024-08-31
1009Germany2024-09-13
1010Germany2024-09-04
1011United Kingdom2024-09-23
1012Argentina2024-09-22
1013Russia2024-09-20
1014Australia2024-09-21
1015Canada2024-09-09
1016Canada2024-09-13
1017Germany2024-08-31
1018Italy2024-09-15
1019Canada2024-09-17
1020Canada2024-09-15
1021Australia2024-08-30
1022Italy2024-09-20
1023India2024-09-02
1024Brazil2024-09-16
1025Russia2024-08-31
1026Japan2024-09-07
1027Canada2024-09-11
1028Spain2024-09-04
1029United Kingdom2024-09-03
1030Japan2024-08-31
1031India2024-09-11
1032Canada2024-09-18
1033Germany2024-09-11
1034Japan2024-08-27
1035Brazil2024-08-28
1036Italy2024-09-23
1037Italy2024-09-17
1038Brazil2024-09-13
1039United Kingdom2024-09-06
1040Japan2024-09-22
1041France2024-09-01
1042Italy2024-09-02
1043Japan2024-09-01
1044Russia2024-08-30
1045Germany2024-09-08
1046Russia2024-09-13
1047Italy2024-08-25
1048United Kingdom2024-08-27
1049Spain2024-09-02

On-Demand Data

NameIdCountryDate
Rodrigues V Stockham1000France2024-09-17
Stacey R Perin1001France2024-09-16
Jefferson I Vocelka1002Japan2024-09-05
Salvatore K Stockham1003Japan2024-08-29
Chavez I Royster1004Argentina2024-09-17
Aika N Caudy1005Spain2024-09-20
Isabel B Butt1006India2024-09-05
Johnson R Saylors1007Spain2024-08-26
Rodrigues T Rim1008France2024-09-05
Aruna C Gillian1009Argentina2024-09-12
Izzy L Doe1010Russia2024-09-02
Sinclair S Sergi1011Russia2024-09-11
James J Venere1012France2024-09-15
Silvio S Bolognia1013Japan2024-09-23
Morrow G Morasca1014Australia2024-09-07
Ivar K Flosi1015France2024-09-11
Ricardo Y Inouye1016United Kingdom2024-08-25
Misaki M Iturbide1017Argentina2024-08-30
Jeanfrancois X Vocelka1018Germany2024-08-31
Kaitlin D Rim1019Canada2024-08-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jennifer M TollnerSpainStephen Shaw NEW
Jeanfrancois E KuskoUnited KingdomIoni Bowcher QUALIFIED
Deepesh F SergiCanadaOnyama Limba NEGOTIATION
Aruna E SchemmerItalyXuxue Feng UNQUALIFIED
Jefferson H VocelkaJapanStephen Shaw UNQUALIFIED
Alejandro Y MorascaAustraliaAsiya Javayant PROPOSAL
Adams R FigeroaFranceOnyama Limba NEW
Mujtaba J MaletAustraliaBernardo Dominic UNQUALIFIED
Darci L CampainSpainAnna Fali NEGOTIATION
Kadeem Y OstroskyCanadaElwin Sharvill NEGOTIATION
Arvin L DilliardRussiaBernardo Dominic QUALIFIED
Ivar G CaldareraSpainAnna Fali PROPOSAL
Clifford E SlusarskiSpainElwin Sharvill RENEWAL
Sinclair N CampainIndiaAmy Elsner RENEWAL
Leon Q DilliardRussiaAsiya Javayant RENEWAL
Julie O AmigonRussiaXuxue Feng NEGOTIATION
David X FlosiRussiaAmy Elsner UNQUALIFIED
Isabel D MaletUnited KingdomBernardo Dominic RENEWAL
Costa G DarakjySpainXuxue Feng NEW
Izzy W BriddickItalyAmy Elsner NEGOTIATION
Julie K VenereAustraliaOnyama Limba UNQUALIFIED
Leja Q FlosiUnited KingdomAsiya Javayant PROPOSAL
Munro Q GauchoCanadaElwin Sharvill UNQUALIFIED
Francesco N ChuiSpainElwin Sharvill PROPOSAL
Tony K OstroskySpainOnyama Limba RENEWAL
Silvio K RutaItalyIoni Bowcher QUALIFIED
Aruna S VenereFranceOnyama Limba QUALIFIED
Silvio W DarakjyIndiaAmy Elsner RENEWAL
Alejandro C SchemmerAustraliaIoni Bowcher PROPOSAL
Salvatore D VocelkaIndiaElwin Sharvill NEW
Sinclair V FerenczCanadaXuxue Feng PROPOSAL
David C FollerSpainAsiya Javayant QUALIFIED
Aditya P BriddickFranceAnna Fali QUALIFIED
Chavez T MacleadUnited KingdomOnyama Limba NEW
Jefferson H RulapaughCanadaBernardo Dominic PROPOSAL
Claire L MacleadUnited KingdomBernardo Dominic NEW
Aika Z MarrierSpainElwin Sharvill QUALIFIED
Octavia M DarakjyAustraliaStephen Shaw PROPOSAL
Adams V RoysterRussiaStephen Shaw PROPOSAL
Isabel D FollerIndiaOnyama Limba 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>