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
Wickens D GarufiUnited KingdomAnna Fali NEGOTIATION
Aruna R RutaArgentinaOnyama Limba QUALIFIED
Jennifer E BowleyIndiaElwin Sharvill NEW
Ivar G AmigonFranceAnna Fali NEW
Leja Y SergiJapanAsiya Javayant UNQUALIFIED
Cody H InouyeJapanStephen Shaw RENEWAL
Jeanfrancois C CaldareraRussiaIvan Magalhaes PROPOSAL
Silvio D MaletAustraliaAmy Elsner QUALIFIED
Sinclair O SchemmerArgentinaElwin Sharvill UNQUALIFIED
Munro Y BologniaFranceAnna Fali UNQUALIFIED
Francesco B GauchoRussiaIoni Bowcher QUALIFIED
Claire K RimSpainAnna Fali PROPOSAL
Aika E WaycottAustraliaElwin Sharvill NEGOTIATION
Jeanfrancois I DoeJapanElwin Sharvill RENEWAL
Ivar X SlusarskiIndiaAsiya Javayant QUALIFIED
David O CaudyIndiaAnna Fali UNQUALIFIED
Ashley B ChuiUnited KingdomBernardo Dominic QUALIFIED
Francesco N NickaGermanyAnna Fali NEW
Sinclair X FerenczRussiaStephen Shaw UNQUALIFIED
Mayumi D TollnerCanadaAnna Fali UNQUALIFIED
Leja T InouyeUnited KingdomBernardo Dominic QUALIFIED
Tony E CampainItalyOnyama Limba RENEWAL
Wickens H PaprockiIndiaAsiya Javayant UNQUALIFIED
Silvio C FlosiIndiaAmy Elsner QUALIFIED
Aditya M RutaGermanyAsiya Javayant NEGOTIATION
Aditya B MarrierBrazilIoni Bowcher NEW
Silvio N DilliardGermanyStephen Shaw RENEWAL
Antonio F MaletUnited KingdomIoni Bowcher QUALIFIED
Leon C FerenczFranceBernardo Dominic PROPOSAL
Faith E MacleadBrazilAmy Elsner NEW
Stacey S OldroydSpainAmy Elsner RENEWAL
Aika F SaylorsItalyStephen Shaw NEW
Leja W FigeroaUnited KingdomIvan Magalhaes PROPOSAL
Jones M FigeroaBrazilOnyama Limba UNQUALIFIED
Ivar Y CaudyAustraliaAnna Fali QUALIFIED
Rodrigues W GarufiAustraliaAmy Elsner UNQUALIFIED
Jeanfrancois T WaycottJapanIoni Bowcher PROPOSAL
Mayumi T RulapaughRussiaIoni Bowcher UNQUALIFIED
Chavez D OstroskyItalyAnna Fali UNQUALIFIED
Smith R OldroydRussiaIoni Bowcher QUALIFIED
Morrow L PerinJapanIoni Bowcher UNQUALIFIED
Sinclair C PaprockiItalyAnna Fali UNQUALIFIED
Aika S MorascaSpainStephen Shaw UNQUALIFIED
Isabel X DilliardFranceOnyama Limba NEGOTIATION
Greenwood V StockhamFranceIvan Magalhaes UNQUALIFIED
Morrow M AlbaresItalyOnyama Limba QUALIFIED
Morrow G OldroydUnited KingdomXuxue Feng RENEWAL
Isabel L CampainFranceIvan Magalhaes RENEWAL
Jefferson X MacleadUnited KingdomAsiya Javayant NEW
Arvin C StockhamJapanIvan Magalhaes NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Misaki N TollnerFranceStephen Shaw RENEWAL
James F SchemmerAustraliaAmy Elsner QUALIFIED
Antonio Y SchemmerBrazilIvan Magalhaes UNQUALIFIED
Morrow S SlusarskiRussiaElwin Sharvill PROPOSAL
David G PerinFranceOnyama Limba NEW
Faith A RoysterGermanyElwin Sharvill NEW
Costa U BologniaBrazilIvan Magalhaes UNQUALIFIED
Mujtaba F MarrierJapanOnyama Limba QUALIFIED
Wickens J RoysterCanadaAmy Elsner RENEWAL
Stacey G FerenczIndiaOnyama Limba NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aditya H InouyeRussia2026-10-14Benton, John B Jr PROPOSAL55Xuxue Feng
1001Jennifer P GlickItaly2026-10-08Morlong Associates UNQUALIFIED96Ioni Bowcher
1002Ashley U MorascaGermany2026-10-18Commercial Press UNQUALIFIED2Elwin Sharvill
1003Jefferson Z WhobreyJapan2026-10-13Rousseaux, Michael Esq PROPOSAL86Asiya Javayant
1004Mayumi V NestleAustralia2026-10-20Chemel, James L Cpa NEW20Bernardo Dominic
1005Chavez J InouyeBrazil2026-10-27Rousseaux, Michael Esq UNQUALIFIED7Xuxue Feng
1006Kaitlin P DarakjyGermany2026-09-28Commercial Press PROPOSAL96Onyama Limba
1007Ricardo T NestleIndia2026-10-13Buckley Miller Wright NEGOTIATION21Bernardo Dominic
1008Ricardo I AlbaresSpain2026-10-22King, Christopher A Esq PROPOSAL38Amy Elsner
1009Julie Y FollerBrazil2026-09-30Truhlar And Truhlar Attys NEGOTIATION28Xuxue Feng
1010Octavia I NickaAustralia2026-10-07Morlong Associates QUALIFIED22Anna Fali
1011Ricardo Z SlusarskiBrazil2026-10-14Chanay, Jeffrey A Esq UNQUALIFIED78Stephen Shaw
1012Jennifer K CaldareraUnited Kingdom2026-10-23Feltz Printing Service NEW37Asiya Javayant
1013Aika G WaycottRussia2026-10-12Chapman, Ross E Esq RENEWAL77Anna Fali
1014Jones X VenereIndia2026-10-27Chemel, James L Cpa UNQUALIFIED56Stephen Shaw
1015Misaki I SergiGermany2026-10-02Printing Dimensions RENEWAL12Anna Fali
1016Izzy P InouyeItaly2026-10-22Printing Dimensions NEW48Stephen Shaw
1017Faith I BologniaAustralia2026-10-15Chapman, Ross E Esq NEW2Xuxue Feng
1018Ivar B RoysterCanada2026-10-21Commercial Press UNQUALIFIED64Ioni Bowcher
1019Smith T NickaBrazil2026-10-21Feiner Bros NEW83Ioni Bowcher
1020Antonio L OstroskyRussia2026-10-02Rangoni Of Florence RENEWAL98Anna Fali
1021Leja Z RutaFrance2026-10-18Chemel, James L Cpa PROPOSAL5Asiya Javayant
1022Jennifer W MarrierIndia2026-10-08Rangoni Of Florence UNQUALIFIED49Onyama Limba
1023Mayumi J PaprockiSpain2026-10-25Truhlar And Truhlar Attys QUALIFIED67Ioni Bowcher
1024David L AlbaresSpain2026-10-14Truhlar And Truhlar Attys RENEWAL36Xuxue Feng
1025Nicolas D SergiSpain2026-10-02Dorl, James J Esq RENEWAL3Ivan Magalhaes
1026Munro H WhobreyItaly2026-10-13Morlong Associates NEW2Stephen Shaw
1027Jefferson F KolmetzJapan2026-10-24Dorl, James J Esq NEW95Bernardo Dominic
1028Jennifer U VenereAustralia2026-10-17Chapman, Ross E Esq NEW47Bernardo Dominic
1029Isabel A MacleadJapan2026-10-11Commercial Press RENEWAL23Ioni Bowcher
1030David R CaldareraCanada2026-10-07Benton, John B Jr PROPOSAL59Elwin Sharvill
1031Kaitlin O RimFrance2026-10-04Chanay, Jeffrey A Esq NEW38Elwin Sharvill
1032James C DoeIndia2026-10-27Feltz Printing Service PROPOSAL29Onyama Limba
1033Juan N PoquetteUnited Kingdom2026-10-22Buckley Miller Wright UNQUALIFIED86Anna Fali
1034Cody D DarakjyBrazil2026-10-20Morlong Associates NEGOTIATION56Ioni Bowcher
1035Antonio E GarufiCanada2026-10-02Buckley Miller Wright NEW42Stephen Shaw
1036Jennifer C ButtUnited Kingdom2026-10-05Feltz Printing Service UNQUALIFIED6Ioni Bowcher
1037Rodrigues V FollerArgentina2026-10-21Feltz Printing Service PROPOSAL88Stephen Shaw
1038Munro K FlosiUnited Kingdom2026-10-22Printing Dimensions UNQUALIFIED94Xuxue Feng
1039Clifford F WaycottItaly2026-10-15Chapman, Ross E Esq UNQUALIFIED74Onyama Limba
1040Adams M VenereSpain2026-10-24Buckley Miller Wright UNQUALIFIED49Ioni Bowcher
1041Isabel E ChuiFrance2026-10-24Rousseaux, Michael Esq PROPOSAL0Amy Elsner
1042Nicolas J CaldareraFrance2026-10-04Feiner Bros NEGOTIATION58Stephen Shaw
1043Chavez N PerinRussia2026-10-24Dorl, James J Esq QUALIFIED6Ioni Bowcher
1044Nicolas I BriddickFrance2026-10-10Chanay, Jeffrey A Esq NEGOTIATION9Xuxue Feng
1045Ivar W PaprockiRussia2026-10-14Feltz Printing Service QUALIFIED69Onyama Limba
1046Claire C NickaIndia2026-10-16Benton, John B Jr PROPOSAL77Elwin Sharvill
1047Misaki T AlbaresAustralia2026-10-11Printing Dimensions NEGOTIATION65Bernardo Dominic
1048Ricardo N StockhamBrazil2026-10-19Commercial Press PROPOSAL18Elwin Sharvill
1049Chavez I ChuiUnited Kingdom2026-10-24Benton, John B Jr QUALIFIED14Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Jennifer C KolmetzIndiaStephen Shaw NEGOTIATION
Mujtaba L OstroskyFranceIoni Bowcher NEW
Mayumi N CampainGermanyXuxue Feng NEW
Ashley D DoeGermanyStephen Shaw NEGOTIATION
Antonio A FerenczItalyElwin Sharvill RENEWAL
Wickens I MacleadRussiaStephen Shaw NEW
Faith Q MaletArgentinaXuxue Feng NEW
Johnson V ButtGermanyBernardo Dominic PROPOSAL
Faith U BriddickUnited KingdomIoni Bowcher NEW
Silvio D SergiArgentinaStephen Shaw QUALIFIED
Faith P PoquetteIndiaAsiya Javayant NEW
Aruna I GarufiGermanyIoni Bowcher QUALIFIED
Kadeem R ButtBrazilBernardo Dominic NEGOTIATION
Darci B FerenczSpainBernardo Dominic RENEWAL
Francesco Z PoquetteGermanyAmy Elsner PROPOSAL
Deepesh W MacleadFranceAmy Elsner RENEWAL
Ashley S BowleyAustraliaAsiya Javayant NEW
Misaki Y VocelkaCanadaStephen Shaw QUALIFIED
Morrow P FerenczBrazilIoni Bowcher PROPOSAL
Murillo S AlbaresIndiaElwin Sharvill UNQUALIFIED
Nicolas Q OstroskyItalyXuxue Feng NEGOTIATION
Maria H AlbaresSpainXuxue Feng PROPOSAL
Claire B MacleadRussiaElwin Sharvill QUALIFIED
Aika A GauchoJapanIoni Bowcher RENEWAL
Mayumi U FerenczRussiaXuxue Feng RENEWAL
Leja I InouyeFranceAnna Fali PROPOSAL
Silvio E DilliardArgentinaBernardo Dominic NEGOTIATION
James R GarufiCanadaIvan Magalhaes UNQUALIFIED
Deepesh G CaudyCanadaAsiya Javayant NEW
Mayumi R FerenczRussiaIoni Bowcher UNQUALIFIED
Isabel I FollerGermanyAmy Elsner UNQUALIFIED
Izzy L IturbideFranceAsiya Javayant PROPOSAL
Sinclair Z OldroydBrazilXuxue Feng NEW
Johnson C GillianItalyAmy Elsner NEGOTIATION
Morrow P PaprockiSpainOnyama Limba RENEWAL
Silvio G MorascaUnited KingdomAmy Elsner RENEWAL
Clifford J FerenczBrazilIvan Magalhaes NEW
Isabel H StockhamRussiaXuxue Feng NEGOTIATION
Mayumi B AlbaresFranceIoni Bowcher NEGOTIATION
Francesco U BriddickArgentinaBernardo Dominic NEW
Wickens M ShinkoJapanAsiya Javayant QUALIFIED
Emily N FlosiIndiaAsiya Javayant QUALIFIED
Izzy M GarufiArgentinaOnyama Limba UNQUALIFIED
Misaki M ShinkoItalyOnyama Limba UNQUALIFIED
Murillo J TollnerBrazilAsiya Javayant QUALIFIED
Arvin V CampainAustraliaAmy Elsner PROPOSAL
Ashley L SergiIndiaIoni Bowcher NEGOTIATION
Kadeem S OldroydJapanAmy Elsner UNQUALIFIED
Smith N MorascaUnited KingdomIvan Magalhaes NEGOTIATION
Ivar Y NickaUnited KingdomIoni Bowcher UNQUALIFIED
Frozen Columns
Name
Greenwood C Albares
Julie Y Albares
Rodrigues Y Malet
Darci U Whobrey
Jones C Dilliard
Octavia E Figeroa
Jeanfrancois W Foller
Leja E Sergi
Maisha X Gaucho
Jennifer H Whobrey
Mayumi A Caldarera
Darci L Amigon
Izzy A Poquette
Murillo L Iturbide
Costa P Vocelka
Jones A Marrier
Izzy A Poquette
Greenwood H Caudy
Smith Q Kolmetz
Salvatore R Oldroyd
Kadeem Z Nestle
Misaki T Ostrosky
Isabel B Albares
Murillo V Gaucho
Francesco K Garufi
James U Flosi
Ricardo Z Caldarera
James I Rim
David R Garufi
Smith E Chui
Darci E Wieser
Clifford M Chui
Sinclair T Rim
Emily I Briddick
Francesco Y Poquette
Adams H Sergi
Claire N Kusko
Alejandro R Venere
Aika N Oldroyd
Aruna Y Nicka
Adams N Waycott
James I Whobrey
Kaitlin W Caudy
Faith H Chui
Tony M Figeroa
Arvin L Saylors
Smith R Perin
Antonio Q Stenseth
Misaki Z Albares
Johnson S Ruta
IdCountryDate
1000Spain2026-10-08
1001Spain2026-10-10
1002Australia2026-10-26
1003Australia2026-10-09
1004Australia2026-10-06
1005Argentina2026-10-17
1006Japan2026-10-23
1007Germany2026-10-09
1008Brazil2026-10-12
1009Brazil2026-10-18
1010France2026-10-02
1011Italy2026-10-26
1012Brazil2026-09-30
1013Italy2026-10-22
1014Spain2026-10-16
1015United Kingdom2026-10-21
1016Canada2026-10-03
1017United Kingdom2026-09-29
1018Canada2026-10-04
1019Argentina2026-09-29
1020Italy2026-09-30
1021Argentina2026-10-25
1022United Kingdom2026-10-09
1023Russia2026-10-13
1024India2026-10-21
1025Canada2026-10-04
1026Russia2026-10-27
1027Spain2026-10-06
1028Russia2026-10-24
1029France2026-10-09
1030Russia2026-10-21
1031Japan2026-10-16
1032Italy2026-10-12
1033Italy2026-10-02
1034Italy2026-10-22
1035Russia2026-10-13
1036France2026-10-03
1037United Kingdom2026-10-26
1038Germany2026-10-13
1039Argentina2026-10-04
1040Australia2026-10-26
1041France2026-10-09
1042Spain2026-10-16
1043France2026-10-20
1044France2026-10-16
1045Brazil2026-10-06
1046Canada2026-10-17
1047Australia2026-10-21
1048Argentina2026-10-09
1049Argentina2026-10-24

On-Demand Data

NameIdCountryDate
Murillo G Perin1000Spain2026-10-23
Cody V Malet1001Germany2026-10-10
Munro Q Darakjy1002France2026-10-27
Leon C Malet1003France2026-10-27
Claire A Slusarski1004Australia2026-10-07
Izzy W Kusko1005France2026-10-15
Maria T Malet1006India2026-10-25
Jones C Dilliard1007France2026-10-09
Jefferson N Dilliard1008Germany2026-10-07
Salvatore N Venere1009Australia2026-10-24
Ricardo K Tollner1010France2026-10-08
Jeanfrancois C Albares1011Australia2026-10-23
Adams H Poquette1012Japan2026-10-25
Izzy C Bowley1013Spain2026-10-13
Alejandro E Dilliard1014United Kingdom2026-10-10
Adams C Malet1015Spain2026-10-17
Salvatore L Malet1016Australia2026-10-27
Wickens V Morasca1017France2026-09-28
Aika Z Inouye1018Brazil2026-10-16
Munro X Rim1019United Kingdom2026-10-02
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maisha Q VocelkaCanadaOnyama Limba PROPOSAL
Antonio U RutaUnited KingdomStephen Shaw RENEWAL
Maisha W StockhamJapanOnyama Limba NEW
Salvatore I BowleyGermanyIoni Bowcher NEGOTIATION
Tony O IturbideJapanAsiya Javayant QUALIFIED
Jones F DoeIndiaXuxue Feng NEGOTIATION
Jennifer F MarrierFranceElwin Sharvill RENEWAL
Francesco A DilliardRussiaBernardo Dominic RENEWAL
Leja W KuskoFranceElwin Sharvill QUALIFIED
Darci I ButtUnited KingdomAsiya Javayant RENEWAL
Arvin C MaletUnited KingdomElwin Sharvill UNQUALIFIED
Jennifer P MacleadJapanElwin Sharvill RENEWAL
Adams T GarufiItalyStephen Shaw QUALIFIED
Ricardo H DoeArgentinaBernardo Dominic QUALIFIED
Francesco F MaletUnited KingdomOnyama Limba NEGOTIATION
Clifford A DarakjyArgentinaStephen Shaw RENEWAL
Francesco S KuskoItalyOnyama Limba PROPOSAL
Tony Y CaldareraUnited KingdomIvan Magalhaes RENEWAL
Misaki B CaudyRussiaAsiya Javayant NEW
Adams M GlickArgentinaElwin Sharvill QUALIFIED
Emily T DoeGermanyIvan Magalhaes UNQUALIFIED
Aruna C CampainArgentinaAnna Fali QUALIFIED
Chavez F ShinkoRussiaIoni Bowcher RENEWAL
Ivar U KuskoSpainAsiya Javayant UNQUALIFIED
Jeanfrancois L RimBrazilBernardo Dominic QUALIFIED
Aruna E OstroskyGermanyOnyama Limba NEW
Cody A WaycottItalyIvan Magalhaes NEW
Juan J GarufiCanadaOnyama Limba RENEWAL
Smith D GarufiJapanXuxue Feng NEGOTIATION
Clifford K VenereBrazilBernardo Dominic NEW
Smith I ChuiArgentinaElwin Sharvill PROPOSAL
Clifford Q InouyeFranceAmy Elsner RENEWAL
Izzy C BologniaSpainIoni Bowcher UNQUALIFIED
Deepesh I StockhamUnited KingdomBernardo Dominic NEW
Clifford J SaylorsUnited KingdomIoni Bowcher NEGOTIATION
Mayumi L MarrierUnited KingdomElwin Sharvill UNQUALIFIED
Leon M DoeBrazilElwin Sharvill QUALIFIED
Munro R DilliardBrazilStephen Shaw PROPOSAL
Claire S SergiBrazilAmy Elsner RENEWAL
Adams F PoquetteRussiaAnna Fali 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>