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
Morrow J WhobreyJapanAnna Fali UNQUALIFIED
Leja Q DarakjySpainAnna Fali NEGOTIATION
Sinclair L WhobreyUnited KingdomAmy Elsner PROPOSAL
Jefferson R RoysterAustraliaAnna Fali NEGOTIATION
Silvio V MacleadArgentinaElwin Sharvill PROPOSAL
Aditya Q PerinGermanyOnyama Limba QUALIFIED
Leja L BriddickAustraliaStephen Shaw RENEWAL
Smith M AmigonGermanyIoni Bowcher RENEWAL
Maria G ChuiCanadaAnna Fali PROPOSAL
Smith V KuskoGermanyStephen Shaw PROPOSAL
Stacey C DilliardRussiaBernardo Dominic NEW
Julie T MacleadRussiaAnna Fali UNQUALIFIED
Aruna A ButtJapanElwin Sharvill NEW
Deepesh X PaprockiItalyAmy Elsner QUALIFIED
Wickens O PaprockiAustraliaAmy Elsner NEGOTIATION
Kadeem J RoysterAustraliaIoni Bowcher UNQUALIFIED
Kadeem Y SchemmerCanadaAnna Fali PROPOSAL
James E MacleadRussiaAmy Elsner QUALIFIED
Claire Y NestleFranceXuxue Feng UNQUALIFIED
Mujtaba Y GauchoFranceIvan Magalhaes UNQUALIFIED
Chavez G AmigonUnited KingdomAnna Fali PROPOSAL
Silvio P BologniaIndiaAmy Elsner NEGOTIATION
Jones O VenereGermanyXuxue Feng UNQUALIFIED
Mujtaba V GauchoJapanStephen Shaw NEW
Maisha O StockhamJapanOnyama Limba QUALIFIED
Johnson M SchemmerGermanyAmy Elsner RENEWAL
Isabel S GlickFranceElwin Sharvill RENEWAL
Emily K NestleSpainElwin Sharvill NEGOTIATION
Kadeem K KolmetzJapanIoni Bowcher QUALIFIED
Munro W PaprockiSpainOnyama Limba UNQUALIFIED
Nicolas W MarrierArgentinaElwin Sharvill PROPOSAL
Francesco J AlbaresItalyXuxue Feng NEGOTIATION
Johnson A RutaBrazilAnna Fali NEW
Isabel K GarufiFranceStephen Shaw QUALIFIED
Salvatore W WaycottGermanyStephen Shaw RENEWAL
Cody E GarufiGermanyXuxue Feng QUALIFIED
Darci V CaudyAustraliaOnyama Limba NEW
James U IturbideBrazilAnna Fali RENEWAL
Juan Z PoquetteGermanyOnyama Limba QUALIFIED
Jefferson T FerenczCanadaAnna Fali QUALIFIED
Isabel W RimBrazilAsiya Javayant RENEWAL
Nicolas D AlbaresUnited KingdomBernardo Dominic RENEWAL
Ivar G RimAustraliaElwin Sharvill RENEWAL
Chavez U KolmetzIndiaAmy Elsner NEGOTIATION
Murillo G SlusarskiGermanyXuxue Feng NEW
Smith F StockhamRussiaElwin Sharvill PROPOSAL
Jennifer S FlosiJapanOnyama Limba PROPOSAL
Cody Z AlbaresRussiaOnyama Limba NEW
Morrow K VocelkaBrazilStephen Shaw QUALIFIED
Izzy N SaylorsFranceAnna Fali NEW
Horizontal
NameCountryRepresentativeStatus
Antonio G CaldareraRussiaBernardo Dominic NEW
Maisha J PerinIndiaAmy Elsner NEGOTIATION
Francesco K SergiJapanAsiya Javayant NEW
Silvio T IturbideCanadaXuxue Feng NEGOTIATION
Silvio Q AlbaresAustraliaIoni Bowcher QUALIFIED
Munro U BowleyJapanElwin Sharvill QUALIFIED
Mayumi M StockhamCanadaStephen Shaw NEGOTIATION
Octavia M IturbideCanadaElwin Sharvill UNQUALIFIED
Cody S DilliardBrazilAsiya Javayant NEW
Adams Q PerinSpainAnna Fali NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Clifford B ShinkoSpain2026-07-28Chanay, Jeffrey A Esq NEGOTIATION99Elwin Sharvill
1001Emily H KolmetzIndia2026-07-13Feiner Bros NEGOTIATION25Onyama Limba
1002Arvin A WaycottFrance2026-08-03Chapman, Ross E Esq PROPOSAL75Xuxue Feng
1003Morrow D CampainAustralia2026-07-11Chanay, Jeffrey A Esq RENEWAL56Ivan Magalhaes
1004Kadeem F MaletIndia2026-08-01Feiner Bros RENEWAL8Asiya Javayant
1005Maria D BriddickBrazil2026-07-16Chanay, Jeffrey A Esq QUALIFIED23Onyama Limba
1006Leon K ButtSpain2026-07-26Commercial Press UNQUALIFIED43Elwin Sharvill
1007David L GauchoJapan2026-07-27Commercial Press NEW11Stephen Shaw
1008Juan M RimItaly2026-07-25Dorl, James J Esq UNQUALIFIED99Onyama Limba
1009Izzy P SergiRussia2026-07-24Rangoni Of Florence RENEWAL63Ivan Magalhaes
1010Maisha E DoeUnited Kingdom2026-08-06Chemel, James L Cpa NEGOTIATION86Xuxue Feng
1011Isabel L SaylorsJapan2026-07-26Feltz Printing Service RENEWAL20Stephen Shaw
1012Maria G SchemmerBrazil2026-07-19Morlong Associates UNQUALIFIED91Elwin Sharvill
1013Ricardo S CampainGermany2026-08-06Chanay, Jeffrey A Esq NEW62Asiya Javayant
1014Emily O InouyeItaly2026-07-11Dorl, James J Esq RENEWAL27Elwin Sharvill
1015Clifford B GillianCanada2026-08-04Feiner Bros NEW0Onyama Limba
1016Ricardo M MacleadCanada2026-07-27Buckley Miller Wright UNQUALIFIED2Bernardo Dominic
1017Cody B PaprockiIndia2026-07-22Rangoni Of Florence UNQUALIFIED16Anna Fali
1018Isabel E RulapaughUnited Kingdom2026-07-17Chapman, Ross E Esq PROPOSAL24Elwin Sharvill
1019Aditya C MacleadGermany2026-07-30Chanay, Jeffrey A Esq UNQUALIFIED69Xuxue Feng
1020Johnson L BowleyIndia2026-07-26Truhlar And Truhlar Attys UNQUALIFIED49Xuxue Feng
1021Adams U StockhamAustralia2026-07-19Morlong Associates QUALIFIED83Ioni Bowcher
1022Alejandro I CaudyUnited Kingdom2026-07-30Buckley Miller Wright NEGOTIATION64Xuxue Feng
1023Faith M ButtSpain2026-07-24Rangoni Of Florence NEGOTIATION28Bernardo Dominic
1024Maria E GarufiFrance2026-07-31Morlong Associates RENEWAL72Ivan Magalhaes
1025Arvin F SergiAustralia2026-07-30Morlong Associates UNQUALIFIED40Ioni Bowcher
1026Maria W OldroydIndia2026-07-25Morlong Associates UNQUALIFIED92Amy Elsner
1027David P WaycottItaly2026-07-15Dorl, James J Esq NEW65Ioni Bowcher
1028Mujtaba O AmigonFrance2026-07-25Commercial Press PROPOSAL79Onyama Limba
1029Chavez N SaylorsGermany2026-08-04Rangoni Of Florence UNQUALIFIED42Amy Elsner
1030Greenwood Z VocelkaGermany2026-07-17Chapman, Ross E Esq PROPOSAL64Asiya Javayant
1031Kaitlin L AlbaresCanada2026-07-15Benton, John B Jr UNQUALIFIED26Amy Elsner
1032Costa P MaletSpain2026-07-26Buckley Miller Wright PROPOSAL46Anna Fali
1033Aruna E PoquetteGermany2026-07-29Printing Dimensions QUALIFIED70Stephen Shaw
1034Leja P VenereIndia2026-08-06Printing Dimensions PROPOSAL71Bernardo Dominic
1035Johnson P BriddickJapan2026-08-05Dorl, James J Esq NEW23Stephen Shaw
1036Claire X MaletItaly2026-07-14Feltz Printing Service UNQUALIFIED40Anna Fali
1037Francesco N DilliardRussia2026-07-30Dorl, James J Esq PROPOSAL97Anna Fali
1038Isabel D BologniaGermany2026-07-30King, Christopher A Esq QUALIFIED24Onyama Limba
1039Jennifer I ShinkoSpain2026-07-18Printing Dimensions RENEWAL50Stephen Shaw
1040Nicolas M TollnerGermany2026-07-14Buckley Miller Wright UNQUALIFIED42Anna Fali
1041Kadeem V WieserFrance2026-08-07Feiner Bros UNQUALIFIED36Bernardo Dominic
1042Kaitlin P RutaJapan2026-07-17Chanay, Jeffrey A Esq RENEWAL80Amy Elsner
1043Antonio P BriddickItaly2026-07-14Chapman, Ross E Esq QUALIFIED17Bernardo Dominic
1044Aruna T FollerFrance2026-07-17Rousseaux, Michael Esq NEGOTIATION93Stephen Shaw
1045Jefferson Q KuskoSpain2026-07-31Commercial Press UNQUALIFIED21Ioni Bowcher
1046Darci G DarakjyBrazil2026-07-19Rangoni Of Florence RENEWAL62Amy Elsner
1047David T ButtSpain2026-07-24Dorl, James J Esq UNQUALIFIED3Anna Fali
1048Emily L SchemmerItaly2026-08-01Buckley Miller Wright QUALIFIED73Anna Fali
1049Antonio D WieserSpain2026-08-07Printing Dimensions RENEWAL40Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Jeanfrancois W WhobreyUnited KingdomIvan Magalhaes NEGOTIATION
Aditya N WhobreyArgentinaXuxue Feng UNQUALIFIED
Rodrigues G StockhamCanadaAnna Fali PROPOSAL
Mayumi A SchemmerArgentinaOnyama Limba RENEWAL
Cody L StensethAustraliaIoni Bowcher RENEWAL
Alejandro Z SlusarskiSpainAnna Fali NEW
Tony R ChuiIndiaAnna Fali NEGOTIATION
Darci I DoeIndiaAsiya Javayant QUALIFIED
Kadeem J MaletItalyAmy Elsner RENEWAL
Nicolas O BriddickFranceAmy Elsner RENEWAL
Clifford E SaylorsFranceIvan Magalhaes NEW
Tony M MacleadCanadaIoni Bowcher RENEWAL
Morrow D VocelkaIndiaIoni Bowcher RENEWAL
Faith W AlbaresIndiaAnna Fali UNQUALIFIED
Salvatore Y MorascaAustraliaAmy Elsner QUALIFIED
Aruna I BowleyCanadaAnna Fali PROPOSAL
Deepesh T VenereCanadaIoni Bowcher NEGOTIATION
Jeanfrancois F SergiItalyAsiya Javayant UNQUALIFIED
Greenwood F MaletJapanIoni Bowcher QUALIFIED
Tony B GillianIndiaIvan Magalhaes PROPOSAL
Chavez W KuskoJapanIoni Bowcher RENEWAL
Greenwood X AmigonSpainAnna Fali NEGOTIATION
Johnson V CampainGermanyAmy Elsner PROPOSAL
Francesco W RimGermanyXuxue Feng QUALIFIED
Costa B MaletIndiaBernardo Dominic QUALIFIED
Arvin B WhobreyJapanXuxue Feng QUALIFIED
Johnson U GillianRussiaIoni Bowcher UNQUALIFIED
Silvio F SlusarskiUnited KingdomOnyama Limba NEW
Francesco C BriddickCanadaAsiya Javayant PROPOSAL
Kaitlin A PaprockiAustraliaAnna Fali UNQUALIFIED
Mujtaba R WaycottAustraliaAsiya Javayant PROPOSAL
Costa K SlusarskiFranceIvan Magalhaes PROPOSAL
Izzy T BriddickUnited KingdomAnna Fali PROPOSAL
Mujtaba N ChuiRussiaIvan Magalhaes QUALIFIED
Clifford N ButtFranceXuxue Feng RENEWAL
Cody C OstroskyAustraliaAsiya Javayant NEGOTIATION
Jeanfrancois Q AlbaresBrazilAnna Fali RENEWAL
Leja Q BologniaArgentinaXuxue Feng NEGOTIATION
Alejandro B GlickCanadaAmy Elsner QUALIFIED
Kaitlin B ChuiArgentinaBernardo Dominic QUALIFIED
Chavez U FlosiFranceElwin Sharvill PROPOSAL
Jeanfrancois R FigeroaCanadaAmy Elsner PROPOSAL
Adams O DarakjyGermanyAsiya Javayant PROPOSAL
Salvatore U AmigonUnited KingdomAsiya Javayant PROPOSAL
Aruna W MarrierBrazilOnyama Limba UNQUALIFIED
Munro Z DarakjyAustraliaAmy Elsner PROPOSAL
Claire D NestleBrazilStephen Shaw PROPOSAL
Alejandro M VenereCanadaAnna Fali QUALIFIED
Jennifer H OldroydJapanElwin Sharvill RENEWAL
Leon X KuskoCanadaElwin Sharvill PROPOSAL
Frozen Columns
Name
Stacey L Chui
Ricardo S Rulapaugh
Ricardo Y Gillian
Smith C Ostrosky
Morrow D Ferencz
Jefferson Y Ferencz
Francesco H Foller
Sinclair L Briddick
Darci S Maclead
Greenwood Y Rulapaugh
Aruna N Oldroyd
Ashley Y Perin
Deepesh D Briddick
Ricardo Y Wieser
Mujtaba K Waycott
Mujtaba N Royster
Murillo E Nicka
Aika N Caudy
Antonio Q Slusarski
Morrow Z Gillian
Isabel N Darakjy
Mujtaba G Inouye
David Q Ruta
Jennifer Q Nicka
Ivar S Waycott
Leon B Foller
Jones P Whobrey
Julie I Foller
Jones S Sergi
David U Bowley
Arvin F Gaucho
Emily B Foller
Stacey B Saylors
Juan H Kolmetz
David A Butt
Aika L Campain
Ricardo Y Venere
Aruna Q Saylors
Juan O Kusko
Morrow G Schemmer
Chavez N Gaucho
Jennifer G Bolognia
Aika Z Doe
Emily C Whobrey
Kadeem J Poquette
Ivar Z Saylors
Faith P Garufi
Johnson H Briddick
Kadeem C Saylors
Misaki Z Paprocki
IdCountryDate
1000India2026-07-10
1001Argentina2026-08-03
1002Italy2026-07-18
1003Australia2026-08-04
1004Japan2026-07-26
1005Brazil2026-07-20
1006France2026-07-26
1007Japan2026-07-10
1008Argentina2026-07-18
1009France2026-08-02
1010Spain2026-08-03
1011Spain2026-07-18
1012Spain2026-07-29
1013Germany2026-07-09
1014Russia2026-07-10
1015Australia2026-07-25
1016Russia2026-08-05
1017Italy2026-07-30
1018Russia2026-07-10
1019Canada2026-07-23
1020Australia2026-08-02
1021Canada2026-07-16
1022France2026-07-14
1023Brazil2026-08-02
1024Germany2026-07-27
1025Japan2026-07-30
1026Germany2026-08-01
1027India2026-08-02
1028United Kingdom2026-07-20
1029Spain2026-08-05
1030Brazil2026-08-01
1031Russia2026-07-19
1032Italy2026-08-03
1033Argentina2026-07-13
1034Brazil2026-07-09
1035Australia2026-07-26
1036Russia2026-07-27
1037Japan2026-07-23
1038India2026-07-19
1039Italy2026-07-22
1040France2026-08-02
1041Italy2026-07-18
1042United Kingdom2026-07-17
1043France2026-07-21
1044Italy2026-07-16
1045Japan2026-07-29
1046Australia2026-07-16
1047Canada2026-07-23
1048Brazil2026-07-28
1049France2026-07-27

On-Demand Data

NameIdCountryDate
David G Rim1000Brazil2026-08-01
Salvatore X Perin1001Italy2026-07-13
Mujtaba L Chui1002Japan2026-07-30
Smith W Morasca1003Argentina2026-07-27
Rodrigues D Garufi1004Spain2026-07-19
Jeanfrancois O Iturbide1005Canada2026-07-18
Octavia E Kolmetz1006Germany2026-07-10
Leon S Poquette1007United Kingdom2026-07-14
Stacey V Darakjy1008Canada2026-08-04
Sinclair O Saylors1009Spain2026-07-27
Izzy Q Whobrey1010United Kingdom2026-07-22
Izzy H Poquette1011France2026-07-10
Chavez Z Slusarski1012India2026-07-22
Jennifer O Garufi1013Germany2026-07-09
Greenwood K Nestle1014France2026-07-29
Wickens T Ferencz1015Canada2026-07-26
Murillo G Flosi1016Canada2026-07-25
Morrow K Flosi1017Germany2026-08-05
Arvin K Glick1018Australia2026-07-28
Chavez D Kolmetz1019Germany2026-07-14
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leja Y PoquetteArgentinaIvan Magalhaes NEW
Kaitlin A MorascaItalyAnna Fali QUALIFIED
Arvin Q VenereCanadaOnyama Limba UNQUALIFIED
Antonio F BowleyItalyElwin Sharvill RENEWAL
Maisha S IturbideCanadaIvan Magalhaes QUALIFIED
Alejandro U SaylorsBrazilElwin Sharvill PROPOSAL
Darci X DarakjyAustraliaIoni Bowcher RENEWAL
Isabel W VocelkaAustraliaStephen Shaw QUALIFIED
Rodrigues X MacleadGermanyXuxue Feng PROPOSAL
Jones Q MorascaIndiaAnna Fali UNQUALIFIED
Chavez E ShinkoArgentinaBernardo Dominic QUALIFIED
Salvatore U MorascaArgentinaIvan Magalhaes RENEWAL
Tony N AlbaresArgentinaStephen Shaw NEW
Silvio W GillianBrazilXuxue Feng NEGOTIATION
Leja Q RutaGermanyStephen Shaw NEW
Mayumi J VenereUnited KingdomAnna Fali QUALIFIED
Johnson X RimUnited KingdomStephen Shaw PROPOSAL
Sinclair A PoquetteBrazilAmy Elsner NEW
Cody R DoeGermanyOnyama Limba PROPOSAL
Chavez I SlusarskiRussiaIoni Bowcher QUALIFIED
Leon B DoeFranceOnyama Limba NEW
Kaitlin N ButtAustraliaXuxue Feng QUALIFIED
Smith Z StensethJapanElwin Sharvill PROPOSAL
Maisha K MorascaArgentinaAmy Elsner UNQUALIFIED
Clifford R AlbaresGermanyOnyama Limba PROPOSAL
Stacey D RulapaughSpainAnna Fali QUALIFIED
Rodrigues H FollerAustraliaIvan Magalhaes QUALIFIED
Ivar B FlosiArgentinaIoni Bowcher QUALIFIED
Stacey H SchemmerJapanAsiya Javayant PROPOSAL
Kadeem E MacleadAustraliaOnyama Limba NEW
Tony G GarufiCanadaXuxue Feng RENEWAL
Clifford I MaletAustraliaAsiya Javayant UNQUALIFIED
Isabel D OldroydSpainAsiya Javayant NEW
Rodrigues I BriddickFranceBernardo Dominic RENEWAL
Morrow K CampainJapanStephen Shaw NEW
Izzy T MacleadArgentinaIvan Magalhaes NEGOTIATION
Emily V FigeroaCanadaIoni Bowcher NEW
Nicolas O RoysterCanadaXuxue Feng NEW
Claire F OldroydSpainAnna Fali NEW
Smith R OstroskyFranceOnyama Limba 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>