November Deals: Limited Coupons Available! 🎁 Claim Your Coupon

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
Clifford L KolmetzSpainAnna Fali PROPOSAL
Chavez O ShinkoAustraliaAnna Fali PROPOSAL
Izzy B CaldareraUnited KingdomElwin Sharvill NEGOTIATION
Johnson V OldroydRussiaIoni Bowcher RENEWAL
Salvatore O SergiSpainStephen Shaw PROPOSAL
Jeanfrancois F FigeroaCanadaOnyama Limba PROPOSAL
Darci Y RulapaughFranceElwin Sharvill QUALIFIED
Aruna G RimFranceIoni Bowcher QUALIFIED
Leon N ButtCanadaBernardo Dominic QUALIFIED
Emily G SaylorsArgentinaIvan Magalhaes QUALIFIED
Kaitlin M OstroskyJapanXuxue Feng NEW
Sinclair D SergiCanadaAsiya Javayant NEW
Maisha T DarakjyGermanyAsiya Javayant QUALIFIED
Maria U KolmetzIndiaElwin Sharvill NEW
Morrow B WaycottCanadaBernardo Dominic UNQUALIFIED
Izzy C OldroydSpainStephen Shaw UNQUALIFIED
Jones X CaldareraAustraliaAnna Fali NEW
Claire I VocelkaIndiaOnyama Limba RENEWAL
Claire T StockhamRussiaAnna Fali UNQUALIFIED
Juan I MaletUnited KingdomIvan Magalhaes RENEWAL
Juan W BriddickBrazilAnna Fali NEGOTIATION
Antonio Z WieserSpainStephen Shaw NEW
Rodrigues R MaletCanadaStephen Shaw RENEWAL
Clifford G DilliardCanadaXuxue Feng NEGOTIATION
Adams S WieserJapanIvan Magalhaes NEW
Sinclair K CaudyFranceAnna Fali NEGOTIATION
Smith H BriddickBrazilAsiya Javayant NEW
Juan G ShinkoRussiaBernardo Dominic RENEWAL
Mujtaba X KuskoJapanStephen Shaw QUALIFIED
Maisha O ButtArgentinaBernardo Dominic PROPOSAL
Izzy X DarakjyJapanOnyama Limba PROPOSAL
Clifford Y ChuiItalyStephen Shaw NEW
Morrow Q StockhamCanadaBernardo Dominic PROPOSAL
Greenwood J AlbaresJapanAnna Fali QUALIFIED
Morrow H RulapaughBrazilElwin Sharvill NEW
Rodrigues L MaletItalyIvan Magalhaes NEW
Izzy E SchemmerCanadaIvan Magalhaes UNQUALIFIED
Antonio H CaudyRussiaAmy Elsner PROPOSAL
Tony J CaldareraFranceIvan Magalhaes NEW
Wickens Z NickaArgentinaBernardo Dominic QUALIFIED
David D NickaIndiaAmy Elsner NEGOTIATION
Jefferson M CaldareraCanadaIoni Bowcher UNQUALIFIED
Maisha Q DilliardUnited KingdomXuxue Feng NEW
Francesco Y IturbideUnited KingdomStephen Shaw PROPOSAL
Aruna Z PaprockiSpainIvan Magalhaes PROPOSAL
Stacey F KolmetzRussiaOnyama Limba QUALIFIED
Chavez W MacleadBrazilOnyama Limba NEGOTIATION
Costa D IturbideRussiaElwin Sharvill NEGOTIATION
Cody A PoquetteBrazilOnyama Limba NEW
Antonio M MorascaItalyOnyama Limba UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
James A CaudyGermanyIoni Bowcher RENEWAL
Wickens G InouyeCanadaElwin Sharvill NEGOTIATION
Jennifer F FigeroaItalyIvan Magalhaes RENEWAL
Jeanfrancois D PerinGermanyElwin Sharvill QUALIFIED
Izzy I AmigonSpainAsiya Javayant NEGOTIATION
Kadeem M KolmetzCanadaAsiya Javayant PROPOSAL
Claire Q GlickSpainElwin Sharvill PROPOSAL
Nicolas K GlickBrazilOnyama Limba UNQUALIFIED
Clifford O PerinItalyXuxue Feng PROPOSAL
Cody G MaletJapanOnyama Limba QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Nicolas I ChuiBrazil2026-10-19Chanay, Jeffrey A Esq NEW49Anna Fali
1001David M SchemmerArgentina2026-10-02Morlong Associates UNQUALIFIED44Amy Elsner
1002Francesco X SergiRussia2026-10-16Chapman, Ross E Esq NEGOTIATION6Ioni Bowcher
1003Munro F MarrierIndia2026-10-03Chemel, James L Cpa RENEWAL38Elwin Sharvill
1004Aditya D MarrierJapan2026-10-20Chanay, Jeffrey A Esq PROPOSAL96Ioni Bowcher
1005Greenwood T TollnerCanada2026-10-01Feiner Bros UNQUALIFIED8Onyama Limba
1006Munro H SaylorsJapan2026-09-30Buckley Miller Wright QUALIFIED89Bernardo Dominic
1007Tony J RoysterFrance2026-10-01Feltz Printing Service PROPOSAL1Anna Fali
1008Jennifer X TollnerBrazil2026-10-06Feltz Printing Service PROPOSAL78Anna Fali
1009Alejandro T MaletSpain2026-10-21Printing Dimensions UNQUALIFIED4Onyama Limba
1010Maisha F VocelkaJapan2026-09-28Commercial Press NEGOTIATION84Elwin Sharvill
1011Claire I SaylorsBrazil2026-09-29Feltz Printing Service PROPOSAL80Amy Elsner
1012Greenwood C NickaArgentina2026-10-01Truhlar And Truhlar Attys PROPOSAL99Ivan Magalhaes
1013Misaki Y RoysterRussia2026-09-30Benton, John B Jr PROPOSAL7Elwin Sharvill
1014Antonio F CampainCanada2026-10-17Feltz Printing Service PROPOSAL18Elwin Sharvill
1015Aika R FigeroaCanada2026-10-07Dorl, James J Esq UNQUALIFIED67Elwin Sharvill
1016Nicolas B GlickArgentina2026-10-23Feltz Printing Service UNQUALIFIED63Xuxue Feng
1017Mayumi B DoeSpain2026-10-22Rousseaux, Michael Esq PROPOSAL64Amy Elsner
1018Aruna V GauchoBrazil2026-10-19Feltz Printing Service NEGOTIATION70Ioni Bowcher
1019Wickens E GlickItaly2026-10-14Chanay, Jeffrey A Esq RENEWAL12Amy Elsner
1020Emily P KuskoIndia2026-10-11Rangoni Of Florence NEGOTIATION26Onyama Limba
1021Isabel Y VenereJapan2026-09-28King, Christopher A Esq RENEWAL27Asiya Javayant
1022Julie A CaudySpain2026-10-05Truhlar And Truhlar Attys PROPOSAL25Ioni Bowcher
1023Francesco F DoeGermany2026-10-09Buckley Miller Wright UNQUALIFIED51Onyama Limba
1024Antonio U FerenczAustralia2026-09-25Chanay, Jeffrey A Esq NEGOTIATION20Anna Fali
1025Juan N WhobreyUnited Kingdom2026-10-12Dorl, James J Esq UNQUALIFIED36Asiya Javayant
1026Aditya P KolmetzItaly2026-10-05Rousseaux, Michael Esq NEW16Asiya Javayant
1027Antonio O AlbaresArgentina2026-10-13Commercial Press RENEWAL45Asiya Javayant
1028Leja A RulapaughAustralia2026-10-10Commercial Press PROPOSAL5Bernardo Dominic
1029Alejandro D ChuiArgentina2026-10-02Dorl, James J Esq PROPOSAL50Ioni Bowcher
1030Darci B PerinSpain2026-10-17Feiner Bros QUALIFIED57Xuxue Feng
1031Silvio O WaycottCanada2026-10-21Buckley Miller Wright RENEWAL58Amy Elsner
1032Aditya E SlusarskiGermany2026-10-19King, Christopher A Esq NEW51Bernardo Dominic
1033Chavez F FerenczBrazil2026-10-23Buckley Miller Wright PROPOSAL27Xuxue Feng
1034Munro I RimItaly2026-10-03Truhlar And Truhlar Attys QUALIFIED30Stephen Shaw
1035Nicolas R SlusarskiBrazil2026-10-09Benton, John B Jr RENEWAL64Onyama Limba
1036Leja C SchemmerItaly2026-09-26Rousseaux, Michael Esq RENEWAL23Asiya Javayant
1037Jennifer K ShinkoAustralia2026-10-11Chemel, James L Cpa PROPOSAL69Elwin Sharvill
1038Aruna K NickaAustralia2026-10-22Dorl, James J Esq NEW0Xuxue Feng
1039Alejandro I BowleyFrance2026-10-06Truhlar And Truhlar Attys RENEWAL70Onyama Limba
1040Aditya G OldroydIndia2026-09-28Chemel, James L Cpa PROPOSAL34Onyama Limba
1041Nicolas Y GarufiGermany2026-10-19Rousseaux, Michael Esq QUALIFIED45Asiya Javayant
1042Smith J StensethCanada2026-10-11Chemel, James L Cpa RENEWAL67Elwin Sharvill
1043Ivar T ShinkoGermany2026-10-19King, Christopher A Esq PROPOSAL12Stephen Shaw
1044Maria U ChuiJapan2026-10-19Printing Dimensions UNQUALIFIED57Asiya Javayant
1045Jones N AmigonJapan2026-10-22Benton, John B Jr UNQUALIFIED20Amy Elsner
1046Faith A MarrierUnited Kingdom2026-10-21King, Christopher A Esq NEGOTIATION6Asiya Javayant
1047Faith G DoeItaly2026-09-26Dorl, James J Esq RENEWAL49Stephen Shaw
1048Murillo Y GillianFrance2026-09-28King, Christopher A Esq RENEWAL50Elwin Sharvill
1049Francesco Y RutaJapan2026-09-29King, Christopher A Esq UNQUALIFIED96Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Salvatore M DilliardItalyAsiya Javayant NEGOTIATION
Emily B MarrierItalyIvan Magalhaes UNQUALIFIED
Ivar G GarufiArgentinaBernardo Dominic NEW
Ricardo K ButtRussiaElwin Sharvill QUALIFIED
Tony Z KolmetzArgentinaAmy Elsner NEGOTIATION
Darci B FigeroaUnited KingdomAmy Elsner RENEWAL
David Y RoysterRussiaXuxue Feng QUALIFIED
Deepesh R BowleySpainIoni Bowcher UNQUALIFIED
Adams W AmigonUnited KingdomIoni Bowcher RENEWAL
Costa X BriddickRussiaStephen Shaw QUALIFIED
Aruna G MarrierRussiaXuxue Feng PROPOSAL
Cody O KuskoUnited KingdomAmy Elsner QUALIFIED
Aditya I CampainJapanAsiya Javayant NEGOTIATION
Emily P KolmetzUnited KingdomAsiya Javayant PROPOSAL
Claire O GarufiArgentinaElwin Sharvill QUALIFIED
Darci R RoysterIndiaXuxue Feng NEGOTIATION
Sinclair J OstroskyRussiaAsiya Javayant UNQUALIFIED
Aika R PaprockiAustraliaAnna Fali UNQUALIFIED
Aditya N DilliardRussiaOnyama Limba RENEWAL
Faith U MaletIndiaStephen Shaw RENEWAL
Morrow X DilliardGermanyStephen Shaw RENEWAL
Izzy E FerenczBrazilOnyama Limba NEGOTIATION
Claire F BriddickFranceAnna Fali PROPOSAL
Claire A GlickUnited KingdomIoni Bowcher PROPOSAL
Octavia X OstroskyAustraliaOnyama Limba UNQUALIFIED
Aika R WhobreyItalyBernardo Dominic RENEWAL
Claire B VocelkaGermanyIoni Bowcher PROPOSAL
Faith F InouyeBrazilIvan Magalhaes QUALIFIED
Isabel H KolmetzAustraliaStephen Shaw RENEWAL
Jeanfrancois U KolmetzBrazilAsiya Javayant PROPOSAL
Chavez O PerinBrazilXuxue Feng PROPOSAL
Aika R WaycottGermanyAnna Fali PROPOSAL
Darci Z PaprockiJapanAnna Fali PROPOSAL
Ricardo J OstroskyRussiaBernardo Dominic RENEWAL
Aruna X TollnerAustraliaXuxue Feng NEW
Tony Q AlbaresRussiaAnna Fali RENEWAL
Arvin R VocelkaBrazilAnna Fali QUALIFIED
Stacey R KuskoJapanStephen Shaw RENEWAL
Ivar B AlbaresJapanStephen Shaw QUALIFIED
James G CaldareraAustraliaStephen Shaw RENEWAL
Misaki L AlbaresGermanyAsiya Javayant QUALIFIED
James P RimRussiaStephen Shaw QUALIFIED
Faith K NickaBrazilBernardo Dominic PROPOSAL
Maisha I PaprockiRussiaAmy Elsner UNQUALIFIED
Munro O FerenczArgentinaIvan Magalhaes UNQUALIFIED
Jennifer P WhobreySpainBernardo Dominic QUALIFIED
Chavez U FerenczGermanyStephen Shaw QUALIFIED
Jefferson H KolmetzAustraliaStephen Shaw QUALIFIED
Octavia D DarakjyBrazilStephen Shaw UNQUALIFIED
Clifford A DarakjyJapanAnna Fali PROPOSAL
Frozen Columns
Name
Jones B Nestle
Salvatore J Malet
Alejandro P Flosi
Costa D Ferencz
Misaki I Tollner
Smith V Dilliard
Claire A Chui
Nicolas K Nicka
Julie L Iturbide
Alejandro G Garufi
Isabel B Darakjy
Ashley T Foller
Julie U Nestle
Misaki M Gaucho
Faith Y Waycott
Octavia M Shinko
Kaitlin Q Gaucho
James B Briddick
Jones Y Chui
Aika B Sergi
Kadeem I Wieser
Maisha J Nestle
Arvin Q Rulapaugh
Aika F Whobrey
Jennifer X Maclead
Faith K Kusko
Adams D Marrier
Misaki C Wieser
Izzy F Bowley
Costa L Garufi
Wickens U Caudy
Leon S Garufi
Jefferson P Inouye
Kaitlin S Shinko
Izzy P Caldarera
Smith L Albares
Isabel E Butt
Nicolas R Waycott
Clifford A Royster
Claire B Slusarski
Mayumi T Flosi
Cody S Stockham
Aika U Stockham
Smith V Iturbide
Silvio N Kusko
Jeanfrancois F Garufi
Stacey T Royster
Antonio D Flosi
Mujtaba R Doe
Jefferson N Royster
IdCountryDate
1000Canada2026-10-17
1001United Kingdom2026-10-11
1002France2026-09-28
1003Japan2026-10-13
1004Spain2026-09-28
1005Canada2026-10-20
1006France2026-10-13
1007Russia2026-10-11
1008India2026-10-14
1009India2026-10-20
1010Russia2026-10-15
1011Italy2026-10-07
1012Japan2026-10-14
1013Italy2026-09-25
1014United Kingdom2026-10-12
1015Australia2026-09-29
1016Canada2026-09-29
1017United Kingdom2026-10-19
1018Canada2026-09-26
1019France2026-10-02
1020Germany2026-10-05
1021Germany2026-10-04
1022Australia2026-10-19
1023Italy2026-10-20
1024Italy2026-10-17
1025Japan2026-09-26
1026Japan2026-10-17
1027Australia2026-10-04
1028Canada2026-10-20
1029Brazil2026-10-02
1030France2026-10-10
1031France2026-10-21
1032Brazil2026-10-23
1033Spain2026-10-21
1034France2026-10-19
1035Canada2026-10-17
1036France2026-09-25
1037Canada2026-10-05
1038India2026-10-08
1039India2026-10-10
1040Australia2026-10-05
1041France2026-10-08
1042Spain2026-10-24
1043Argentina2026-09-29
1044Canada2026-10-16
1045Germany2026-10-05
1046United Kingdom2026-10-05
1047Germany2026-10-14
1048Germany2026-09-29
1049Australia2026-10-21

On-Demand Data

NameIdCountryDate
Stacey J Caudy1000Argentina2026-09-28
Maria N Waycott1001Brazil2026-10-04
Claire C Schemmer1002Canada2026-10-21
David J Caldarera1003Italy2026-10-10
Jefferson E Vocelka1004Brazil2026-10-20
Jefferson H Darakjy1005India2026-10-09
Wickens X Garufi1006Spain2026-10-24
Ivar D Whobrey1007Spain2026-09-25
Morrow L Ostrosky1008United Kingdom2026-10-23
Octavia Y Gillian1009Germany2026-10-07
Greenwood Y Bowley1010Canada2026-10-12
Greenwood B Gaucho1011France2026-10-10
Misaki G Flosi1012Spain2026-10-03
Mujtaba V Ostrosky1013Germany2026-10-16
Julie P Dilliard1014Germany2026-10-04
Maisha G Butt1015Italy2026-10-06
Julie V Sergi1016Canada2026-09-26
Izzy J Marrier1017Canada2026-10-08
Jefferson M Stockham1018Japan2026-10-24
Ricardo V Vocelka1019India2026-09-30
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Johnson V RulapaughCanadaStephen Shaw QUALIFIED
Costa E DilliardItalyBernardo Dominic NEW
Antonio V VenereAustraliaAsiya Javayant QUALIFIED
Wickens Q TollnerItalyAnna Fali NEGOTIATION
Cody E StockhamFranceAmy Elsner UNQUALIFIED
Misaki P CaldareraRussiaElwin Sharvill UNQUALIFIED
Rodrigues H WhobreyJapanElwin Sharvill NEW
Francesco W CaldareraJapanElwin Sharvill QUALIFIED
Clifford T KuskoCanadaElwin Sharvill PROPOSAL
Sinclair S MarrierUnited KingdomAsiya Javayant UNQUALIFIED
Adams J ShinkoFranceBernardo Dominic RENEWAL
Aditya X SergiSpainStephen Shaw NEGOTIATION
Morrow I CaudyArgentinaAmy Elsner PROPOSAL
Jeanfrancois F PerinAustraliaAsiya Javayant RENEWAL
Stacey H MaletAustraliaAmy Elsner RENEWAL
Faith Z MaletGermanyAnna Fali UNQUALIFIED
Emily B FerenczFranceBernardo Dominic RENEWAL
Ashley X AmigonFranceAmy Elsner PROPOSAL
Arvin E SlusarskiSpainAnna Fali RENEWAL
Julie F PoquetteUnited KingdomIvan Magalhaes QUALIFIED
David Z VenereRussiaBernardo Dominic QUALIFIED
Leon G MaletIndiaAnna Fali UNQUALIFIED
Julie U PaprockiSpainStephen Shaw NEW
Morrow C OldroydUnited KingdomAnna Fali UNQUALIFIED
Sinclair S RoysterBrazilIvan Magalhaes NEW
Faith S MaletJapanIvan Magalhaes NEGOTIATION
Mujtaba N SchemmerUnited KingdomBernardo Dominic QUALIFIED
Emily I RutaItalyAsiya Javayant RENEWAL
Sinclair G FollerRussiaAsiya Javayant PROPOSAL
Nicolas H FigeroaAustraliaXuxue Feng QUALIFIED
James G NickaSpainElwin Sharvill UNQUALIFIED
Jeanfrancois M FollerAustraliaIvan Magalhaes NEGOTIATION
Kaitlin F RulapaughGermanyXuxue Feng RENEWAL
Antonio B RutaCanadaIvan Magalhaes NEW
Silvio K GlickItalyOnyama Limba PROPOSAL
Jeanfrancois Y NickaItalyIoni Bowcher QUALIFIED
Murillo G VenereSpainBernardo Dominic UNQUALIFIED
Aditya E CaldareraGermanyAnna Fali NEW
Jeanfrancois P SergiBrazilStephen Shaw NEGOTIATION
Sinclair J GauchoCanadaAmy Elsner NEW

<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>