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 P FollerSpainOnyama Limba RENEWAL
Antonio L ButtSpainStephen Shaw RENEWAL
Izzy B SergiItalyAmy Elsner PROPOSAL
Alejandro F FigeroaArgentinaAsiya Javayant NEGOTIATION
Leja D GlickGermanyOnyama Limba RENEWAL
Isabel O MorascaBrazilStephen Shaw UNQUALIFIED
Rodrigues L OldroydCanadaBernardo Dominic NEGOTIATION
Leja B RutaGermanyIvan Magalhaes QUALIFIED
Misaki F KolmetzItalyOnyama Limba RENEWAL
Wickens U OstroskyUnited KingdomAmy Elsner PROPOSAL
Deepesh Z PoquetteGermanyOnyama Limba NEGOTIATION
Faith N DarakjyAustraliaAnna Fali PROPOSAL
Greenwood Y CampainArgentinaElwin Sharvill PROPOSAL
Emily U StockhamGermanyAmy Elsner QUALIFIED
Leon S GlickAustraliaStephen Shaw PROPOSAL
Arvin N MacleadIndiaXuxue Feng PROPOSAL
Chavez C KolmetzCanadaIvan Magalhaes PROPOSAL
Jefferson I CaudyJapanAnna Fali NEGOTIATION
Leja K VenereCanadaElwin Sharvill QUALIFIED
Jeanfrancois Y ButtFranceAsiya Javayant PROPOSAL
Stacey I KolmetzAustraliaStephen Shaw PROPOSAL
Juan J VenereSpainAnna Fali NEGOTIATION
Morrow T DilliardBrazilElwin Sharvill RENEWAL
Munro W PerinArgentinaAmy Elsner RENEWAL
Wickens Z BriddickBrazilAnna Fali NEGOTIATION
Jefferson F BologniaItalyStephen Shaw RENEWAL
Nicolas M BologniaAustraliaAnna Fali QUALIFIED
Octavia Q GauchoAustraliaXuxue Feng RENEWAL
Adams T NestleJapanStephen Shaw QUALIFIED
Antonio F NestleRussiaBernardo Dominic QUALIFIED
Munro S PaprockiUnited KingdomBernardo Dominic UNQUALIFIED
Johnson M DoeCanadaAsiya Javayant UNQUALIFIED
Antonio I GauchoCanadaElwin Sharvill NEGOTIATION
Costa F WhobreyIndiaAmy Elsner PROPOSAL
Greenwood E SaylorsJapanAsiya Javayant PROPOSAL
Alejandro I KuskoArgentinaAsiya Javayant UNQUALIFIED
Sinclair X KuskoRussiaBernardo Dominic QUALIFIED
Antonio K BowleyGermanyIoni Bowcher RENEWAL
Deepesh J KolmetzCanadaBernardo Dominic NEW
Sinclair D KolmetzUnited KingdomAsiya Javayant QUALIFIED
Alejandro P FlosiIndiaStephen Shaw UNQUALIFIED
Alejandro Z OstroskyJapanAsiya Javayant RENEWAL
Ashley Q CaudyAustraliaAsiya Javayant PROPOSAL
Sinclair V KolmetzArgentinaIoni Bowcher QUALIFIED
Greenwood M MorascaGermanyAsiya Javayant QUALIFIED
Ricardo V MarrierAustraliaXuxue Feng RENEWAL
Munro M IturbideJapanAmy Elsner NEW
Sinclair H DarakjyGermanyIvan Magalhaes QUALIFIED
Murillo H NestleBrazilIoni Bowcher RENEWAL
Jennifer D OldroydItalyXuxue Feng UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Antonio J TollnerSpainAsiya Javayant UNQUALIFIED
Jones V OldroydArgentinaIoni Bowcher RENEWAL
Nicolas U PaprockiFranceXuxue Feng UNQUALIFIED
Murillo E ButtJapanStephen Shaw PROPOSAL
Costa L MacleadFranceBernardo Dominic UNQUALIFIED
Wickens H InouyeAustraliaElwin Sharvill PROPOSAL
Arvin L VenereIndiaAmy Elsner RENEWAL
Francesco Z BologniaFranceIoni Bowcher UNQUALIFIED
Leon D BriddickJapanIvan Magalhaes UNQUALIFIED
Jennifer K WaycottItalyAnna Fali NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Cody E SchemmerAustralia2024-10-27Buckley Miller Wright NEW1Stephen Shaw
1001Johnson Q MacleadFrance2024-11-14Truhlar And Truhlar Attys NEGOTIATION27Bernardo Dominic
1002Aika E CampainGermany2024-10-24Rousseaux, Michael Esq NEGOTIATION81Ioni Bowcher
1003Kaitlin L RimCanada2024-11-09Rangoni Of Florence RENEWAL0Elwin Sharvill
1004Silvio T MacleadCanada2024-11-04Feiner Bros UNQUALIFIED6Stephen Shaw
1005Maisha P MaletArgentina2024-11-04Chemel, James L Cpa NEW13Stephen Shaw
1006Julie Z PaprockiAustralia2024-11-13Benton, John B Jr QUALIFIED4Stephen Shaw
1007Adams Q NestleAustralia2024-10-23King, Christopher A Esq QUALIFIED69Stephen Shaw
1008Ashley T VenereJapan2024-10-23Chanay, Jeffrey A Esq QUALIFIED95Xuxue Feng
1009Mujtaba L PerinJapan2024-10-21Truhlar And Truhlar Attys RENEWAL98Ioni Bowcher
1010Tony F SlusarskiAustralia2024-11-01Benton, John B Jr NEW7Elwin Sharvill
1011Costa Z WaycottItaly2024-10-21Commercial Press PROPOSAL73Onyama Limba
1012Jefferson Q VocelkaAustralia2024-11-16Benton, John B Jr QUALIFIED16Ivan Magalhaes
1013Julie W MorascaRussia2024-11-01Feiner Bros UNQUALIFIED84Stephen Shaw
1014Costa S SaylorsGermany2024-10-31Printing Dimensions NEW59Onyama Limba
1015Deepesh K PaprockiArgentina2024-11-08Chapman, Ross E Esq NEW51Ivan Magalhaes
1016Deepesh Z GlickFrance2024-11-10Printing Dimensions PROPOSAL35Amy Elsner
1017Claire K WieserUnited Kingdom2024-10-24Morlong Associates NEW17Asiya Javayant
1018Misaki X KolmetzFrance2024-11-04Truhlar And Truhlar Attys QUALIFIED63Stephen Shaw
1019Costa J CaldareraArgentina2024-10-22Rangoni Of Florence NEW19Bernardo Dominic
1020Alejandro K MarrierFrance2024-10-26Benton, John B Jr QUALIFIED78Stephen Shaw
1021Maria O PerinItaly2024-11-10Feltz Printing Service QUALIFIED39Xuxue Feng
1022Murillo D PerinFrance2024-10-27Truhlar And Truhlar Attys UNQUALIFIED84Stephen Shaw
1023Nicolas T SergiBrazil2024-10-25Chapman, Ross E Esq PROPOSAL33Anna Fali
1024Faith K RutaItaly2024-11-01Printing Dimensions QUALIFIED10Xuxue Feng
1025Octavia D RulapaughGermany2024-11-16Chapman, Ross E Esq QUALIFIED79Amy Elsner
1026Maisha Q CaldareraItaly2024-11-15Chanay, Jeffrey A Esq QUALIFIED90Ioni Bowcher
1027Salvatore U BologniaJapan2024-11-07Truhlar And Truhlar Attys UNQUALIFIED38Anna Fali
1028Smith V WaycottCanada2024-11-01Feiner Bros NEGOTIATION12Asiya Javayant
1029Tony J MaletIndia2024-11-15Commercial Press PROPOSAL93Xuxue Feng
1030Claire R RimItaly2024-11-02Chemel, James L Cpa UNQUALIFIED95Asiya Javayant
1031Leon T ChuiGermany2024-10-28Feiner Bros NEW85Ioni Bowcher
1032Chavez T SchemmerBrazil2024-10-19Printing Dimensions UNQUALIFIED55Asiya Javayant
1033Maisha C TollnerCanada2024-11-12Buckley Miller Wright NEGOTIATION22Xuxue Feng
1034Greenwood C RimRussia2024-10-25Truhlar And Truhlar Attys UNQUALIFIED2Xuxue Feng
1035Aditya R MaletGermany2024-11-05Morlong Associates NEGOTIATION33Anna Fali
1036Faith L AmigonSpain2024-10-26Chapman, Ross E Esq UNQUALIFIED26Bernardo Dominic
1037Maria Q StockhamAustralia2024-11-04Feltz Printing Service NEGOTIATION25Amy Elsner
1038Aruna E MacleadFrance2024-10-30Benton, John B Jr RENEWAL48Anna Fali
1039Jeanfrancois E MorascaUnited Kingdom2024-10-21Chanay, Jeffrey A Esq PROPOSAL11Amy Elsner
1040Tony G OldroydGermany2024-10-19Rousseaux, Michael Esq RENEWAL21Stephen Shaw
1041Rodrigues H CampainFrance2024-11-04Rousseaux, Michael Esq RENEWAL14Xuxue Feng
1042Munro M PerinArgentina2024-11-05King, Christopher A Esq UNQUALIFIED21Anna Fali
1043Wickens H NickaSpain2024-11-16Feiner Bros UNQUALIFIED84Elwin Sharvill
1044Maisha Z TollnerGermany2024-10-29Chapman, Ross E Esq RENEWAL87Asiya Javayant
1045Jeanfrancois S CaudyUnited Kingdom2024-11-13Commercial Press PROPOSAL39Bernardo Dominic
1046Deepesh Z BriddickSpain2024-11-13King, Christopher A Esq NEGOTIATION65Anna Fali
1047Maria B FerenczSpain2024-11-09Morlong Associates PROPOSAL10Ivan Magalhaes
1048Misaki L MarrierSpain2024-10-23Rangoni Of Florence QUALIFIED87Ivan Magalhaes
1049Cody F RoysterBrazil2024-10-30Rousseaux, Michael Esq UNQUALIFIED89Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Octavia P GarufiSpainXuxue Feng NEW
Rodrigues Q SchemmerFranceIvan Magalhaes RENEWAL
Aika E MarrierFranceBernardo Dominic UNQUALIFIED
Mayumi H RutaGermanyIoni Bowcher RENEWAL
Mujtaba Y WaycottIndiaXuxue Feng RENEWAL
Morrow O CaudyCanadaStephen Shaw UNQUALIFIED
Maria A RutaIndiaStephen Shaw RENEWAL
Mayumi J OstroskyArgentinaElwin Sharvill RENEWAL
Wickens P StensethFranceXuxue Feng QUALIFIED
Jefferson T DarakjyIndiaIoni Bowcher RENEWAL
Rodrigues Q CaudyJapanElwin Sharvill UNQUALIFIED
Izzy W VenereJapanStephen Shaw QUALIFIED
Murillo Q FlosiBrazilBernardo Dominic UNQUALIFIED
Jeanfrancois A GauchoIndiaElwin Sharvill NEW
Octavia B SergiSpainBernardo Dominic UNQUALIFIED
Clifford G GauchoSpainAsiya Javayant RENEWAL
Chavez N PoquetteItalyIvan Magalhaes UNQUALIFIED
Misaki M GlickArgentinaElwin Sharvill PROPOSAL
Murillo Q SlusarskiJapanAsiya Javayant RENEWAL
Wickens P WaycottCanadaOnyama Limba RENEWAL
Kadeem B StockhamCanadaElwin Sharvill QUALIFIED
Murillo J WieserGermanyXuxue Feng NEW
Kadeem Z MaletRussiaIvan Magalhaes UNQUALIFIED
Deepesh T ButtSpainAmy Elsner RENEWAL
Isabel Q VenereCanadaAsiya Javayant NEGOTIATION
Sinclair F RulapaughBrazilStephen Shaw NEW
Deepesh Z FigeroaBrazilOnyama Limba RENEWAL
Silvio G TollnerIndiaAnna Fali NEGOTIATION
Aika M InouyeGermanyAsiya Javayant QUALIFIED
Mujtaba D FigeroaIndiaBernardo Dominic QUALIFIED
Misaki T MacleadAustraliaAnna Fali QUALIFIED
Rodrigues B DoeRussiaIvan Magalhaes QUALIFIED
Nicolas N IturbideJapanIvan Magalhaes QUALIFIED
Mayumi P IturbideSpainAnna Fali QUALIFIED
Leja F DarakjyItalyAsiya Javayant NEGOTIATION
Claire K DilliardUnited KingdomAnna Fali NEGOTIATION
Misaki D BowleyJapanElwin Sharvill NEW
Julie U FerenczSpainIvan Magalhaes NEGOTIATION
Nicolas B DoeJapanStephen Shaw PROPOSAL
Jefferson N MacleadGermanyXuxue Feng RENEWAL
Chavez U DoeCanadaIoni Bowcher UNQUALIFIED
Julie B NickaFranceAsiya Javayant PROPOSAL
Faith O KuskoJapanAnna Fali QUALIFIED
Ivar A WieserSpainElwin Sharvill UNQUALIFIED
Stacey Y PoquetteSpainOnyama Limba PROPOSAL
Wickens K MaletUnited KingdomStephen Shaw NEGOTIATION
Faith B WaycottFranceBernardo Dominic PROPOSAL
Aruna T DilliardBrazilAmy Elsner NEW
Smith G VocelkaJapanAsiya Javayant NEGOTIATION
Mayumi Z RimAustraliaOnyama Limba NEW
Frozen Columns
Name
Emily M Maclead
Julie H Gillian
Ivar B Rim
Jeanfrancois I Kolmetz
Faith W Stockham
Octavia N Butt
Stacey N Royster
Ivar J Vocelka
Deepesh V Caldarera
Morrow U Perin
Smith N Dilliard
Aika J Venere
Kaitlin P Foller
Aruna U Ruta
Clifford U Stockham
Clifford P Poquette
Ivar T Saylors
Alejandro Y Slusarski
Jeanfrancois F Morasca
Izzy M Ostrosky
Costa M Sergi
Kadeem S Nicka
Murillo U Waycott
Ashley V Gaucho
Wickens N Marrier
Tony D Gillian
Chavez A Royster
Johnson Y Gillian
Tony S Shinko
Jones G Tollner
Stacey V Caudy
Arvin D Slusarski
Smith L Flosi
Morrow B Butt
Ivar X Rim
Smith J Saylors
Wickens J Venere
Jefferson B Caudy
Mujtaba F Oldroyd
Rodrigues N Kolmetz
Rodrigues S Stockham
James W Glick
Ivar N Albares
Jones P Venere
Cody O Oldroyd
Rodrigues J Kolmetz
James V Chui
Kadeem C Schemmer
Maisha S Rim
Emily F Gaucho
IdCountryDate
1000Japan2024-11-02
1001India2024-11-17
1002Russia2024-10-26
1003Japan2024-11-06
1004United Kingdom2024-10-31
1005Spain2024-11-17
1006Brazil2024-10-22
1007Argentina2024-11-04
1008Japan2024-11-02
1009Canada2024-10-27
1010Australia2024-10-31
1011Argentina2024-11-14
1012United Kingdom2024-10-26
1013Japan2024-10-25
1014Australia2024-11-11
1015Canada2024-11-14
1016Spain2024-10-20
1017India2024-11-08
1018France2024-11-05
1019United Kingdom2024-11-15
1020Argentina2024-11-06
1021Canada2024-10-28
1022Italy2024-11-01
1023India2024-11-09
1024France2024-11-12
1025Japan2024-10-19
1026Brazil2024-11-07
1027Germany2024-10-25
1028Spain2024-10-21
1029Argentina2024-10-25
1030Italy2024-11-16
1031Argentina2024-10-31
1032United Kingdom2024-11-17
1033Canada2024-10-20
1034Italy2024-11-08
1035India2024-10-27
1036Canada2024-11-01
1037Russia2024-11-08
1038Russia2024-10-21
1039Italy2024-10-22
1040Spain2024-11-04
1041Italy2024-10-29
1042Russia2024-11-07
1043Canada2024-10-24
1044Russia2024-10-26
1045Germany2024-10-24
1046Germany2024-10-22
1047United Kingdom2024-10-22
1048India2024-11-05
1049Argentina2024-11-12

On-Demand Data

NameIdCountryDate
Morrow M Malet1000Germany2024-11-03
Isabel M Albares1001United Kingdom2024-11-10
David Q Slusarski1002Germany2024-11-09
Chavez A Darakjy1003Japan2024-11-09
Maria R Marrier1004India2024-10-26
Adams X Bolognia1005Germany2024-10-25
Maria M Caldarera1006Spain2024-10-30
Emily L Amigon1007Australia2024-10-30
Kadeem X Campain1008India2024-11-06
Leon Y Gaucho1009Argentina2024-10-20
James B Campain1010United Kingdom2024-11-04
Silvio T Bowley1011India2024-11-08
Adams E Perin1012Italy2024-11-13
Greenwood N Glick1013France2024-10-21
Stacey C Nicka1014Spain2024-11-05
Tony M Caldarera1015Australia2024-11-10
Silvio G Rulapaugh1016India2024-11-02
Maisha T Gaucho1017Italy2024-11-11
Aditya I Darakjy1018Australia2024-10-27
Chavez Z Inouye1019Argentina2024-11-14
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Alejandro F NickaArgentinaXuxue Feng NEW
Mujtaba C GillianGermanyAmy Elsner NEW
Francesco Y CampainSpainAnna Fali NEGOTIATION
Greenwood K SaylorsFranceAnna Fali UNQUALIFIED
Aditya C DilliardRussiaAmy Elsner PROPOSAL
Jennifer V PaprockiJapanAmy Elsner NEW
Rodrigues O ShinkoAustraliaElwin Sharvill RENEWAL
Chavez N MacleadAustraliaAmy Elsner UNQUALIFIED
Octavia L VocelkaFranceBernardo Dominic UNQUALIFIED
Alejandro B InouyeBrazilAnna Fali NEGOTIATION
Ashley C PerinUnited KingdomXuxue Feng PROPOSAL
Adams P ButtUnited KingdomAnna Fali QUALIFIED
Leon M GarufiJapanXuxue Feng NEGOTIATION
Leon X MaletAustraliaAnna Fali UNQUALIFIED
David C TollnerArgentinaXuxue Feng NEGOTIATION
Smith B SergiBrazilIoni Bowcher PROPOSAL
Chavez P SlusarskiRussiaStephen Shaw RENEWAL
Greenwood C SlusarskiSpainAnna Fali RENEWAL
Smith S GarufiAustraliaOnyama Limba QUALIFIED
Francesco R ButtArgentinaAsiya Javayant UNQUALIFIED
Francesco H BowleySpainOnyama Limba NEW
Aika J BowleyBrazilAnna Fali NEGOTIATION
Aruna V VenereItalyIoni Bowcher RENEWAL
Jefferson Z MaletFranceStephen Shaw RENEWAL
Leon E MarrierBrazilBernardo Dominic RENEWAL
Clifford N WaycottBrazilAnna Fali NEGOTIATION
James W KuskoCanadaElwin Sharvill RENEWAL
Aika R MacleadGermanyAnna Fali RENEWAL
Clifford G CaudyItalyElwin Sharvill UNQUALIFIED
Adams C FigeroaSpainIvan Magalhaes NEGOTIATION
James U FerenczIndiaAmy Elsner PROPOSAL
Julie L PaprockiUnited KingdomAnna Fali UNQUALIFIED
Mujtaba G WaycottSpainIvan Magalhaes NEGOTIATION
Deepesh O GauchoIndiaAnna Fali QUALIFIED
Morrow T NestleRussiaIoni Bowcher PROPOSAL
Munro K StensethFranceXuxue Feng NEW
Jones Y CaldareraCanadaIoni Bowcher NEGOTIATION
Julie B BriddickJapanAmy Elsner NEW
Smith M AlbaresIndiaXuxue Feng UNQUALIFIED
Smith G VocelkaCanadaElwin Sharvill UNQUALIFIED

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