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
Tony O MaletCanadaElwin Sharvill RENEWAL
Ashley Z WaycottUnited KingdomAmy Elsner PROPOSAL
James F AmigonAustraliaIvan Magalhaes NEW
Misaki A FollerItalyIoni Bowcher NEW
Jeanfrancois S NestleAustraliaAmy Elsner NEW
Jeanfrancois Z FlosiAustraliaOnyama Limba UNQUALIFIED
Costa U RutaFranceXuxue Feng UNQUALIFIED
Sinclair M InouyeGermanyElwin Sharvill RENEWAL
Julie C KuskoUnited KingdomBernardo Dominic RENEWAL
Julie Q VocelkaAustraliaAsiya Javayant NEGOTIATION
Deepesh Z CaudyIndiaElwin Sharvill RENEWAL
James O CaldareraUnited KingdomStephen Shaw RENEWAL
Maisha I ShinkoSpainElwin Sharvill UNQUALIFIED
Darci E CaldareraFranceAsiya Javayant NEGOTIATION
Morrow I GauchoIndiaStephen Shaw NEGOTIATION
Clifford Y BowleyUnited KingdomElwin Sharvill QUALIFIED
Emily E CampainUnited KingdomIoni Bowcher QUALIFIED
Francesco D CampainSpainAmy Elsner RENEWAL
Jones T GlickUnited KingdomAsiya Javayant QUALIFIED
Smith J RulapaughArgentinaAnna Fali PROPOSAL
Wickens P IturbideArgentinaBernardo Dominic PROPOSAL
Misaki U InouyeGermanyElwin Sharvill NEW
Salvatore J PoquetteSpainXuxue Feng NEW
Jones L VenereSpainElwin Sharvill PROPOSAL
Maisha E GarufiBrazilAsiya Javayant NEW
Antonio Z CaudyItalyIvan Magalhaes PROPOSAL
Jennifer Z NestleUnited KingdomIvan Magalhaes QUALIFIED
Johnson B WaycottRussiaIvan Magalhaes RENEWAL
Antonio D NestleGermanyAsiya Javayant NEGOTIATION
Clifford J FerenczAustraliaOnyama Limba QUALIFIED
Juan A CaudyUnited KingdomIoni Bowcher NEGOTIATION
Rodrigues M DilliardAustraliaBernardo Dominic NEW
Isabel M StockhamJapanBernardo Dominic UNQUALIFIED
Maria O VenereCanadaIvan Magalhaes QUALIFIED
Munro N AlbaresRussiaAmy Elsner PROPOSAL
Leja N DilliardJapanOnyama Limba RENEWAL
Isabel J FollerItalyOnyama Limba QUALIFIED
Mayumi R RimGermanyOnyama Limba NEW
Kadeem G ShinkoGermanyAmy Elsner UNQUALIFIED
Aika G BologniaBrazilIoni Bowcher PROPOSAL
Murillo C BowleyItalyOnyama Limba QUALIFIED
Murillo U NestleCanadaAmy Elsner PROPOSAL
Leon R WaycottFranceIvan Magalhaes UNQUALIFIED
Chavez Q GarufiFranceBernardo Dominic NEGOTIATION
Maria M FollerGermanyStephen Shaw UNQUALIFIED
Darci I KuskoUnited KingdomAmy Elsner NEW
Rodrigues E BologniaItalyOnyama Limba PROPOSAL
Costa J MacleadIndiaStephen Shaw PROPOSAL
Smith X AlbaresJapanOnyama Limba PROPOSAL
Emily H KolmetzCanadaElwin Sharvill UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Smith E MarrierSpainAmy Elsner NEW
Faith L FigeroaFranceIoni Bowcher NEW
Aruna T KuskoJapanElwin Sharvill NEW
Juan S CaudyIndiaIvan Magalhaes RENEWAL
Leja D FlosiSpainXuxue Feng QUALIFIED
Munro L MarrierArgentinaBernardo Dominic UNQUALIFIED
Jefferson D VenereFranceOnyama Limba UNQUALIFIED
Salvatore T StensethFranceAmy Elsner NEGOTIATION
Mayumi L FerenczRussiaElwin Sharvill NEW
Salvatore J VocelkaItalyBernardo Dominic RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Mayumi I ButtItaly2024-10-20Chapman, Ross E Esq QUALIFIED65Bernardo Dominic
1001Munro A BriddickIndia2024-10-07Chanay, Jeffrey A Esq RENEWAL28Xuxue Feng
1002Deepesh F NestleAustralia2024-10-29King, Christopher A Esq UNQUALIFIED5Xuxue Feng
1003Morrow H BriddickSpain2024-10-20Benton, John B Jr NEW73Elwin Sharvill
1004Jeanfrancois Z AlbaresSpain2024-10-19Rangoni Of Florence QUALIFIED5Anna Fali
1005Nicolas U BowleyIndia2024-10-03Benton, John B Jr NEGOTIATION7Amy Elsner
1006Murillo D FigeroaSpain2024-10-09Buckley Miller Wright UNQUALIFIED62Xuxue Feng
1007Munro C CampainAustralia2024-10-24Chapman, Ross E Esq NEGOTIATION18Xuxue Feng
1008Clifford V DilliardItaly2024-10-12Feltz Printing Service QUALIFIED72Bernardo Dominic
1009Jones E CaudyBrazil2024-10-27Feiner Bros UNQUALIFIED80Ioni Bowcher
1010Adams P BriddickAustralia2024-10-07Rousseaux, Michael Esq UNQUALIFIED58Bernardo Dominic
1011Faith R GillianItaly2024-10-15Truhlar And Truhlar Attys NEGOTIATION87Stephen Shaw
1012Nicolas I FigeroaJapan2024-10-05Rousseaux, Michael Esq QUALIFIED44Anna Fali
1013Kaitlin X NestleIndia2024-10-21Chemel, James L Cpa QUALIFIED35Amy Elsner
1014Izzy A NickaBrazil2024-10-16Feiner Bros QUALIFIED47Asiya Javayant
1015Murillo N AlbaresGermany2024-10-02Chapman, Ross E Esq PROPOSAL11Asiya Javayant
1016Jennifer O CaudyGermany2024-10-14Printing Dimensions UNQUALIFIED42Stephen Shaw
1017Arvin N StockhamItaly2024-10-02Buckley Miller Wright QUALIFIED35Bernardo Dominic
1018Chavez B SlusarskiFrance2024-10-18Feiner Bros NEGOTIATION41Elwin Sharvill
1019Darci P ChuiCanada2024-10-10Buckley Miller Wright QUALIFIED47Asiya Javayant
1020Munro O MarrierBrazil2024-10-27Rangoni Of Florence UNQUALIFIED58Onyama Limba
1021Jennifer P PaprockiSpain2024-10-12Commercial Press NEGOTIATION11Onyama Limba
1022Izzy K RulapaughIndia2024-10-02Chapman, Ross E Esq UNQUALIFIED63Xuxue Feng
1023Chavez J StensethAustralia2024-10-08Chapman, Ross E Esq QUALIFIED19Elwin Sharvill
1024Misaki J ChuiAustralia2024-10-23Benton, John B Jr NEGOTIATION90Onyama Limba
1025Alejandro Z PerinFrance2024-10-28Chapman, Ross E Esq RENEWAL38Anna Fali
1026Julie O PoquetteJapan2024-10-24Printing Dimensions NEW32Anna Fali
1027Mayumi R CaudyBrazil2024-10-29Benton, John B Jr UNQUALIFIED31Amy Elsner
1028Nicolas I CaldareraAustralia2024-10-02Truhlar And Truhlar Attys QUALIFIED32Xuxue Feng
1029Ivar L MarrierUnited Kingdom2024-10-21Printing Dimensions PROPOSAL71Ivan Magalhaes
1030Sinclair D ButtGermany2024-10-31Printing Dimensions RENEWAL4Ioni Bowcher
1031Mayumi C BowleyArgentina2024-10-10Chapman, Ross E Esq PROPOSAL22Stephen Shaw
1032Cody A FigeroaCanada2024-10-06Buckley Miller Wright UNQUALIFIED36Bernardo Dominic
1033Leja S RoysterSpain2024-10-05King, Christopher A Esq NEW82Asiya Javayant
1034Deepesh X SaylorsSpain2024-10-15Chapman, Ross E Esq UNQUALIFIED56Amy Elsner
1035Jones T DilliardItaly2024-10-26Printing Dimensions QUALIFIED59Onyama Limba
1036Kadeem O SchemmerItaly2024-10-19Benton, John B Jr PROPOSAL9Stephen Shaw
1037Ivar N KuskoCanada2024-10-22Commercial Press UNQUALIFIED69Ivan Magalhaes
1038Octavia C WaycottArgentina2024-10-09Printing Dimensions UNQUALIFIED40Amy Elsner
1039Julie V ButtAustralia2024-10-22Truhlar And Truhlar Attys PROPOSAL35Amy Elsner
1040Johnson E VocelkaArgentina2024-10-17Chapman, Ross E Esq NEGOTIATION73Anna Fali
1041Ivar S BriddickGermany2024-10-26Chapman, Ross E Esq NEW26Elwin Sharvill
1042Aika A BologniaUnited Kingdom2024-10-22Feiner Bros NEW3Ioni Bowcher
1043Smith B CaudyUnited Kingdom2024-10-31Chemel, James L Cpa NEGOTIATION17Xuxue Feng
1044Ashley O PerinBrazil2024-10-12Chanay, Jeffrey A Esq UNQUALIFIED53Onyama Limba
1045Sinclair H GlickIndia2024-10-27Truhlar And Truhlar Attys PROPOSAL37Anna Fali
1046Octavia D ButtSpain2024-10-25Rousseaux, Michael Esq RENEWAL26Stephen Shaw
1047Johnson U ButtAustralia2024-10-16Chanay, Jeffrey A Esq NEGOTIATION88Amy Elsner
1048Isabel H StockhamRussia2024-10-31Commercial Press RENEWAL83Ioni Bowcher
1049Adams V IturbideGermany2024-10-07Benton, John B Jr QUALIFIED47Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Jefferson J CaudySpainOnyama Limba NEGOTIATION
Izzy K DilliardCanadaAnna Fali NEW
Maisha Y ShinkoJapanAsiya Javayant NEW
Johnson L MaletArgentinaBernardo Dominic PROPOSAL
Smith G RoysterUnited KingdomIvan Magalhaes NEW
Silvio R RoysterItalyAmy Elsner NEGOTIATION
Maisha U VenereBrazilAnna Fali QUALIFIED
Leja T VocelkaUnited KingdomAnna Fali UNQUALIFIED
Salvatore P InouyeFranceBernardo Dominic RENEWAL
Morrow F RulapaughArgentinaAmy Elsner NEGOTIATION
Leon V VenereUnited KingdomStephen Shaw UNQUALIFIED
Adams J MaletSpainOnyama Limba PROPOSAL
Darci E MaletCanadaIvan Magalhaes RENEWAL
David B NickaJapanXuxue Feng PROPOSAL
Alejandro W RimGermanyIoni Bowcher QUALIFIED
Deepesh C OstroskyFranceOnyama Limba QUALIFIED
Munro U WaycottItalyOnyama Limba NEGOTIATION
Morrow Y ChuiBrazilAsiya Javayant PROPOSAL
Ricardo R NestleIndiaIvan Magalhaes RENEWAL
Silvio X DoeItalyIoni Bowcher QUALIFIED
Smith E GauchoCanadaElwin Sharvill RENEWAL
Jones J RimIndiaAsiya Javayant NEW
Aika X NickaRussiaAsiya Javayant QUALIFIED
Claire Z PerinSpainOnyama Limba NEGOTIATION
Aruna I AmigonFranceIvan Magalhaes RENEWAL
Antonio M AmigonBrazilAnna Fali PROPOSAL
Kaitlin S MaletSpainOnyama Limba PROPOSAL
Greenwood C AmigonAustraliaIvan Magalhaes UNQUALIFIED
Smith N SlusarskiUnited KingdomIvan Magalhaes NEGOTIATION
Ricardo F BologniaArgentinaAnna Fali PROPOSAL
Cody N SchemmerJapanBernardo Dominic NEW
Costa U ChuiBrazilIvan Magalhaes QUALIFIED
Greenwood Z FigeroaCanadaXuxue Feng PROPOSAL
Ricardo H WhobreySpainElwin Sharvill UNQUALIFIED
Kaitlin L AmigonFranceElwin Sharvill RENEWAL
Chavez T FollerItalyIoni Bowcher PROPOSAL
Octavia S OstroskyCanadaElwin Sharvill QUALIFIED
Stacey G StensethFranceElwin Sharvill QUALIFIED
Stacey C GarufiIndiaStephen Shaw NEGOTIATION
Maisha J AmigonGermanyIoni Bowcher NEGOTIATION
Arvin Z WieserBrazilXuxue Feng NEW
Darci U FollerGermanyAmy Elsner RENEWAL
Maria U ShinkoCanadaStephen Shaw NEGOTIATION
Greenwood Q SchemmerIndiaStephen Shaw UNQUALIFIED
Jefferson Z VocelkaSpainStephen Shaw QUALIFIED
Chavez H WieserUnited KingdomAnna Fali PROPOSAL
Kadeem R NickaIndiaAmy Elsner UNQUALIFIED
Jefferson Y RimFranceAnna Fali RENEWAL
Kadeem I GillianGermanyXuxue Feng RENEWAL
Leja Z MarrierSpainOnyama Limba UNQUALIFIED
Frozen Columns
Name
Wickens T Schemmer
Nicolas Q Rim
Ivar N Caudy
Darci J Briddick
Arvin A Sergi
David Y Foller
Tony N Tollner
Wickens S Flosi
Salvatore B Darakjy
Leja S Inouye
Darci M Venere
Isabel G Wieser
Jones S Morasca
Antonio Y Darakjy
Alejandro L Ostrosky
Jennifer N Waycott
Aruna S Glick
Ricardo T Malet
Stacey N Nicka
Chavez D Malet
Francesco U Vocelka
Jefferson C Iturbide
Arvin X Poquette
Ricardo C Ruta
Aika B Wieser
Juan E Wieser
Smith F Darakjy
Munro A Saylors
Kaitlin B Shinko
Rodrigues F Gaucho
Mujtaba P Sergi
Greenwood M Ruta
Alejandro A Ostrosky
Smith Y Gillian
Jennifer F Rim
Darci R Chui
Mujtaba C Caudy
Chavez D Campain
Misaki Y Waycott
Isabel B Bolognia
Deepesh I Doe
Darci C Shinko
Costa E Stenseth
Ashley E Nestle
Greenwood Z Maclead
Greenwood U Schemmer
Kadeem G Gillian
Silvio S Chui
Cody H Morasca
Mayumi Y Nestle
IdCountryDate
1000France2024-10-02
1001Spain2024-10-15
1002Germany2024-10-26
1003Germany2024-10-24
1004Canada2024-10-22
1005Russia2024-10-12
1006Russia2024-10-18
1007Japan2024-10-30
1008Italy2024-10-16
1009Spain2024-10-12
1010Spain2024-10-03
1011France2024-10-21
1012Germany2024-10-31
1013Spain2024-10-16
1014Spain2024-10-09
1015Italy2024-10-30
1016Brazil2024-10-04
1017Australia2024-10-08
1018Australia2024-10-14
1019France2024-10-17
1020Spain2024-10-23
1021Italy2024-10-12
1022Brazil2024-10-08
1023France2024-10-04
1024Spain2024-10-07
1025Brazil2024-10-30
1026Canada2024-10-20
1027Argentina2024-10-28
1028Italy2024-10-16
1029France2024-10-10
1030Russia2024-10-03
1031India2024-10-25
1032France2024-10-12
1033Brazil2024-10-02
1034Germany2024-10-15
1035Canada2024-10-14
1036United Kingdom2024-10-25
1037Germany2024-10-30
1038Spain2024-10-24
1039Russia2024-10-02
1040Canada2024-10-02
1041Japan2024-10-17
1042Brazil2024-10-13
1043United Kingdom2024-10-09
1044Russia2024-10-22
1045United Kingdom2024-10-29
1046Canada2024-10-20
1047Brazil2024-10-03
1048Argentina2024-10-04
1049France2024-10-21

On-Demand Data

NameIdCountryDate
Jeanfrancois E Nestle1000Australia2024-10-28
Julie V Tollner1001Germany2024-10-25
Jeanfrancois A Malet1002Canada2024-10-03
Sinclair O Glick1003United Kingdom2024-10-21
Aika W Dilliard1004Germany2024-10-02
Munro P Bowley1005Russia2024-10-17
Izzy D Perin1006Argentina2024-10-08
Aditya K Rulapaugh1007Spain2024-10-29
Deepesh H Iturbide1008Germany2024-10-09
Julie M Vocelka1009United Kingdom2024-10-14
Cody U Flosi1010Germany2024-10-26
Chavez Y Nestle1011Italy2024-10-18
Alejandro H Bowley1012Italy2024-10-09
Jefferson A Gillian1013Brazil2024-10-11
Maria W Slusarski1014Australia2024-10-20
Maria H Saylors1015Germany2024-10-13
Wickens J Chui1016Japan2024-10-24
Kaitlin O Campain1017United Kingdom2024-10-11
Maria P Albares1018Argentina2024-10-02
Maisha S Briddick1019Italy2024-10-31
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Greenwood G DarakjyArgentinaAsiya Javayant RENEWAL
Misaki F WhobreyRussiaIoni Bowcher NEGOTIATION
Greenwood X FollerGermanyElwin Sharvill QUALIFIED
Ashley W PaprockiItalyBernardo Dominic QUALIFIED
Arvin C PaprockiRussiaAmy Elsner NEGOTIATION
Rodrigues E SchemmerIndiaStephen Shaw PROPOSAL
Sinclair U IturbideArgentinaElwin Sharvill RENEWAL
Ashley X PaprockiBrazilBernardo Dominic NEW
Jeanfrancois A OldroydItalyAnna Fali NEGOTIATION
Morrow E PaprockiSpainAmy Elsner PROPOSAL
Munro U NickaFranceBernardo Dominic RENEWAL
Julie M FigeroaFranceAmy Elsner QUALIFIED
Aditya T NickaAustraliaIvan Magalhaes RENEWAL
Maisha M SlusarskiCanadaElwin Sharvill UNQUALIFIED
Arvin I PoquetteAustraliaAsiya Javayant NEGOTIATION
Silvio X PerinUnited KingdomXuxue Feng RENEWAL
James B NickaFranceBernardo Dominic UNQUALIFIED
Greenwood H WieserFranceAnna Fali PROPOSAL
Jeanfrancois W RimRussiaAmy Elsner PROPOSAL
Greenwood N KolmetzFranceXuxue Feng PROPOSAL
Maria U GillianUnited KingdomElwin Sharvill RENEWAL
Jones C BologniaAustraliaXuxue Feng NEW
Claire W DilliardBrazilIvan Magalhaes NEW
Rodrigues H StockhamFranceElwin Sharvill UNQUALIFIED
Chavez U AmigonCanadaElwin Sharvill RENEWAL
Jones C IturbideFranceAnna Fali RENEWAL
Sinclair U SchemmerIndiaStephen Shaw RENEWAL
Isabel G PaprockiArgentinaIvan Magalhaes NEGOTIATION
Octavia E CaudySpainStephen Shaw UNQUALIFIED
Salvatore D StensethItalyXuxue Feng QUALIFIED
Chavez P OstroskySpainXuxue Feng UNQUALIFIED
Octavia X StensethGermanyIvan Magalhaes QUALIFIED
Rodrigues K KuskoUnited KingdomAmy Elsner RENEWAL
David D TollnerBrazilBernardo Dominic NEGOTIATION
Jones Q OldroydCanadaAnna Fali UNQUALIFIED
Deepesh P VocelkaRussiaBernardo Dominic PROPOSAL
Ashley F AmigonGermanyAsiya Javayant NEGOTIATION
Kadeem U StensethUnited KingdomOnyama Limba NEW
Morrow K StensethCanadaAsiya Javayant NEGOTIATION
Francesco N PaprockiSpainAnna Fali 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>