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
Greenwood K DarakjyGermanyOnyama Limba NEGOTIATION
Jones V BriddickUnited KingdomAmy Elsner UNQUALIFIED
Alejandro M DarakjyCanadaAnna Fali QUALIFIED
Emily I AmigonAustraliaElwin Sharvill NEGOTIATION
Kaitlin A AlbaresRussiaIvan Magalhaes RENEWAL
Kaitlin H OstroskyItalyAsiya Javayant NEGOTIATION
Kadeem K OldroydGermanyElwin Sharvill RENEWAL
Costa M RimArgentinaOnyama Limba PROPOSAL
Silvio E MorascaArgentinaAmy Elsner PROPOSAL
Francesco E KolmetzCanadaIvan Magalhaes RENEWAL
Kaitlin R IturbideArgentinaOnyama Limba QUALIFIED
Izzy I GauchoJapanOnyama Limba NEGOTIATION
Mayumi B GarufiJapanElwin Sharvill PROPOSAL
Misaki A RulapaughGermanyIvan Magalhaes QUALIFIED
Mayumi I ButtFranceBernardo Dominic NEGOTIATION
Sinclair W OldroydRussiaIoni Bowcher QUALIFIED
Mayumi S AlbaresUnited KingdomXuxue Feng QUALIFIED
Costa K WaycottBrazilBernardo Dominic PROPOSAL
Munro W CampainCanadaBernardo Dominic UNQUALIFIED
Ivar D FollerSpainStephen Shaw PROPOSAL
Morrow E PaprockiBrazilIvan Magalhaes NEGOTIATION
Faith H NickaJapanAnna Fali RENEWAL
Morrow W MaletIndiaAsiya Javayant PROPOSAL
Ivar T DarakjyBrazilAnna Fali RENEWAL
Jefferson R FigeroaSpainAsiya Javayant RENEWAL
Arvin S InouyeGermanyBernardo Dominic UNQUALIFIED
Emily B StensethUnited KingdomBernardo Dominic RENEWAL
Izzy W BologniaAustraliaIoni Bowcher NEGOTIATION
Kaitlin Z SergiGermanyAnna Fali QUALIFIED
Isabel G FerenczFranceAnna Fali UNQUALIFIED
Adams U BowleyCanadaAmy Elsner NEGOTIATION
Mujtaba G BologniaUnited KingdomOnyama Limba UNQUALIFIED
Tony U GarufiAustraliaOnyama Limba NEGOTIATION
Julie B RoysterJapanOnyama Limba NEW
Jefferson C BologniaItalyIoni Bowcher NEGOTIATION
Adams Q ChuiJapanStephen Shaw NEW
Kadeem A StensethItalyOnyama Limba QUALIFIED
Mayumi D GarufiCanadaAnna Fali NEW
Francesco O AmigonItalyIoni Bowcher PROPOSAL
Antonio U StockhamGermanyAnna Fali PROPOSAL
Izzy Y InouyeUnited KingdomIvan Magalhaes RENEWAL
Ricardo Q MacleadFranceBernardo Dominic RENEWAL
Arvin H OldroydCanadaAmy Elsner RENEWAL
Ivar M VocelkaIndiaElwin Sharvill QUALIFIED
Greenwood Q StensethItalyIoni Bowcher RENEWAL
Kadeem D NickaGermanyIoni Bowcher RENEWAL
Cody J PaprockiArgentinaElwin Sharvill NEW
Deepesh C DarakjyAustraliaElwin Sharvill PROPOSAL
Leon L CaudyFranceIoni Bowcher PROPOSAL
Jeanfrancois Y StensethAustraliaElwin Sharvill RENEWAL
Horizontal
NameCountryRepresentativeStatus
Murillo R ShinkoGermanyIoni Bowcher UNQUALIFIED
Claire O SchemmerJapanIvan Magalhaes NEW
Arvin Q VocelkaAustraliaBernardo Dominic NEGOTIATION
Antonio Q MorascaGermanyXuxue Feng UNQUALIFIED
Nicolas S IturbideAustraliaAsiya Javayant NEW
Darci O OstroskyArgentinaElwin Sharvill NEGOTIATION
Jones U WieserSpainAmy Elsner RENEWAL
Salvatore H WhobreyAustraliaIoni Bowcher RENEWAL
Ivar F PaprockiIndiaBernardo Dominic QUALIFIED
Jefferson Y VocelkaRussiaAsiya Javayant NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Clifford T PaprockiSpain2024-08-28Dorl, James J Esq RENEWAL16Ioni Bowcher
1001Silvio W InouyeItaly2024-09-16Rousseaux, Michael Esq RENEWAL31Amy Elsner
1002Murillo U ButtSpain2024-09-18Chapman, Ross E Esq PROPOSAL13Elwin Sharvill
1003Faith H CampainJapan2024-09-21Dorl, James J Esq NEGOTIATION7Stephen Shaw
1004Morrow N WaycottCanada2024-08-31Rousseaux, Michael Esq NEW38Anna Fali
1005Misaki V WaycottRussia2024-09-12Feiner Bros NEW61Ivan Magalhaes
1006Munro N GillianJapan2024-09-13Morlong Associates PROPOSAL8Bernardo Dominic
1007Clifford V FlosiItaly2024-09-22Printing Dimensions PROPOSAL64Xuxue Feng
1008Misaki M FollerGermany2024-09-04Commercial Press PROPOSAL16Amy Elsner
1009Clifford C AmigonCanada2024-09-17Chanay, Jeffrey A Esq PROPOSAL11Bernardo Dominic
1010Julie H BriddickJapan2024-09-10Feltz Printing Service NEW2Asiya Javayant
1011Wickens G InouyeGermany2024-09-05Chapman, Ross E Esq NEW29Xuxue Feng
1012Ricardo V KuskoIndia2024-09-16Benton, John B Jr QUALIFIED68Elwin Sharvill
1013Misaki L TollnerRussia2024-09-19Dorl, James J Esq NEW35Onyama Limba
1014Faith R RulapaughSpain2024-08-29Chemel, James L Cpa NEGOTIATION56Amy Elsner
1015Clifford M FerenczRussia2024-09-01Printing Dimensions NEGOTIATION76Amy Elsner
1016Silvio E StockhamItaly2024-09-03Commercial Press PROPOSAL64Amy Elsner
1017Jeanfrancois W MarrierAustralia2024-09-18Commercial Press QUALIFIED1Xuxue Feng
1018Leja W ChuiArgentina2024-09-09King, Christopher A Esq QUALIFIED71Ioni Bowcher
1019Jones N SchemmerIndia2024-09-02Rousseaux, Michael Esq QUALIFIED78Xuxue Feng
1020Costa J WhobreyIndia2024-09-08Truhlar And Truhlar Attys RENEWAL20Anna Fali
1021Costa B MacleadCanada2024-09-20King, Christopher A Esq NEGOTIATION76Bernardo Dominic
1022Munro H TollnerItaly2024-09-22Benton, John B Jr NEGOTIATION76Elwin Sharvill
1023Deepesh Y MaletGermany2024-09-21King, Christopher A Esq RENEWAL85Ioni Bowcher
1024Cody L KolmetzItaly2024-09-25Truhlar And Truhlar Attys UNQUALIFIED13Ioni Bowcher
1025Kaitlin B DarakjySpain2024-09-11Printing Dimensions PROPOSAL11Elwin Sharvill
1026James X TollnerItaly2024-09-10Rangoni Of Florence NEGOTIATION95Stephen Shaw
1027Ricardo O BologniaBrazil2024-09-21Rousseaux, Michael Esq PROPOSAL86Bernardo Dominic
1028Stacey S VocelkaRussia2024-09-01Rangoni Of Florence RENEWAL94Elwin Sharvill
1029Mayumi P PerinRussia2024-09-02Rousseaux, Michael Esq RENEWAL9Stephen Shaw
1030Darci Q TollnerItaly2024-09-10Printing Dimensions PROPOSAL2Onyama Limba
1031Johnson D FigeroaSpain2024-09-05Chanay, Jeffrey A Esq UNQUALIFIED10Ivan Magalhaes
1032Munro A StensethItaly2024-09-13Chapman, Ross E Esq NEGOTIATION81Anna Fali
1033Salvatore Y NickaRussia2024-09-20Feiner Bros RENEWAL65Stephen Shaw
1034Cody T CampainJapan2024-08-30Rangoni Of Florence NEGOTIATION68Bernardo Dominic
1035Munro V PaprockiBrazil2024-09-03King, Christopher A Esq NEW87Asiya Javayant
1036Aika U RoysterCanada2024-09-08Rangoni Of Florence NEGOTIATION1Stephen Shaw
1037Aruna H NestleCanada2024-09-01Rousseaux, Michael Esq UNQUALIFIED21Elwin Sharvill
1038Emily O KuskoItaly2024-09-07Dorl, James J Esq RENEWAL55Stephen Shaw
1039Leon E VenereRussia2024-09-05King, Christopher A Esq PROPOSAL72Onyama Limba
1040Clifford Z BowleyJapan2024-09-06Rangoni Of Florence UNQUALIFIED92Elwin Sharvill
1041David R GarufiSpain2024-08-31Rousseaux, Michael Esq RENEWAL70Ioni Bowcher
1042Rodrigues D GlickFrance2024-09-22Printing Dimensions RENEWAL25Anna Fali
1043Ricardo X WieserUnited Kingdom2024-09-14Printing Dimensions PROPOSAL91Onyama Limba
1044James B MaletUnited Kingdom2024-09-11Feltz Printing Service RENEWAL17Onyama Limba
1045Arvin B FerenczBrazil2024-09-16Commercial Press PROPOSAL52Ioni Bowcher
1046Izzy Z RimGermany2024-09-19Morlong Associates UNQUALIFIED18Asiya Javayant
1047Clifford E RulapaughAustralia2024-09-12Feiner Bros NEGOTIATION11Stephen Shaw
1048Misaki D SlusarskiBrazil2024-09-18Dorl, James J Esq NEW41Asiya Javayant
1049Rodrigues N MorascaArgentina2024-09-12Printing Dimensions UNQUALIFIED21Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Stacey I StensethFranceBernardo Dominic RENEWAL
Wickens C MaletItalyElwin Sharvill PROPOSAL
Darci Q SlusarskiIndiaElwin Sharvill NEGOTIATION
Tony Z CaldareraSpainIoni Bowcher NEW
Sinclair E AmigonGermanyAnna Fali NEW
Costa W MaletGermanyIoni Bowcher NEW
Chavez Y RoysterFranceIoni Bowcher RENEWAL
James T GlickUnited KingdomIoni Bowcher NEW
Adams R PerinFranceAsiya Javayant NEGOTIATION
Arvin P VocelkaSpainIoni Bowcher NEW
David T CampainJapanXuxue Feng NEGOTIATION
Aika D StensethCanadaElwin Sharvill PROPOSAL
Francesco O PerinFranceIoni Bowcher NEW
Mujtaba T WhobreyAustraliaBernardo Dominic QUALIFIED
Misaki V CampainGermanyOnyama Limba RENEWAL
Isabel Q AmigonCanadaXuxue Feng NEW
Julie Z FollerFranceAmy Elsner PROPOSAL
Ricardo U DilliardIndiaAnna Fali RENEWAL
Stacey C ChuiArgentinaIvan Magalhaes NEW
Maria L InouyeUnited KingdomElwin Sharvill RENEWAL
Juan W FollerCanadaXuxue Feng NEGOTIATION
Greenwood O ChuiItalyElwin Sharvill PROPOSAL
Octavia H FlosiBrazilAsiya Javayant UNQUALIFIED
Stacey I MarrierCanadaAsiya Javayant RENEWAL
Ashley B InouyeJapanXuxue Feng QUALIFIED
Kadeem N MarrierSpainIvan Magalhaes PROPOSAL
James V IturbideUnited KingdomIoni Bowcher QUALIFIED
Leon D MaletAustraliaOnyama Limba PROPOSAL
Jones N ChuiUnited KingdomAnna Fali NEW
Maisha F DarakjyRussiaAmy Elsner PROPOSAL
Sinclair I CaudyIndiaIvan Magalhaes QUALIFIED
Maria X AmigonArgentinaStephen Shaw PROPOSAL
Maria C NickaCanadaOnyama Limba NEGOTIATION
Emily X GlickIndiaAmy Elsner NEW
James I FerenczSpainIoni Bowcher PROPOSAL
Wickens O ShinkoFranceAsiya Javayant NEW
Rodrigues M OldroydItalyElwin Sharvill NEW
Jeanfrancois N CampainIndiaAsiya Javayant PROPOSAL
Aruna C InouyeArgentinaElwin Sharvill NEGOTIATION
Cody G BologniaJapanStephen Shaw NEGOTIATION
Kadeem O GlickBrazilAmy Elsner RENEWAL
Juan E CaudyIndiaAmy Elsner QUALIFIED
Ivar Q VocelkaIndiaOnyama Limba QUALIFIED
Leon L WaycottAustraliaStephen Shaw PROPOSAL
Alejandro F RutaArgentinaBernardo Dominic PROPOSAL
Sinclair O StockhamCanadaXuxue Feng QUALIFIED
Stacey B VocelkaUnited KingdomBernardo Dominic UNQUALIFIED
Francesco B SaylorsAustraliaElwin Sharvill PROPOSAL
Antonio M CampainAustraliaXuxue Feng PROPOSAL
Alejandro V RoysterBrazilIvan Magalhaes UNQUALIFIED
Frozen Columns
Name
Jennifer M Wieser
Munro U Vocelka
Stacey W Morasca
Antonio W Paprocki
Stacey U Royster
Clifford O Campain
Juan F Foller
Greenwood V Figeroa
Tony I Ferencz
Ricardo E Iturbide
Clifford H Chui
Maisha J Bolognia
Alejandro Q Kolmetz
Mujtaba Z Poquette
Jeanfrancois C Kusko
Leja M Butt
Francesco E Schemmer
Cody X Perin
Morrow A Saylors
Ashley Q Rim
Clifford I Schemmer
Faith F Doe
Aruna G Campain
Morrow K Nestle
Morrow V Foller
Tony E Slusarski
Juan M Rim
Kaitlin V Inouye
Costa L Nestle
Julie H Rim
Tony W Bowley
Juan Q Saylors
Mujtaba K Slusarski
Leja N Perin
Isabel J Saylors
Antonio J Kolmetz
Izzy Y Paprocki
James F Marrier
Faith K Darakjy
Jefferson H Oldroyd
Maria N Saylors
Claire D Inouye
Ricardo A Waycott
Murillo X Bolognia
Misaki C Perin
Wickens F Wieser
Darci V Campain
Maria K Kolmetz
Morrow I Kolmetz
Julie G Shinko
IdCountryDate
1000Russia2024-08-28
1001France2024-09-04
1002Italy2024-09-10
1003Argentina2024-09-21
1004Italy2024-09-07
1005Japan2024-09-03
1006United Kingdom2024-08-30
1007Argentina2024-09-01
1008Italy2024-09-18
1009Canada2024-09-03
1010United Kingdom2024-09-14
1011Russia2024-09-17
1012Australia2024-09-03
1013Brazil2024-09-12
1014Russia2024-09-07
1015Brazil2024-09-15
1016Canada2024-09-14
1017France2024-09-22
1018Russia2024-08-31
1019Japan2024-09-03
1020Russia2024-09-19
1021Canada2024-09-19
1022Australia2024-08-30
1023France2024-09-16
1024United Kingdom2024-09-14
1025Japan2024-09-10
1026Italy2024-09-02
1027Spain2024-09-07
1028United Kingdom2024-09-03
1029United Kingdom2024-09-24
1030Spain2024-09-24
1031Canada2024-09-10
1032Australia2024-08-31
1033Italy2024-09-23
1034Germany2024-09-04
1035Spain2024-09-06
1036India2024-09-01
1037United Kingdom2024-09-08
1038Australia2024-09-14
1039Russia2024-09-11
1040India2024-09-13
1041Russia2024-09-13
1042Germany2024-09-02
1043Australia2024-09-15
1044Argentina2024-09-17
1045France2024-08-30
1046France2024-08-27
1047Germany2024-08-30
1048Australia2024-09-11
1049United Kingdom2024-09-06

On-Demand Data

NameIdCountryDate
Izzy B Bolognia1000Japan2024-09-11
Francesco X Inouye1001Brazil2024-08-31
Faith W Ferencz1002Russia2024-09-16
Cody I Dilliard1003Brazil2024-09-17
Juan V Schemmer1004Spain2024-09-18
Antonio C Foller1005Brazil2024-09-05
Salvatore A Foller1006Brazil2024-09-17
Cody O Bolognia1007United Kingdom2024-09-13
Stacey I Flosi1008Japan2024-09-01
Maisha T Chui1009Germany2024-09-09
Wickens R Rim1010Brazil2024-09-03
Antonio H Ferencz1011France2024-08-29
Chavez Y Schemmer1012Australia2024-09-15
Salvatore Y Briddick1013Russia2024-09-15
Alejandro K Gillian1014Australia2024-09-08
Greenwood B Kusko1015Japan2024-09-04
Costa B Chui1016Japan2024-09-17
Kadeem W Bolognia1017Brazil2024-09-20
Aditya S Kolmetz1018United Kingdom2024-08-31
Arvin T Butt1019Japan2024-09-10
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maria J CaldareraSpainElwin Sharvill PROPOSAL
Jefferson N CaldareraAustraliaXuxue Feng NEGOTIATION
Darci E FerenczRussiaOnyama Limba PROPOSAL
Juan G RutaCanadaElwin Sharvill RENEWAL
Johnson Z SergiGermanyAnna Fali QUALIFIED
Clifford Z StensethGermanyAsiya Javayant NEGOTIATION
Wickens F SlusarskiGermanyElwin Sharvill PROPOSAL
Faith D SchemmerArgentinaXuxue Feng PROPOSAL
Rodrigues D BowleyBrazilBernardo Dominic NEGOTIATION
Aruna K AmigonIndiaIoni Bowcher UNQUALIFIED
Octavia B SergiFranceStephen Shaw PROPOSAL
Silvio X StensethIndiaIvan Magalhaes QUALIFIED
Ivar H PaprockiUnited KingdomElwin Sharvill NEGOTIATION
Jennifer P MarrierJapanElwin Sharvill QUALIFIED
Alejandro Q WaycottItalyElwin Sharvill QUALIFIED
David T WieserBrazilXuxue Feng QUALIFIED
Francesco U StockhamJapanStephen Shaw RENEWAL
Wickens I VenereArgentinaBernardo Dominic NEW
Claire S MorascaIndiaIoni Bowcher PROPOSAL
Deepesh Q GillianUnited KingdomIoni Bowcher PROPOSAL
Leja C PaprockiIndiaOnyama Limba NEW
Darci S RoysterItalyAmy Elsner NEGOTIATION
Johnson D PaprockiBrazilElwin Sharvill NEGOTIATION
Claire C GauchoRussiaIvan Magalhaes PROPOSAL
Aika B PaprockiArgentinaStephen Shaw QUALIFIED
Claire E DoeFranceOnyama Limba UNQUALIFIED
Aika K IturbideItalyXuxue Feng UNQUALIFIED
Faith X NickaBrazilXuxue Feng NEGOTIATION
Claire B BowleyBrazilXuxue Feng UNQUALIFIED
Claire K RimJapanAmy Elsner NEW
Alejandro M VocelkaFranceElwin Sharvill PROPOSAL
Rodrigues T FerenczSpainAmy Elsner PROPOSAL
Maria K CaudyUnited KingdomAmy Elsner RENEWAL
Deepesh T MaletSpainAmy Elsner QUALIFIED
Octavia L AlbaresItalyIvan Magalhaes UNQUALIFIED
Darci Z CaldareraSpainElwin Sharvill NEGOTIATION
Silvio P FerenczSpainElwin Sharvill NEW
Isabel E FollerGermanyAnna Fali NEW
Jennifer K ButtSpainIvan Magalhaes UNQUALIFIED
Izzy Q WieserAustraliaAmy Elsner 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>