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
Salvatore K PoquetteCanadaBernardo Dominic PROPOSAL
Octavia S RutaRussiaAmy Elsner QUALIFIED
Maria Z DarakjyGermanyIoni Bowcher QUALIFIED
Chavez M RutaBrazilStephen Shaw NEGOTIATION
Chavez W GillianAustraliaAnna Fali QUALIFIED
Octavia J GarufiBrazilIvan Magalhaes PROPOSAL
Jennifer D GlickSpainAnna Fali PROPOSAL
Maria Z IturbideJapanBernardo Dominic RENEWAL
Alejandro C RoysterSpainXuxue Feng NEGOTIATION
Smith X MacleadRussiaXuxue Feng NEW
Salvatore I PoquetteUnited KingdomIoni Bowcher NEW
Morrow Y WaycottJapanIvan Magalhaes UNQUALIFIED
Jeanfrancois N DarakjyBrazilElwin Sharvill RENEWAL
Tony I StensethGermanyXuxue Feng NEW
James C BriddickIndiaXuxue Feng RENEWAL
Mujtaba C RutaIndiaAmy Elsner PROPOSAL
Isabel Q PoquetteSpainIvan Magalhaes NEW
Tony W KolmetzArgentinaOnyama Limba QUALIFIED
Izzy J RoysterGermanyBernardo Dominic PROPOSAL
Smith K IturbideItalyAsiya Javayant NEGOTIATION
Kaitlin O MaletIndiaXuxue Feng UNQUALIFIED
Ricardo P MorascaAustraliaBernardo Dominic RENEWAL
Claire N SchemmerUnited KingdomXuxue Feng UNQUALIFIED
Leon W RimGermanyAnna Fali PROPOSAL
Murillo B DoeAustraliaIoni Bowcher UNQUALIFIED
Ivar N PerinBrazilAmy Elsner PROPOSAL
Alejandro I BologniaBrazilAmy Elsner RENEWAL
James P NestleAustraliaBernardo Dominic QUALIFIED
Kadeem Y MacleadAustraliaAmy Elsner NEGOTIATION
Claire U FlosiJapanAnna Fali UNQUALIFIED
Maria K VenereRussiaElwin Sharvill RENEWAL
Aditya P ChuiIndiaIvan Magalhaes UNQUALIFIED
Wickens S FigeroaFranceStephen Shaw RENEWAL
Jones G CaldareraBrazilAmy Elsner PROPOSAL
Francesco B PaprockiArgentinaIvan Magalhaes NEW
Izzy R StockhamSpainAmy Elsner PROPOSAL
Alejandro B RulapaughArgentinaElwin Sharvill QUALIFIED
Izzy K CaldareraSpainOnyama Limba PROPOSAL
Francesco Q AlbaresArgentinaXuxue Feng PROPOSAL
Aditya E OldroydSpainElwin Sharvill QUALIFIED
Juan D StensethSpainAnna Fali NEGOTIATION
Francesco P PaprockiFranceBernardo Dominic QUALIFIED
Mujtaba K MaletBrazilElwin Sharvill NEW
Mujtaba I TollnerFranceAmy Elsner NEGOTIATION
James D AlbaresUnited KingdomXuxue Feng NEW
Silvio A GillianUnited KingdomXuxue Feng PROPOSAL
Greenwood G VocelkaSpainAnna Fali QUALIFIED
Octavia U WhobreyFranceStephen Shaw QUALIFIED
Silvio I PaprockiGermanyElwin Sharvill NEW
Leon L ShinkoItalyAmy Elsner QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Izzy M CampainJapanIvan Magalhaes PROPOSAL
Greenwood Z AlbaresAustraliaElwin Sharvill UNQUALIFIED
Darci Q VenereAustraliaElwin Sharvill QUALIFIED
Mujtaba T FigeroaIndiaElwin Sharvill NEW
Murillo R AmigonRussiaElwin Sharvill UNQUALIFIED
Rodrigues N BowleyJapanElwin Sharvill PROPOSAL
Cody K GlickFranceAsiya Javayant PROPOSAL
Stacey X AmigonUnited KingdomAsiya Javayant UNQUALIFIED
Nicolas F TollnerBrazilAsiya Javayant QUALIFIED
Silvio E PoquetteItalyIvan Magalhaes RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Sinclair M CampainArgentina2025-04-02Morlong Associates NEW85Bernardo Dominic
1001Kadeem M BriddickGermany2025-04-07Rousseaux, Michael Esq PROPOSAL47Stephen Shaw
1002Tony O DilliardJapan2025-04-15Chanay, Jeffrey A Esq NEW15Ioni Bowcher
1003Alejandro L SlusarskiAustralia2025-04-13Benton, John B Jr NEGOTIATION11Stephen Shaw
1004Smith V GillianSpain2025-04-18Truhlar And Truhlar Attys NEW11Stephen Shaw
1005Chavez F PoquetteUnited Kingdom2025-04-16Dorl, James J Esq RENEWAL17Stephen Shaw
1006Costa O KolmetzGermany2025-04-06Feltz Printing Service RENEWAL28Amy Elsner
1007Ricardo L GillianSpain2025-04-14Rangoni Of Florence NEGOTIATION5Ivan Magalhaes
1008Aditya M WaycottCanada2025-04-10Rangoni Of Florence UNQUALIFIED15Ivan Magalhaes
1009Alejandro H DilliardGermany2025-04-02Printing Dimensions NEGOTIATION8Amy Elsner
1010Jennifer U GarufiIndia2025-04-09Rousseaux, Michael Esq UNQUALIFIED52Xuxue Feng
1011Tony E KolmetzArgentina2025-04-20Chanay, Jeffrey A Esq RENEWAL15Anna Fali
1012Francesco G GarufiIndia2025-04-12Chemel, James L Cpa UNQUALIFIED95Amy Elsner
1013Adams O AmigonAustralia2025-04-02Rousseaux, Michael Esq UNQUALIFIED49Stephen Shaw
1014Ricardo T RutaSpain2025-04-03Feiner Bros PROPOSAL29Xuxue Feng
1015Leon O NickaAustralia2025-04-14Chanay, Jeffrey A Esq NEGOTIATION37Xuxue Feng
1016Jennifer T DoeIndia2025-04-15King, Christopher A Esq QUALIFIED36Onyama Limba
1017Misaki V ChuiJapan2025-04-29Feltz Printing Service NEGOTIATION73Anna Fali
1018Maria V WieserUnited Kingdom2025-04-11Rousseaux, Michael Esq UNQUALIFIED89Ioni Bowcher
1019Jennifer Y FlosiItaly2025-04-16Feltz Printing Service RENEWAL44Ivan Magalhaes
1020Johnson V ChuiArgentina2025-04-29Feltz Printing Service NEW8Ioni Bowcher
1021Octavia B SchemmerRussia2025-04-27King, Christopher A Esq PROPOSAL10Asiya Javayant
1022Jones S VenereSpain2025-04-25Printing Dimensions RENEWAL82Elwin Sharvill
1023Sinclair L WhobreyUnited Kingdom2025-04-21Buckley Miller Wright NEW21Elwin Sharvill
1024Cody X FigeroaBrazil2025-04-09Dorl, James J Esq UNQUALIFIED95Bernardo Dominic
1025Francesco M CampainFrance2025-04-18Benton, John B Jr NEGOTIATION60Anna Fali
1026Costa T AmigonUnited Kingdom2025-04-01King, Christopher A Esq QUALIFIED16Onyama Limba
1027Adams M GauchoUnited Kingdom2025-04-18Morlong Associates NEGOTIATION0Amy Elsner
1028Jones X DoeSpain2025-04-13Rangoni Of Florence NEGOTIATION40Asiya Javayant
1029Murillo L CampainArgentina2025-04-03Commercial Press NEGOTIATION60Bernardo Dominic
1030Leja P CaudyIndia2025-04-08King, Christopher A Esq NEW22Bernardo Dominic
1031Wickens N AmigonRussia2025-04-14Chapman, Ross E Esq RENEWAL9Asiya Javayant
1032Faith S RimFrance2025-04-04Chapman, Ross E Esq NEW2Bernardo Dominic
1033Juan E KuskoUnited Kingdom2025-04-25Chapman, Ross E Esq PROPOSAL56Stephen Shaw
1034Costa T BowleyRussia2025-04-21King, Christopher A Esq UNQUALIFIED31Bernardo Dominic
1035Aditya S AlbaresSpain2025-04-05Rangoni Of Florence NEGOTIATION86Asiya Javayant
1036Jefferson Y DarakjyFrance2025-04-27Truhlar And Truhlar Attys RENEWAL14Bernardo Dominic
1037Aruna U FigeroaIndia2025-04-29Truhlar And Truhlar Attys PROPOSAL84Ivan Magalhaes
1038Johnson M GarufiCanada2025-04-13Dorl, James J Esq PROPOSAL89Anna Fali
1039Claire L VenereFrance2025-04-26Rousseaux, Michael Esq NEGOTIATION14Anna Fali
1040Wickens V WhobreyFrance2025-04-06Chanay, Jeffrey A Esq NEGOTIATION0Asiya Javayant
1041Deepesh T AlbaresCanada2025-04-01Chapman, Ross E Esq UNQUALIFIED68Elwin Sharvill
1042Juan R WieserGermany2025-04-25Buckley Miller Wright NEW99Xuxue Feng
1043Arvin K MarrierUnited Kingdom2025-04-18Rousseaux, Michael Esq PROPOSAL82Xuxue Feng
1044Wickens N BologniaBrazil2025-04-21Buckley Miller Wright QUALIFIED22Asiya Javayant
1045Aditya V SchemmerJapan2025-04-30Feltz Printing Service NEGOTIATION10Anna Fali
1046Wickens R CaudySpain2025-04-21Truhlar And Truhlar Attys NEGOTIATION35Xuxue Feng
1047Leon Z BowleyIndia2025-04-28Rousseaux, Michael Esq NEGOTIATION98Ioni Bowcher
1048Darci B DarakjyUnited Kingdom2025-04-03Feiner Bros RENEWAL18Bernardo Dominic
1049Leja N FerenczGermany2025-04-29Buckley Miller Wright NEGOTIATION79Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Mayumi Q GlickItalyStephen Shaw PROPOSAL
Adams V ButtArgentinaAsiya Javayant PROPOSAL
Alejandro T CampainCanadaElwin Sharvill QUALIFIED
Rodrigues E WieserGermanyElwin Sharvill QUALIFIED
Wickens U GillianAustraliaAnna Fali QUALIFIED
Jefferson E ChuiIndiaAnna Fali UNQUALIFIED
Mujtaba W ShinkoAustraliaStephen Shaw PROPOSAL
Isabel K PerinRussiaAnna Fali NEW
Darci S VocelkaItalyOnyama Limba NEGOTIATION
Mujtaba I MacleadBrazilAnna Fali NEW
Sinclair J FlosiBrazilIvan Magalhaes QUALIFIED
Francesco C RoysterJapanXuxue Feng NEW
Salvatore V KuskoAustraliaAmy Elsner NEGOTIATION
Salvatore A PoquetteArgentinaAsiya Javayant UNQUALIFIED
Francesco J InouyeItalyBernardo Dominic UNQUALIFIED
David N CaldareraAustraliaAnna Fali PROPOSAL
Salvatore Z IturbideCanadaStephen Shaw NEGOTIATION
Ricardo L PoquetteArgentinaIoni Bowcher QUALIFIED
Smith D SaylorsArgentinaIvan Magalhaes NEGOTIATION
Clifford H PaprockiSpainElwin Sharvill PROPOSAL
Deepesh F WaycottGermanyXuxue Feng NEW
Nicolas Y BologniaJapanAsiya Javayant QUALIFIED
Nicolas M RulapaughUnited KingdomStephen Shaw RENEWAL
Antonio D GillianArgentinaAnna Fali RENEWAL
Costa D DarakjyRussiaOnyama Limba RENEWAL
Isabel D DilliardIndiaAsiya Javayant QUALIFIED
Adams D KuskoRussiaOnyama Limba UNQUALIFIED
Clifford B KuskoItalyAnna Fali RENEWAL
Silvio I StockhamIndiaElwin Sharvill RENEWAL
Octavia H DarakjyGermanyStephen Shaw PROPOSAL
Deepesh Q DoeJapanAsiya Javayant RENEWAL
Adams M InouyeJapanElwin Sharvill NEW
Misaki Q RimJapanAnna Fali NEW
Izzy G TollnerIndiaBernardo Dominic NEGOTIATION
Mayumi K StockhamIndiaAmy Elsner NEW
David X ButtCanadaIoni Bowcher NEGOTIATION
Salvatore C RutaBrazilBernardo Dominic RENEWAL
Misaki V ShinkoFranceIoni Bowcher PROPOSAL
Morrow A WieserSpainElwin Sharvill QUALIFIED
Kadeem K GillianSpainAsiya Javayant RENEWAL
Deepesh E FollerBrazilBernardo Dominic PROPOSAL
Costa Y IturbideIndiaIoni Bowcher QUALIFIED
Emily A KolmetzItalyIoni Bowcher RENEWAL
Mayumi U SaylorsJapanXuxue Feng NEGOTIATION
Adams F ShinkoRussiaXuxue Feng PROPOSAL
Nicolas V StensethIndiaAsiya Javayant PROPOSAL
Darci R ButtArgentinaStephen Shaw PROPOSAL
Smith H BowleyItalyAmy Elsner RENEWAL
Faith O CaudyUnited KingdomIvan Magalhaes QUALIFIED
Faith Y SlusarskiUnited KingdomAmy Elsner PROPOSAL
Frozen Columns
Name
Aruna A Albares
Antonio Y Tollner
Smith P Oldroyd
Tony Q Butt
Jennifer S Ruta
Salvatore H Venere
Aruna N Waycott
Johnson A Oldroyd
Adams C Iturbide
Julie K Ferencz
Aruna K Saylors
Tony L Tollner
Smith R Oldroyd
Cody Y Caldarera
Mayumi C Inouye
Ashley M Whobrey
Ricardo Y Vocelka
Morrow C Oldroyd
Chavez F Ostrosky
Francesco L Caudy
Alejandro I Bowley
Faith X Ruta
Francesco A Schemmer
Tony M Marrier
Octavia Q Vocelka
Leja A Royster
Greenwood G Albares
Aditya H Whobrey
Adams G Albares
Johnson N Maclead
Cody Y Kusko
Antonio V Waycott
Chavez S Amigon
Chavez A Wieser
Francesco C Malet
Nicolas H Gillian
Isabel G Marrier
Izzy S Vocelka
Jefferson P Briddick
Adams E Ruta
Emily D Ferencz
Salvatore P Dilliard
Emily F Vocelka
Cody Q Flosi
Smith P Oldroyd
Mayumi K Flosi
Aditya H Poquette
Maria D Venere
Ricardo P Caudy
Isabel W Gaucho
IdCountryDate
1000Spain2025-04-18
1001Canada2025-04-09
1002Canada2025-04-23
1003Russia2025-04-15
1004Argentina2025-04-13
1005Germany2025-04-29
1006Japan2025-04-16
1007Germany2025-04-26
1008India2025-04-08
1009Canada2025-04-18
1010United Kingdom2025-04-24
1011Germany2025-04-12
1012India2025-04-30
1013United Kingdom2025-04-27
1014Russia2025-04-14
1015Germany2025-04-06
1016Spain2025-04-20
1017Canada2025-04-12
1018Argentina2025-04-15
1019Japan2025-04-16
1020Japan2025-04-03
1021Germany2025-04-27
1022Spain2025-04-27
1023Russia2025-04-07
1024Russia2025-04-14
1025Italy2025-04-14
1026Argentina2025-04-21
1027Russia2025-04-29
1028United Kingdom2025-04-26
1029France2025-04-21
1030India2025-04-30
1031France2025-04-22
1032Russia2025-04-23
1033United Kingdom2025-04-16
1034Germany2025-04-07
1035Japan2025-04-30
1036Germany2025-04-25
1037India2025-04-13
1038Japan2025-04-25
1039Russia2025-04-30
1040United Kingdom2025-04-22
1041Russia2025-04-02
1042India2025-04-09
1043Argentina2025-04-17
1044India2025-04-17
1045Canada2025-04-07
1046France2025-04-09
1047Spain2025-04-30
1048Russia2025-04-03
1049France2025-04-06

On-Demand Data

NameIdCountryDate
Jennifer T Nestle1000Brazil2025-04-23
Silvio F Perin1001United Kingdom2025-04-25
Clifford H Ruta1002Argentina2025-04-20
Claire E Venere1003Spain2025-04-29
Chavez Q Dilliard1004United Kingdom2025-04-25
Leja I Chui1005Spain2025-04-25
Costa H Wieser1006Spain2025-04-14
Ivar H Bolognia1007France2025-04-22
Chavez G Waycott1008Brazil2025-04-01
Claire H Kolmetz1009France2025-04-19
Cody V Caudy1010Russia2025-04-24
Aditya A Ostrosky1011Japan2025-04-06
Morrow O Garufi1012Australia2025-04-09
Rodrigues M Rim1013Spain2025-04-07
Misaki U Dilliard1014Russia2025-04-01
Deepesh W Morasca1015Russia2025-04-22
Munro Z Butt1016India2025-04-03
Adams N Chui1017Australia2025-04-25
James R Darakjy1018France2025-04-19
Misaki E Chui1019Japan2025-04-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Silvio I KuskoAustraliaOnyama Limba NEW
Misaki M CaldareraBrazilBernardo Dominic NEW
Izzy X OldroydIndiaStephen Shaw NEGOTIATION
Murillo S CaudyUnited KingdomXuxue Feng PROPOSAL
Antonio K SergiJapanOnyama Limba RENEWAL
Arvin W OldroydAustraliaAsiya Javayant PROPOSAL
Wickens W AlbaresGermanyXuxue Feng UNQUALIFIED
Mujtaba L RoysterAustraliaBernardo Dominic UNQUALIFIED
Rodrigues E MaletSpainIvan Magalhaes NEW
Tony D StensethJapanIoni Bowcher NEW
Aditya N SaylorsGermanyBernardo Dominic NEGOTIATION
Francesco O ChuiGermanyIvan Magalhaes NEW
Rodrigues U MarrierJapanBernardo Dominic QUALIFIED
Clifford W StensethUnited KingdomBernardo Dominic UNQUALIFIED
Leon K WieserJapanAmy Elsner QUALIFIED
Arvin X SergiFranceAsiya Javayant PROPOSAL
Cody A GillianUnited KingdomStephen Shaw NEGOTIATION
Faith L RoysterUnited KingdomAmy Elsner UNQUALIFIED
Aruna N BowleyCanadaAsiya Javayant NEGOTIATION
Julie A BriddickArgentinaAmy Elsner PROPOSAL
Isabel B StockhamIndiaXuxue Feng PROPOSAL
Johnson N KolmetzFranceIoni Bowcher QUALIFIED
Izzy C OldroydItalyAmy Elsner RENEWAL
Mayumi Y MaletJapanStephen Shaw NEGOTIATION
Izzy C MaletCanadaOnyama Limba PROPOSAL
Juan R OldroydUnited KingdomAsiya Javayant PROPOSAL
Chavez B RoysterArgentinaOnyama Limba PROPOSAL
Antonio D PoquetteItalyOnyama Limba UNQUALIFIED
Wickens B StockhamJapanElwin Sharvill QUALIFIED
Leja G StockhamIndiaAmy Elsner RENEWAL
Clifford I GarufiRussiaXuxue Feng NEW
Smith F ShinkoIndiaAsiya Javayant QUALIFIED
Kaitlin H StockhamBrazilAnna Fali NEW
Emily D FlosiJapanStephen Shaw PROPOSAL
Cody R SaylorsCanadaAmy Elsner RENEWAL
Aditya A OldroydItalyAsiya Javayant RENEWAL
Ricardo N FlosiBrazilIoni Bowcher RENEWAL
Julie R KuskoRussiaAmy Elsner RENEWAL
Leja O MarrierJapanBernardo Dominic UNQUALIFIED
Misaki Q FerenczGermanyXuxue Feng 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>