Summer Sale is here 🏖️ Get 50% off with code PRSM25 Learn More

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
Bangla
Bosnian
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
Uzbek
Vietnamese
Chinese
Chinese

Input Style

Themes

PrimeOne
Saga Blue Saga Blue
Vela Blue Vela Blue
Arya Blue Arya Blue
Bootstrap
Bootstrap Blue Light Bootstrap Blue Light
Bootstrap Purple Light Bootstrap Purple Light
Bootstrap Blue Dark Bootstrap Blue Dark
Bootstrap Purple Dark Bootstrap Purple Dark
Material Design
Material Indigo Light Material Indigo Light
Material Deep Purple Light Material Deep Purple Light
Material Indigo Dark Material Indigo Dark
Material Deep Purple Dark Material Deep Purple Dark
Material Design Compact
Material Compact Indigo Light Material Compact Indigo Light
Material Compact Deep Purple Light Material Compact Deep Purple Light
Material Compact Indigo Dark Material Compact Indigo Dark
Material Compact Deep Purple Dark Material Compact Deep Purple Dark
Legacy
Nova Light Nova Light
Nova Dark Nova Dark
Nova Colored Nova Colored
Luna Amber Luna Amber
Luna Blue Luna Blue
Luna Green Luna Green
Luna Pink Luna Pink

DataTable Scroll

Both vertical and horizontal scrolling of the data is supported with optional frozen rows-columns and on-demand loading features.

Vertical
NameCountryRepresentativeStatus
Darci V MarrierJapanStephen Shaw NEGOTIATION
Smith V FlosiArgentinaBernardo Dominic QUALIFIED
Maria C ChuiUnited KingdomIoni Bowcher PROPOSAL
Mayumi Y OstroskyItalyOnyama Limba RENEWAL
Aika A TollnerFranceBernardo Dominic UNQUALIFIED
Greenwood X FigeroaBrazilIvan Magalhaes NEW
Ashley D SergiArgentinaAnna Fali PROPOSAL
Nicolas S PoquetteItalyAnna Fali RENEWAL
Ashley D CaudyGermanyIvan Magalhaes UNQUALIFIED
Alejandro W VocelkaCanadaIvan Magalhaes NEW
Aika O MorascaGermanyAnna Fali NEGOTIATION
Leja T PoquetteSpainAnna Fali UNQUALIFIED
Aruna T ShinkoGermanyIvan Magalhaes NEGOTIATION
Greenwood S GlickFranceOnyama Limba RENEWAL
Maria R TollnerCanadaAnna Fali NEW
Emily Q OldroydArgentinaStephen Shaw QUALIFIED
Antonio F FlosiUnited KingdomAsiya Javayant RENEWAL
Wickens Q PaprockiIndiaStephen Shaw RENEWAL
Darci Z KolmetzArgentinaStephen Shaw PROPOSAL
Costa R GillianCanadaStephen Shaw NEW
Claire X FerenczIndiaElwin Sharvill UNQUALIFIED
Costa E RimItalyBernardo Dominic NEGOTIATION
Emily X RimJapanAnna Fali PROPOSAL
Clifford X SaylorsJapanOnyama Limba RENEWAL
Adams R ChuiItalyIvan Magalhaes QUALIFIED
Clifford L BowleyUnited KingdomIoni Bowcher QUALIFIED
Faith L BriddickIndiaIvan Magalhaes NEW
Cody C RoysterIndiaBernardo Dominic RENEWAL
Sinclair H ChuiItalyXuxue Feng RENEWAL
James P FerenczItalyBernardo Dominic QUALIFIED
Wickens T OldroydUnited KingdomXuxue Feng NEW
Maria R GarufiItalyXuxue Feng RENEWAL
Mujtaba E IturbideFranceOnyama Limba QUALIFIED
Stacey R MarrierSpainBernardo Dominic NEW
Leja S SlusarskiIndiaAmy Elsner UNQUALIFIED
Adams L DilliardCanadaIvan Magalhaes PROPOSAL
Isabel F FollerCanadaAnna Fali UNQUALIFIED
Jefferson Z ButtItalyXuxue Feng NEGOTIATION
Leja Y BriddickGermanyElwin Sharvill NEW
Murillo Q DilliardCanadaAnna Fali RENEWAL
Leja N StensethSpainAnna Fali QUALIFIED
Leja H AlbaresCanadaElwin Sharvill RENEWAL
Faith M KuskoGermanyIvan Magalhaes NEGOTIATION
Cody O NickaSpainOnyama Limba NEW
Maria J SergiSpainIvan Magalhaes NEGOTIATION
Sinclair Z PaprockiFranceIoni Bowcher NEGOTIATION
Sinclair V ShinkoAustraliaXuxue Feng QUALIFIED
Costa B NestleFranceIvan Magalhaes PROPOSAL
Maria A MacleadCanadaAmy Elsner UNQUALIFIED
David W RimIndiaOnyama Limba UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Greenwood E NickaGermanyIoni Bowcher NEGOTIATION
Octavia Y RulapaughSpainOnyama Limba QUALIFIED
Aditya R AmigonGermanyStephen Shaw QUALIFIED
Silvio P NestleFranceAsiya Javayant NEW
Francesco E DarakjyJapanXuxue Feng UNQUALIFIED
Rodrigues D NestleIndiaOnyama Limba UNQUALIFIED
Aruna I KolmetzCanadaElwin Sharvill QUALIFIED
Kadeem M FlosiItalyBernardo Dominic RENEWAL
Faith L DarakjyUnited KingdomStephen Shaw QUALIFIED
David R NickaGermanyBernardo Dominic RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Greenwood D BriddickJapan2025-09-12Benton, John B Jr QUALIFIED25Xuxue Feng
1001Adams S MaletAustralia2025-09-13Benton, John B Jr NEGOTIATION17Ivan Magalhaes
1002David Z MarrierIndia2025-09-18Rangoni Of Florence NEGOTIATION55Anna Fali
1003Ricardo P RutaUnited Kingdom2025-09-03Morlong Associates NEW44Asiya Javayant
1004Izzy E FlosiItaly2025-09-04Chapman, Ross E Esq RENEWAL77Asiya Javayant
1005Juan K MaletCanada2025-09-08Dorl, James J Esq PROPOSAL37Ivan Magalhaes
1006Leja Z KolmetzItaly2025-08-30Dorl, James J Esq NEGOTIATION52Amy Elsner
1007Arvin M KuskoFrance2025-09-09Feltz Printing Service RENEWAL85Bernardo Dominic
1008Chavez X AmigonJapan2025-09-15Dorl, James J Esq QUALIFIED68Xuxue Feng
1009Isabel D PoquetteSpain2025-09-17Benton, John B Jr PROPOSAL2Elwin Sharvill
1010Mayumi L DarakjyIndia2025-09-24Printing Dimensions PROPOSAL66Onyama Limba
1011Aruna B CampainRussia2025-09-03King, Christopher A Esq NEGOTIATION53Stephen Shaw
1012Ashley J DarakjyUnited Kingdom2025-09-18Rangoni Of Florence NEW18Ivan Magalhaes
1013Munro Q PerinIndia2025-08-30Dorl, James J Esq UNQUALIFIED52Amy Elsner
1014Izzy O StensethRussia2025-09-01Chanay, Jeffrey A Esq QUALIFIED12Onyama Limba
1015Mayumi X GauchoArgentina2025-09-19Chanay, Jeffrey A Esq UNQUALIFIED63Ivan Magalhaes
1016Jones H PoquetteBrazil2025-09-18Chanay, Jeffrey A Esq UNQUALIFIED29Ioni Bowcher
1017Antonio Z OldroydFrance2025-09-24Chemel, James L Cpa RENEWAL27Ioni Bowcher
1018Francesco Y WhobreyItaly2025-09-18Chanay, Jeffrey A Esq RENEWAL1Ivan Magalhaes
1019Leon V MacleadJapan2025-09-24Feiner Bros NEGOTIATION34Xuxue Feng
1020Juan F PaprockiRussia2025-09-23Chanay, Jeffrey A Esq NEW55Anna Fali
1021Mujtaba L BologniaRussia2025-08-29Benton, John B Jr NEW41Elwin Sharvill
1022Smith E RulapaughSpain2025-09-18Truhlar And Truhlar Attys PROPOSAL87Bernardo Dominic
1023Silvio P StensethRussia2025-09-15Chapman, Ross E Esq RENEWAL33Ioni Bowcher
1024Jennifer O OldroydCanada2025-09-14Rousseaux, Michael Esq PROPOSAL93Ioni Bowcher
1025Julie N BowleyCanada2025-09-04King, Christopher A Esq RENEWAL1Xuxue Feng
1026Stacey H GillianArgentina2025-09-14Rangoni Of Florence NEW26Anna Fali
1027Aika Q WieserJapan2025-09-12Chanay, Jeffrey A Esq QUALIFIED63Stephen Shaw
1028Izzy A KuskoIndia2025-09-06Rousseaux, Michael Esq QUALIFIED61Ioni Bowcher
1029Mujtaba X CaudyRussia2025-09-27Dorl, James J Esq NEGOTIATION68Onyama Limba
1030Maria H RimRussia2025-09-08Chemel, James L Cpa NEW40Bernardo Dominic
1031Kaitlin S NestleIndia2025-09-11Rangoni Of Florence NEW32Amy Elsner
1032Mujtaba E RulapaughSpain2025-09-15Chanay, Jeffrey A Esq UNQUALIFIED95Stephen Shaw
1033Leja M InouyeItaly2025-09-08Morlong Associates QUALIFIED30Stephen Shaw
1034Aika K RulapaughJapan2025-09-27King, Christopher A Esq NEGOTIATION59Xuxue Feng
1035Sinclair W ShinkoUnited Kingdom2025-09-22Chanay, Jeffrey A Esq NEW68Stephen Shaw
1036Cody E FerenczFrance2025-08-30Chanay, Jeffrey A Esq NEGOTIATION44Elwin Sharvill
1037Johnson T SaylorsJapan2025-09-22Chemel, James L Cpa UNQUALIFIED27Ioni Bowcher
1038Ashley Y FigeroaUnited Kingdom2025-09-12Feltz Printing Service QUALIFIED79Amy Elsner
1039Claire J MaletAustralia2025-09-22Feiner Bros RENEWAL8Onyama Limba
1040Clifford J CaudySpain2025-09-23King, Christopher A Esq PROPOSAL46Onyama Limba
1041Jones L BowleyRussia2025-09-11Printing Dimensions NEGOTIATION18Elwin Sharvill
1042Darci E AlbaresJapan2025-09-22Truhlar And Truhlar Attys NEGOTIATION73Ivan Magalhaes
1043Mujtaba Z MaletArgentina2025-09-20Morlong Associates PROPOSAL1Elwin Sharvill
1044Smith H MacleadCanada2025-09-12Buckley Miller Wright QUALIFIED75Ioni Bowcher
1045Adams H NickaJapan2025-09-07Truhlar And Truhlar Attys PROPOSAL24Ivan Magalhaes
1046Munro U DarakjyJapan2025-08-29Morlong Associates NEW85Ioni Bowcher
1047Arvin X KolmetzFrance2025-09-23Chapman, Ross E Esq NEW45Anna Fali
1048Salvatore U MaletUnited Kingdom2025-09-11Dorl, James J Esq NEGOTIATION98Bernardo Dominic
1049Claire Z MaletArgentina2025-09-11Chanay, Jeffrey A Esq PROPOSAL29Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Leon Z VenereGermanyOnyama Limba UNQUALIFIED
Salvatore E SchemmerGermanyOnyama Limba NEGOTIATION
Stacey G GlickCanadaAsiya Javayant RENEWAL
Smith K SergiFranceIvan Magalhaes UNQUALIFIED
Munro I MaletGermanyIvan Magalhaes PROPOSAL
Nicolas A NestleAustraliaIoni Bowcher QUALIFIED
Deepesh V MaletJapanAsiya Javayant QUALIFIED
Julie Y WhobreyGermanyIoni Bowcher PROPOSAL
Alejandro S TollnerUnited KingdomXuxue Feng NEGOTIATION
Leon S BologniaUnited KingdomIvan Magalhaes RENEWAL
Maisha S BologniaCanadaAmy Elsner NEGOTIATION
James A RimSpainAnna Fali PROPOSAL
Izzy R AlbaresGermanyStephen Shaw PROPOSAL
Faith T VenereArgentinaElwin Sharvill UNQUALIFIED
Jefferson W RutaAustraliaOnyama Limba NEW
Morrow Y DoeAustraliaOnyama Limba NEGOTIATION
Jones P WhobreyJapanAsiya Javayant PROPOSAL
Alejandro L ChuiUnited KingdomBernardo Dominic NEGOTIATION
Rodrigues T MaletFranceXuxue Feng NEGOTIATION
Morrow Z IturbideAustraliaBernardo Dominic QUALIFIED
Juan O IturbideIndiaOnyama Limba RENEWAL
Kadeem X WaycottJapanStephen Shaw NEW
Maisha S DilliardBrazilAnna Fali QUALIFIED
Smith V KuskoJapanBernardo Dominic RENEWAL
Kaitlin Z OstroskyGermanyBernardo Dominic UNQUALIFIED
Johnson W PerinGermanyStephen Shaw QUALIFIED
Alejandro W FlosiCanadaOnyama Limba NEGOTIATION
Maisha M BologniaGermanyAnna Fali PROPOSAL
Kaitlin M GillianBrazilAsiya Javayant PROPOSAL
Ricardo U WieserFranceStephen Shaw NEGOTIATION
Wickens O BowleyArgentinaXuxue Feng RENEWAL
David W GauchoCanadaOnyama Limba QUALIFIED
Ivar N KuskoAustraliaXuxue Feng RENEWAL
Francesco O MacleadFranceOnyama Limba NEGOTIATION
Johnson A InouyeSpainAnna Fali UNQUALIFIED
Ivar Q NickaIndiaXuxue Feng NEGOTIATION
Maisha F PaprockiSpainStephen Shaw PROPOSAL
Antonio C CaudySpainXuxue Feng NEW
Maria W GauchoCanadaIvan Magalhaes UNQUALIFIED
Francesco V FigeroaFranceAsiya Javayant NEGOTIATION
Isabel N SaylorsArgentinaAsiya Javayant NEW
Faith A SlusarskiItalyStephen Shaw RENEWAL
Greenwood C RimArgentinaStephen Shaw NEGOTIATION
Arvin V GauchoItalyAsiya Javayant NEGOTIATION
Adams S SergiJapanIvan Magalhaes NEW
Darci M RulapaughJapanStephen Shaw UNQUALIFIED
Darci K VenereJapanOnyama Limba NEW
Misaki O MarrierRussiaStephen Shaw RENEWAL
Mayumi Q RulapaughCanadaAsiya Javayant RENEWAL
Chavez F FigeroaRussiaBernardo Dominic NEGOTIATION
Frozen Columns
Name
Leon V Dilliard
Adams N Malet
Francesco T Ruta
Faith T Marrier
Francesco E Schemmer
Ivar Y Venere
Greenwood M Briddick
Aruna Z Ferencz
Claire W Albares
Jennifer B Marrier
Ricardo O Morasca
Nicolas Y Paprocki
Munro F Stockham
Francesco E Glick
Emily J Oldroyd
Johnson T Amigon
Adams R Garufi
Adams W Garufi
Maisha N Perin
Misaki I Rulapaugh
Mujtaba U Briddick
Darci U Ostrosky
Rodrigues W Figeroa
Stacey J Paprocki
Ivar C Darakjy
Maisha A Wieser
Octavia H Stenseth
Jennifer X Rulapaugh
Ivar I Schemmer
Misaki H Gillian
David M Briddick
Silvio Q Shinko
Nicolas B Rulapaugh
Francesco L Ostrosky
Tony R Rim
Aditya I Butt
James Z Stenseth
Jefferson J Inouye
Emily Y Ostrosky
Juan K Waycott
Arvin K Caudy
Leja P Albares
Alejandro R Royster
Costa O Nicka
Leja Q Butt
Octavia N Kolmetz
Tony R Doe
Emily R Kusko
Ricardo C Butt
Misaki L Darakjy
IdCountryDate
1000Brazil2025-09-26
1001United Kingdom2025-09-02
1002Brazil2025-09-08
1003United Kingdom2025-09-17
1004Canada2025-09-14
1005Japan2025-09-20
1006Russia2025-09-13
1007France2025-09-09
1008India2025-09-16
1009United Kingdom2025-09-17
1010Argentina2025-09-13
1011Australia2025-09-19
1012Canada2025-09-09
1013Russia2025-09-23
1014Canada2025-09-10
1015Spain2025-09-04
1016Brazil2025-09-02
1017Germany2025-09-19
1018United Kingdom2025-09-25
1019Spain2025-09-24
1020Japan2025-09-06
1021Canada2025-09-03
1022India2025-09-19
1023Australia2025-09-16
1024Russia2025-09-01
1025Russia2025-09-16
1026France2025-08-29
1027France2025-09-07
1028Argentina2025-09-26
1029Spain2025-09-06
1030Japan2025-09-04
1031Russia2025-09-09
1032Germany2025-09-21
1033Italy2025-09-02
1034Japan2025-09-06
1035Spain2025-08-29
1036Russia2025-09-23
1037Russia2025-09-08
1038Spain2025-09-27
1039Italy2025-09-07
1040Germany2025-09-20
1041Spain2025-09-22
1042India2025-09-16
1043Japan2025-08-30
1044United Kingdom2025-09-23
1045Russia2025-09-25
1046Spain2025-08-29
1047Italy2025-09-27
1048Italy2025-09-06
1049Italy2025-09-22

On-Demand Data

NameIdCountryDate
Mayumi M Gillian1000Canada2025-09-27
David G Perin1001India2025-09-23
Aruna Y Marrier1002Russia2025-09-08
Octavia T Marrier1003Canada2025-09-20
James M Inouye1004Argentina2025-09-08
David F Shinko1005Russia2025-09-19
Murillo H Malet1006Australia2025-09-11
Johnson E Kusko1007Spain2025-09-09
Leon X Briddick1008Argentina2025-09-22
Aika X Whobrey1009United Kingdom2025-09-15
Jones M Gillian1010Italy2025-09-20
Jeanfrancois M Waycott1011United Kingdom2025-09-14
Nicolas D Darakjy1012Canada2025-09-05
Aika H Perin1013Russia2025-09-01
Ricardo J Ferencz1014France2025-09-11
Leon F Albares1015Spain2025-09-19
Darci I Waycott1016France2025-09-03
Jennifer D Perin1017Australia2025-09-01
Maisha A Waycott1018Australia2025-09-09
Mujtaba O Vocelka1019United Kingdom2025-09-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Costa E IturbideSpainStephen Shaw QUALIFIED
Kaitlin L GillianJapanIoni Bowcher PROPOSAL
Greenwood B MorascaCanadaBernardo Dominic RENEWAL
Aruna K WaycottUnited KingdomXuxue Feng PROPOSAL
Faith D OstroskySpainOnyama Limba NEW
Silvio G AlbaresFranceAnna Fali NEW
Julie Y StensethRussiaAmy Elsner QUALIFIED
Emily Y WhobreyBrazilAnna Fali NEGOTIATION
Cody I SergiCanadaIoni Bowcher NEGOTIATION
Cody G GarufiUnited KingdomAnna Fali QUALIFIED
Nicolas R SlusarskiArgentinaElwin Sharvill QUALIFIED
Alejandro K SergiSpainAnna Fali QUALIFIED
Octavia I DilliardFranceStephen Shaw NEGOTIATION
Mujtaba X SaylorsArgentinaElwin Sharvill NEGOTIATION
Greenwood I DilliardIndiaXuxue Feng RENEWAL
Octavia C MarrierFranceStephen Shaw RENEWAL
Claire C WieserGermanyAnna Fali NEW
Jefferson T DoeCanadaOnyama Limba PROPOSAL
Rodrigues H WieserSpainAmy Elsner NEW
Antonio R SlusarskiJapanOnyama Limba UNQUALIFIED
Mayumi U PoquetteAustraliaAmy Elsner QUALIFIED
Stacey S VenereGermanyXuxue Feng NEGOTIATION
Alejandro W DilliardUnited KingdomAmy Elsner PROPOSAL
Octavia A StensethRussiaStephen Shaw NEW
Faith M SlusarskiSpainAsiya Javayant UNQUALIFIED
Morrow Q StockhamAustraliaAmy Elsner RENEWAL
Tony W NestleJapanStephen Shaw UNQUALIFIED
Nicolas W CaldareraAustraliaOnyama Limba RENEWAL
Leon O MaletFranceElwin Sharvill QUALIFIED
Mayumi D SaylorsFranceElwin Sharvill PROPOSAL
Leja Q DarakjyAustraliaBernardo Dominic QUALIFIED
Salvatore E BriddickAustraliaAnna Fali NEGOTIATION
Silvio Y PaprockiUnited KingdomAsiya Javayant UNQUALIFIED
Francesco O CaldareraIndiaIoni Bowcher NEW
Alejandro L SaylorsAustraliaOnyama Limba UNQUALIFIED
Salvatore C StockhamSpainStephen Shaw QUALIFIED
Octavia K CaudyGermanyAsiya Javayant PROPOSAL
Costa J GarufiBrazilBernardo Dominic PROPOSAL
Nicolas V NestleUnited KingdomBernardo Dominic NEGOTIATION
Cody G MacleadAustraliaIoni Bowcher RENEWAL

<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" frozenColumnsAlignment="left">
            <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>