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
Izzy L DilliardUnited KingdomAmy Elsner QUALIFIED
Leon K StockhamJapanAsiya Javayant RENEWAL
Kaitlin Z CaudyCanadaAmy Elsner NEGOTIATION
Aika N RutaIndiaIvan Magalhaes PROPOSAL
Costa Z DoeGermanyAsiya Javayant PROPOSAL
Juan W SaylorsBrazilAmy Elsner QUALIFIED
Adams O MaletSpainIoni Bowcher QUALIFIED
Stacey W SchemmerGermanyAmy Elsner NEGOTIATION
Adams C GillianIndiaStephen Shaw UNQUALIFIED
Misaki U RutaUnited KingdomAsiya Javayant UNQUALIFIED
Sinclair O PoquetteSpainIoni Bowcher PROPOSAL
Johnson S FerenczSpainStephen Shaw QUALIFIED
Jennifer X CaudyItalyIvan Magalhaes UNQUALIFIED
Mujtaba F ShinkoAustraliaBernardo Dominic NEGOTIATION
Leon S OldroydFranceIvan Magalhaes NEGOTIATION
James E ChuiArgentinaIoni Bowcher PROPOSAL
Johnson B BologniaCanadaElwin Sharvill PROPOSAL
Murillo I SaylorsSpainIvan Magalhaes UNQUALIFIED
Francesco R VenereBrazilXuxue Feng NEGOTIATION
Izzy R OldroydUnited KingdomStephen Shaw NEW
Greenwood Y MaletItalyIoni Bowcher QUALIFIED
Stacey M GillianIndiaAsiya Javayant RENEWAL
Adams M NestleRussiaAmy Elsner QUALIFIED
Stacey A FollerItalyAmy Elsner UNQUALIFIED
Kadeem C OldroydAustraliaOnyama Limba NEW
Ricardo F SergiUnited KingdomStephen Shaw PROPOSAL
Nicolas R NestleItalyAmy Elsner UNQUALIFIED
Mayumi X AlbaresArgentinaXuxue Feng NEW
Maria M WieserBrazilAnna Fali NEGOTIATION
Clifford M SchemmerJapanBernardo Dominic PROPOSAL
Nicolas I RulapaughGermanyAnna Fali NEW
Jefferson H VocelkaIndiaIvan Magalhaes UNQUALIFIED
Claire U DarakjySpainAnna Fali NEW
Sinclair M OstroskyUnited KingdomStephen Shaw PROPOSAL
Arvin E KolmetzIndiaIvan Magalhaes RENEWAL
Juan D FollerBrazilBernardo Dominic UNQUALIFIED
Jeanfrancois K KolmetzCanadaStephen Shaw NEW
Leon C GarufiGermanyIoni Bowcher PROPOSAL
Emily Q FlosiIndiaXuxue Feng NEW
Izzy R BologniaItalyBernardo Dominic NEW
Deepesh Q VenereJapanAnna Fali UNQUALIFIED
Wickens G PoquetteBrazilOnyama Limba PROPOSAL
Aditya Y MaletAustraliaAsiya Javayant UNQUALIFIED
Murillo H CampainItalyXuxue Feng NEW
Isabel P RulapaughAustraliaStephen Shaw RENEWAL
Izzy T PerinBrazilAmy Elsner UNQUALIFIED
Smith N DoeArgentinaAmy Elsner PROPOSAL
Costa H NestleArgentinaIvan Magalhaes RENEWAL
Aruna F ChuiAustraliaElwin Sharvill PROPOSAL
Salvatore T RutaUnited KingdomIoni Bowcher UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Nicolas Y ButtFranceOnyama Limba QUALIFIED
James O ShinkoJapanIvan Magalhaes PROPOSAL
Aruna Q CaudyRussiaXuxue Feng NEW
Chavez H StockhamBrazilElwin Sharvill NEGOTIATION
Aika K VenereGermanyStephen Shaw NEW
Darci H StensethJapanAmy Elsner NEGOTIATION
Aruna J InouyeCanadaStephen Shaw NEGOTIATION
Deepesh U GarufiGermanyAsiya Javayant PROPOSAL
Jennifer V OstroskyJapanAnna Fali RENEWAL
Misaki Z WaycottSpainAsiya Javayant NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Murillo M SergiSpain2026-11-03Rousseaux, Michael Esq QUALIFIED87Elwin Sharvill
1001Mujtaba G MaletRussia2026-11-04Benton, John B Jr QUALIFIED8Amy Elsner
1002Darci E CampainRussia2026-10-14King, Christopher A Esq QUALIFIED94Elwin Sharvill
1003Julie P CaldareraBrazil2026-11-02Truhlar And Truhlar Attys NEW96Elwin Sharvill
1004Jennifer U MaletFrance2026-10-21Feltz Printing Service QUALIFIED60Asiya Javayant
1005Morrow L RutaBrazil2026-11-03Benton, John B Jr UNQUALIFIED21Ivan Magalhaes
1006Nicolas E BologniaArgentina2026-11-03Dorl, James J Esq NEW2Elwin Sharvill
1007Stacey V DarakjyBrazil2026-10-23Commercial Press NEW65Elwin Sharvill
1008Aika Y FollerRussia2026-10-13Dorl, James J Esq PROPOSAL39Xuxue Feng
1009Morrow M AmigonItaly2026-11-02Chanay, Jeffrey A Esq PROPOSAL76Stephen Shaw
1010Adams C RulapaughUnited Kingdom2026-11-02Commercial Press NEGOTIATION20Anna Fali
1011Misaki K MaletItaly2026-10-15Buckley Miller Wright UNQUALIFIED43Asiya Javayant
1012Jefferson P OstroskyRussia2026-10-07Dorl, James J Esq UNQUALIFIED36Xuxue Feng
1013Maria B PoquetteSpain2026-11-05Chanay, Jeffrey A Esq PROPOSAL71Anna Fali
1014Aika D DoeFrance2026-10-27Commercial Press PROPOSAL78Asiya Javayant
1015Ashley F PoquetteCanada2026-10-29Feiner Bros NEGOTIATION84Onyama Limba
1016Jeanfrancois T GauchoFrance2026-10-07Feltz Printing Service NEGOTIATION72Anna Fali
1017Faith A FlosiSpain2026-10-30Feiner Bros NEW33Amy Elsner
1018Sinclair O WaycottUnited Kingdom2026-11-03Printing Dimensions NEGOTIATION88Stephen Shaw
1019Morrow M CaldareraAustralia2026-10-10Rangoni Of Florence UNQUALIFIED98Bernardo Dominic
1020Maisha X DarakjySpain2026-10-24Benton, John B Jr PROPOSAL15Stephen Shaw
1021Tony S OldroydItaly2026-10-18Printing Dimensions NEW9Amy Elsner
1022Adams X WieserIndia2026-10-07Commercial Press PROPOSAL50Onyama Limba
1023Clifford V GauchoSpain2026-10-20Truhlar And Truhlar Attys NEW37Onyama Limba
1024Jones G GlickUnited Kingdom2026-10-18Printing Dimensions RENEWAL6Ivan Magalhaes
1025Maisha A OstroskyIndia2026-10-27Chapman, Ross E Esq RENEWAL52Ioni Bowcher
1026Chavez M FollerGermany2026-10-18Chapman, Ross E Esq RENEWAL77Bernardo Dominic
1027Wickens H IturbideRussia2026-11-03Commercial Press RENEWAL55Ivan Magalhaes
1028Antonio O CaudyFrance2026-11-03Chemel, James L Cpa RENEWAL77Stephen Shaw
1029Silvio C FlosiGermany2026-10-13Truhlar And Truhlar Attys RENEWAL77Anna Fali
1030Jones Z CaudyItaly2026-10-12Benton, John B Jr RENEWAL54Anna Fali
1031Faith Y MacleadFrance2026-10-29Printing Dimensions RENEWAL16Elwin Sharvill
1032Misaki G KolmetzCanada2026-10-17Buckley Miller Wright NEGOTIATION59Ivan Magalhaes
1033Izzy D TollnerGermany2026-10-25Morlong Associates NEGOTIATION94Onyama Limba
1034Arvin G RoysterUnited Kingdom2026-10-13Printing Dimensions UNQUALIFIED79Onyama Limba
1035Johnson Z VocelkaItaly2026-10-10Chanay, Jeffrey A Esq PROPOSAL12Anna Fali
1036Octavia G StensethSpain2026-10-25Buckley Miller Wright NEGOTIATION80Amy Elsner
1037Nicolas S CaldareraItaly2026-10-15King, Christopher A Esq RENEWAL73Stephen Shaw
1038Rodrigues U KolmetzUnited Kingdom2026-10-25Chanay, Jeffrey A Esq QUALIFIED14Asiya Javayant
1039Octavia O AlbaresArgentina2026-10-20Chapman, Ross E Esq NEGOTIATION27Elwin Sharvill
1040Johnson A FlosiGermany2026-10-26Printing Dimensions UNQUALIFIED94Xuxue Feng
1041Chavez O VenereGermany2026-10-09Truhlar And Truhlar Attys NEW63Ivan Magalhaes
1042Kaitlin J ShinkoSpain2026-10-24Buckley Miller Wright QUALIFIED32Stephen Shaw
1043Mujtaba S PerinBrazil2026-10-21Morlong Associates RENEWAL66Ioni Bowcher
1044Isabel S FigeroaItaly2026-10-31Feltz Printing Service NEGOTIATION48Elwin Sharvill
1045Leja J GillianArgentina2026-10-08Chemel, James L Cpa PROPOSAL7Onyama Limba
1046Antonio N GillianUnited Kingdom2026-10-29King, Christopher A Esq PROPOSAL51Xuxue Feng
1047Ashley F BriddickBrazil2026-10-12Rangoni Of Florence NEGOTIATION33Amy Elsner
1048Jefferson K MaletAustralia2026-10-09King, Christopher A Esq NEGOTIATION7Amy Elsner
1049Rodrigues P AlbaresCanada2026-10-30Dorl, James J Esq PROPOSAL11Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Aruna K SaylorsBrazilStephen Shaw PROPOSAL
Deepesh T SergiRussiaXuxue Feng RENEWAL
Faith D DilliardItalyAsiya Javayant NEW
Octavia M SlusarskiCanadaXuxue Feng RENEWAL
Jefferson H KolmetzBrazilBernardo Dominic PROPOSAL
Clifford G CaudyRussiaIvan Magalhaes NEW
Rodrigues F MaletItalyBernardo Dominic QUALIFIED
Aditya I IturbideUnited KingdomStephen Shaw NEGOTIATION
Darci J SaylorsSpainOnyama Limba RENEWAL
Clifford Y PaprockiAustraliaIoni Bowcher NEGOTIATION
Deepesh I VenereSpainAmy Elsner UNQUALIFIED
Stacey B VocelkaIndiaIvan Magalhaes QUALIFIED
Misaki N WaycottGermanyBernardo Dominic UNQUALIFIED
Leon C ShinkoFranceAsiya Javayant NEW
Alejandro Y NestleCanadaStephen Shaw PROPOSAL
Jefferson R WieserAustraliaIoni Bowcher QUALIFIED
Morrow Y PoquetteCanadaStephen Shaw NEGOTIATION
Cody M RimArgentinaElwin Sharvill NEW
Claire I ButtGermanyBernardo Dominic UNQUALIFIED
Francesco B PaprockiJapanElwin Sharvill RENEWAL
Aika Z VocelkaRussiaAmy Elsner QUALIFIED
David U AmigonCanadaBernardo Dominic NEGOTIATION
Ricardo X RimIndiaOnyama Limba RENEWAL
Smith N RimArgentinaStephen Shaw PROPOSAL
Nicolas A MaletArgentinaAmy Elsner NEW
Chavez C FigeroaJapanBernardo Dominic UNQUALIFIED
Tony F RutaJapanBernardo Dominic NEW
Costa D AlbaresGermanyBernardo Dominic NEGOTIATION
Greenwood G FollerRussiaAmy Elsner QUALIFIED
Faith J GillianItalyXuxue Feng NEGOTIATION
Clifford K MorascaItalyAnna Fali QUALIFIED
Adams P GarufiIndiaIoni Bowcher NEW
Wickens K MaletSpainIoni Bowcher RENEWAL
Darci V WieserJapanIoni Bowcher QUALIFIED
Morrow I OldroydAustraliaOnyama Limba UNQUALIFIED
Mayumi N BologniaFranceBernardo Dominic QUALIFIED
Octavia C MorascaBrazilAmy Elsner NEW
David Y StockhamBrazilElwin Sharvill NEGOTIATION
Aruna N WhobreyItalyAsiya Javayant UNQUALIFIED
Ashley R CaudyAustraliaAmy Elsner NEGOTIATION
Darci N MaletAustraliaAnna Fali QUALIFIED
Chavez E IturbideBrazilAsiya Javayant UNQUALIFIED
Maria J MorascaItalyIoni Bowcher RENEWAL
Clifford E PerinRussiaBernardo Dominic NEGOTIATION
Isabel G PoquetteJapanAnna Fali NEW
Ricardo I FigeroaJapanOnyama Limba PROPOSAL
Wickens F OldroydCanadaAmy Elsner UNQUALIFIED
Misaki Y DarakjyJapanOnyama Limba NEGOTIATION
Wickens Q DilliardRussiaBernardo Dominic QUALIFIED
Alejandro P AlbaresJapanIvan Magalhaes QUALIFIED
Frozen Columns
Name
Leon P Malet
Morrow B Inouye
Aditya F Chui
Silvio E Nicka
Izzy Y Campain
Jefferson L Venere
Alejandro A Albares
Leon X Glick
Mujtaba X Foller
Julie R Glick
Ashley E Figeroa
Johnson A Malet
Misaki N Bowley
Claire C Albares
Isabel W Stockham
Isabel N Dilliard
Silvio R Stenseth
Misaki V Paprocki
Kadeem G Malet
Aika C Caldarera
Deepesh G Perin
Juan T Kolmetz
Francesco J Stenseth
Aruna U Caudy
Munro F Amigon
Arvin J Wieser
Kadeem Y Iturbide
James T Nicka
Jennifer L Rulapaugh
Alejandro Q Slusarski
Maisha I Malet
James W Chui
Mayumi I Caudy
Silvio Z Caldarera
Ricardo V Kolmetz
Greenwood A Chui
Ashley P Caudy
Jefferson H Albares
Leon J Waycott
David S Vocelka
Jeanfrancois P Glick
David D Nicka
Jefferson J Stenseth
Adams K Rulapaugh
Rodrigues P Schemmer
Sinclair A Whobrey
Murillo I Bolognia
Leon W Stockham
Leja T Wieser
Darci W Foller
IdCountryDate
1000Italy2026-10-14
1001Brazil2026-10-17
1002Germany2026-10-28
1003Germany2026-11-01
1004Japan2026-10-08
1005Argentina2026-10-16
1006Japan2026-10-17
1007United Kingdom2026-10-09
1008Germany2026-11-03
1009Argentina2026-10-21
1010Argentina2026-10-11
1011United Kingdom2026-10-30
1012Spain2026-10-20
1013India2026-10-21
1014Germany2026-10-25
1015Russia2026-10-07
1016Italy2026-10-26
1017Russia2026-11-03
1018United Kingdom2026-11-05
1019France2026-10-09
1020India2026-10-29
1021Russia2026-10-15
1022United Kingdom2026-10-11
1023Spain2026-10-15
1024United Kingdom2026-10-08
1025India2026-10-21
1026Spain2026-10-10
1027Brazil2026-10-19
1028Argentina2026-11-05
1029Brazil2026-11-03
1030Italy2026-11-03
1031Japan2026-11-03
1032Italy2026-10-12
1033United Kingdom2026-11-05
1034Spain2026-11-03
1035France2026-10-13
1036France2026-10-29
1037Japan2026-10-07
1038India2026-10-11
1039Canada2026-10-12
1040United Kingdom2026-10-27
1041Russia2026-10-16
1042Spain2026-10-28
1043Canada2026-10-16
1044India2026-10-19
1045Argentina2026-11-02
1046France2026-11-05
1047Brazil2026-10-08
1048Australia2026-10-08
1049Brazil2026-10-30

On-Demand Data

NameIdCountryDate
Greenwood C Darakjy1000United Kingdom2026-10-23
Munro C Butt1001Australia2026-10-13
Munro V Malet1002France2026-10-25
Clifford T Ferencz1003Japan2026-10-31
Francesco F Chui1004France2026-10-08
Maisha D Foller1005Argentina2026-10-14
Octavia K Ostrosky1006Spain2026-10-10
Maisha P Stenseth1007Argentina2026-10-22
Johnson A Inouye1008Brazil2026-10-09
James O Dilliard1009United Kingdom2026-11-05
Leon G Ruta1010Argentina2026-10-13
Silvio H Marrier1011Canada2026-11-03
Greenwood E Morasca1012Australia2026-10-29
Mayumi T Dilliard1013Australia2026-11-05
Deepesh W Iturbide1014Argentina2026-10-31
Antonio J Shinko1015Russia2026-10-23
Stacey D Saylors1016Italy2026-11-05
Ricardo V Ferencz1017Italy2026-11-05
Darci F Caudy1018Spain2026-10-14
Greenwood P Waycott1019Japan2026-10-31
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Mujtaba P AlbaresItalyIvan Magalhaes PROPOSAL
Costa Q GillianItalyAsiya Javayant RENEWAL
Rodrigues G InouyeCanadaElwin Sharvill QUALIFIED
Arvin L CaudyFranceBernardo Dominic PROPOSAL
Greenwood H RutaCanadaXuxue Feng QUALIFIED
Misaki R PoquetteGermanyOnyama Limba RENEWAL
Claire I ButtJapanBernardo Dominic NEW
Kaitlin V WieserRussiaAsiya Javayant UNQUALIFIED
Silvio Z FigeroaFranceAmy Elsner QUALIFIED
Isabel T TollnerItalyBernardo Dominic PROPOSAL
Jones E MorascaFranceElwin Sharvill PROPOSAL
Mujtaba M SaylorsIndiaBernardo Dominic QUALIFIED
Isabel L DarakjySpainBernardo Dominic NEW
Ricardo B MarrierArgentinaAnna Fali NEW
Morrow Y GillianRussiaAsiya Javayant QUALIFIED
Ivar K MarrierJapanXuxue Feng NEW
Tony G VenereBrazilAnna Fali RENEWAL
Aruna M TollnerAustraliaIvan Magalhaes NEGOTIATION
Emily C RulapaughFranceBernardo Dominic UNQUALIFIED
Darci P FollerBrazilIoni Bowcher PROPOSAL
Deepesh A BologniaGermanyIoni Bowcher RENEWAL
Alejandro Q StockhamUnited KingdomIvan Magalhaes QUALIFIED
Arvin H PaprockiItalyIvan Magalhaes NEW
Nicolas V SergiGermanyElwin Sharvill PROPOSAL
Jefferson V KolmetzJapanAmy Elsner RENEWAL
Silvio R RutaUnited KingdomElwin Sharvill QUALIFIED
Silvio J SlusarskiJapanOnyama Limba QUALIFIED
Salvatore O AmigonJapanIoni Bowcher UNQUALIFIED
Ricardo V MaletIndiaBernardo Dominic NEGOTIATION
Leja M MacleadItalyAmy Elsner PROPOSAL
Darci O SaylorsFranceAmy Elsner UNQUALIFIED
Leja G PerinBrazilXuxue Feng PROPOSAL
Stacey G OstroskyAustraliaAnna Fali PROPOSAL
Silvio G MorascaAustraliaXuxue Feng PROPOSAL
Chavez C IturbideAustraliaXuxue Feng PROPOSAL
Faith X WieserRussiaOnyama Limba UNQUALIFIED
Misaki I NestleRussiaOnyama Limba PROPOSAL
Costa Q FollerFranceAnna Fali PROPOSAL
Deepesh E BologniaSpainBernardo Dominic QUALIFIED
Murillo X VenereItalyElwin Sharvill 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>