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
Clifford N FigeroaCanadaElwin Sharvill NEW
Smith J ButtBrazilStephen Shaw RENEWAL
Maisha J IturbideJapanIvan Magalhaes PROPOSAL
Ivar A CampainRussiaAnna Fali UNQUALIFIED
Maria S MarrierCanadaBernardo Dominic PROPOSAL
Stacey U SaylorsItalyBernardo Dominic PROPOSAL
Nicolas X KolmetzBrazilAsiya Javayant PROPOSAL
Nicolas R MaletRussiaElwin Sharvill UNQUALIFIED
Leon F KolmetzArgentinaAsiya Javayant UNQUALIFIED
David A SlusarskiIndiaIvan Magalhaes PROPOSAL
David J TollnerFranceIoni Bowcher NEGOTIATION
Jennifer S ShinkoCanadaXuxue Feng PROPOSAL
Alejandro V CaudySpainStephen Shaw NEW
Adams Q AmigonIndiaStephen Shaw NEGOTIATION
Antonio B FerenczGermanyStephen Shaw QUALIFIED
Jeanfrancois N ShinkoAustraliaXuxue Feng NEGOTIATION
Morrow T ShinkoCanadaIoni Bowcher PROPOSAL
Arvin L CaudySpainAmy Elsner UNQUALIFIED
Faith A MaletUnited KingdomStephen Shaw QUALIFIED
Julie T RulapaughGermanyIoni Bowcher QUALIFIED
Jones O IturbideItalyXuxue Feng UNQUALIFIED
Kadeem E GillianAustraliaElwin Sharvill UNQUALIFIED
Salvatore A GlickGermanyAsiya Javayant UNQUALIFIED
Silvio N RulapaughArgentinaStephen Shaw NEGOTIATION
Nicolas B OldroydCanadaStephen Shaw NEW
Deepesh H NestleIndiaBernardo Dominic NEGOTIATION
Tony K BowleyGermanyStephen Shaw NEGOTIATION
Maria M MaletJapanAnna Fali QUALIFIED
Salvatore G VenereBrazilIvan Magalhaes PROPOSAL
Aruna L OldroydSpainAsiya Javayant QUALIFIED
Maisha B ButtRussiaStephen Shaw QUALIFIED
Smith Q PerinAustraliaXuxue Feng UNQUALIFIED
Izzy I SergiAustraliaIvan Magalhaes NEW
Silvio E GlickFranceStephen Shaw NEW
Ricardo L MaletGermanyIvan Magalhaes RENEWAL
Tony I ChuiCanadaAsiya Javayant NEGOTIATION
Aruna X WhobreyArgentinaAnna Fali RENEWAL
Rodrigues A DarakjyIndiaAmy Elsner NEGOTIATION
Costa V OldroydSpainBernardo Dominic RENEWAL
Aruna P SchemmerJapanAmy Elsner NEGOTIATION
Mayumi N MorascaCanadaAsiya Javayant RENEWAL
James N MacleadJapanAsiya Javayant NEGOTIATION
Deepesh K FollerAustraliaOnyama Limba NEGOTIATION
Tony B VocelkaItalyAmy Elsner NEGOTIATION
Costa T MarrierUnited KingdomAnna Fali UNQUALIFIED
Nicolas U WaycottSpainAsiya Javayant NEW
Leja E WhobreySpainIvan Magalhaes RENEWAL
Wickens I RimBrazilAmy Elsner NEW
Nicolas Y VocelkaIndiaAsiya Javayant PROPOSAL
Smith V WieserJapanAsiya Javayant NEW
Horizontal
NameCountryRepresentativeStatus
Maisha O BologniaUnited KingdomOnyama Limba NEW
Jones X ChuiBrazilAnna Fali QUALIFIED
Izzy M GauchoIndiaIvan Magalhaes QUALIFIED
Costa Y CaldareraRussiaBernardo Dominic QUALIFIED
David Q PerinRussiaOnyama Limba UNQUALIFIED
Jennifer R StensethGermanyElwin Sharvill RENEWAL
Chavez R MarrierSpainElwin Sharvill PROPOSAL
Claire J MacleadRussiaAmy Elsner UNQUALIFIED
Leja Z RutaBrazilElwin Sharvill UNQUALIFIED
Wickens F GillianFranceOnyama Limba RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Alejandro D StensethItaly2024-09-06Commercial Press UNQUALIFIED75Stephen Shaw
1001David J DilliardArgentina2024-09-07Feltz Printing Service UNQUALIFIED84Elwin Sharvill
1002Emily U AlbaresItaly2024-09-05Chanay, Jeffrey A Esq NEGOTIATION48Stephen Shaw
1003Salvatore Q VocelkaRussia2024-08-30Morlong Associates QUALIFIED56Asiya Javayant
1004Aika Y GillianArgentina2024-09-12Dorl, James J Esq NEGOTIATION48Bernardo Dominic
1005Kaitlin K MaletIndia2024-09-04Dorl, James J Esq PROPOSAL89Ivan Magalhaes
1006Silvio Q FlosiUnited Kingdom2024-09-04Chemel, James L Cpa NEW73Bernardo Dominic
1007Claire P KuskoItaly2024-09-04Chemel, James L Cpa UNQUALIFIED53Ioni Bowcher
1008Leon Q AlbaresSpain2024-08-27Chemel, James L Cpa RENEWAL40Bernardo Dominic
1009Leja Y IturbideIndia2024-09-04Benton, John B Jr UNQUALIFIED99Ioni Bowcher
1010Clifford M FollerArgentina2024-09-24Morlong Associates NEGOTIATION52Amy Elsner
1011Ricardo R AmigonIndia2024-09-12Chemel, James L Cpa QUALIFIED9Asiya Javayant
1012Jefferson I IturbideSpain2024-09-05Feltz Printing Service NEW3Ivan Magalhaes
1013Greenwood K FerenczSpain2024-09-20Rousseaux, Michael Esq RENEWAL75Stephen Shaw
1014Isabel F ShinkoGermany2024-08-26Commercial Press QUALIFIED38Xuxue Feng
1015Ivar E ChuiGermany2024-08-31Buckley Miller Wright NEW72Elwin Sharvill
1016Deepesh B ChuiAustralia2024-09-17Feltz Printing Service QUALIFIED54Ioni Bowcher
1017Misaki V MacleadBrazil2024-09-07Buckley Miller Wright UNQUALIFIED39Asiya Javayant
1018Kadeem O KolmetzAustralia2024-09-02Dorl, James J Esq RENEWAL52Xuxue Feng
1019Johnson N KolmetzJapan2024-08-30Chapman, Ross E Esq NEW92Bernardo Dominic
1020Faith A NickaJapan2024-09-22Rousseaux, Michael Esq NEW25Asiya Javayant
1021Jefferson V DarakjyCanada2024-09-11Rousseaux, Michael Esq RENEWAL53Anna Fali
1022Smith D VenereAustralia2024-09-13King, Christopher A Esq NEW9Xuxue Feng
1023Cody C DoeSpain2024-08-27Commercial Press QUALIFIED10Ioni Bowcher
1024Salvatore V VocelkaArgentina2024-09-21Buckley Miller Wright NEW36Asiya Javayant
1025Cody X NestleArgentina2024-08-29Feltz Printing Service QUALIFIED67Bernardo Dominic
1026Arvin U ButtItaly2024-09-05King, Christopher A Esq NEGOTIATION26Xuxue Feng
1027Wickens V KuskoRussia2024-09-17Chanay, Jeffrey A Esq PROPOSAL14Ivan Magalhaes
1028Cody H ButtFrance2024-09-06Dorl, James J Esq PROPOSAL4Asiya Javayant
1029Sinclair L CampainGermany2024-09-06Truhlar And Truhlar Attys QUALIFIED29Ioni Bowcher
1030Costa R RimItaly2024-08-27Buckley Miller Wright NEW59Asiya Javayant
1031James I VenereJapan2024-09-09Rangoni Of Florence RENEWAL49Anna Fali
1032Kadeem E MaletArgentina2024-09-20Dorl, James J Esq RENEWAL7Asiya Javayant
1033Stacey V PaprockiCanada2024-08-30Chanay, Jeffrey A Esq NEGOTIATION22Xuxue Feng
1034Aruna Y SergiJapan2024-08-30Feiner Bros UNQUALIFIED4Onyama Limba
1035Aika J CampainAustralia2024-09-03Benton, John B Jr PROPOSAL15Ivan Magalhaes
1036Aditya A DarakjyGermany2024-09-21Rangoni Of Florence QUALIFIED1Asiya Javayant
1037Octavia N MacleadJapan2024-08-30Chapman, Ross E Esq PROPOSAL6Xuxue Feng
1038Octavia U OldroydSpain2024-09-07Chanay, Jeffrey A Esq QUALIFIED79Stephen Shaw
1039Morrow E SchemmerJapan2024-09-20Dorl, James J Esq UNQUALIFIED63Stephen Shaw
1040Maisha Z SaylorsSpain2024-08-27Benton, John B Jr QUALIFIED60Onyama Limba
1041Costa N BowleyBrazil2024-09-21Benton, John B Jr UNQUALIFIED57Asiya Javayant
1042Jones T FigeroaBrazil2024-09-19Feiner Bros QUALIFIED49Stephen Shaw
1043Rodrigues U DilliardAustralia2024-09-08Chapman, Ross E Esq NEGOTIATION0Onyama Limba
1044Antonio K GauchoSpain2024-09-24Chanay, Jeffrey A Esq RENEWAL10Onyama Limba
1045Clifford G BologniaSpain2024-09-15Chapman, Ross E Esq PROPOSAL92Asiya Javayant
1046Morrow F DilliardJapan2024-08-28Benton, John B Jr UNQUALIFIED0Amy Elsner
1047Mujtaba B GillianUnited Kingdom2024-09-05Feiner Bros NEW8Bernardo Dominic
1048Johnson R InouyeBrazil2024-09-02Truhlar And Truhlar Attys NEW99Ioni Bowcher
1049Tony T ButtArgentina2024-09-21Chemel, James L Cpa NEGOTIATION2Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Aditya A ShinkoIndiaAnna Fali QUALIFIED
Adams J NestleRussiaElwin Sharvill PROPOSAL
Nicolas B MarrierItalyAsiya Javayant UNQUALIFIED
Jefferson B GlickArgentinaXuxue Feng PROPOSAL
Jefferson U CampainJapanOnyama Limba QUALIFIED
Antonio D AmigonJapanElwin Sharvill RENEWAL
Aruna Q TollnerIndiaAmy Elsner QUALIFIED
Antonio M MaletIndiaOnyama Limba QUALIFIED
Leon E FerenczAustraliaAmy Elsner UNQUALIFIED
Ivar O PerinRussiaAmy Elsner NEW
Deepesh J RutaRussiaAmy Elsner QUALIFIED
Cody S StensethJapanAsiya Javayant NEGOTIATION
Kadeem J PoquetteGermanyIoni Bowcher PROPOSAL
Nicolas U OldroydFranceAmy Elsner NEW
Emily A TollnerSpainIoni Bowcher RENEWAL
Isabel G RutaFranceXuxue Feng NEGOTIATION
Smith I FigeroaRussiaElwin Sharvill QUALIFIED
Mujtaba H MorascaItalyIvan Magalhaes PROPOSAL
Morrow H RutaArgentinaBernardo Dominic UNQUALIFIED
James S MarrierJapanAnna Fali RENEWAL
Morrow I CaudyGermanyBernardo Dominic RENEWAL
Stacey I ButtGermanyIoni Bowcher NEGOTIATION
Rodrigues J IturbideFranceXuxue Feng PROPOSAL
Alejandro K CaudyAustraliaAnna Fali UNQUALIFIED
Kaitlin F PaprockiRussiaElwin Sharvill NEW
Wickens S RulapaughCanadaXuxue Feng QUALIFIED
Jones X GauchoAustraliaElwin Sharvill NEW
Chavez G ShinkoAustraliaAnna Fali RENEWAL
Chavez X BologniaCanadaStephen Shaw NEW
Maisha E IturbideArgentinaStephen Shaw RENEWAL
Jones L ButtArgentinaStephen Shaw PROPOSAL
Maisha E VenereBrazilIoni Bowcher QUALIFIED
Jeanfrancois O CaldareraJapanXuxue Feng UNQUALIFIED
Emily S FerenczRussiaAnna Fali UNQUALIFIED
Jones I AlbaresJapanAnna Fali RENEWAL
Octavia H SaylorsArgentinaStephen Shaw NEW
Juan T StensethFranceStephen Shaw QUALIFIED
Antonio V VocelkaFranceAnna Fali NEW
Cody P KuskoArgentinaBernardo Dominic NEW
Mayumi V RimItalyAsiya Javayant NEGOTIATION
Aika G SergiUnited KingdomAmy Elsner RENEWAL
Chavez Z MaletFranceAmy Elsner RENEWAL
Aditya W StockhamUnited KingdomAmy Elsner RENEWAL
Costa B SchemmerAustraliaStephen Shaw PROPOSAL
Misaki X WaycottBrazilElwin Sharvill QUALIFIED
Deepesh F OldroydCanadaAnna Fali UNQUALIFIED
Clifford B SaylorsRussiaAsiya Javayant RENEWAL
Stacey G FerenczJapanXuxue Feng QUALIFIED
Antonio W OstroskyIndiaBernardo Dominic PROPOSAL
Ivar L MacleadArgentinaAmy Elsner RENEWAL
Frozen Columns
Name
Chavez G Poquette
Izzy U Gaucho
Aditya H Garufi
Claire P Malet
Munro N Darakjy
Wickens X Dilliard
Silvio Q Caldarera
Jeanfrancois B Royster
Kadeem A Darakjy
Nicolas N Stockham
Aditya V Stenseth
Mujtaba W Darakjy
Jefferson G Poquette
Claire H Shinko
Silvio Z Darakjy
Mujtaba Y Glick
Deepesh F Waycott
Claire F Shinko
Claire N Marrier
Maria O Ostrosky
Izzy C Shinko
Darci V Ferencz
Johnson X Ruta
Greenwood H Amigon
Leon Z Ruta
Jeanfrancois J Kolmetz
Jeanfrancois T Darakjy
Tony X Rulapaugh
Isabel W Shinko
Antonio B Albares
Smith J Flosi
Jefferson U Gaucho
Johnson Y Vocelka
Ricardo X Vocelka
Leja P Royster
Julie R Inouye
Faith X Malet
David V Gillian
Adams G Kusko
Alejandro D Rim
Deepesh O Ostrosky
Chavez F Stenseth
Deepesh Y Tollner
Ricardo E Slusarski
Darci G Rim
Isabel F Figeroa
Wickens V Darakjy
Leja Q Kusko
Kadeem Y Figeroa
Leon C Malet
IdCountryDate
1000Brazil2024-09-08
1001Germany2024-08-26
1002Argentina2024-08-31
1003Russia2024-08-28
1004Argentina2024-09-20
1005Germany2024-09-08
1006United Kingdom2024-09-23
1007Argentina2024-08-27
1008Italy2024-08-30
1009Spain2024-09-07
1010Spain2024-09-18
1011Russia2024-09-19
1012United Kingdom2024-08-27
1013United Kingdom2024-08-30
1014Argentina2024-09-15
1015United Kingdom2024-08-31
1016Argentina2024-09-05
1017France2024-09-10
1018United Kingdom2024-09-03
1019Spain2024-09-09
1020Italy2024-09-13
1021Italy2024-09-15
1022Germany2024-09-02
1023Brazil2024-09-17
1024Germany2024-09-18
1025Russia2024-09-22
1026France2024-09-24
1027United Kingdom2024-09-10
1028Russia2024-09-09
1029Russia2024-09-16
1030Australia2024-09-12
1031Spain2024-09-15
1032Russia2024-09-14
1033France2024-08-31
1034Argentina2024-09-15
1035Italy2024-09-15
1036Germany2024-09-09
1037Russia2024-08-29
1038Japan2024-09-19
1039Russia2024-09-03
1040Argentina2024-09-24
1041Canada2024-08-28
1042Canada2024-09-23
1043Australia2024-09-06
1044France2024-09-07
1045United Kingdom2024-09-22
1046Argentina2024-08-28
1047Canada2024-09-21
1048Argentina2024-09-06
1049Germany2024-09-07

On-Demand Data

NameIdCountryDate
Julie N Doe1000Australia2024-09-18
Johnson J Iturbide1001Russia2024-09-02
Clifford R Morasca1002Russia2024-08-31
Rodrigues N Dilliard1003Australia2024-09-04
Jennifer O Glick1004Argentina2024-09-11
Julie G Figeroa1005Argentina2024-09-17
Jefferson P Nestle1006United Kingdom2024-08-27
Maisha E Glick1007Brazil2024-09-11
Kaitlin W Tollner1008Canada2024-09-03
Tony H Oldroyd1009United Kingdom2024-08-28
Misaki H Malet1010United Kingdom2024-08-30
Murillo Q Bowley1011United Kingdom2024-08-29
James S Shinko1012Russia2024-09-02
Silvio P Caldarera1013United Kingdom2024-09-04
Julie B Nestle1014Japan2024-09-01
Adams B Darakjy1015Italy2024-09-16
Juan M Stockham1016India2024-09-05
Silvio H Figeroa1017Japan2024-09-18
Arvin M Shinko1018India2024-09-18
Julie W Oldroyd1019France2024-09-06
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Misaki Q MorascaCanadaIoni Bowcher NEW
Stacey S ButtRussiaIvan Magalhaes UNQUALIFIED
Claire K AmigonGermanyOnyama Limba UNQUALIFIED
Nicolas X WaycottBrazilAnna Fali QUALIFIED
Darci S BowleyUnited KingdomXuxue Feng QUALIFIED
Johnson K SaylorsAustraliaAmy Elsner NEW
Izzy X RoysterUnited KingdomElwin Sharvill PROPOSAL
Greenwood O SchemmerAustraliaIoni Bowcher QUALIFIED
Francesco J FlosiSpainAmy Elsner NEW
Arvin A KuskoFranceOnyama Limba NEGOTIATION
Chavez Q ButtJapanElwin Sharvill NEGOTIATION
Faith Y WhobreySpainIvan Magalhaes NEW
Morrow I OstroskyItalyStephen Shaw RENEWAL
Arvin Q WaycottRussiaOnyama Limba NEGOTIATION
Mujtaba U WieserItalyAnna Fali UNQUALIFIED
Jeanfrancois R ChuiGermanyBernardo Dominic QUALIFIED
Claire T MacleadIndiaIoni Bowcher QUALIFIED
Mujtaba K DoeJapanBernardo Dominic UNQUALIFIED
Antonio T DarakjyIndiaBernardo Dominic NEW
Maisha P OstroskyItalyIoni Bowcher NEGOTIATION
Morrow N GlickBrazilXuxue Feng NEW
Faith Y WhobreyJapanAmy Elsner PROPOSAL
Jeanfrancois V NickaFranceBernardo Dominic PROPOSAL
Faith F SergiArgentinaIoni Bowcher UNQUALIFIED
Jeanfrancois N FigeroaAustraliaAnna Fali QUALIFIED
Jefferson L BologniaFranceIvan Magalhaes NEW
Jennifer U SchemmerFranceXuxue Feng NEW
Nicolas C BowleyAustraliaAnna Fali NEGOTIATION
Leja Y ChuiArgentinaElwin Sharvill PROPOSAL
Octavia G KolmetzGermanyXuxue Feng PROPOSAL
Maisha K CaudyCanadaXuxue Feng NEW
Johnson G NickaFranceAnna Fali NEW
Leon I DarakjyCanadaAnna Fali RENEWAL
Greenwood X StensethCanadaOnyama Limba UNQUALIFIED
Tony F MacleadItalyAsiya Javayant NEGOTIATION
Tony D IturbideItalyIoni Bowcher RENEWAL
Isabel C FlosiAustraliaAsiya Javayant QUALIFIED
Julie M RimIndiaOnyama Limba PROPOSAL
Kaitlin E TollnerBrazilIoni Bowcher PROPOSAL
David K WhobreyUnited KingdomAsiya 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>