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
Deepesh N BriddickUnited KingdomOnyama Limba RENEWAL
Cody Y ShinkoAustraliaAnna Fali PROPOSAL
Julie L BologniaIndiaStephen Shaw QUALIFIED
Kaitlin A ShinkoAustraliaAmy Elsner UNQUALIFIED
Smith E AmigonSpainAsiya Javayant UNQUALIFIED
Claire L FigeroaJapanAsiya Javayant NEW
David E DilliardJapanIvan Magalhaes QUALIFIED
Kaitlin A BologniaRussiaIvan Magalhaes NEGOTIATION
Izzy I MorascaUnited KingdomElwin Sharvill QUALIFIED
Ashley K DilliardSpainAsiya Javayant RENEWAL
Nicolas G NickaAustraliaIoni Bowcher NEW
Tony P GlickUnited KingdomXuxue Feng PROPOSAL
Maria N OldroydAustraliaElwin Sharvill QUALIFIED
Kadeem B MaletArgentinaAsiya Javayant NEW
Mayumi W PaprockiIndiaXuxue Feng QUALIFIED
Darci N CampainItalyXuxue Feng NEW
Morrow I RulapaughCanadaXuxue Feng RENEWAL
Jones V RoysterJapanAnna Fali UNQUALIFIED
Rodrigues N KolmetzArgentinaXuxue Feng UNQUALIFIED
Rodrigues R CaudyCanadaXuxue Feng UNQUALIFIED
Adams S VocelkaIndiaBernardo Dominic RENEWAL
Murillo C WieserUnited KingdomStephen Shaw QUALIFIED
Rodrigues O NickaBrazilIoni Bowcher UNQUALIFIED
Mujtaba I MaletJapanAsiya Javayant PROPOSAL
Jones J WhobreyCanadaAmy Elsner QUALIFIED
Jennifer G RutaItalyOnyama Limba NEGOTIATION
Leon G DilliardIndiaAnna Fali QUALIFIED
Mujtaba K FigeroaFranceXuxue Feng UNQUALIFIED
Salvatore O FerenczBrazilBernardo Dominic NEW
Costa L PoquetteBrazilXuxue Feng RENEWAL
Stacey D PerinArgentinaIoni Bowcher NEW
Antonio M KuskoArgentinaBernardo Dominic RENEWAL
Deepesh R SergiIndiaXuxue Feng PROPOSAL
Cody Q IturbideBrazilXuxue Feng QUALIFIED
Wickens Z VocelkaIndiaAsiya Javayant PROPOSAL
Smith D MaletAustraliaIvan Magalhaes UNQUALIFIED
Juan C SchemmerGermanyIoni Bowcher NEGOTIATION
Nicolas R BologniaArgentinaAsiya Javayant RENEWAL
Emily T DarakjyFranceAnna Fali QUALIFIED
Darci H StensethBrazilStephen Shaw UNQUALIFIED
Aditya U SaylorsGermanyIoni Bowcher PROPOSAL
Costa J RutaFranceOnyama Limba QUALIFIED
Johnson Y VenereFranceXuxue Feng PROPOSAL
Aditya B SergiRussiaAnna Fali PROPOSAL
Silvio T SaylorsGermanyIoni Bowcher PROPOSAL
Aruna V SlusarskiIndiaAsiya Javayant RENEWAL
Octavia C FollerSpainIvan Magalhaes NEW
Clifford D GlickFranceIvan Magalhaes UNQUALIFIED
Juan Y RimCanadaStephen Shaw PROPOSAL
Francesco M NestleItalyIoni Bowcher UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Munro A CaudyCanadaStephen Shaw RENEWAL
David R KuskoCanadaAsiya Javayant PROPOSAL
Julie W SchemmerRussiaBernardo Dominic UNQUALIFIED
Arvin U FlosiUnited KingdomStephen Shaw PROPOSAL
Alejandro J BriddickRussiaAmy Elsner PROPOSAL
Nicolas C ShinkoJapanOnyama Limba RENEWAL
Kadeem E WieserFranceAmy Elsner NEGOTIATION
Ivar W WhobreyIndiaIoni Bowcher PROPOSAL
Jefferson F GarufiJapanIvan Magalhaes QUALIFIED
Antonio T InouyeIndiaOnyama Limba QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Chavez B VenereIndia2026-10-28Dorl, James J Esq NEW69Xuxue Feng
1001Izzy H StensethFrance2026-10-14Commercial Press RENEWAL86Ivan Magalhaes
1002Morrow U MaletIndia2026-10-10Buckley Miller Wright UNQUALIFIED71Ivan Magalhaes
1003Francesco E SaylorsJapan2026-10-10Chapman, Ross E Esq NEW46Xuxue Feng
1004Chavez A FerenczArgentina2026-10-22Feltz Printing Service NEGOTIATION47Ioni Bowcher
1005Smith F BriddickArgentina2026-10-13Rousseaux, Michael Esq UNQUALIFIED37Xuxue Feng
1006Aruna L FigeroaFrance2026-10-17Truhlar And Truhlar Attys PROPOSAL0Asiya Javayant
1007Jeanfrancois P DilliardJapan2026-10-21Chanay, Jeffrey A Esq PROPOSAL15Xuxue Feng
1008Francesco V GlickCanada2026-10-30Feiner Bros RENEWAL18Onyama Limba
1009Tony A SchemmerFrance2026-10-31Rangoni Of Florence NEGOTIATION40Anna Fali
1010Salvatore X WieserJapan2026-10-22Chanay, Jeffrey A Esq RENEWAL28Anna Fali
1011Ricardo L MaletItaly2026-10-26Commercial Press NEW76Amy Elsner
1012Mujtaba L WhobreyArgentina2026-11-04Chanay, Jeffrey A Esq UNQUALIFIED7Onyama Limba
1013Julie M DoeArgentina2026-10-29Chapman, Ross E Esq QUALIFIED46Asiya Javayant
1014Adams P NickaItaly2026-11-04Morlong Associates NEGOTIATION42Ioni Bowcher
1015Nicolas Z GauchoRussia2026-10-21Feltz Printing Service QUALIFIED74Ioni Bowcher
1016Antonio B SaylorsUnited Kingdom2026-10-12Rousseaux, Michael Esq UNQUALIFIED71Ivan Magalhaes
1017Rodrigues Y TollnerAustralia2026-10-30Dorl, James J Esq RENEWAL5Stephen Shaw
1018Rodrigues J WaycottJapan2026-10-20Dorl, James J Esq UNQUALIFIED64Amy Elsner
1019Nicolas K DilliardGermany2026-10-21Dorl, James J Esq UNQUALIFIED54Anna Fali
1020Mayumi X VocelkaUnited Kingdom2026-10-26Truhlar And Truhlar Attys UNQUALIFIED87Stephen Shaw
1021Isabel B GarufiIndia2026-11-02Dorl, James J Esq RENEWAL44Ivan Magalhaes
1022Murillo B VenereUnited Kingdom2026-10-29Dorl, James J Esq UNQUALIFIED61Ivan Magalhaes
1023Sinclair T VocelkaBrazil2026-10-19Morlong Associates NEW90Xuxue Feng
1024Claire O FlosiSpain2026-10-15Chanay, Jeffrey A Esq NEGOTIATION79Bernardo Dominic
1025Sinclair L GauchoBrazil2026-10-20Dorl, James J Esq QUALIFIED34Stephen Shaw
1026Greenwood C IturbideBrazil2026-10-10Chanay, Jeffrey A Esq NEGOTIATION33Asiya Javayant
1027Mayumi A DarakjyArgentina2026-11-02Morlong Associates NEGOTIATION52Elwin Sharvill
1028Rodrigues X SergiUnited Kingdom2026-10-31King, Christopher A Esq NEW21Ioni Bowcher
1029Silvio W RulapaughCanada2026-10-21Rousseaux, Michael Esq QUALIFIED41Amy Elsner
1030Leon R WhobreyAustralia2026-10-20Buckley Miller Wright NEGOTIATION26Ioni Bowcher
1031Leja N MacleadRussia2026-10-23Printing Dimensions QUALIFIED61Onyama Limba
1032Francesco A StensethGermany2026-10-09Chapman, Ross E Esq RENEWAL7Amy Elsner
1033Misaki H MaletGermany2026-10-15Feiner Bros NEGOTIATION34Ivan Magalhaes
1034Jeanfrancois W FlosiSpain2026-10-18Feiner Bros RENEWAL95Onyama Limba
1035Ashley A BowleySpain2026-10-26Dorl, James J Esq NEW71Bernardo Dominic
1036Smith V PerinJapan2026-11-06Dorl, James J Esq QUALIFIED42Amy Elsner
1037Juan E GillianUnited Kingdom2026-10-27Chanay, Jeffrey A Esq RENEWAL43Anna Fali
1038Deepesh X GarufiAustralia2026-10-21Morlong Associates PROPOSAL72Onyama Limba
1039Mayumi H FollerUnited Kingdom2026-10-22Chemel, James L Cpa NEGOTIATION36Elwin Sharvill
1040Misaki Y FollerJapan2026-10-11Feltz Printing Service QUALIFIED86Elwin Sharvill
1041Aruna D InouyeCanada2026-10-20Buckley Miller Wright NEGOTIATION58Anna Fali
1042Mayumi W NestleSpain2026-10-20Feiner Bros PROPOSAL72Ioni Bowcher
1043Arvin N BologniaCanada2026-10-14Feiner Bros UNQUALIFIED61Ioni Bowcher
1044Maria J BriddickUnited Kingdom2026-10-09Buckley Miller Wright NEW66Onyama Limba
1045Izzy B PerinCanada2026-11-06Feiner Bros UNQUALIFIED99Ivan Magalhaes
1046Julie D ButtJapan2026-10-17Morlong Associates QUALIFIED53Amy Elsner
1047Arvin E PaprockiCanada2026-10-10Commercial Press RENEWAL7Ioni Bowcher
1048Julie A MorascaSpain2026-11-04Feltz Printing Service PROPOSAL61Bernardo Dominic
1049Kaitlin M CaudyUnited Kingdom2026-10-22Chapman, Ross E Esq UNQUALIFIED19Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Isabel L NickaIndiaAmy Elsner RENEWAL
Kadeem N TollnerSpainStephen Shaw NEGOTIATION
Arvin R InouyeFranceElwin Sharvill UNQUALIFIED
Juan W TollnerFranceBernardo Dominic NEGOTIATION
Izzy Z DoeCanadaElwin Sharvill PROPOSAL
Juan E OstroskyJapanElwin Sharvill UNQUALIFIED
Isabel M WhobreyGermanyXuxue Feng PROPOSAL
Maria D SaylorsGermanyXuxue Feng PROPOSAL
Rodrigues Z KuskoGermanyXuxue Feng QUALIFIED
Salvatore A FollerFranceAsiya Javayant NEW
Jeanfrancois J StockhamGermanyElwin Sharvill RENEWAL
Tony K StockhamJapanIoni Bowcher UNQUALIFIED
Murillo V DarakjyGermanyOnyama Limba NEW
Stacey N RulapaughArgentinaElwin Sharvill NEGOTIATION
Claire K SergiArgentinaIoni Bowcher NEW
Octavia R VocelkaAustraliaAsiya Javayant QUALIFIED
Murillo J CampainJapanStephen Shaw PROPOSAL
Leja U AlbaresCanadaAsiya Javayant NEW
Morrow L SaylorsAustraliaBernardo Dominic QUALIFIED
Jones I RoysterSpainStephen Shaw RENEWAL
Arvin P StensethUnited KingdomStephen Shaw NEGOTIATION
Kadeem S OldroydAustraliaElwin Sharvill NEW
Aruna M WieserAustraliaAmy Elsner PROPOSAL
Francesco L KuskoArgentinaElwin Sharvill RENEWAL
Mayumi L SlusarskiCanadaIoni Bowcher NEW
Leon V SergiArgentinaBernardo Dominic RENEWAL
Maria U RutaArgentinaOnyama Limba PROPOSAL
Isabel E BowleyArgentinaIoni Bowcher UNQUALIFIED
Adams P StensethIndiaAnna Fali NEGOTIATION
Octavia W MarrierIndiaIoni Bowcher QUALIFIED
Mayumi J IturbideSpainIoni Bowcher PROPOSAL
Johnson J CampainItalyBernardo Dominic NEW
Kadeem M PerinArgentinaAnna Fali PROPOSAL
Faith S RulapaughFranceAmy Elsner NEW
Ashley U SergiUnited KingdomXuxue Feng UNQUALIFIED
Cody X ChuiSpainStephen Shaw PROPOSAL
Morrow B MorascaAustraliaIvan Magalhaes NEGOTIATION
Greenwood K PerinIndiaOnyama Limba NEW
Alejandro Z PerinGermanyElwin Sharvill NEW
Chavez A DarakjyBrazilAnna Fali PROPOSAL
Isabel R NickaUnited KingdomIoni Bowcher UNQUALIFIED
Ricardo K TollnerArgentinaElwin Sharvill RENEWAL
Alejandro K VenereIndiaOnyama Limba NEGOTIATION
Morrow W OstroskyIndiaStephen Shaw RENEWAL
Claire A ChuiAustraliaIoni Bowcher UNQUALIFIED
Maisha Z MaletAustraliaXuxue Feng UNQUALIFIED
Jennifer W TollnerIndiaBernardo Dominic NEGOTIATION
Adams D DilliardItalyIvan Magalhaes NEW
Adams P PoquetteRussiaXuxue Feng UNQUALIFIED
Morrow A FollerFranceIvan Magalhaes RENEWAL
Frozen Columns
Name
Chavez J Schemmer
Morrow Y Gillian
Kadeem R Oldroyd
Faith X Gillian
Emily U Inouye
Aruna P Rim
David A Perin
Tony E Venere
David W Ostrosky
Rodrigues X Figeroa
Julie F Darakjy
Ashley N Malet
Maisha P Chui
Wickens O Whobrey
Ricardo L Briddick
Nicolas I Perin
Chavez E Wieser
Jones V Doe
Leon L Doe
Wickens G Figeroa
Juan L Garufi
Stacey X Bolognia
Alejandro A Iturbide
Jennifer P Figeroa
Rodrigues V Ostrosky
Nicolas V Inouye
Mayumi M Iturbide
Deepesh H Briddick
Darci C Nestle
Wickens I Venere
Juan X Iturbide
Silvio W Sergi
Aditya G Gillian
Maria A Nicka
Ashley A Waycott
Kaitlin Z Venere
Jones L Gillian
Claire J Saylors
Jeanfrancois C Rim
Greenwood V Nestle
Juan O Garufi
James F Shinko
Clifford F Foller
Arvin N Poquette
Misaki N Oldroyd
Jeanfrancois W Campain
Francesco W Figeroa
Mujtaba E Vocelka
Costa M Inouye
Tony O Chui
IdCountryDate
1000Japan2026-10-27
1001Germany2026-10-28
1002Argentina2026-10-28
1003India2026-11-03
1004Australia2026-10-16
1005Brazil2026-11-04
1006Australia2026-11-05
1007Brazil2026-11-01
1008France2026-10-20
1009Brazil2026-10-18
1010Spain2026-10-19
1011Brazil2026-10-19
1012Spain2026-10-13
1013Russia2026-11-02
1014India2026-11-07
1015Japan2026-10-22
1016Argentina2026-10-25
1017Russia2026-11-02
1018United Kingdom2026-10-15
1019Japan2026-10-23
1020Japan2026-10-27
1021Spain2026-10-23
1022Spain2026-10-12
1023Italy2026-10-21
1024India2026-11-05
1025Italy2026-11-03
1026United Kingdom2026-11-03
1027Spain2026-11-06
1028United Kingdom2026-11-06
1029India2026-10-12
1030France2026-10-23
1031France2026-10-10
1032Spain2026-10-14
1033Japan2026-10-19
1034Japan2026-11-01
1035Brazil2026-10-26
1036United Kingdom2026-10-18
1037Spain2026-11-01
1038Spain2026-11-05
1039United Kingdom2026-10-31
1040Canada2026-10-28
1041India2026-10-20
1042Canada2026-10-19
1043Russia2026-10-12
1044Japan2026-10-10
1045Argentina2026-10-24
1046France2026-10-12
1047Italy2026-10-13
1048Japan2026-11-06
1049Russia2026-11-02

On-Demand Data

NameIdCountryDate
Johnson E Stenseth1000Canada2026-10-19
Leja G Darakjy1001Italy2026-11-02
Misaki V Maclead1002India2026-10-16
Antonio M Briddick1003Germany2026-10-19
Salvatore W Schemmer1004Spain2026-11-06
Juan Z Bowley1005Japan2026-10-27
Francesco Z Perin1006Australia2026-10-24
Izzy Q Malet1007Italy2026-10-27
Maisha J Malet1008India2026-10-10
Sinclair U Sergi1009Russia2026-11-03
Johnson U Maclead1010Brazil2026-11-03
Jennifer K Bowley1011France2026-10-31
Kadeem K Foller1012Brazil2026-10-25
Smith N Briddick1013Italy2026-11-02
Aruna V Schemmer1014United Kingdom2026-10-18
Adams U Royster1015Japan2026-10-16
Ivar H Darakjy1016Russia2026-10-16
Kaitlin W Royster1017Canada2026-10-16
Clifford N Wieser1018Brazil2026-11-06
Murillo S Butt1019Germany2026-10-12
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Rodrigues A CampainSpainXuxue Feng UNQUALIFIED
Sinclair F RoysterAustraliaXuxue Feng RENEWAL
Rodrigues A IturbideFranceIvan Magalhaes NEW
Nicolas Y WieserArgentinaAnna Fali NEW
Greenwood P WhobreyItalyXuxue Feng NEGOTIATION
Julie R SaylorsCanadaOnyama Limba PROPOSAL
Faith B MaletIndiaStephen Shaw NEW
Greenwood V MarrierGermanyOnyama Limba NEW
Ricardo T FlosiJapanXuxue Feng NEGOTIATION
Alejandro M SchemmerBrazilBernardo Dominic PROPOSAL
Wickens G KolmetzArgentinaAsiya Javayant NEGOTIATION
Claire P GauchoJapanAsiya Javayant QUALIFIED
Tony A BowleyItalyStephen Shaw RENEWAL
Murillo P MarrierSpainIoni Bowcher NEGOTIATION
Munro N KuskoAustraliaIvan Magalhaes UNQUALIFIED
Salvatore I VenereRussiaStephen Shaw NEW
Clifford E FlosiAustraliaElwin Sharvill QUALIFIED
Antonio D StockhamSpainAmy Elsner RENEWAL
Jeanfrancois M MaletGermanyIoni Bowcher NEW
Smith Z SaylorsArgentinaStephen Shaw UNQUALIFIED
Emily W MarrierIndiaOnyama Limba UNQUALIFIED
Alejandro A DarakjyGermanyIvan Magalhaes RENEWAL
Jefferson N ShinkoUnited KingdomElwin Sharvill NEGOTIATION
Morrow E MacleadFranceXuxue Feng QUALIFIED
Ashley R StockhamAustraliaAmy Elsner NEGOTIATION
David J WieserAustraliaXuxue Feng RENEWAL
Octavia Q MaletJapanBernardo Dominic RENEWAL
Jones D PoquetteArgentinaAsiya Javayant UNQUALIFIED
Adams K NickaItalyBernardo Dominic NEW
Juan G SaylorsAustraliaIvan Magalhaes RENEWAL
Julie W FigeroaUnited KingdomAnna Fali QUALIFIED
Leja A MaletArgentinaStephen Shaw NEGOTIATION
Juan I BologniaJapanAsiya Javayant PROPOSAL
Murillo K StensethCanadaElwin Sharvill NEW
Tony G RoysterCanadaStephen Shaw PROPOSAL
Deepesh J RulapaughBrazilAsiya Javayant PROPOSAL
Morrow A RimFranceElwin Sharvill RENEWAL
Isabel B NickaJapanElwin Sharvill NEGOTIATION
Claire A DoeIndiaElwin Sharvill NEW
Leon N DarakjyJapanOnyama Limba UNQUALIFIED

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