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
Deepesh U FerenczJapanIoni Bowcher NEW
Chavez L RulapaughGermanyXuxue Feng NEW
Clifford K OstroskyJapanElwin Sharvill NEGOTIATION
Leon N DoeGermanyOnyama Limba RENEWAL
Claire P BriddickRussiaAmy Elsner RENEWAL
Alejandro I NestleSpainAmy Elsner QUALIFIED
Aika P DoeItalyBernardo Dominic PROPOSAL
Ashley M ChuiFranceElwin Sharvill UNQUALIFIED
Emily S GillianIndiaAsiya Javayant NEGOTIATION
Jones Z OstroskyFranceIoni Bowcher UNQUALIFIED
Munro F DilliardRussiaAsiya Javayant RENEWAL
Chavez T FerenczArgentinaIoni Bowcher UNQUALIFIED
Sinclair V KuskoBrazilOnyama Limba RENEWAL
Ashley D DarakjyArgentinaOnyama Limba QUALIFIED
Johnson N CaldareraArgentinaOnyama Limba PROPOSAL
Ivar U BologniaItalyAmy Elsner UNQUALIFIED
Costa L KolmetzUnited KingdomBernardo Dominic NEW
Murillo T InouyeCanadaOnyama Limba NEW
Alejandro O OstroskyItalyXuxue Feng PROPOSAL
Alejandro D RoysterFranceIvan Magalhaes UNQUALIFIED
Silvio X MaletRussiaStephen Shaw NEW
Emily C RimJapanAmy Elsner PROPOSAL
Ricardo Y RoysterBrazilAnna Fali NEW
Misaki J VocelkaSpainBernardo Dominic NEW
Arvin B MarrierCanadaAnna Fali QUALIFIED
Murillo C GauchoArgentinaAmy Elsner PROPOSAL
Aditya K ShinkoItalyBernardo Dominic UNQUALIFIED
Jeanfrancois C TollnerCanadaAmy Elsner RENEWAL
James U SchemmerItalyOnyama Limba NEW
Adams G SergiBrazilStephen Shaw PROPOSAL
Rodrigues R FerenczRussiaBernardo Dominic QUALIFIED
Juan A ShinkoJapanXuxue Feng NEW
Aditya W BowleyUnited KingdomElwin Sharvill NEW
Misaki C TollnerItalyOnyama Limba NEW
Alejandro U MacleadJapanIvan Magalhaes PROPOSAL
James F BriddickGermanyElwin Sharvill QUALIFIED
Leon J RimSpainAnna Fali NEW
Misaki E MarrierBrazilIvan Magalhaes NEW
Johnson Q AmigonRussiaXuxue Feng PROPOSAL
Johnson A RutaJapanIoni Bowcher RENEWAL
Smith C NickaGermanyBernardo Dominic NEW
Sinclair R IturbideUnited KingdomBernardo Dominic PROPOSAL
Jeanfrancois D OstroskyUnited KingdomAmy Elsner NEW
Julie Z MarrierItalyStephen Shaw PROPOSAL
Chavez L RutaSpainAnna Fali NEW
Mayumi S FollerGermanyIvan Magalhaes NEGOTIATION
Costa E ShinkoAustraliaAnna Fali RENEWAL
Faith U KuskoGermanyAnna Fali UNQUALIFIED
Cody Q ShinkoAustraliaAmy Elsner UNQUALIFIED
Ashley K SergiAustraliaOnyama Limba RENEWAL
Horizontal
NameCountryRepresentativeStatus
Murillo C WaycottIndiaElwin Sharvill PROPOSAL
Aika E MaletItalyXuxue Feng NEW
Maria D FollerAustraliaXuxue Feng QUALIFIED
David L OldroydAustraliaAmy Elsner NEGOTIATION
Arvin Q FerenczFranceAnna Fali PROPOSAL
Tony N FigeroaUnited KingdomAmy Elsner NEW
Octavia F RutaRussiaXuxue Feng NEW
Francesco O GillianItalyAsiya Javayant NEGOTIATION
Ivar T NickaIndiaXuxue Feng NEGOTIATION
Stacey C SergiUnited KingdomOnyama Limba RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jefferson O IturbideItaly2024-09-08Rousseaux, Michael Esq QUALIFIED16Anna Fali
1001Maisha O CampainSpain2024-09-13Feltz Printing Service RENEWAL95Ioni Bowcher
1002Johnson N InouyeBrazil2024-09-11Chanay, Jeffrey A Esq QUALIFIED15Onyama Limba
1003Darci F NestleJapan2024-09-07Feiner Bros NEW42Bernardo Dominic
1004Clifford G CampainSpain2024-09-18Chanay, Jeffrey A Esq NEGOTIATION56Ivan Magalhaes
1005Wickens U SlusarskiIndia2024-09-19Morlong Associates NEW21Ioni Bowcher
1006Adams P MarrierItaly2024-09-01Printing Dimensions QUALIFIED21Asiya Javayant
1007Sinclair W CaudySpain2024-09-19Printing Dimensions NEGOTIATION60Ioni Bowcher
1008Darci B MacleadAustralia2024-08-28Feiner Bros NEW16Bernardo Dominic
1009Greenwood B GarufiCanada2024-09-07Feltz Printing Service NEGOTIATION17Asiya Javayant
1010Aruna E DoeArgentina2024-09-02Rangoni Of Florence PROPOSAL83Stephen Shaw
1011Chavez N MorascaRussia2024-09-07Benton, John B Jr PROPOSAL65Xuxue Feng
1012Kaitlin A CaldareraGermany2024-08-30Dorl, James J Esq PROPOSAL38Xuxue Feng
1013Tony A FigeroaBrazil2024-09-08Morlong Associates UNQUALIFIED32Stephen Shaw
1014Johnson B FlosiAustralia2024-09-10Chanay, Jeffrey A Esq QUALIFIED13Onyama Limba
1015Isabel T WaycottArgentina2024-09-12Commercial Press NEGOTIATION28Elwin Sharvill
1016Greenwood A AlbaresIndia2024-09-19King, Christopher A Esq QUALIFIED59Anna Fali
1017Alejandro K KolmetzCanada2024-09-08Buckley Miller Wright UNQUALIFIED7Bernardo Dominic
1018Johnson W GarufiItaly2024-08-30Benton, John B Jr UNQUALIFIED48Amy Elsner
1019Julie B ButtSpain2024-09-22Commercial Press NEW47Anna Fali
1020Adams A NestleSpain2024-09-15Rangoni Of Florence QUALIFIED95Asiya Javayant
1021David N NickaJapan2024-09-17Truhlar And Truhlar Attys QUALIFIED7Asiya Javayant
1022Francesco U AlbaresIndia2024-09-13Truhlar And Truhlar Attys NEW12Onyama Limba
1023Munro N KuskoUnited Kingdom2024-09-20Benton, John B Jr PROPOSAL64Ioni Bowcher
1024Leja H BowleyFrance2024-09-26Chapman, Ross E Esq UNQUALIFIED87Elwin Sharvill
1025Misaki C RoysterCanada2024-09-23Rangoni Of Florence QUALIFIED84Asiya Javayant
1026Morrow O MaletArgentina2024-08-28Chemel, James L Cpa RENEWAL66Ivan Magalhaes
1027David B IturbideCanada2024-09-18Dorl, James J Esq NEGOTIATION61Asiya Javayant
1028Deepesh Y ButtJapan2024-09-15Rousseaux, Michael Esq NEW55Onyama Limba
1029Jones Q FigeroaFrance2024-09-22Commercial Press NEGOTIATION45Ioni Bowcher
1030Aika Q KolmetzSpain2024-09-18Chapman, Ross E Esq RENEWAL57Bernardo Dominic
1031Morrow U OstroskyGermany2024-09-08Chemel, James L Cpa UNQUALIFIED90Stephen Shaw
1032Ivar C SaylorsJapan2024-09-24Buckley Miller Wright NEGOTIATION26Amy Elsner
1033Tony C VocelkaUnited Kingdom2024-09-21Commercial Press PROPOSAL23Xuxue Feng
1034Smith F FerenczBrazil2024-09-11Truhlar And Truhlar Attys NEW87Ioni Bowcher
1035Murillo K GauchoRussia2024-09-18Morlong Associates NEGOTIATION46Asiya Javayant
1036Wickens P BologniaSpain2024-09-03Chanay, Jeffrey A Esq RENEWAL39Amy Elsner
1037Murillo P TollnerJapan2024-09-21Benton, John B Jr NEW49Stephen Shaw
1038Chavez T StockhamGermany2024-09-13Chemel, James L Cpa NEGOTIATION37Amy Elsner
1039Morrow X NestleUnited Kingdom2024-09-12Printing Dimensions QUALIFIED32Anna Fali
1040Octavia D PoquetteFrance2024-08-29Truhlar And Truhlar Attys UNQUALIFIED22Onyama Limba
1041Silvio R MorascaRussia2024-09-09Commercial Press PROPOSAL84Anna Fali
1042Octavia K AlbaresBrazil2024-09-09Dorl, James J Esq RENEWAL72Onyama Limba
1043Deepesh F CaldareraFrance2024-09-21Printing Dimensions UNQUALIFIED54Stephen Shaw
1044Claire Y OldroydCanada2024-09-07Feiner Bros PROPOSAL53Stephen Shaw
1045Maria O MorascaFrance2024-09-21Dorl, James J Esq QUALIFIED9Elwin Sharvill
1046Maisha L MaletRussia2024-08-29Rousseaux, Michael Esq QUALIFIED10Bernardo Dominic
1047Aruna Z SchemmerAustralia2024-09-09Morlong Associates PROPOSAL50Anna Fali
1048Octavia E FlosiBrazil2024-09-11Rousseaux, Michael Esq NEGOTIATION62Ioni Bowcher
1049Maria Q MaletSpain2024-09-14Commercial Press PROPOSAL14Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Chavez U RutaFranceIoni Bowcher QUALIFIED
Izzy Y StensethItalyXuxue Feng UNQUALIFIED
Faith N IturbideSpainAmy Elsner NEGOTIATION
Nicolas U FerenczBrazilIoni Bowcher UNQUALIFIED
Munro P TollnerRussiaIoni Bowcher RENEWAL
Jefferson F FlosiArgentinaBernardo Dominic NEGOTIATION
Cody N AmigonGermanyIvan Magalhaes PROPOSAL
Jones Q GlickJapanElwin Sharvill NEW
Munro P PaprockiBrazilStephen Shaw PROPOSAL
Deepesh P FerenczUnited KingdomStephen Shaw QUALIFIED
Wickens E AlbaresCanadaOnyama Limba QUALIFIED
Stacey C RulapaughFranceIoni Bowcher RENEWAL
Ashley D RoysterArgentinaStephen Shaw PROPOSAL
Alejandro F WhobreyArgentinaAnna Fali PROPOSAL
Faith S AlbaresUnited KingdomXuxue Feng RENEWAL
Greenwood B DoeIndiaIvan Magalhaes NEGOTIATION
Silvio K CaldareraBrazilIvan Magalhaes NEGOTIATION
Stacey S ShinkoCanadaBernardo Dominic UNQUALIFIED
Rodrigues Q SchemmerUnited KingdomStephen Shaw UNQUALIFIED
Sinclair L GauchoItalyOnyama Limba QUALIFIED
Greenwood U WieserAustraliaAnna Fali QUALIFIED
Costa Y SergiGermanyIvan Magalhaes RENEWAL
Tony M BologniaFranceBernardo Dominic NEGOTIATION
Aruna K GlickFranceElwin Sharvill UNQUALIFIED
Ricardo A RulapaughItalyElwin Sharvill QUALIFIED
Wickens E ChuiIndiaAsiya Javayant RENEWAL
Faith R RoysterIndiaXuxue Feng PROPOSAL
Deepesh N RoysterJapanIoni Bowcher RENEWAL
Kaitlin U NickaGermanyElwin Sharvill UNQUALIFIED
Chavez Z GauchoJapanAsiya Javayant QUALIFIED
Costa P WaycottArgentinaElwin Sharvill RENEWAL
Antonio G TollnerUnited KingdomElwin Sharvill PROPOSAL
Jeanfrancois R GillianBrazilIoni Bowcher PROPOSAL
Claire Z BowleyCanadaIvan Magalhaes QUALIFIED
Antonio X RoysterBrazilAmy Elsner NEW
Stacey F AlbaresRussiaXuxue Feng QUALIFIED
Silvio X OstroskyUnited KingdomXuxue Feng PROPOSAL
Salvatore H CaudyGermanyAnna Fali QUALIFIED
Darci D TollnerCanadaBernardo Dominic PROPOSAL
Antonio U StensethSpainIoni Bowcher UNQUALIFIED
Jeanfrancois M MaletIndiaAmy Elsner PROPOSAL
Faith M TollnerCanadaAsiya Javayant UNQUALIFIED
Kadeem D FollerItalyAnna Fali PROPOSAL
Leja R PoquetteItalyStephen Shaw NEW
Aditya Y PaprockiCanadaBernardo Dominic QUALIFIED
Greenwood L NestleJapanIoni Bowcher PROPOSAL
Ricardo W MaletAustraliaStephen Shaw NEGOTIATION
Arvin E MarrierAustraliaIvan Magalhaes NEW
Jeanfrancois K RutaIndiaStephen Shaw NEW
Julie A OstroskyCanadaOnyama Limba UNQUALIFIED
Frozen Columns
Name
Nicolas X Ostrosky
Antonio Q Glick
Deepesh H Kolmetz
Clifford N Nicka
Antonio W Flosi
Johnson R Wieser
Aika U Nicka
Greenwood V Tollner
Morrow I Maclead
Jennifer J Morasca
Tony E Chui
Ivar I Doe
Aika P Gillian
Chavez S Foller
Jennifer D Bowley
Leon U Vocelka
Francesco R Malet
Cody S Ferencz
Aditya A Campain
Mujtaba B Oldroyd
Jones Y Malet
Juan H Whobrey
Sinclair S Slusarski
Chavez Q Schemmer
Costa N Figeroa
Claire F Slusarski
Isabel A Morasca
Ricardo H Butt
Izzy R Malet
Wickens E Bolognia
Kaitlin B Garufi
Wickens U Rulapaugh
David J Dilliard
Maria H Rulapaugh
Mujtaba U Shinko
Johnson M Gillian
Emily C Paprocki
Silvio N Rim
Octavia J Bowley
Clifford A Kolmetz
Leja I Foller
Wickens Y Perin
Adams U Gillian
Maisha M Darakjy
Mayumi S Kolmetz
Rodrigues S Glick
Julie W Paprocki
Antonio Z Malet
Morrow T Doe
Smith C Albares
IdCountryDate
1000India2024-09-18
1001Brazil2024-09-18
1002Russia2024-09-26
1003Germany2024-09-10
1004Brazil2024-09-25
1005Brazil2024-09-26
1006Canada2024-09-13
1007Brazil2024-09-09
1008Germany2024-09-21
1009Australia2024-09-17
1010France2024-09-17
1011United Kingdom2024-09-09
1012Australia2024-09-14
1013United Kingdom2024-08-29
1014France2024-09-17
1015France2024-09-14
1016Germany2024-09-24
1017Canada2024-09-14
1018Japan2024-08-30
1019Canada2024-09-22
1020Canada2024-09-08
1021United Kingdom2024-09-16
1022Italy2024-09-11
1023Australia2024-09-03
1024Italy2024-09-16
1025India2024-09-11
1026India2024-09-25
1027Russia2024-09-26
1028Russia2024-09-15
1029Australia2024-09-23
1030Germany2024-09-22
1031Russia2024-09-14
1032Japan2024-08-29
1033United Kingdom2024-09-22
1034Germany2024-08-28
1035Russia2024-08-31
1036Australia2024-09-03
1037Australia2024-09-19
1038Argentina2024-09-01
1039Argentina2024-09-02
1040Australia2024-09-25
1041Argentina2024-09-21
1042United Kingdom2024-09-05
1043Spain2024-08-31
1044Canada2024-09-09
1045France2024-09-16
1046Argentina2024-09-12
1047Australia2024-09-13
1048Germany2024-09-21
1049Russia2024-09-09

On-Demand Data

NameIdCountryDate
Ashley E Caudy1000India2024-09-14
Silvio M Foller1001Germany2024-09-14
Izzy O Schemmer1002Japan2024-09-06
Deepesh N Glick1003Australia2024-08-31
Costa P Gillian1004France2024-09-03
Nicolas U Bolognia1005United Kingdom2024-09-11
Aditya J Gaucho1006Germany2024-09-01
Jennifer H Foller1007Italy2024-08-28
Aruna E Flosi1008Spain2024-09-09
Aruna F Paprocki1009France2024-09-26
Johnson B Figeroa1010Canada2024-09-23
Clifford Z Doe1011Spain2024-09-23
Aditya N Stenseth1012Brazil2024-09-10
Silvio R Inouye1013Italy2024-08-29
Aditya Z Paprocki1014India2024-09-03
Adams G Briddick1015United Kingdom2024-08-28
Mujtaba O Stenseth1016Canada2024-09-15
Deepesh I Chui1017United Kingdom2024-09-19
Nicolas K Morasca1018Italy2024-09-10
James D Nestle1019Italy2024-09-20
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
David J KuskoIndiaAsiya Javayant UNQUALIFIED
Isabel R CaldareraSpainAsiya Javayant RENEWAL
Julie L AmigonRussiaOnyama Limba NEW
Aika S WhobreyAustraliaAnna Fali UNQUALIFIED
Costa E PoquetteFranceAsiya Javayant NEW
Octavia F SergiRussiaStephen Shaw QUALIFIED
Aruna T MaletAustraliaOnyama Limba QUALIFIED
Jeanfrancois H KuskoJapanOnyama Limba UNQUALIFIED
Leon B DoeGermanyOnyama Limba RENEWAL
Antonio H DoeGermanyOnyama Limba NEW
Izzy H ButtCanadaAnna Fali PROPOSAL
Arvin O StockhamAustraliaAnna Fali NEW
Alejandro U InouyeIndiaIoni Bowcher PROPOSAL
Francesco H DoeGermanyAnna Fali QUALIFIED
Greenwood R ButtFranceAsiya Javayant PROPOSAL
Emily J CaudyCanadaIoni Bowcher RENEWAL
Emily L BriddickIndiaBernardo Dominic NEGOTIATION
Arvin S KuskoItalyXuxue Feng QUALIFIED
Mujtaba X AmigonAustraliaXuxue Feng NEGOTIATION
James S CaldareraArgentinaBernardo Dominic NEW
Alejandro S NickaAustraliaElwin Sharvill UNQUALIFIED
Ashley X GarufiSpainAmy Elsner RENEWAL
Silvio X VenereRussiaElwin Sharvill PROPOSAL
Nicolas A FollerFranceAnna Fali NEGOTIATION
Julie O VocelkaIndiaAsiya Javayant QUALIFIED
Octavia A AmigonAustraliaOnyama Limba UNQUALIFIED
Costa I SergiAustraliaXuxue Feng NEGOTIATION
Aruna B WhobreyAustraliaBernardo Dominic PROPOSAL
Mujtaba B MorascaJapanElwin Sharvill NEGOTIATION
Johnson K MarrierAustraliaAnna Fali UNQUALIFIED
Ricardo N StockhamBrazilXuxue Feng UNQUALIFIED
Leon K RutaArgentinaIvan Magalhaes NEGOTIATION
Deepesh K DarakjyGermanyAsiya Javayant UNQUALIFIED
Maria M IturbideCanadaIvan Magalhaes UNQUALIFIED
Sinclair O DarakjyCanadaAnna Fali QUALIFIED
Maisha H PaprockiFranceOnyama Limba QUALIFIED
Kaitlin F ChuiCanadaOnyama Limba RENEWAL
Octavia Q SlusarskiSpainAsiya Javayant QUALIFIED
Tony A FerenczFranceOnyama Limba UNQUALIFIED
Leon R PerinIndiaAnna 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>