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
Darci C FigeroaArgentinaIvan Magalhaes UNQUALIFIED
Greenwood Q KuskoRussiaStephen Shaw NEGOTIATION
Kadeem T BologniaItalyAnna Fali NEGOTIATION
Misaki B MacleadArgentinaBernardo Dominic NEW
Aditya F RutaJapanStephen Shaw RENEWAL
Isabel Z SaylorsArgentinaIvan Magalhaes UNQUALIFIED
James G GarufiItalyIoni Bowcher QUALIFIED
Ashley R FlosiItalyElwin Sharvill PROPOSAL
Darci R AmigonGermanyAnna Fali NEGOTIATION
Aruna M CaudyBrazilIvan Magalhaes UNQUALIFIED
Kadeem O MarrierSpainIoni Bowcher QUALIFIED
Jennifer L MaletBrazilStephen Shaw QUALIFIED
Ricardo X MacleadUnited KingdomIoni Bowcher NEGOTIATION
Jeanfrancois Y MorascaArgentinaXuxue Feng NEGOTIATION
Ricardo P StockhamFranceIoni Bowcher RENEWAL
Johnson T GillianArgentinaIvan Magalhaes PROPOSAL
Aditya V BowleyArgentinaOnyama Limba UNQUALIFIED
Greenwood C DarakjyJapanAnna Fali RENEWAL
Chavez I FigeroaCanadaAmy Elsner RENEWAL
Chavez C InouyeSpainXuxue Feng PROPOSAL
Nicolas D FollerAustraliaBernardo Dominic QUALIFIED
Ashley W FollerIndiaBernardo Dominic RENEWAL
Aika Q CampainArgentinaAnna Fali RENEWAL
Julie J VocelkaFranceAmy Elsner QUALIFIED
Jennifer W RutaJapanOnyama Limba NEW
Adams O RimBrazilElwin Sharvill NEGOTIATION
Stacey S VenereUnited KingdomBernardo Dominic QUALIFIED
Chavez O WieserBrazilStephen Shaw QUALIFIED
Alejandro U ChuiIndiaIoni Bowcher NEGOTIATION
Deepesh S NestleRussiaStephen Shaw RENEWAL
Jefferson C ShinkoCanadaStephen Shaw PROPOSAL
Kadeem B BologniaGermanyOnyama Limba NEW
Izzy S SergiIndiaIoni Bowcher QUALIFIED
Munro Q FlosiUnited KingdomIoni Bowcher PROPOSAL
Morrow G DilliardBrazilXuxue Feng NEGOTIATION
Cody I WieserGermanyElwin Sharvill PROPOSAL
Kaitlin O AmigonIndiaXuxue Feng PROPOSAL
Kadeem X ShinkoCanadaAmy Elsner UNQUALIFIED
Jones X AlbaresCanadaAsiya Javayant PROPOSAL
Julie L SaylorsRussiaElwin Sharvill UNQUALIFIED
Antonio V CampainCanadaAmy Elsner QUALIFIED
Isabel K PaprockiBrazilElwin Sharvill NEW
Jones N SergiItalyXuxue Feng PROPOSAL
Aditya T BowleyRussiaStephen Shaw QUALIFIED
Jones Q MacleadUnited KingdomIoni Bowcher NEW
Aika C GauchoUnited KingdomStephen Shaw NEGOTIATION
Jones M BologniaSpainAmy Elsner PROPOSAL
Salvatore Z RoysterFranceIvan Magalhaes PROPOSAL
Alejandro T BologniaItalyStephen Shaw NEGOTIATION
Claire S GauchoSpainStephen Shaw RENEWAL
Horizontal
NameCountryRepresentativeStatus
Aditya J DarakjyArgentinaAsiya Javayant QUALIFIED
Murillo F NestleGermanyIoni Bowcher NEGOTIATION
Ashley R GauchoJapanOnyama Limba QUALIFIED
Ivar K KuskoRussiaXuxue Feng UNQUALIFIED
Wickens U SergiIndiaAmy Elsner UNQUALIFIED
Ricardo A BologniaUnited KingdomAsiya Javayant RENEWAL
Antonio G FollerGermanyAnna Fali NEGOTIATION
Salvatore T GarufiFranceIoni Bowcher NEW
Darci D RutaUnited KingdomBernardo Dominic QUALIFIED
Johnson V DarakjyUnited KingdomAmy Elsner PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jeanfrancois C FollerAustralia2026-10-04Buckley Miller Wright PROPOSAL71Ioni Bowcher
1001Arvin I WaycottItaly2026-10-11Feiner Bros PROPOSAL83Ivan Magalhaes
1002Ashley Z MaletJapan2026-09-21Rousseaux, Michael Esq NEGOTIATION24Stephen Shaw
1003Cody Q ChuiCanada2026-09-22Benton, John B Jr NEW63Onyama Limba
1004Adams S GarufiRussia2026-09-28Commercial Press UNQUALIFIED32Bernardo Dominic
1005Johnson N SchemmerFrance2026-09-24Morlong Associates QUALIFIED18Stephen Shaw
1006Aditya F CampainFrance2026-09-29Truhlar And Truhlar Attys QUALIFIED68Elwin Sharvill
1007Cody Y DarakjyCanada2026-09-20King, Christopher A Esq QUALIFIED75Ioni Bowcher
1008David R KuskoFrance2026-09-15Benton, John B Jr RENEWAL78Onyama Limba
1009Leon R BologniaIndia2026-09-28Rangoni Of Florence RENEWAL47Bernardo Dominic
1010Mayumi U AmigonAustralia2026-10-07Feltz Printing Service RENEWAL3Onyama Limba
1011Johnson Z GlickRussia2026-10-13Feiner Bros RENEWAL11Anna Fali
1012Jeanfrancois V CaudyItaly2026-09-22King, Christopher A Esq RENEWAL37Amy Elsner
1013Faith T OldroydAustralia2026-10-02Buckley Miller Wright UNQUALIFIED71Ivan Magalhaes
1014Maria T StockhamGermany2026-09-21Feltz Printing Service NEGOTIATION42Elwin Sharvill
1015Maria H ChuiUnited Kingdom2026-09-22Chanay, Jeffrey A Esq NEW74Elwin Sharvill
1016Izzy V IturbideArgentina2026-09-25Rousseaux, Michael Esq RENEWAL40Ioni Bowcher
1017James L BologniaFrance2026-10-05Chanay, Jeffrey A Esq QUALIFIED14Ivan Magalhaes
1018Munro X StockhamItaly2026-09-21Benton, John B Jr NEW47Elwin Sharvill
1019Darci Z FlosiArgentina2026-10-05Morlong Associates UNQUALIFIED50Amy Elsner
1020Jefferson F GillianFrance2026-10-08Commercial Press PROPOSAL61Amy Elsner
1021Julie V MaletSpain2026-10-04Printing Dimensions RENEWAL92Bernardo Dominic
1022Stacey X TollnerSpain2026-09-30Chanay, Jeffrey A Esq NEGOTIATION36Stephen Shaw
1023Francesco F RoysterRussia2026-09-18Chanay, Jeffrey A Esq UNQUALIFIED31Elwin Sharvill
1024Ivar X SergiItaly2026-10-11Dorl, James J Esq PROPOSAL76Ioni Bowcher
1025Costa G PoquetteIndia2026-09-22Chemel, James L Cpa UNQUALIFIED70Elwin Sharvill
1026Ashley V AlbaresBrazil2026-10-06Rangoni Of Florence PROPOSAL45Ioni Bowcher
1027Antonio W BriddickJapan2026-09-18Benton, John B Jr PROPOSAL68Anna Fali
1028Emily Q GarufiUnited Kingdom2026-09-18Rousseaux, Michael Esq RENEWAL31Ivan Magalhaes
1029Aika A KuskoCanada2026-09-24Benton, John B Jr RENEWAL75Stephen Shaw
1030Kadeem W ChuiItaly2026-09-20Truhlar And Truhlar Attys RENEWAL39Amy Elsner
1031Emily K MaletCanada2026-10-14Rangoni Of Florence RENEWAL30Amy Elsner
1032Stacey Q FollerCanada2026-10-12Chemel, James L Cpa PROPOSAL10Onyama Limba
1033Silvio M SergiUnited Kingdom2026-10-07Rousseaux, Michael Esq QUALIFIED49Xuxue Feng
1034Mujtaba R PaprockiFrance2026-09-23Morlong Associates UNQUALIFIED36Xuxue Feng
1035Juan O SlusarskiAustralia2026-09-29Truhlar And Truhlar Attys UNQUALIFIED71Ioni Bowcher
1036Nicolas M OstroskyItaly2026-09-19Printing Dimensions RENEWAL84Asiya Javayant
1037Emily Y RimRussia2026-10-07King, Christopher A Esq NEW81Xuxue Feng
1038Emily I KolmetzArgentina2026-10-14Benton, John B Jr NEW22Ivan Magalhaes
1039Greenwood I FerenczItaly2026-09-24Rousseaux, Michael Esq PROPOSAL1Elwin Sharvill
1040Wickens R GarufiUnited Kingdom2026-09-15Rangoni Of Florence QUALIFIED21Bernardo Dominic
1041Jennifer M MaletCanada2026-09-24Feltz Printing Service NEGOTIATION72Stephen Shaw
1042Arvin Y CampainUnited Kingdom2026-10-11Rousseaux, Michael Esq PROPOSAL37Bernardo Dominic
1043Leon O BowleyRussia2026-10-01King, Christopher A Esq NEGOTIATION40Onyama Limba
1044Kadeem W StensethGermany2026-10-14Dorl, James J Esq QUALIFIED49Anna Fali
1045Deepesh B WaycottUnited Kingdom2026-10-09King, Christopher A Esq NEGOTIATION36Anna Fali
1046Isabel C AmigonJapan2026-10-14Printing Dimensions NEGOTIATION91Anna Fali
1047Jones B FerenczJapan2026-09-19Chapman, Ross E Esq QUALIFIED42Anna Fali
1048Smith T PoquetteJapan2026-09-17Rangoni Of Florence NEW84Ivan Magalhaes
1049Murillo V BologniaSpain2026-09-18Buckley Miller Wright NEGOTIATION99Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Sinclair L SergiSpainStephen Shaw PROPOSAL
Leja T StensethFranceBernardo Dominic QUALIFIED
Tony Y GillianSpainXuxue Feng PROPOSAL
Jennifer U BriddickUnited KingdomIoni Bowcher NEW
Sinclair C MacleadRussiaAsiya Javayant NEW
Juan G RimCanadaXuxue Feng NEW
Emily Z StensethItalyBernardo Dominic QUALIFIED
Salvatore U MaletBrazilElwin Sharvill UNQUALIFIED
Misaki N ChuiFranceBernardo Dominic PROPOSAL
Ashley F AlbaresIndiaAmy Elsner UNQUALIFIED
Adams E MaletFranceStephen Shaw UNQUALIFIED
Ricardo M MacleadIndiaIoni Bowcher PROPOSAL
Murillo O MaletBrazilIoni Bowcher QUALIFIED
Izzy T KolmetzArgentinaBernardo Dominic RENEWAL
Faith A GillianJapanBernardo Dominic QUALIFIED
Misaki A ButtGermanyAsiya Javayant QUALIFIED
Antonio A MaletFranceXuxue Feng NEW
Antonio R WaycottBrazilAsiya Javayant QUALIFIED
Kaitlin G RoysterSpainAmy Elsner UNQUALIFIED
Jennifer T IturbideArgentinaXuxue Feng PROPOSAL
Aruna R CampainGermanyXuxue Feng UNQUALIFIED
Maria C CaudyFranceElwin Sharvill QUALIFIED
Francesco V NickaUnited KingdomXuxue Feng UNQUALIFIED
Ashley X WieserAustraliaXuxue Feng RENEWAL
Julie R InouyeUnited KingdomIoni Bowcher QUALIFIED
Maria K DilliardItalyOnyama Limba PROPOSAL
Smith J VocelkaGermanyElwin Sharvill QUALIFIED
James F FlosiBrazilIvan Magalhaes QUALIFIED
Julie F GlickJapanAsiya Javayant PROPOSAL
Mayumi H FerenczFranceOnyama Limba RENEWAL
Morrow U CaudyIndiaOnyama Limba UNQUALIFIED
Alejandro B OstroskyAustraliaIoni Bowcher QUALIFIED
Smith D KolmetzBrazilAsiya Javayant RENEWAL
Cody R RoysterIndiaIoni Bowcher PROPOSAL
Francesco C VocelkaIndiaBernardo Dominic NEW
Emily Y VocelkaFranceStephen Shaw RENEWAL
Jennifer D IturbideBrazilAnna Fali UNQUALIFIED
Morrow A VenereFranceIvan Magalhaes PROPOSAL
Rodrigues T SergiItalyAmy Elsner NEW
Aruna V FigeroaIndiaBernardo Dominic UNQUALIFIED
Jeanfrancois Z ShinkoAustraliaOnyama Limba UNQUALIFIED
Antonio W MorascaJapanIoni Bowcher RENEWAL
Cody U RimFranceAmy Elsner RENEWAL
Aruna E DoeIndiaXuxue Feng QUALIFIED
Munro N GillianUnited KingdomAsiya Javayant NEW
Munro X GarufiUnited KingdomIvan Magalhaes QUALIFIED
Clifford W NestleItalyXuxue Feng PROPOSAL
Aika C FlosiItalyBernardo Dominic UNQUALIFIED
Maisha I RutaCanadaBernardo Dominic RENEWAL
Jones G GillianFranceIoni Bowcher PROPOSAL
Frozen Columns
Name
Munro Y Tollner
Sinclair U Albares
Ricardo T Kusko
Maria I Rulapaugh
Morrow D Iturbide
Smith G Malet
Leja D Tollner
Smith P Flosi
Aditya J Ostrosky
Octavia M Chui
Ashley G Gaucho
Costa M Shinko
Arvin M Marrier
Ashley M Wieser
Salvatore L Rim
Antonio S Venere
James W Shinko
Francesco A Stenseth
Jones P Amigon
Silvio L Rulapaugh
Adams U Paprocki
Ashley Q Whobrey
Faith Z Glick
Arvin M Paprocki
Chavez P Briddick
Adams O Glick
Antonio G Venere
Izzy W Schemmer
Johnson A Dilliard
Faith S Butt
Mayumi E Inouye
Stacey V Chui
Claire M Sergi
Deepesh Y Morasca
Nicolas N Shinko
David P Marrier
Costa T Perin
Arvin S Ostrosky
Maisha B Briddick
Jones D Morasca
Leon Y Slusarski
Emily N Kolmetz
Clifford R Maclead
Mayumi B Caldarera
Juan L Albares
Octavia Y Figeroa
Murillo Z Nestle
Salvatore L Venere
Morrow X Bolognia
Jones O Venere
IdCountryDate
1000United Kingdom2026-09-28
1001France2026-09-29
1002Italy2026-09-26
1003United Kingdom2026-09-20
1004Japan2026-09-24
1005Argentina2026-10-07
1006Spain2026-09-27
1007India2026-10-12
1008Australia2026-10-02
1009Japan2026-10-04
1010Spain2026-09-20
1011Canada2026-09-27
1012India2026-09-16
1013United Kingdom2026-10-13
1014Russia2026-09-25
1015Spain2026-10-12
1016Italy2026-10-02
1017India2026-10-08
1018Russia2026-09-16
1019Italy2026-10-05
1020Australia2026-09-23
1021France2026-09-15
1022Canada2026-09-15
1023Italy2026-09-22
1024Japan2026-10-05
1025Australia2026-10-01
1026Spain2026-10-14
1027Japan2026-09-28
1028Italy2026-10-11
1029Australia2026-09-19
1030Russia2026-09-27
1031Spain2026-09-30
1032Italy2026-09-21
1033Germany2026-09-25
1034Canada2026-10-07
1035Russia2026-10-08
1036Germany2026-09-29
1037Argentina2026-09-25
1038Japan2026-09-24
1039Argentina2026-10-03
1040India2026-09-17
1041Canada2026-09-20
1042Spain2026-10-11
1043Germany2026-09-23
1044France2026-09-27
1045Japan2026-10-13
1046Brazil2026-10-01
1047Australia2026-09-21
1048France2026-10-13
1049Germany2026-09-19

On-Demand Data

NameIdCountryDate
Wickens T Stenseth1000Russia2026-09-23
Francesco K Saylors1001Brazil2026-10-13
Mayumi J Royster1002Japan2026-09-18
Tony L Stockham1003India2026-10-03
Silvio W Stockham1004Australia2026-10-01
Antonio G Ferencz1005Germany2026-10-05
Stacey C Garufi1006Australia2026-09-15
Morrow C Vocelka1007Argentina2026-10-06
Salvatore Y Poquette1008Italy2026-10-04
Nicolas K Albares1009Brazil2026-10-04
Arvin D Venere1010Germany2026-10-09
Rodrigues K Sergi1011Italy2026-09-30
Ashley L Slusarski1012India2026-10-02
Sinclair J Stenseth1013Argentina2026-09-22
Arvin M Doe1014United Kingdom2026-09-28
Munro T Doe1015Brazil2026-09-27
Clifford S Gillian1016Australia2026-10-05
Emily O Foller1017Argentina2026-09-18
Silvio V Albares1018France2026-10-09
David P Waycott1019Argentina2026-09-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Kaitlin K FlosiItalyIoni Bowcher UNQUALIFIED
Darci X VenereRussiaIvan Magalhaes NEW
Cody K NickaIndiaIoni Bowcher NEW
Nicolas F RutaRussiaStephen Shaw NEW
Arvin E MaletRussiaAnna Fali PROPOSAL
Stacey D CaudyBrazilStephen Shaw UNQUALIFIED
Johnson A GlickAustraliaBernardo Dominic NEGOTIATION
Aditya E MorascaIndiaAmy Elsner RENEWAL
Jefferson B IturbideIndiaAnna Fali RENEWAL
Murillo Y SchemmerRussiaXuxue Feng NEW
Octavia K ShinkoBrazilStephen Shaw UNQUALIFIED
Jones J RulapaughJapanIoni Bowcher RENEWAL
Chavez N MaletGermanyElwin Sharvill RENEWAL
Jones A DoeSpainOnyama Limba NEGOTIATION
Morrow G AlbaresIndiaStephen Shaw QUALIFIED
Juan J CaudyGermanyAsiya Javayant RENEWAL
Aruna P MaletItalyBernardo Dominic UNQUALIFIED
Aruna A GlickArgentinaIvan Magalhaes UNQUALIFIED
Morrow I VocelkaFranceBernardo Dominic NEW
Ricardo L BriddickCanadaStephen Shaw PROPOSAL
Leja F SchemmerAustraliaXuxue Feng NEGOTIATION
Mayumi O TollnerCanadaIvan Magalhaes QUALIFIED
Adams F PoquetteIndiaXuxue Feng RENEWAL
Francesco Q AlbaresJapanIoni Bowcher UNQUALIFIED
Leon C SergiBrazilAsiya Javayant NEGOTIATION
Clifford R CampainJapanIoni Bowcher NEW
Alejandro D OldroydItalyIvan Magalhaes NEGOTIATION
Emily R DarakjyBrazilAsiya Javayant RENEWAL
Ashley X FigeroaGermanyElwin Sharvill NEGOTIATION
Mayumi E VenereItalyStephen Shaw NEGOTIATION
Ashley I GlickCanadaStephen Shaw UNQUALIFIED
Salvatore M PoquetteCanadaAsiya Javayant PROPOSAL
Kadeem Q GauchoAustraliaOnyama Limba UNQUALIFIED
Stacey X NestleUnited KingdomIoni Bowcher UNQUALIFIED
Emily E VocelkaUnited KingdomIoni Bowcher NEGOTIATION
Tony A WieserIndiaAsiya Javayant UNQUALIFIED
Kadeem D OldroydItalyXuxue Feng NEW
Julie C WaycottArgentinaIoni Bowcher NEW
Chavez U TollnerGermanyAnna Fali RENEWAL
Ashley N DilliardSpainBernardo Dominic QUALIFIED

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