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
Arvin F AmigonUnited KingdomStephen Shaw QUALIFIED
Ashley G FlosiArgentinaElwin Sharvill PROPOSAL
Maisha Z SaylorsBrazilStephen Shaw NEW
Ricardo G SlusarskiBrazilStephen Shaw QUALIFIED
Faith P MaletSpainBernardo Dominic NEW
Morrow B SchemmerFranceOnyama Limba UNQUALIFIED
Chavez A InouyeArgentinaOnyama Limba NEGOTIATION
James V SlusarskiRussiaElwin Sharvill PROPOSAL
Wickens P PerinSpainAnna Fali PROPOSAL
James A SergiFranceIoni Bowcher QUALIFIED
Adams D SergiSpainStephen Shaw UNQUALIFIED
Julie Z FlosiArgentinaAsiya Javayant RENEWAL
Leon N GillianArgentinaAnna Fali UNQUALIFIED
Maisha R TollnerIndiaIvan Magalhaes NEW
Salvatore Q RutaGermanyIoni Bowcher RENEWAL
Leon T BologniaUnited KingdomAnna Fali PROPOSAL
Ashley V DoeItalyIoni Bowcher NEGOTIATION
Wickens J ChuiFranceOnyama Limba NEGOTIATION
Octavia G WhobreyGermanyElwin Sharvill QUALIFIED
Sinclair O CaldareraJapanAmy Elsner NEGOTIATION
Costa M CaldareraArgentinaAmy Elsner QUALIFIED
Faith K KuskoFranceAmy Elsner UNQUALIFIED
Maria I RutaSpainIoni Bowcher UNQUALIFIED
Ashley C KolmetzArgentinaIoni Bowcher QUALIFIED
Aika U StockhamIndiaXuxue Feng UNQUALIFIED
Antonio V VocelkaIndiaAmy Elsner PROPOSAL
Francesco E RutaArgentinaBernardo Dominic RENEWAL
Kaitlin K VocelkaJapanIvan Magalhaes RENEWAL
Julie S StockhamAustraliaOnyama Limba PROPOSAL
Faith B ShinkoSpainOnyama Limba RENEWAL
Stacey P KuskoAustraliaElwin Sharvill UNQUALIFIED
Adams Z MaletCanadaStephen Shaw QUALIFIED
David J RimRussiaElwin Sharvill QUALIFIED
Jones O SchemmerJapanIvan Magalhaes UNQUALIFIED
Chavez V BologniaItalyAsiya Javayant PROPOSAL
Emily K RimSpainIvan Magalhaes NEGOTIATION
Mayumi A WaycottJapanXuxue Feng NEGOTIATION
Francesco L WhobreyCanadaAmy Elsner NEGOTIATION
Maria D GauchoRussiaIoni Bowcher UNQUALIFIED
Faith X StensethBrazilAsiya Javayant NEW
Munro L OstroskyUnited KingdomOnyama Limba NEGOTIATION
Octavia F NickaGermanyBernardo Dominic NEW
Munro M ButtRussiaBernardo Dominic NEW
Aditya N CaldareraGermanyAsiya Javayant RENEWAL
Misaki Y DilliardBrazilAmy Elsner NEW
Misaki J StockhamFranceAnna Fali QUALIFIED
Ivar T GauchoItalyAsiya Javayant NEW
Claire Q RutaCanadaIvan Magalhaes NEW
Claire H ButtCanadaBernardo Dominic NEGOTIATION
Ivar Z FigeroaBrazilXuxue Feng QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Salvatore N VocelkaGermanyAsiya Javayant NEGOTIATION
Jefferson L TollnerSpainXuxue Feng RENEWAL
Antonio Z KuskoRussiaElwin Sharvill QUALIFIED
Aditya D ChuiBrazilStephen Shaw PROPOSAL
Ivar I BriddickIndiaIoni Bowcher NEW
Wickens U ShinkoArgentinaBernardo Dominic UNQUALIFIED
Octavia G StockhamSpainIvan Magalhaes UNQUALIFIED
Jones L SlusarskiIndiaOnyama Limba QUALIFIED
Jefferson M AmigonJapanXuxue Feng UNQUALIFIED
David D CaudyAustraliaAnna Fali NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aika E FerenczItaly2024-09-21Dorl, James J Esq QUALIFIED78Ioni Bowcher
1001Munro W FerenczIndia2024-09-03Dorl, James J Esq NEW81Anna Fali
1002Antonio C PoquetteSpain2024-08-29Rangoni Of Florence QUALIFIED39Stephen Shaw
1003Faith B FollerUnited Kingdom2024-09-16King, Christopher A Esq UNQUALIFIED29Asiya Javayant
1004Smith E StensethRussia2024-09-21Chapman, Ross E Esq QUALIFIED34Ivan Magalhaes
1005Misaki U ChuiFrance2024-09-08King, Christopher A Esq QUALIFIED38Onyama Limba
1006Clifford E ButtRussia2024-09-15Dorl, James J Esq PROPOSAL38Onyama Limba
1007Antonio O FigeroaFrance2024-09-06Dorl, James J Esq NEW64Stephen Shaw
1008Aika L CampainArgentina2024-08-27Benton, John B Jr UNQUALIFIED86Onyama Limba
1009Maisha I GillianItaly2024-08-30Printing Dimensions RENEWAL23Elwin Sharvill
1010Leon L OldroydIndia2024-09-14Truhlar And Truhlar Attys QUALIFIED21Asiya Javayant
1011Johnson O MaletIndia2024-09-20Buckley Miller Wright NEW87Stephen Shaw
1012Mujtaba E DarakjyArgentina2024-09-03Commercial Press NEGOTIATION3Bernardo Dominic
1013Costa M FlosiSpain2024-09-14Benton, John B Jr NEW94Elwin Sharvill
1014Ivar H RutaGermany2024-09-21King, Christopher A Esq QUALIFIED60Ioni Bowcher
1015Claire F RimBrazil2024-09-07Commercial Press RENEWAL11Elwin Sharvill
1016Aika K KuskoGermany2024-08-26Rangoni Of Florence NEGOTIATION69Bernardo Dominic
1017Ivar R AmigonGermany2024-08-30King, Christopher A Esq PROPOSAL48Stephen Shaw
1018Silvio C RutaBrazil2024-09-22Rousseaux, Michael Esq QUALIFIED61Asiya Javayant
1019Maisha S FollerIndia2024-09-17Feltz Printing Service PROPOSAL12Amy Elsner
1020Izzy L GillianRussia2024-09-07Truhlar And Truhlar Attys QUALIFIED60Elwin Sharvill
1021Maria A AlbaresIndia2024-09-15Morlong Associates NEW9Asiya Javayant
1022Antonio Y CampainRussia2024-09-10Morlong Associates UNQUALIFIED23Xuxue Feng
1023Rodrigues E MorascaCanada2024-09-13Chemel, James L Cpa UNQUALIFIED44Ioni Bowcher
1024Mayumi N KuskoSpain2024-08-28Rangoni Of Florence RENEWAL62Anna Fali
1025Jennifer Z KuskoAustralia2024-09-15Feiner Bros RENEWAL54Ioni Bowcher
1026Julie L AmigonUnited Kingdom2024-08-31Benton, John B Jr RENEWAL34Amy Elsner
1027Ashley N SlusarskiRussia2024-08-31Dorl, James J Esq PROPOSAL32Ioni Bowcher
1028Juan N OldroydUnited Kingdom2024-09-06Rousseaux, Michael Esq UNQUALIFIED95Onyama Limba
1029Murillo Q GillianBrazil2024-09-05Feiner Bros UNQUALIFIED36Amy Elsner
1030Stacey L DilliardCanada2024-09-03Feiner Bros RENEWAL26Bernardo Dominic
1031David T SchemmerGermany2024-09-18Feltz Printing Service NEGOTIATION50Bernardo Dominic
1032Octavia C ShinkoJapan2024-09-21Printing Dimensions RENEWAL64Anna Fali
1033Claire S GarufiBrazil2024-09-22Printing Dimensions QUALIFIED1Anna Fali
1034Adams D FollerIndia2024-09-10Feltz Printing Service RENEWAL55Bernardo Dominic
1035Stacey S AlbaresArgentina2024-09-07Dorl, James J Esq RENEWAL58Onyama Limba
1036Jefferson T ShinkoAustralia2024-09-12Commercial Press NEW93Ivan Magalhaes
1037Chavez V ButtGermany2024-08-28Chanay, Jeffrey A Esq QUALIFIED52Ioni Bowcher
1038Jennifer Z DilliardJapan2024-08-24Chemel, James L Cpa NEGOTIATION26Elwin Sharvill
1039Jennifer G ShinkoSpain2024-09-14Chapman, Ross E Esq UNQUALIFIED62Stephen Shaw
1040Rodrigues N MorascaJapan2024-08-28Dorl, James J Esq NEGOTIATION87Onyama Limba
1041David Q StockhamAustralia2024-09-05Truhlar And Truhlar Attys QUALIFIED91Onyama Limba
1042Kadeem Z GarufiSpain2024-09-21Feltz Printing Service RENEWAL81Stephen Shaw
1043Munro N DarakjyIndia2024-09-21Chemel, James L Cpa NEW90Xuxue Feng
1044Antonio A ChuiSpain2024-09-15Feltz Printing Service UNQUALIFIED63Elwin Sharvill
1045Jeanfrancois C VocelkaBrazil2024-09-08Feltz Printing Service UNQUALIFIED95Asiya Javayant
1046Morrow C RoysterRussia2024-09-17Chemel, James L Cpa RENEWAL5Stephen Shaw
1047Smith W SlusarskiJapan2024-09-11Feiner Bros RENEWAL29Xuxue Feng
1048Munro W RulapaughUnited Kingdom2024-09-05Chapman, Ross E Esq NEGOTIATION97Onyama Limba
1049Aruna X VocelkaJapan2024-09-01Truhlar And Truhlar Attys UNQUALIFIED40Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Chavez W KuskoAustraliaAsiya Javayant QUALIFIED
Jones X NickaSpainAsiya Javayant PROPOSAL
Jones P TollnerBrazilXuxue Feng NEW
Silvio K MarrierSpainAmy Elsner NEGOTIATION
Ashley K SchemmerFranceIoni Bowcher PROPOSAL
Salvatore V DoeRussiaBernardo Dominic NEGOTIATION
Francesco X MaletGermanyIoni Bowcher UNQUALIFIED
Claire Z WaycottAustraliaElwin Sharvill QUALIFIED
Maisha C NickaSpainAmy Elsner RENEWAL
Greenwood T CaldareraSpainBernardo Dominic NEW
Deepesh M BologniaUnited KingdomAnna Fali RENEWAL
Alejandro W OldroydIndiaOnyama Limba QUALIFIED
Mayumi U NickaFranceAsiya Javayant NEGOTIATION
Ricardo N MaletBrazilIvan Magalhaes RENEWAL
Faith G SaylorsRussiaXuxue Feng PROPOSAL
Claire J ChuiSpainOnyama Limba RENEWAL
Adams O WaycottJapanElwin Sharvill RENEWAL
Tony G MaletGermanyOnyama Limba PROPOSAL
Octavia A FigeroaBrazilIvan Magalhaes NEW
Morrow S BriddickBrazilIvan Magalhaes PROPOSAL
Maisha U CampainUnited KingdomIoni Bowcher NEW
Ivar P PaprockiFranceStephen Shaw PROPOSAL
Greenwood Y ChuiRussiaIoni Bowcher RENEWAL
Wickens Q MarrierItalyElwin Sharvill PROPOSAL
Alejandro E KuskoItalyAnna Fali RENEWAL
Ivar H FollerFranceXuxue Feng NEW
Izzy W GlickCanadaStephen Shaw NEW
Octavia P OldroydCanadaAnna Fali PROPOSAL
Clifford R SlusarskiArgentinaElwin Sharvill RENEWAL
Faith G MacleadGermanyIvan Magalhaes QUALIFIED
Juan F TollnerBrazilIoni Bowcher NEW
Julie D DilliardCanadaXuxue Feng QUALIFIED
Mayumi X FlosiRussiaIvan Magalhaes UNQUALIFIED
Octavia D StensethArgentinaIvan Magalhaes NEW
Jones B FlosiFranceIoni Bowcher NEGOTIATION
Adams E FigeroaIndiaAmy Elsner QUALIFIED
Octavia O WieserIndiaBernardo Dominic RENEWAL
Faith U MaletBrazilAmy Elsner QUALIFIED
Izzy E PaprockiJapanAmy Elsner NEW
Mujtaba I ShinkoUnited KingdomAmy Elsner PROPOSAL
Jones W SergiIndiaIoni Bowcher NEGOTIATION
Nicolas T GillianIndiaStephen Shaw NEW
Isabel F FlosiIndiaStephen Shaw QUALIFIED
Isabel A WieserIndiaIoni Bowcher RENEWAL
Mujtaba A BologniaCanadaAsiya Javayant RENEWAL
Emily P ShinkoFranceStephen Shaw UNQUALIFIED
Stacey H SlusarskiUnited KingdomAmy Elsner NEGOTIATION
James T RimIndiaOnyama Limba PROPOSAL
Izzy J ButtItalyIvan Magalhaes NEW
Smith N MacleadAustraliaElwin Sharvill NEGOTIATION
Frozen Columns
Name
Costa O Perin
Octavia P Vocelka
Mayumi T Rulapaugh
Faith W Rulapaugh
Claire L Rulapaugh
Jones O Paprocki
Tony W Bowley
Jones J Ostrosky
Greenwood K Nicka
Claire P Inouye
Antonio O Glick
Claire N Bowley
Mayumi G Kolmetz
Adams I Caldarera
Ashley R Malet
Adams M Flosi
Ricardo F Kusko
Juan U Glick
Tony H Whobrey
Murillo Y Ruta
Alejandro H Kusko
Silvio Q Gillian
James G Kusko
Deepesh D Saylors
Francesco J Kusko
Francesco R Bolognia
Ricardo R Ostrosky
Aika V Ruta
Maria I Glick
Deepesh M Iturbide
Jennifer N Butt
Jeanfrancois B Bowley
Silvio K Inouye
Maria A Wieser
Alejandro P Kusko
Leon C Figeroa
Wickens I Inouye
Francesco Z Caldarera
Leja J Morasca
Nicolas M Saylors
Mayumi X Vocelka
Johnson E Schemmer
Jefferson M Doe
Jones G Foller
Kaitlin U Perin
Murillo T Wieser
Darci F Bowley
Smith K Gaucho
Smith I Royster
Mujtaba D Caudy
IdCountryDate
1000United Kingdom2024-09-18
1001Brazil2024-09-05
1002Russia2024-09-02
1003France2024-08-31
1004Spain2024-08-24
1005Brazil2024-09-15
1006Brazil2024-09-11
1007Spain2024-09-20
1008Brazil2024-08-31
1009Spain2024-09-19
1010Spain2024-09-15
1011Australia2024-09-03
1012Japan2024-09-09
1013Australia2024-09-01
1014Spain2024-09-03
1015Argentina2024-09-13
1016United Kingdom2024-08-24
1017Italy2024-08-27
1018India2024-09-17
1019Germany2024-09-07
1020France2024-09-06
1021Australia2024-09-12
1022Brazil2024-09-21
1023Canada2024-09-19
1024Australia2024-09-12
1025India2024-08-26
1026Japan2024-09-18
1027Germany2024-08-29
1028India2024-08-24
1029Germany2024-09-17
1030Argentina2024-09-05
1031France2024-09-02
1032Germany2024-09-10
1033Italy2024-09-03
1034Italy2024-08-30
1035France2024-09-04
1036Spain2024-09-12
1037France2024-09-01
1038Spain2024-08-28
1039Canada2024-09-19
1040Argentina2024-09-22
1041Russia2024-09-13
1042Brazil2024-08-24
1043Russia2024-08-24
1044Russia2024-09-21
1045France2024-09-12
1046Brazil2024-09-07
1047Canada2024-09-15
1048France2024-09-08
1049India2024-09-16

On-Demand Data

NameIdCountryDate
Nicolas D Sergi1000France2024-09-19
Murillo X Shinko1001Russia2024-09-17
Sinclair F Sergi1002Italy2024-09-01
Kadeem R Maclead1003Russia2024-09-08
Sinclair J Rulapaugh1004India2024-09-09
Murillo T Ruta1005Japan2024-09-06
Leja G Marrier1006France2024-08-24
Tony F Darakjy1007United Kingdom2024-09-16
Salvatore V Ostrosky1008Japan2024-08-31
Sinclair M Malet1009Canada2024-08-31
James H Ostrosky1010Japan2024-09-08
Tony O Figeroa1011France2024-09-14
Wickens N Morasca1012Germany2024-09-22
Sinclair B Dilliard1013Spain2024-09-17
Jones S Ruta1014Italy2024-08-29
Antonio Y Campain1015Germany2024-08-25
Ivar B Sergi1016Italy2024-09-06
Isabel P Oldroyd1017Germany2024-09-19
Aditya Y Marrier1018Italy2024-09-16
Ricardo P Gaucho1019Spain2024-09-13
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maisha S RoysterUnited KingdomStephen Shaw PROPOSAL
Tony M FerenczBrazilStephen Shaw RENEWAL
Maisha G FigeroaGermanyIvan Magalhaes UNQUALIFIED
Silvio Y VenereBrazilIvan Magalhaes RENEWAL
Kaitlin D VenereRussiaAmy Elsner QUALIFIED
Misaki S MaletItalyIvan Magalhaes UNQUALIFIED
Johnson Y NestleIndiaAnna Fali PROPOSAL
Juan A WaycottIndiaAsiya Javayant RENEWAL
Mujtaba C KuskoRussiaElwin Sharvill RENEWAL
Kadeem U CampainSpainIoni Bowcher UNQUALIFIED
Sinclair X VocelkaIndiaOnyama Limba NEW
Julie D GauchoBrazilStephen Shaw RENEWAL
Leon M GarufiFranceIoni Bowcher NEW
Emily E FollerBrazilElwin Sharvill NEW
Morrow I BologniaSpainOnyama Limba UNQUALIFIED
Jones D AlbaresItalyElwin Sharvill NEGOTIATION
Jennifer S DilliardSpainStephen Shaw RENEWAL
Murillo S BriddickSpainStephen Shaw NEW
Cody F InouyeJapanAnna Fali RENEWAL
Juan P MarrierAustraliaIvan Magalhaes PROPOSAL
Murillo I GillianRussiaAnna Fali UNQUALIFIED
Jennifer X NickaGermanyAnna Fali PROPOSAL
Octavia L ShinkoRussiaElwin Sharvill RENEWAL
Emily G CaldareraSpainAsiya Javayant UNQUALIFIED
Ricardo B PoquetteCanadaBernardo Dominic RENEWAL
David U AlbaresItalyAsiya Javayant NEGOTIATION
Costa K WieserAustraliaAnna Fali NEGOTIATION
Misaki X AlbaresSpainXuxue Feng NEW
Rodrigues G AlbaresAustraliaBernardo Dominic PROPOSAL
Jeanfrancois M CaudyGermanyXuxue Feng RENEWAL
Aruna C RimGermanyElwin Sharvill NEGOTIATION
Aika S VocelkaItalyOnyama Limba NEGOTIATION
Johnson D IturbideCanadaStephen Shaw NEW
Francesco I SaylorsAustraliaElwin Sharvill NEGOTIATION
Murillo K ButtItalyXuxue Feng PROPOSAL
Morrow V TollnerAustraliaElwin Sharvill NEGOTIATION
Deepesh V MaletIndiaElwin Sharvill NEGOTIATION
Sinclair V GarufiFranceXuxue Feng NEW
Aika F IturbideUnited KingdomIvan Magalhaes UNQUALIFIED
Adams Q PaprockiFranceBernardo Dominic QUALIFIED

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