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
Francesco Y CaldareraArgentinaAmy Elsner UNQUALIFIED
Tony W CampainIndiaXuxue Feng NEGOTIATION
Faith I GarufiRussiaBernardo Dominic RENEWAL
Leon L MacleadIndiaAsiya Javayant PROPOSAL
David O BriddickItalyIvan Magalhaes RENEWAL
Aditya O ChuiGermanyBernardo Dominic NEW
Mujtaba T MorascaAustraliaXuxue Feng UNQUALIFIED
Faith C AlbaresIndiaOnyama Limba NEW
Leon C FlosiIndiaAnna Fali QUALIFIED
Leon A PerinBrazilAmy Elsner PROPOSAL
James S CaudyGermanyAmy Elsner RENEWAL
Octavia Q RimItalyAsiya Javayant NEGOTIATION
Deepesh H PaprockiJapanAsiya Javayant RENEWAL
Mayumi Q WaycottBrazilIvan Magalhaes RENEWAL
Morrow P PoquetteFranceIoni Bowcher NEGOTIATION
James W SlusarskiSpainStephen Shaw RENEWAL
Kadeem V PaprockiAustraliaElwin Sharvill NEW
Octavia J BowleySpainOnyama Limba NEW
Ashley X BriddickSpainXuxue Feng RENEWAL
Tony J DilliardCanadaIvan Magalhaes PROPOSAL
Deepesh L MaletItalyOnyama Limba UNQUALIFIED
Clifford T IturbideGermanyStephen Shaw UNQUALIFIED
Stacey A MaletUnited KingdomIvan Magalhaes NEW
Silvio M GlickGermanyElwin Sharvill UNQUALIFIED
Johnson C CaldareraArgentinaIvan Magalhaes UNQUALIFIED
James W DoeUnited KingdomStephen Shaw UNQUALIFIED
Adams Q SchemmerFranceXuxue Feng NEGOTIATION
Francesco B VenereArgentinaStephen Shaw RENEWAL
Kaitlin B TollnerItalyIoni Bowcher RENEWAL
Claire D AmigonUnited KingdomOnyama Limba UNQUALIFIED
Aditya A WaycottGermanyIoni Bowcher NEGOTIATION
Antonio U RoysterUnited KingdomElwin Sharvill UNQUALIFIED
Murillo A SergiArgentinaIoni Bowcher PROPOSAL
Leja F BowleyArgentinaAnna Fali NEGOTIATION
Antonio P StockhamFranceIoni Bowcher PROPOSAL
Deepesh A ButtUnited KingdomAmy Elsner PROPOSAL
Silvio P PoquetteSpainAnna Fali RENEWAL
James R FlosiGermanyAsiya Javayant QUALIFIED
Leon G RutaSpainXuxue Feng PROPOSAL
Wickens P AmigonGermanyElwin Sharvill PROPOSAL
Deepesh X PaprockiJapanAmy Elsner UNQUALIFIED
Smith B MarrierAustraliaIoni Bowcher RENEWAL
Faith K MarrierUnited KingdomBernardo Dominic RENEWAL
Misaki F MarrierUnited KingdomOnyama Limba NEW
Octavia H FlosiAustraliaXuxue Feng RENEWAL
Faith H PaprockiItalyOnyama Limba NEW
Jefferson L SergiUnited KingdomXuxue Feng NEW
Rodrigues W MaletBrazilAmy Elsner UNQUALIFIED
Morrow M ShinkoBrazilOnyama Limba UNQUALIFIED
Silvio J WieserFranceElwin Sharvill UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Leon O StockhamCanadaXuxue Feng NEGOTIATION
Emily Q OstroskyArgentinaIvan Magalhaes PROPOSAL
Darci N RimRussiaAnna Fali UNQUALIFIED
Ivar G VocelkaFranceIoni Bowcher UNQUALIFIED
Darci M ChuiCanadaAmy Elsner PROPOSAL
Maisha I SergiAustraliaAnna Fali QUALIFIED
Izzy C MorascaGermanyBernardo Dominic NEW
Kaitlin R GlickSpainIvan Magalhaes NEW
Emily L CaudySpainBernardo Dominic NEGOTIATION
Mujtaba M FerenczIndiaXuxue Feng NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Ashley R MacleadJapan2025-04-26Chanay, Jeffrey A Esq NEGOTIATION46Elwin Sharvill
1001Jones Z IturbideCanada2025-04-24Benton, John B Jr NEW51Ivan Magalhaes
1002Aditya G OldroydItaly2025-04-06Rousseaux, Michael Esq QUALIFIED0Ivan Magalhaes
1003Mayumi U RutaFrance2025-04-16Chanay, Jeffrey A Esq RENEWAL3Ioni Bowcher
1004Jeanfrancois K CaldareraSpain2025-04-30Morlong Associates UNQUALIFIED76Bernardo Dominic
1005Emily M DilliardCanada2025-04-30Commercial Press NEW67Onyama Limba
1006Johnson H StockhamUnited Kingdom2025-04-09Chanay, Jeffrey A Esq NEW30Bernardo Dominic
1007Octavia B SchemmerSpain2025-04-06Feiner Bros NEGOTIATION40Stephen Shaw
1008Darci D MacleadAustralia2025-04-17Feltz Printing Service PROPOSAL74Xuxue Feng
1009Rodrigues O GarufiRussia2025-04-15Buckley Miller Wright NEW69Amy Elsner
1010Murillo M CaudyArgentina2025-04-07Commercial Press UNQUALIFIED50Ivan Magalhaes
1011Jones Q AlbaresRussia2025-04-27Chanay, Jeffrey A Esq RENEWAL20Onyama Limba
1012Aika U VenereItaly2025-04-10Feltz Printing Service NEGOTIATION21Amy Elsner
1013Greenwood Q ButtGermany2025-04-26Truhlar And Truhlar Attys UNQUALIFIED19Ivan Magalhaes
1014Maria U PoquetteSpain2025-04-30Commercial Press QUALIFIED76Amy Elsner
1015Claire T RutaIndia2025-04-23Chemel, James L Cpa QUALIFIED85Ivan Magalhaes
1016Aruna T PerinArgentina2025-04-06Truhlar And Truhlar Attys UNQUALIFIED1Asiya Javayant
1017Tony G InouyeUnited Kingdom2025-04-22Chapman, Ross E Esq PROPOSAL68Ivan Magalhaes
1018Adams O KolmetzSpain2025-04-10Chapman, Ross E Esq QUALIFIED9Asiya Javayant
1019Adams P TollnerBrazil2025-04-29Chapman, Ross E Esq NEGOTIATION66Amy Elsner
1020Clifford P VocelkaRussia2025-04-14Commercial Press NEW8Ioni Bowcher
1021Leon T KolmetzJapan2025-04-09Commercial Press RENEWAL15Ioni Bowcher
1022Darci Y NickaGermany2025-04-29Rousseaux, Michael Esq PROPOSAL49Ioni Bowcher
1023Emily H FigeroaBrazil2025-04-12Benton, John B Jr NEW13Amy Elsner
1024Juan V IturbideIndia2025-04-04Rangoni Of Florence NEW30Ivan Magalhaes
1025Leja N RoysterJapan2025-04-15Commercial Press RENEWAL46Anna Fali
1026Juan W WhobreyArgentina2025-04-17Morlong Associates NEGOTIATION92Ioni Bowcher
1027Ashley Y BologniaIndia2025-04-14Benton, John B Jr NEGOTIATION83Ivan Magalhaes
1028Johnson Y SchemmerAustralia2025-04-01Dorl, James J Esq QUALIFIED32Ioni Bowcher
1029Izzy J KuskoArgentina2025-04-11Buckley Miller Wright NEW87Onyama Limba
1030Ashley W KuskoUnited Kingdom2025-04-24Commercial Press NEGOTIATION50Elwin Sharvill
1031Kaitlin Q OldroydUnited Kingdom2025-04-26Chapman, Ross E Esq NEGOTIATION66Stephen Shaw
1032Jones A IturbideSpain2025-04-08Buckley Miller Wright NEW92Ivan Magalhaes
1033Jennifer E GarufiUnited Kingdom2025-04-23King, Christopher A Esq UNQUALIFIED31Onyama Limba
1034Silvio D WieserArgentina2025-04-03Morlong Associates RENEWAL26Xuxue Feng
1035Jennifer C PaprockiBrazil2025-04-10Printing Dimensions NEGOTIATION40Bernardo Dominic
1036Kadeem K MaletBrazil2025-04-12Buckley Miller Wright UNQUALIFIED60Ioni Bowcher
1037Mayumi D GlickUnited Kingdom2025-04-28Morlong Associates NEW55Xuxue Feng
1038Nicolas Q NickaRussia2025-04-08Buckley Miller Wright UNQUALIFIED49Ioni Bowcher
1039Wickens X RoysterArgentina2025-04-03Rousseaux, Michael Esq UNQUALIFIED2Onyama Limba
1040Wickens A WhobreyBrazil2025-04-21Buckley Miller Wright NEW10Ioni Bowcher
1041Leon P InouyeFrance2025-04-28King, Christopher A Esq NEW64Elwin Sharvill
1042Francesco E NickaFrance2025-04-19Printing Dimensions QUALIFIED49Anna Fali
1043James C WhobreyCanada2025-04-18Rangoni Of Florence QUALIFIED37Stephen Shaw
1044Morrow Z SchemmerItaly2025-04-21Chanay, Jeffrey A Esq QUALIFIED96Ioni Bowcher
1045Munro I SchemmerRussia2025-04-08Chanay, Jeffrey A Esq NEGOTIATION51Anna Fali
1046Tony N RutaItaly2025-04-11Morlong Associates NEGOTIATION78Ivan Magalhaes
1047Leja O SchemmerAustralia2025-04-01Morlong Associates UNQUALIFIED53Ivan Magalhaes
1048Murillo I InouyeBrazil2025-04-13Feltz Printing Service RENEWAL24Stephen Shaw
1049Alejandro R MaletJapan2025-04-09King, Christopher A Esq UNQUALIFIED61Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Clifford E DoeCanadaXuxue Feng RENEWAL
James Y BowleyRussiaBernardo Dominic NEW
Emily W IturbideUnited KingdomOnyama Limba QUALIFIED
Tony A FlosiArgentinaAsiya Javayant QUALIFIED
Faith U MaletArgentinaAsiya Javayant UNQUALIFIED
Costa K SchemmerItalyStephen Shaw NEGOTIATION
Ashley U ShinkoCanadaAsiya Javayant UNQUALIFIED
Jennifer N KuskoGermanyXuxue Feng QUALIFIED
Julie Z StockhamArgentinaOnyama Limba NEW
Stacey O FigeroaBrazilIvan Magalhaes NEGOTIATION
Adams A GillianCanadaElwin Sharvill PROPOSAL
David W MacleadAustraliaAnna Fali RENEWAL
Claire U NickaArgentinaAsiya Javayant RENEWAL
Munro I KuskoAustraliaAnna Fali NEGOTIATION
Julie S SlusarskiItalyIoni Bowcher RENEWAL
Rodrigues N OldroydSpainIoni Bowcher RENEWAL
Julie G NickaJapanStephen Shaw UNQUALIFIED
Antonio I StockhamArgentinaXuxue Feng NEW
Ivar A InouyeBrazilOnyama Limba QUALIFIED
Ivar U PaprockiUnited KingdomElwin Sharvill RENEWAL
Sinclair U CampainGermanyIvan Magalhaes NEGOTIATION
Leon C ChuiAustraliaOnyama Limba UNQUALIFIED
Ricardo G MaletCanadaAnna Fali UNQUALIFIED
Julie E MaletUnited KingdomIoni Bowcher NEW
Darci J KolmetzJapanIvan Magalhaes QUALIFIED
Mayumi Y StockhamItalyXuxue Feng PROPOSAL
Salvatore N NickaIndiaStephen Shaw RENEWAL
Jeanfrancois J NickaBrazilBernardo Dominic UNQUALIFIED
Maria E GauchoSpainIvan Magalhaes NEGOTIATION
Aika T MaletIndiaAmy Elsner NEGOTIATION
Wickens V MaletJapanIvan Magalhaes QUALIFIED
Silvio J GlickBrazilOnyama Limba QUALIFIED
Darci L OstroskyIndiaStephen Shaw NEW
Faith A GillianItalyOnyama Limba PROPOSAL
Kaitlin Q OldroydArgentinaAmy Elsner RENEWAL
Costa A NestleSpainIoni Bowcher NEW
Aika V ButtItalyIoni Bowcher RENEWAL
Stacey W GauchoCanadaAmy Elsner NEW
Ivar V StockhamBrazilIvan Magalhaes NEW
Leon T CaldareraAustraliaIvan Magalhaes NEW
Clifford F PoquetteFranceXuxue Feng UNQUALIFIED
Stacey U WaycottItalyElwin Sharvill RENEWAL
Francesco Z DoeSpainStephen Shaw RENEWAL
Faith I BriddickJapanAmy Elsner RENEWAL
Salvatore J KolmetzItalyBernardo Dominic UNQUALIFIED
Jones W WhobreyFranceAmy Elsner PROPOSAL
Jeanfrancois X RimSpainAnna Fali UNQUALIFIED
Leon C DilliardArgentinaElwin Sharvill UNQUALIFIED
Deepesh O PoquetteUnited KingdomXuxue Feng QUALIFIED
Deepesh Y NickaRussiaStephen Shaw NEW
Frozen Columns
Name
Isabel W Shinko
Kaitlin E Perin
Mujtaba M Rulapaugh
Octavia D Rulapaugh
Cody R Slusarski
Aika J Glick
Wickens O Gaucho
Jones C Darakjy
Costa P Venere
Munro P Schemmer
Alejandro P Inouye
Izzy V Waycott
Leja S Slusarski
Aruna O Saylors
Octavia A Gaucho
Octavia L Iturbide
Leon S Morasca
Antonio B Maclead
Faith W Saylors
Alejandro D Doe
Johnson D Stockham
Greenwood C Poquette
Murillo H Maclead
Chavez S Perin
Aditya J Glick
Cody G Saylors
James B Doe
Greenwood A Flosi
David Q Caldarera
Emily I Darakjy
Adams P Wieser
Jefferson T Bowley
Munro D Gillian
Emily W Foller
Munro U Kusko
Ricardo N Malet
James Y Nestle
Wickens F Kolmetz
Aditya H Rim
Costa N Rulapaugh
Aika B Ostrosky
Chavez C Figeroa
Sinclair Z Gillian
Leja D Vocelka
Emily Y Foller
Aruna N Morasca
Jones A Oldroyd
Maisha P Stockham
Adams L Waycott
Francesco V Schemmer
IdCountryDate
1000Canada2025-04-28
1001Brazil2025-04-09
1002United Kingdom2025-04-27
1003Germany2025-04-27
1004Russia2025-04-01
1005Spain2025-04-14
1006Canada2025-04-02
1007Germany2025-04-05
1008Italy2025-04-06
1009France2025-04-19
1010India2025-04-16
1011Canada2025-04-30
1012United Kingdom2025-04-23
1013United Kingdom2025-04-08
1014Canada2025-04-15
1015Spain2025-04-22
1016Italy2025-04-01
1017Spain2025-04-17
1018Argentina2025-04-13
1019Australia2025-04-21
1020Japan2025-04-09
1021Germany2025-04-09
1022Italy2025-04-01
1023Australia2025-04-06
1024Brazil2025-04-20
1025Italy2025-04-24
1026Russia2025-04-27
1027Brazil2025-04-28
1028France2025-04-27
1029Argentina2025-04-23
1030Russia2025-04-23
1031Germany2025-04-12
1032Spain2025-04-04
1033Spain2025-04-09
1034Germany2025-04-25
1035Japan2025-04-06
1036Germany2025-04-13
1037Italy2025-04-12
1038Brazil2025-04-21
1039Brazil2025-04-17
1040Australia2025-04-27
1041Australia2025-04-30
1042Spain2025-04-28
1043United Kingdom2025-04-20
1044Argentina2025-04-07
1045Russia2025-04-09
1046Brazil2025-04-10
1047Canada2025-04-21
1048France2025-04-18
1049Australia2025-04-15

On-Demand Data

NameIdCountryDate
Emily Z Stenseth1000Australia2025-04-17
Kadeem A Iturbide1001Spain2025-04-06
Octavia Y Doe1002United Kingdom2025-04-29
Kaitlin N Glick1003Canada2025-04-10
Jones R Nicka1004Spain2025-04-28
Silvio A Poquette1005Spain2025-04-02
Leja I Whobrey1006Germany2025-04-08
Jones Y Chui1007Japan2025-04-24
Ricardo D Saylors1008Japan2025-04-15
Antonio V Schemmer1009Argentina2025-04-06
Munro T Whobrey1010Japan2025-04-09
David E Venere1011Spain2025-04-11
Morrow U Shinko1012Russia2025-04-20
Aditya P Butt1013Russia2025-04-30
Clifford P Iturbide1014Argentina2025-04-04
Johnson U Vocelka1015Italy2025-04-30
Rodrigues K Gaucho1016Spain2025-04-22
Morrow Z Kusko1017Russia2025-04-24
Jennifer S Chui1018United Kingdom2025-04-03
Leja D Morasca1019Spain2025-04-03
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Johnson T AmigonGermanyIoni Bowcher RENEWAL
Kaitlin N RutaRussiaAnna Fali NEW
Mayumi G FerenczGermanyXuxue Feng UNQUALIFIED
David U DilliardRussiaStephen Shaw PROPOSAL
Ricardo Q FlosiJapanXuxue Feng NEW
Chavez A RulapaughUnited KingdomAnna Fali UNQUALIFIED
Smith C CaudyJapanStephen Shaw NEW
Stacey U NickaCanadaIvan Magalhaes NEW
Ivar N WhobreyJapanBernardo Dominic NEGOTIATION
Arvin W FigeroaIndiaAmy Elsner QUALIFIED
Stacey Z RoysterJapanAnna Fali NEW
Johnson A MarrierIndiaXuxue Feng UNQUALIFIED
Jennifer Z PerinUnited KingdomIvan Magalhaes PROPOSAL
Francesco M RutaFranceBernardo Dominic NEGOTIATION
Salvatore Q DarakjyFranceAnna Fali NEW
Darci Q AmigonJapanIoni Bowcher PROPOSAL
Wickens W OstroskyFranceXuxue Feng QUALIFIED
Morrow Y CaudyFranceAnna Fali NEW
Maria X GillianJapanIoni Bowcher NEW
Murillo Q RutaItalyAsiya Javayant UNQUALIFIED
Jones G GlickRussiaAmy Elsner QUALIFIED
Aruna O NickaBrazilStephen Shaw NEGOTIATION
Maria K InouyeSpainAsiya Javayant RENEWAL
Salvatore F SaylorsGermanyBernardo Dominic NEGOTIATION
Greenwood X WieserJapanAmy Elsner UNQUALIFIED
Faith Q WieserJapanAmy Elsner RENEWAL
Sinclair S GauchoUnited KingdomXuxue Feng NEW
Adams D MaletBrazilAnna Fali PROPOSAL
Munro L VenereJapanAsiya Javayant UNQUALIFIED
Morrow N FerenczArgentinaStephen Shaw QUALIFIED
Aika P GauchoIndiaStephen Shaw UNQUALIFIED
Alejandro M FigeroaJapanIoni Bowcher NEGOTIATION
Emily P BowleyAustraliaAnna Fali QUALIFIED
Francesco D GauchoIndiaBernardo Dominic NEW
Silvio F StensethGermanyXuxue Feng UNQUALIFIED
Emily M BologniaRussiaBernardo Dominic RENEWAL
Mayumi P CampainBrazilElwin Sharvill NEGOTIATION
Aika V BriddickUnited KingdomAmy Elsner UNQUALIFIED
Leon R BriddickAustraliaXuxue Feng QUALIFIED
Kaitlin R FerenczIndiaAnna 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>