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
Jefferson I AmigonAustraliaAnna Fali NEW
Maria C WieserSpainIoni Bowcher RENEWAL
Ivar S NickaItalyElwin Sharvill RENEWAL
Ashley K GauchoRussiaAnna Fali NEW
Francesco B CaudyFranceAnna Fali NEGOTIATION
Wickens F MaletRussiaElwin Sharvill QUALIFIED
Aruna B AmigonIndiaStephen Shaw PROPOSAL
Stacey X CampainUnited KingdomAnna Fali NEW
Jones W StockhamItalyAmy Elsner NEGOTIATION
Salvatore S RutaArgentinaIvan Magalhaes PROPOSAL
Tony Y KolmetzBrazilStephen Shaw NEW
Munro C ShinkoAustraliaStephen Shaw NEW
Arvin X ChuiArgentinaXuxue Feng NEGOTIATION
Faith R CaudyUnited KingdomElwin Sharvill PROPOSAL
Maisha W CaldareraUnited KingdomXuxue Feng NEGOTIATION
Juan X NickaIndiaAsiya Javayant NEGOTIATION
Octavia W DarakjyGermanyBernardo Dominic QUALIFIED
David O VenereCanadaAsiya Javayant PROPOSAL
Mayumi O KolmetzBrazilIvan Magalhaes RENEWAL
Aditya N StockhamArgentinaXuxue Feng NEGOTIATION
Morrow C FlosiAustraliaAsiya Javayant RENEWAL
Alejandro U KolmetzArgentinaAmy Elsner UNQUALIFIED
Morrow R WaycottJapanIoni Bowcher PROPOSAL
Sinclair E KuskoCanadaOnyama Limba RENEWAL
Francesco Q VenereBrazilOnyama Limba RENEWAL
Nicolas R WhobreyAustraliaElwin Sharvill UNQUALIFIED
Sinclair X RoysterAustraliaXuxue Feng PROPOSAL
Leja M BologniaAustraliaBernardo Dominic NEW
Claire K RulapaughGermanyIvan Magalhaes RENEWAL
Mujtaba I SergiArgentinaStephen Shaw QUALIFIED
Wickens V PoquetteAustraliaAsiya Javayant NEGOTIATION
Mujtaba R PoquetteArgentinaIvan Magalhaes NEGOTIATION
Emily T NestleBrazilAsiya Javayant NEGOTIATION
Nicolas X RutaRussiaIoni Bowcher NEGOTIATION
Wickens F DoeFranceStephen Shaw NEGOTIATION
Adams H BriddickRussiaElwin Sharvill PROPOSAL
Salvatore P GauchoUnited KingdomIvan Magalhaes NEGOTIATION
Aditya S VenereRussiaElwin Sharvill QUALIFIED
Faith X MaletBrazilIoni Bowcher QUALIFIED
Adams P AlbaresRussiaXuxue Feng NEGOTIATION
Stacey G WieserIndiaXuxue Feng QUALIFIED
Ashley F FlosiIndiaIvan Magalhaes UNQUALIFIED
Aika J VenereFranceAnna Fali PROPOSAL
Wickens M GlickItalyAsiya Javayant NEW
Octavia Q ButtGermanyAsiya Javayant RENEWAL
Costa T SchemmerFranceElwin Sharvill PROPOSAL
Murillo O CampainCanadaIoni Bowcher NEW
Greenwood F MorascaAustraliaXuxue Feng NEGOTIATION
Leon A ButtUnited KingdomAmy Elsner QUALIFIED
Ashley Q CaldareraBrazilXuxue Feng RENEWAL
Horizontal
NameCountryRepresentativeStatus
David G MaletUnited KingdomIvan Magalhaes QUALIFIED
James O CampainGermanyBernardo Dominic QUALIFIED
Claire W ChuiRussiaElwin Sharvill RENEWAL
Tony G InouyeIndiaStephen Shaw PROPOSAL
Ashley B MarrierArgentinaIvan Magalhaes NEGOTIATION
Mujtaba I DilliardRussiaStephen Shaw PROPOSAL
Sinclair J WieserAustraliaIvan Magalhaes QUALIFIED
David D CaldareraUnited KingdomElwin Sharvill RENEWAL
Jones J WhobreyCanadaAmy Elsner PROPOSAL
Clifford V MaletGermanyAmy Elsner PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Silvio V PerinGermany2026-10-20Dorl, James J Esq NEGOTIATION38Ioni Bowcher
1001Ivar A ButtBrazil2026-10-23King, Christopher A Esq QUALIFIED17Anna Fali
1002Maria B WaycottItaly2026-10-06Feiner Bros QUALIFIED49Anna Fali
1003Aruna V FlosiSpain2026-10-15Chemel, James L Cpa NEW67Stephen Shaw
1004Cody M FlosiUnited Kingdom2026-09-30Printing Dimensions PROPOSAL32Ioni Bowcher
1005Clifford C TollnerBrazil2026-10-20Chemel, James L Cpa PROPOSAL35Anna Fali
1006Cody C OldroydGermany2026-10-04Truhlar And Truhlar Attys UNQUALIFIED10Xuxue Feng
1007Ashley P FollerRussia2026-10-03Commercial Press QUALIFIED45Ivan Magalhaes
1008Antonio P RimArgentina2026-09-29Rangoni Of Florence NEW94Asiya Javayant
1009Kaitlin D PerinItaly2026-10-02Rangoni Of Florence RENEWAL26Amy Elsner
1010Aruna V AmigonIndia2026-09-26Buckley Miller Wright NEGOTIATION80Asiya Javayant
1011Kadeem U TollnerAustralia2026-10-03Feltz Printing Service RENEWAL35Ivan Magalhaes
1012Misaki O NickaRussia2026-10-16Chapman, Ross E Esq QUALIFIED87Onyama Limba
1013Arvin Y NickaGermany2026-10-05Chemel, James L Cpa NEGOTIATION50Ivan Magalhaes
1014Maria Z BologniaCanada2026-09-27Chemel, James L Cpa UNQUALIFIED33Bernardo Dominic
1015Antonio D ButtFrance2026-10-17Chemel, James L Cpa NEGOTIATION28Xuxue Feng
1016Claire T StensethBrazil2026-10-24Chanay, Jeffrey A Esq QUALIFIED60Onyama Limba
1017Rodrigues F FerenczCanada2026-10-08Feltz Printing Service UNQUALIFIED77Ivan Magalhaes
1018Wickens K ShinkoRussia2026-10-09Morlong Associates QUALIFIED14Asiya Javayant
1019Ashley Z SaylorsAustralia2026-10-13Feltz Printing Service RENEWAL84Elwin Sharvill
1020David E RimItaly2026-09-30Chanay, Jeffrey A Esq PROPOSAL43Elwin Sharvill
1021Morrow W PoquetteAustralia2026-10-22Rangoni Of Florence PROPOSAL50Xuxue Feng
1022Costa R SergiSpain2026-10-14Chapman, Ross E Esq NEGOTIATION19Ioni Bowcher
1023Claire I DoeAustralia2026-10-16Dorl, James J Esq NEGOTIATION79Ivan Magalhaes
1024Adams D IturbideCanada2026-10-15Printing Dimensions QUALIFIED14Anna Fali
1025Wickens Y CampainArgentina2026-10-11Rangoni Of Florence NEW72Stephen Shaw
1026Mujtaba L IturbideItaly2026-10-24Buckley Miller Wright NEGOTIATION73Stephen Shaw
1027Maisha B GlickRussia2026-10-21Benton, John B Jr NEGOTIATION19Stephen Shaw
1028Julie S GauchoArgentina2026-10-13Benton, John B Jr UNQUALIFIED20Xuxue Feng
1029Smith Q WhobreyCanada2026-10-20Chemel, James L Cpa UNQUALIFIED31Asiya Javayant
1030Morrow Y SergiArgentina2026-10-01Buckley Miller Wright NEW57Onyama Limba
1031Misaki X PoquetteGermany2026-10-24Dorl, James J Esq UNQUALIFIED97Bernardo Dominic
1032Munro X RulapaughGermany2026-10-24Benton, John B Jr UNQUALIFIED81Anna Fali
1033Faith C AmigonBrazil2026-10-18Printing Dimensions UNQUALIFIED33Amy Elsner
1034Silvio D MorascaJapan2026-10-20Benton, John B Jr NEW37Stephen Shaw
1035Ivar X AmigonIndia2026-10-03Chanay, Jeffrey A Esq QUALIFIED75Xuxue Feng
1036Morrow L RoysterUnited Kingdom2026-10-23Dorl, James J Esq NEW67Xuxue Feng
1037Izzy L DarakjyUnited Kingdom2026-09-25Buckley Miller Wright UNQUALIFIED36Asiya Javayant
1038Deepesh Y ChuiItaly2026-10-17Commercial Press NEW65Amy Elsner
1039Stacey L InouyeJapan2026-10-18Chemel, James L Cpa UNQUALIFIED30Asiya Javayant
1040Clifford N GillianCanada2026-10-22Printing Dimensions NEGOTIATION70Elwin Sharvill
1041Aika O FlosiRussia2026-10-22Chanay, Jeffrey A Esq PROPOSAL25Onyama Limba
1042Isabel H TollnerFrance2026-10-23Feiner Bros PROPOSAL77Stephen Shaw
1043Ivar S KuskoFrance2026-09-26Commercial Press RENEWAL34Elwin Sharvill
1044Antonio X InouyeCanada2026-10-15Buckley Miller Wright RENEWAL9Stephen Shaw
1045Chavez B StockhamRussia2026-10-17Rangoni Of Florence NEW81Ivan Magalhaes
1046Johnson G VenereAustralia2026-10-04Feiner Bros NEGOTIATION9Elwin Sharvill
1047Rodrigues D GlickBrazil2026-10-17Rousseaux, Michael Esq NEW56Ivan Magalhaes
1048Faith X InouyeArgentina2026-10-22Benton, John B Jr NEGOTIATION80Stephen Shaw
1049Stacey L DoeUnited Kingdom2026-10-18Chanay, Jeffrey A Esq RENEWAL99Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Mujtaba G VocelkaArgentinaIvan Magalhaes UNQUALIFIED
Cody B DarakjyItalyAnna Fali RENEWAL
Munro Y DarakjySpainStephen Shaw QUALIFIED
Sinclair G FigeroaItalyIoni Bowcher RENEWAL
Faith I GillianRussiaAmy Elsner UNQUALIFIED
Wickens A MorascaBrazilIoni Bowcher NEGOTIATION
Aditya F VenereJapanElwin Sharvill PROPOSAL
Arvin I BowleyGermanyAsiya Javayant NEW
Murillo Z RoysterSpainAmy Elsner RENEWAL
Smith G KolmetzJapanStephen Shaw PROPOSAL
Leja G SaylorsJapanStephen Shaw NEW
Maisha L DarakjyBrazilAmy Elsner RENEWAL
Jeanfrancois Z RoysterRussiaAnna Fali UNQUALIFIED
Silvio R MaletCanadaOnyama Limba PROPOSAL
Greenwood K AlbaresSpainBernardo Dominic PROPOSAL
Salvatore J DarakjySpainXuxue Feng QUALIFIED
David F FollerBrazilAnna Fali UNQUALIFIED
Costa U FigeroaSpainXuxue Feng RENEWAL
Jennifer T RulapaughJapanXuxue Feng QUALIFIED
Cody K FigeroaJapanIoni Bowcher UNQUALIFIED
Francesco R NickaArgentinaOnyama Limba NEW
Jones O NestleFranceXuxue Feng NEGOTIATION
Deepesh C PerinUnited KingdomXuxue Feng UNQUALIFIED
Antonio P SergiGermanyIvan Magalhaes QUALIFIED
Ashley X FigeroaFranceElwin Sharvill UNQUALIFIED
Ricardo G StensethGermanyOnyama Limba RENEWAL
Jennifer X GlickArgentinaElwin Sharvill UNQUALIFIED
Murillo R VenereFranceElwin Sharvill PROPOSAL
James J SchemmerItalyBernardo Dominic PROPOSAL
Murillo R DilliardArgentinaOnyama Limba QUALIFIED
Aruna L GlickJapanStephen Shaw RENEWAL
Isabel L FlosiJapanElwin Sharvill QUALIFIED
Jeanfrancois H StockhamFranceStephen Shaw RENEWAL
Arvin K PoquetteSpainStephen Shaw NEW
Munro T GarufiAustraliaAsiya Javayant UNQUALIFIED
Ivar D RoysterCanadaOnyama Limba RENEWAL
Faith H NickaUnited KingdomAnna Fali PROPOSAL
James V PerinArgentinaElwin Sharvill QUALIFIED
Aruna M IturbideUnited KingdomAmy Elsner PROPOSAL
Clifford A NestleSpainOnyama Limba NEGOTIATION
Chavez P GauchoFranceOnyama Limba RENEWAL
Maria V ButtGermanyAmy Elsner RENEWAL
Aika K CampainJapanOnyama Limba NEGOTIATION
Darci D GarufiUnited KingdomBernardo Dominic NEW
Murillo M AlbaresJapanBernardo Dominic QUALIFIED
Leja P KuskoRussiaBernardo Dominic NEGOTIATION
Aruna K GauchoCanadaAsiya Javayant NEW
Kaitlin U PoquetteJapanAsiya Javayant RENEWAL
Wickens Y BowleyIndiaAmy Elsner NEW
Chavez U TollnerItalyAmy Elsner NEW
Frozen Columns
Name
Sinclair V Gillian
Adams I Marrier
Chavez Y Caudy
Aika K Gaucho
Leon E Rim
Emily A Vocelka
Clifford L Rulapaugh
Cody U Figeroa
Stacey H Ferencz
Faith O Malet
Rodrigues B Kolmetz
Ashley U Perin
Morrow N Inouye
Nicolas R Dilliard
Aika Y Royster
Cody D Paprocki
Kaitlin A Amigon
Leon Y Paprocki
Smith F Saylors
Antonio T Flosi
David F Stockham
Sinclair U Sergi
Alejandro B Slusarski
Maria P Campain
Adams A Ostrosky
Faith F Gillian
Murillo S Bolognia
Aika D Flosi
David G Venere
Emily E Malet
Aika W Paprocki
Aruna Q Maclead
Murillo U Perin
Munro J Oldroyd
James G Glick
Clifford S Malet
Morrow N Tollner
Jennifer W Tollner
Arvin D Gillian
Greenwood U Oldroyd
Munro K Caudy
Mujtaba C Maclead
Claire R Caldarera
Misaki G Rulapaugh
Salvatore G Caldarera
Morrow G Rim
Silvio W Paprocki
Octavia M Vocelka
Ricardo S Figeroa
Morrow Q Schemmer
IdCountryDate
1000India2026-09-30
1001Argentina2026-10-06
1002Japan2026-10-04
1003United Kingdom2026-10-02
1004Brazil2026-09-26
1005Spain2026-10-21
1006Spain2026-10-18
1007Japan2026-09-29
1008Spain2026-10-06
1009India2026-10-23
1010Australia2026-10-20
1011Argentina2026-10-10
1012Canada2026-09-25
1013Russia2026-10-22
1014Italy2026-10-14
1015France2026-10-17
1016Russia2026-10-20
1017Russia2026-10-20
1018Australia2026-10-22
1019Australia2026-10-16
1020Brazil2026-10-24
1021Australia2026-09-29
1022Russia2026-10-15
1023India2026-10-01
1024Canada2026-10-09
1025France2026-10-20
1026United Kingdom2026-09-30
1027Brazil2026-10-09
1028Russia2026-10-21
1029France2026-09-29
1030India2026-10-04
1031France2026-10-19
1032Canada2026-10-14
1033Germany2026-10-14
1034United Kingdom2026-10-24
1035Spain2026-09-26
1036Russia2026-10-20
1037Spain2026-09-27
1038Australia2026-10-01
1039France2026-10-21
1040Canada2026-10-22
1041India2026-10-24
1042France2026-10-05
1043France2026-10-17
1044France2026-10-11
1045Spain2026-09-25
1046Italy2026-10-13
1047Italy2026-10-07
1048Australia2026-09-29
1049France2026-10-01

On-Demand Data

NameIdCountryDate
Clifford Z Tollner1000Australia2026-10-15
Rodrigues B Nicka1001Australia2026-09-27
Clifford O Venere1002Russia2026-10-23
Cody Z Chui1003Russia2026-10-12
Isabel B Nicka1004France2026-10-18
Leja S Glick1005Russia2026-09-27
Julie K Paprocki1006Spain2026-10-23
Isabel G Rulapaugh1007Brazil2026-10-22
Darci F Rim1008Russia2026-09-28
Jennifer P Maclead1009Argentina2026-09-25
Aika Q Vocelka1010India2026-10-19
Silvio L Inouye1011Italy2026-09-26
Aditya L Saylors1012France2026-10-18
Rodrigues N Perin1013Canada2026-10-18
Isabel S Paprocki1014Russia2026-10-13
Antonio U Marrier1015Russia2026-10-23
Antonio L Saylors1016Canada2026-09-29
Aditya Z Slusarski1017Spain2026-10-11
Aditya L Vocelka1018Japan2026-10-03
Greenwood Q Wieser1019Russia2026-10-03
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jeanfrancois H SergiFranceIvan Magalhaes NEW
Nicolas S CampainBrazilBernardo Dominic RENEWAL
Aditya N NestleUnited KingdomAsiya Javayant RENEWAL
Faith H ChuiSpainBernardo Dominic PROPOSAL
Jeanfrancois H MarrierBrazilStephen Shaw PROPOSAL
Murillo F MaletGermanyXuxue Feng NEGOTIATION
Rodrigues E MarrierUnited KingdomStephen Shaw NEGOTIATION
Tony V RoysterSpainOnyama Limba PROPOSAL
Silvio N GauchoJapanIvan Magalhaes RENEWAL
Leja U AmigonUnited KingdomAnna Fali RENEWAL
Leja S MaletIndiaAnna Fali PROPOSAL
Silvio K SergiCanadaAnna Fali QUALIFIED
Mayumi O ButtUnited KingdomIvan Magalhaes QUALIFIED
James K InouyeCanadaBernardo Dominic UNQUALIFIED
Silvio D InouyeRussiaStephen Shaw QUALIFIED
Murillo H NestleCanadaAmy Elsner QUALIFIED
Ricardo B KolmetzIndiaAmy Elsner UNQUALIFIED
Jennifer K WaycottIndiaAmy Elsner QUALIFIED
Stacey N GillianCanadaBernardo Dominic UNQUALIFIED
Kaitlin Q IturbideFranceIoni Bowcher RENEWAL
Nicolas D OldroydItalyElwin Sharvill NEGOTIATION
Ricardo C ShinkoUnited KingdomElwin Sharvill NEGOTIATION
Smith K BowleyArgentinaElwin Sharvill NEGOTIATION
Kaitlin I PoquetteIndiaAnna Fali UNQUALIFIED
Faith O WhobreyAustraliaElwin Sharvill PROPOSAL
Munro W PoquetteGermanyAmy Elsner NEW
Rodrigues T MaletUnited KingdomElwin Sharvill NEW
Murillo R PaprockiIndiaOnyama Limba PROPOSAL
Leja V KuskoBrazilIvan Magalhaes QUALIFIED
Sinclair N MacleadBrazilBernardo Dominic RENEWAL
Izzy O InouyeUnited KingdomOnyama Limba QUALIFIED
Antonio X FigeroaBrazilIoni Bowcher UNQUALIFIED
Arvin F AmigonCanadaElwin Sharvill RENEWAL
Jeanfrancois E CaudyBrazilBernardo Dominic NEW
Jeanfrancois G CaudyAustraliaBernardo Dominic NEW
Leon T InouyeAustraliaElwin Sharvill NEW
Maria A BologniaUnited KingdomElwin Sharvill QUALIFIED
Kadeem V KuskoSpainAnna Fali RENEWAL
Ivar K SlusarskiUnited KingdomBernardo Dominic NEGOTIATION
Izzy L FollerRussiaStephen Shaw NEGOTIATION

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