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
Sinclair P NestleBrazilXuxue Feng RENEWAL
Sinclair C SlusarskiSpainBernardo Dominic NEW
Munro R VocelkaRussiaIoni Bowcher PROPOSAL
Darci O MarrierAustraliaIoni Bowcher NEW
Murillo A RulapaughRussiaAsiya Javayant PROPOSAL
Cody K VocelkaCanadaXuxue Feng QUALIFIED
Deepesh N RulapaughGermanyIoni Bowcher UNQUALIFIED
Julie K PerinItalyAnna Fali UNQUALIFIED
Mujtaba Q GarufiSpainOnyama Limba QUALIFIED
Arvin K WieserJapanElwin Sharvill NEGOTIATION
Murillo L InouyeIndiaIvan Magalhaes RENEWAL
Greenwood U InouyeCanadaElwin Sharvill UNQUALIFIED
Octavia N PerinUnited KingdomBernardo Dominic QUALIFIED
Juan P SlusarskiSpainAsiya Javayant QUALIFIED
Ivar Y MarrierItalyOnyama Limba NEW
Darci S CampainBrazilXuxue Feng RENEWAL
Jennifer F SaylorsItalyIoni Bowcher UNQUALIFIED
Octavia S GlickGermanyIoni Bowcher UNQUALIFIED
Maria T StockhamUnited KingdomAmy Elsner PROPOSAL
Kaitlin R PaprockiItalyOnyama Limba NEGOTIATION
Mujtaba V FlosiJapanAnna Fali QUALIFIED
Clifford S DoeGermanyOnyama Limba QUALIFIED
Sinclair X NickaRussiaBernardo Dominic QUALIFIED
Clifford B ChuiBrazilElwin Sharvill NEW
Sinclair Y AlbaresGermanyBernardo Dominic UNQUALIFIED
Kaitlin U StockhamGermanyStephen Shaw PROPOSAL
Ashley H DilliardArgentinaAsiya Javayant RENEWAL
Jeanfrancois M ShinkoRussiaIoni Bowcher NEGOTIATION
Antonio C SergiSpainAsiya Javayant RENEWAL
Alejandro H MarrierArgentinaIoni Bowcher UNQUALIFIED
Morrow I DoeRussiaXuxue Feng UNQUALIFIED
Jones J CaudyIndiaElwin Sharvill NEW
Emily Q GillianUnited KingdomIoni Bowcher QUALIFIED
Faith V OstroskyItalyXuxue Feng NEW
Clifford X VenereSpainXuxue Feng QUALIFIED
Morrow B PerinArgentinaElwin Sharvill PROPOSAL
Aruna C FlosiArgentinaAsiya Javayant PROPOSAL
Sinclair T BowleyRussiaBernardo Dominic NEW
Murillo F RulapaughBrazilStephen Shaw NEGOTIATION
Chavez X StockhamFranceIvan Magalhaes QUALIFIED
Aika L IturbideCanadaBernardo Dominic QUALIFIED
Chavez Y AlbaresUnited KingdomIvan Magalhaes UNQUALIFIED
Wickens I GauchoCanadaAsiya Javayant NEW
Maria P AlbaresUnited KingdomElwin Sharvill QUALIFIED
Nicolas M CampainAustraliaStephen Shaw RENEWAL
Aruna M InouyeBrazilXuxue Feng PROPOSAL
David N MaletItalyStephen Shaw NEGOTIATION
Octavia Q KuskoItalyStephen Shaw NEW
Costa K ShinkoBrazilAmy Elsner NEGOTIATION
Aika D FlosiItalyIoni Bowcher UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Salvatore F RulapaughRussiaIvan Magalhaes RENEWAL
Julie R GillianFranceIvan Magalhaes NEW
Nicolas X MaletCanadaAnna Fali PROPOSAL
Jennifer R GarufiJapanStephen Shaw QUALIFIED
Darci O AmigonUnited KingdomAmy Elsner NEGOTIATION
Jones X RoysterGermanyIvan Magalhaes QUALIFIED
David K RoysterBrazilBernardo Dominic QUALIFIED
Rodrigues Q DoeGermanyBernardo Dominic RENEWAL
Octavia N ButtRussiaAsiya Javayant NEW
Jefferson E SchemmerSpainIoni Bowcher QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Murillo B InouyeIndia2025-04-19Chemel, James L Cpa PROPOSAL47Anna Fali
1001Greenwood P WieserArgentina2025-04-13Commercial Press PROPOSAL81Stephen Shaw
1002Octavia Y ButtBrazil2025-04-16Feltz Printing Service QUALIFIED62Elwin Sharvill
1003Kadeem E GarufiCanada2025-04-27Truhlar And Truhlar Attys UNQUALIFIED60Elwin Sharvill
1004Tony E BowleyJapan2025-04-25Printing Dimensions UNQUALIFIED94Anna Fali
1005Ricardo P SlusarskiFrance2025-04-15Commercial Press NEW80Amy Elsner
1006Johnson P StockhamRussia2025-04-17Chemel, James L Cpa NEGOTIATION94Onyama Limba
1007Stacey Z FigeroaFrance2025-04-26Truhlar And Truhlar Attys NEGOTIATION32Bernardo Dominic
1008Claire S ShinkoArgentina2025-04-12Rousseaux, Michael Esq PROPOSAL94Amy Elsner
1009Sinclair N WieserRussia2025-04-30Chemel, James L Cpa PROPOSAL28Asiya Javayant
1010Murillo A FlosiUnited Kingdom2025-04-12Dorl, James J Esq RENEWAL97Elwin Sharvill
1011Emily S SergiJapan2025-04-11Commercial Press UNQUALIFIED8Bernardo Dominic
1012Maria H VocelkaItaly2025-04-25Chapman, Ross E Esq PROPOSAL60Xuxue Feng
1013Cody R FerenczFrance2025-04-28Chanay, Jeffrey A Esq NEGOTIATION55Ivan Magalhaes
1014Johnson E FlosiFrance2025-04-10Feltz Printing Service UNQUALIFIED21Onyama Limba
1015Aruna R StensethAustralia2025-04-29Dorl, James J Esq NEW33Bernardo Dominic
1016Ricardo G FollerSpain2025-04-10Chanay, Jeffrey A Esq QUALIFIED1Anna Fali
1017Salvatore F OldroydIndia2025-04-15Dorl, James J Esq UNQUALIFIED50Bernardo Dominic
1018Costa A SergiCanada2025-04-27Buckley Miller Wright NEW40Elwin Sharvill
1019Leja K CaudyAustralia2025-04-04Chapman, Ross E Esq PROPOSAL32Ioni Bowcher
1020Adams T KuskoSpain2025-04-29Chemel, James L Cpa RENEWAL43Anna Fali
1021Stacey A WhobreyItaly2025-04-03King, Christopher A Esq NEW9Bernardo Dominic
1022Aditya K IturbideArgentina2025-04-22Commercial Press QUALIFIED58Asiya Javayant
1023Adams H WieserBrazil2025-04-06Rangoni Of Florence UNQUALIFIED57Ivan Magalhaes
1024Chavez T DoeSpain2025-04-03Chanay, Jeffrey A Esq RENEWAL57Ivan Magalhaes
1025Costa J RimJapan2025-04-01Truhlar And Truhlar Attys RENEWAL0Elwin Sharvill
1026Adams B GauchoSpain2025-04-18Dorl, James J Esq NEGOTIATION32Bernardo Dominic
1027Cody J FigeroaSpain2025-04-17Feiner Bros RENEWAL68Amy Elsner
1028Juan Y DoeGermany2025-04-12Chanay, Jeffrey A Esq PROPOSAL10Ioni Bowcher
1029Leja D MarrierGermany2025-04-13Feltz Printing Service PROPOSAL5Bernardo Dominic
1030David Q TollnerRussia2025-04-03Commercial Press QUALIFIED18Onyama Limba
1031Smith U RimItaly2025-04-18Feltz Printing Service UNQUALIFIED51Elwin Sharvill
1032Murillo K RulapaughRussia2025-04-06King, Christopher A Esq RENEWAL54Anna Fali
1033Mujtaba S MarrierIndia2025-04-23Benton, John B Jr RENEWAL62Amy Elsner
1034Alejandro J WhobreyCanada2025-04-07Dorl, James J Esq NEW64Elwin Sharvill
1035Emily T RimUnited Kingdom2025-04-19Chapman, Ross E Esq NEGOTIATION18Stephen Shaw
1036Jeanfrancois I ButtArgentina2025-04-20Morlong Associates NEW66Xuxue Feng
1037Jeanfrancois B VenereArgentina2025-04-12King, Christopher A Esq PROPOSAL31Onyama Limba
1038Mayumi I FlosiBrazil2025-04-06Benton, John B Jr RENEWAL39Stephen Shaw
1039Mayumi I GarufiAustralia2025-04-27Commercial Press PROPOSAL61Onyama Limba
1040Julie V KuskoArgentina2025-04-15Rangoni Of Florence NEGOTIATION56Onyama Limba
1041Darci I DoeCanada2025-04-14Printing Dimensions RENEWAL36Bernardo Dominic
1042Mayumi U IturbideAustralia2025-04-16Morlong Associates NEGOTIATION54Anna Fali
1043Clifford Z NestleArgentina2025-04-27Chemel, James L Cpa NEGOTIATION37Amy Elsner
1044Leja M StensethArgentina2025-04-22Morlong Associates UNQUALIFIED68Amy Elsner
1045Kaitlin K FerenczCanada2025-04-12King, Christopher A Esq NEGOTIATION55Xuxue Feng
1046Ivar A RutaGermany2025-04-07Commercial Press NEGOTIATION39Xuxue Feng
1047Adams R InouyeBrazil2025-04-24Rousseaux, Michael Esq PROPOSAL92Ivan Magalhaes
1048Jefferson A FlosiCanada2025-04-15Commercial Press PROPOSAL40Xuxue Feng
1049Alejandro J BriddickGermany2025-04-26Benton, John B Jr NEGOTIATION89Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
David Z ChuiJapanOnyama Limba RENEWAL
Maisha A AlbaresIndiaIvan Magalhaes PROPOSAL
Izzy I AmigonRussiaIvan Magalhaes PROPOSAL
Leon J GauchoFranceIvan Magalhaes QUALIFIED
James C RutaBrazilAsiya Javayant PROPOSAL
Smith B MacleadGermanyBernardo Dominic PROPOSAL
Leon O GlickArgentinaOnyama Limba NEW
Ashley O GarufiCanadaOnyama Limba RENEWAL
Francesco D GauchoAustraliaStephen Shaw PROPOSAL
Julie Z FlosiUnited KingdomAsiya Javayant RENEWAL
Clifford F GlickRussiaElwin Sharvill QUALIFIED
Leon I InouyeBrazilIoni Bowcher NEGOTIATION
Leon G DilliardIndiaAmy Elsner NEW
Rodrigues K BologniaJapanAsiya Javayant QUALIFIED
Wickens J GillianRussiaStephen Shaw NEGOTIATION
Rodrigues M OstroskySpainAsiya Javayant NEGOTIATION
Leja C RimUnited KingdomOnyama Limba NEW
Izzy E PaprockiBrazilElwin Sharvill PROPOSAL
Jones E StensethSpainElwin Sharvill UNQUALIFIED
Izzy E CaudySpainOnyama Limba NEW
Sinclair I SergiCanadaElwin Sharvill NEGOTIATION
Wickens P FlosiBrazilAnna Fali PROPOSAL
Jeanfrancois B PaprockiJapanAmy Elsner NEGOTIATION
Faith U GauchoFranceXuxue Feng UNQUALIFIED
James N DarakjyJapanIvan Magalhaes PROPOSAL
Misaki W StockhamIndiaAmy Elsner UNQUALIFIED
Deepesh P GlickSpainIvan Magalhaes QUALIFIED
Maisha R SchemmerItalyIvan Magalhaes PROPOSAL
Murillo G BriddickCanadaIoni Bowcher NEW
Nicolas S PaprockiRussiaElwin Sharvill NEGOTIATION
Leon E MorascaAustraliaBernardo Dominic QUALIFIED
Leja E KuskoCanadaAmy Elsner RENEWAL
Sinclair V BriddickSpainAnna Fali QUALIFIED
Clifford X KolmetzRussiaIvan Magalhaes PROPOSAL
Antonio M WieserSpainAsiya Javayant PROPOSAL
Alejandro V CaudyIndiaOnyama Limba NEW
Misaki A DoeFranceAnna Fali QUALIFIED
Izzy Y GillianBrazilBernardo Dominic RENEWAL
Murillo Q MarrierUnited KingdomAsiya Javayant NEW
Wickens U SaylorsUnited KingdomOnyama Limba NEW
Isabel Z OstroskyRussiaBernardo Dominic UNQUALIFIED
Jefferson C RutaBrazilBernardo Dominic UNQUALIFIED
Greenwood C BowleyIndiaAnna Fali NEW
Jeanfrancois L RimJapanOnyama Limba RENEWAL
Munro P MarrierUnited KingdomIvan Magalhaes PROPOSAL
Ashley H PoquetteRussiaStephen Shaw NEW
Juan W TollnerIndiaBernardo Dominic PROPOSAL
Wickens X KolmetzAustraliaBernardo Dominic PROPOSAL
Tony X FigeroaRussiaStephen Shaw NEW
Leon Z GauchoSpainIvan Magalhaes NEGOTIATION
Frozen Columns
Name
Nicolas X Nestle
Leon V Caudy
Antonio D Whobrey
Jefferson X Rulapaugh
Leja D Foller
Maisha Y Venere
Kaitlin Q Morasca
Wickens N Stockham
Sinclair N Perin
Izzy N Saylors
Leja V Gillian
Darci F Foller
Darci U Shinko
James H Tollner
Jeanfrancois F Ruta
Kadeem P Nicka
Cody M Foller
Smith I Bowley
Izzy I Rim
Nicolas J Slusarski
Kadeem Q Stenseth
Wickens V Paprocki
Silvio M Stockham
Faith Z Flosi
Wickens G Gaucho
Silvio J Bolognia
Octavia Q Ruta
Salvatore S Malet
Ricardo X Albares
Maria S Amigon
Antonio J Dilliard
Adams C Waycott
Jeanfrancois N Nicka
Greenwood C Kusko
Jones M Whobrey
Claire S Ostrosky
Mujtaba L Nestle
Alejandro I Whobrey
Silvio E Nicka
Aditya Z Nestle
Kadeem I Slusarski
Kaitlin A Inouye
Sinclair J Bolognia
Morrow G Garufi
Francesco L Saylors
Julie F Stenseth
Aruna O Caudy
Smith Q Poquette
Morrow G Waycott
Costa G Campain
IdCountryDate
1000Australia2025-04-07
1001France2025-04-30
1002Russia2025-04-17
1003Spain2025-04-27
1004Italy2025-04-02
1005Australia2025-04-11
1006India2025-04-30
1007Australia2025-04-29
1008Canada2025-04-27
1009United Kingdom2025-04-28
1010India2025-04-03
1011Russia2025-04-14
1012Australia2025-04-21
1013India2025-04-09
1014Germany2025-04-30
1015Germany2025-04-26
1016United Kingdom2025-04-30
1017India2025-04-18
1018Germany2025-04-15
1019Japan2025-04-10
1020Spain2025-04-12
1021Argentina2025-04-11
1022Italy2025-04-04
1023Canada2025-04-11
1024Brazil2025-04-26
1025Spain2025-04-18
1026Canada2025-04-09
1027Germany2025-04-21
1028Germany2025-04-23
1029United Kingdom2025-04-08
1030France2025-04-16
1031Japan2025-04-09
1032Argentina2025-04-18
1033Argentina2025-04-23
1034Russia2025-04-21
1035India2025-04-21
1036Canada2025-04-03
1037India2025-04-20
1038Argentina2025-04-15
1039Australia2025-04-08
1040Canada2025-04-18
1041Italy2025-04-09
1042India2025-04-06
1043Australia2025-04-06
1044Russia2025-04-03
1045Germany2025-04-16
1046Russia2025-04-21
1047India2025-04-19
1048Australia2025-04-12
1049Australia2025-04-17

On-Demand Data

NameIdCountryDate
James G Glick1000Brazil2025-04-24
David Y Perin1001Italy2025-04-14
David F Gaucho1002Spain2025-04-08
Julie S Malet1003Germany2025-04-16
Maria O Oldroyd1004Italy2025-04-21
Tony Q Shinko1005United Kingdom2025-04-30
Jones E Poquette1006Japan2025-04-12
Greenwood X Maclead1007Argentina2025-04-26
Ashley E Chui1008Argentina2025-04-06
Morrow U Chui1009Brazil2025-04-08
Ashley I Bowley1010Canada2025-04-08
Isabel N Paprocki1011Germany2025-04-13
David G Chui1012India2025-04-03
Arvin B Gillian1013Italy2025-04-16
Rodrigues M Marrier1014Australia2025-04-20
Costa Y Darakjy1015United Kingdom2025-04-20
Antonio K Rulapaugh1016India2025-04-16
Claire J Gaucho1017United Kingdom2025-04-05
Jennifer S Dilliard1018India2025-04-01
Mujtaba L Malet1019Germany2025-04-15
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leon L AlbaresUnited KingdomBernardo Dominic NEW
Smith Z AlbaresCanadaAnna Fali PROPOSAL
Rodrigues Q ChuiRussiaAsiya Javayant NEW
Cody S MorascaGermanyXuxue Feng NEGOTIATION
Stacey R SergiFranceXuxue Feng PROPOSAL
Ricardo M KolmetzJapanAmy Elsner UNQUALIFIED
Mayumi H VocelkaSpainAsiya Javayant RENEWAL
Munro D FollerIndiaIoni Bowcher NEW
Chavez B CampainArgentinaAsiya Javayant NEGOTIATION
Jones C DilliardGermanyXuxue Feng NEGOTIATION
James H CaudyItalyAmy Elsner RENEWAL
Nicolas L DilliardSpainBernardo Dominic NEGOTIATION
James Q IturbideAustraliaAmy Elsner QUALIFIED
Maria C ChuiAustraliaBernardo Dominic NEW
Kadeem Y StockhamArgentinaElwin Sharvill NEW
James B ChuiItalyIvan Magalhaes RENEWAL
David A MorascaRussiaAmy Elsner RENEWAL
Aika U StockhamUnited KingdomIoni Bowcher PROPOSAL
David J CaldareraRussiaOnyama Limba RENEWAL
Costa U DoeAustraliaIoni Bowcher PROPOSAL
Maisha Y MaletRussiaOnyama Limba QUALIFIED
Tony F PerinSpainBernardo Dominic NEGOTIATION
Costa H BowleyJapanIoni Bowcher PROPOSAL
Silvio F VenereFranceAnna Fali NEGOTIATION
Adams U StockhamGermanyElwin Sharvill NEW
Tony Q GlickBrazilOnyama Limba QUALIFIED
Izzy O WaycottGermanyXuxue Feng RENEWAL
Jefferson C RimItalyXuxue Feng NEGOTIATION
Ashley L GlickRussiaElwin Sharvill PROPOSAL
Leon M ChuiFranceXuxue Feng RENEWAL
Stacey W GauchoGermanyIoni Bowcher PROPOSAL
Kadeem F ShinkoIndiaIvan Magalhaes NEW
Wickens Y IturbideJapanAsiya Javayant NEGOTIATION
Jennifer G GauchoRussiaXuxue Feng PROPOSAL
Antonio R GlickRussiaAnna Fali NEW
Claire T VenereGermanyAmy Elsner NEGOTIATION
Clifford D RoysterUnited KingdomAsiya Javayant PROPOSAL
Sinclair F SchemmerSpainBernardo Dominic NEGOTIATION
Jeanfrancois K CampainArgentinaXuxue Feng NEGOTIATION
Munro F MacleadRussiaAmy Elsner 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>