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
Stacey U PerinBrazilAnna Fali NEW
Isabel J FerenczGermanyBernardo Dominic NEGOTIATION
Leon U FerenczGermanyXuxue Feng PROPOSAL
Adams P BriddickCanadaStephen Shaw QUALIFIED
Kadeem F GlickFranceStephen Shaw RENEWAL
Kaitlin M OldroydSpainXuxue Feng QUALIFIED
Morrow Y MaletUnited KingdomBernardo Dominic PROPOSAL
Faith Z BriddickItalyOnyama Limba RENEWAL
Rodrigues U MacleadAustraliaIvan Magalhaes QUALIFIED
Mujtaba E WieserCanadaXuxue Feng NEGOTIATION
Ricardo N GlickRussiaElwin Sharvill NEGOTIATION
Octavia M ChuiArgentinaBernardo Dominic PROPOSAL
Nicolas X PerinSpainStephen Shaw RENEWAL
Ricardo O InouyeJapanElwin Sharvill NEGOTIATION
Clifford E WaycottJapanBernardo Dominic RENEWAL
Clifford N NestleBrazilStephen Shaw RENEWAL
Mayumi M GarufiBrazilXuxue Feng NEW
Wickens S RimItalyAmy Elsner RENEWAL
Tony E SchemmerCanadaStephen Shaw QUALIFIED
Murillo X WhobreyFranceBernardo Dominic RENEWAL
Clifford O PerinBrazilIoni Bowcher NEW
Arvin T OstroskyRussiaXuxue Feng UNQUALIFIED
Deepesh X PaprockiArgentinaAnna Fali QUALIFIED
Morrow Y RimCanadaOnyama Limba QUALIFIED
Julie D NestleIndiaAmy Elsner RENEWAL
Stacey M DarakjyFranceStephen Shaw RENEWAL
Jones M BologniaJapanXuxue Feng RENEWAL
Kaitlin G ShinkoBrazilElwin Sharvill NEGOTIATION
Salvatore O OldroydSpainAnna Fali PROPOSAL
Cody K AmigonFranceStephen Shaw NEW
Misaki S FigeroaArgentinaBernardo Dominic RENEWAL
Costa N DilliardUnited KingdomXuxue Feng NEGOTIATION
Maisha E DarakjyArgentinaIvan Magalhaes QUALIFIED
Arvin M KolmetzGermanyElwin Sharvill UNQUALIFIED
Aika M TollnerArgentinaOnyama Limba NEGOTIATION
Aika O FollerIndiaBernardo Dominic NEGOTIATION
Chavez F CaudyAustraliaAsiya Javayant UNQUALIFIED
Kaitlin J DoeGermanyIvan Magalhaes RENEWAL
Clifford X DilliardFranceAnna Fali UNQUALIFIED
Leon S CaldareraItalyElwin Sharvill UNQUALIFIED
Aruna C InouyeSpainOnyama Limba RENEWAL
Johnson U ChuiIndiaElwin Sharvill RENEWAL
Ivar U KuskoIndiaStephen Shaw NEW
Ivar F MacleadGermanyBernardo Dominic NEGOTIATION
Misaki V FigeroaAustraliaAmy Elsner UNQUALIFIED
Mayumi P NestleGermanyIoni Bowcher RENEWAL
Faith F DarakjyRussiaIvan Magalhaes QUALIFIED
Julie C NestleArgentinaStephen Shaw NEW
Kaitlin L OstroskyJapanBernardo Dominic QUALIFIED
Jones D InouyeIndiaIvan Magalhaes NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Leja E SchemmerCanadaAmy Elsner NEGOTIATION
Murillo F FollerUnited KingdomIoni Bowcher UNQUALIFIED
Ricardo L RulapaughUnited KingdomAnna Fali PROPOSAL
Cody Z PoquetteFranceBernardo Dominic PROPOSAL
Mujtaba L MarrierCanadaIvan Magalhaes RENEWAL
Leon X VocelkaRussiaOnyama Limba UNQUALIFIED
Mujtaba A DarakjySpainStephen Shaw QUALIFIED
Ricardo N SlusarskiSpainBernardo Dominic NEW
David Y GlickGermanyElwin Sharvill NEW
Smith E WieserBrazilElwin Sharvill NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Alejandro X FerenczAustralia2026-09-23Chanay, Jeffrey A Esq RENEWAL76Xuxue Feng
1001Jefferson O CampainBrazil2026-09-06King, Christopher A Esq RENEWAL52Amy Elsner
1002Aika C SchemmerBrazil2026-09-15Commercial Press QUALIFIED36Xuxue Feng
1003Maria Q KuskoBrazil2026-08-30Feltz Printing Service UNQUALIFIED30Asiya Javayant
1004Octavia B BriddickArgentina2026-09-15Feltz Printing Service PROPOSAL37Amy Elsner
1005Izzy S KolmetzJapan2026-09-13Printing Dimensions UNQUALIFIED87Ioni Bowcher
1006Jefferson W WhobreyArgentina2026-09-22Dorl, James J Esq QUALIFIED72Ivan Magalhaes
1007Isabel R GlickArgentina2026-09-28Truhlar And Truhlar Attys NEGOTIATION8Elwin Sharvill
1008Nicolas M BriddickAustralia2026-09-21Feltz Printing Service NEW31Stephen Shaw
1009Mujtaba H WaycottJapan2026-09-17Rousseaux, Michael Esq NEGOTIATION14Ioni Bowcher
1010Ashley A SaylorsIndia2026-09-14Rangoni Of Florence NEW31Bernardo Dominic
1011Jennifer M AmigonCanada2026-09-16Rangoni Of Florence QUALIFIED62Asiya Javayant
1012Jennifer Z MarrierRussia2026-09-06Chapman, Ross E Esq UNQUALIFIED5Amy Elsner
1013Munro N OstroskyRussia2026-09-26Rousseaux, Michael Esq PROPOSAL72Xuxue Feng
1014Murillo G ChuiGermany2026-09-16Chapman, Ross E Esq PROPOSAL88Bernardo Dominic
1015Ashley Y KolmetzArgentina2026-08-30Rousseaux, Michael Esq RENEWAL61Ivan Magalhaes
1016Munro Y PaprockiItaly2026-09-08Buckley Miller Wright NEGOTIATION9Stephen Shaw
1017Nicolas Q InouyeGermany2026-09-28Morlong Associates NEW25Ioni Bowcher
1018Faith U GlickCanada2026-09-14Chemel, James L Cpa QUALIFIED24Anna Fali
1019Clifford V PoquetteUnited Kingdom2026-09-18Printing Dimensions PROPOSAL50Amy Elsner
1020Murillo P GillianSpain2026-09-11Chanay, Jeffrey A Esq NEW41Elwin Sharvill
1021Arvin F WaycottCanada2026-09-01Printing Dimensions UNQUALIFIED87Ioni Bowcher
1022Morrow G RoysterAustralia2026-08-31Feltz Printing Service QUALIFIED91Stephen Shaw
1023Francesco K RimBrazil2026-09-12Chemel, James L Cpa QUALIFIED61Anna Fali
1024Nicolas F AlbaresFrance2026-09-07Rousseaux, Michael Esq RENEWAL15Amy Elsner
1025Isabel F GillianJapan2026-09-21Feiner Bros QUALIFIED87Stephen Shaw
1026David T MaletAustralia2026-09-23Chemel, James L Cpa PROPOSAL40Asiya Javayant
1027Deepesh S RoysterIndia2026-09-07Feltz Printing Service NEGOTIATION53Anna Fali
1028Murillo T RulapaughAustralia2026-09-02Rangoni Of Florence PROPOSAL23Stephen Shaw
1029Greenwood W SergiSpain2026-09-16Printing Dimensions RENEWAL1Anna Fali
1030Antonio I StockhamBrazil2026-09-18Printing Dimensions UNQUALIFIED42Anna Fali
1031Julie T NestleArgentina2026-09-21Buckley Miller Wright NEW51Ivan Magalhaes
1032Rodrigues I VocelkaCanada2026-09-26Dorl, James J Esq UNQUALIFIED80Stephen Shaw
1033Stacey T FlosiItaly2026-09-26Rousseaux, Michael Esq RENEWAL11Ivan Magalhaes
1034Nicolas B OstroskyItaly2026-09-21Printing Dimensions PROPOSAL90Bernardo Dominic
1035Ivar F GauchoIndia2026-09-10Chanay, Jeffrey A Esq RENEWAL61Asiya Javayant
1036Darci V CampainJapan2026-09-19Feltz Printing Service UNQUALIFIED80Asiya Javayant
1037Kaitlin N FerenczUnited Kingdom2026-09-12Feltz Printing Service QUALIFIED90Anna Fali
1038Clifford K CampainJapan2026-09-03Morlong Associates NEGOTIATION6Stephen Shaw
1039Greenwood T NickaCanada2026-09-14Dorl, James J Esq PROPOSAL9Asiya Javayant
1040Jefferson W RoysterItaly2026-09-15Rangoni Of Florence RENEWAL38Xuxue Feng
1041Faith V NickaJapan2026-09-26Benton, John B Jr RENEWAL46Ioni Bowcher
1042Adams O StockhamAustralia2026-09-10Truhlar And Truhlar Attys PROPOSAL1Stephen Shaw
1043Deepesh P GlickCanada2026-09-13Morlong Associates PROPOSAL41Ioni Bowcher
1044Munro H TollnerAustralia2026-08-31Chanay, Jeffrey A Esq PROPOSAL63Stephen Shaw
1045Maisha G PoquetteRussia2026-09-26Feiner Bros QUALIFIED16Stephen Shaw
1046Ivar T OstroskyRussia2026-09-27Benton, John B Jr UNQUALIFIED81Xuxue Feng
1047Maria D NestleUnited Kingdom2026-09-04Feiner Bros NEGOTIATION16Ioni Bowcher
1048Aruna F ButtRussia2026-09-03Buckley Miller Wright QUALIFIED34Elwin Sharvill
1049Ivar V PaprockiItaly2026-09-17Morlong Associates PROPOSAL85Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Kaitlin Y CaldareraArgentinaAnna Fali PROPOSAL
Stacey T GarufiRussiaElwin Sharvill NEW
Faith P GlickIndiaXuxue Feng NEGOTIATION
Isabel O AlbaresUnited KingdomElwin Sharvill QUALIFIED
Antonio Q KuskoSpainBernardo Dominic NEGOTIATION
Ivar S FerenczItalyAmy Elsner NEW
Misaki J WieserJapanIvan Magalhaes NEGOTIATION
Ashley E InouyeGermanyIoni Bowcher QUALIFIED
Maisha W MorascaArgentinaAmy Elsner NEGOTIATION
Aditya X FigeroaIndiaAnna Fali QUALIFIED
Aruna F IturbideUnited KingdomIvan Magalhaes NEGOTIATION
Cody H WieserSpainBernardo Dominic UNQUALIFIED
James O VocelkaCanadaIvan Magalhaes PROPOSAL
Alejandro O CaldareraUnited KingdomStephen Shaw RENEWAL
Murillo Q OldroydAustraliaAsiya Javayant UNQUALIFIED
Salvatore Q FollerBrazilAnna Fali QUALIFIED
Jefferson O GauchoIndiaIvan Magalhaes NEGOTIATION
Aruna M BriddickJapanBernardo Dominic NEW
Ricardo U TollnerRussiaAnna Fali QUALIFIED
Ricardo T MaletAustraliaStephen Shaw PROPOSAL
Aika G ChuiGermanyIoni Bowcher QUALIFIED
Johnson U BologniaSpainStephen Shaw NEW
Murillo N RulapaughBrazilXuxue Feng UNQUALIFIED
Costa C GauchoAustraliaIvan Magalhaes QUALIFIED
Leon M FlosiRussiaAmy Elsner UNQUALIFIED
Julie S ChuiJapanXuxue Feng RENEWAL
Ashley W DoeArgentinaAnna Fali QUALIFIED
Jones Q VocelkaIndiaXuxue Feng PROPOSAL
Misaki H DoeRussiaAmy Elsner NEGOTIATION
James W SchemmerAustraliaElwin Sharvill NEGOTIATION
Antonio S GarufiBrazilBernardo Dominic UNQUALIFIED
Tony W VocelkaGermanyAsiya Javayant RENEWAL
Julie S BowleyIndiaAmy Elsner UNQUALIFIED
Kadeem L CaudyCanadaStephen Shaw UNQUALIFIED
Kaitlin N SchemmerJapanElwin Sharvill PROPOSAL
Sinclair O OldroydSpainOnyama Limba NEGOTIATION
Clifford U BowleyJapanAsiya Javayant NEW
Clifford S FollerItalyOnyama Limba QUALIFIED
Silvio K WaycottSpainAsiya Javayant PROPOSAL
Kadeem O FollerIndiaAnna Fali PROPOSAL
Munro F BologniaGermanyAmy Elsner PROPOSAL
Leon N SergiBrazilXuxue Feng UNQUALIFIED
Octavia C BowleyJapanIoni Bowcher NEGOTIATION
Cody E CaudyItalyIvan Magalhaes RENEWAL
Isabel L VocelkaAustraliaAmy Elsner PROPOSAL
Stacey V TollnerGermanyAsiya Javayant RENEWAL
Jeanfrancois B SaylorsItalyIoni Bowcher PROPOSAL
Jefferson L GauchoCanadaBernardo Dominic QUALIFIED
Julie U RulapaughUnited KingdomIoni Bowcher NEGOTIATION
Clifford B InouyeFranceStephen Shaw UNQUALIFIED
Frozen Columns
Name
Sinclair Q Darakjy
Nicolas W Rim
Nicolas O Slusarski
Tony O Malet
David N Gillian
Wickens D Tollner
Silvio K Bowley
Francesco G Paprocki
Costa H Marrier
Maria Y Bolognia
Kadeem G Foller
Greenwood J Rim
Deepesh R Chui
David X Dilliard
Maisha S Shinko
Kadeem L Glick
Chavez J Doe
Rodrigues E Iturbide
Silvio N Ferencz
Octavia G Stenseth
David H Wieser
Faith A Kusko
Misaki J Bolognia
Jefferson A Slusarski
Jones B Bowley
Jennifer F Iturbide
Darci X Marrier
Maria P Paprocki
Arvin U Malet
Kaitlin K Amigon
Costa E Butt
Faith L Inouye
Chavez G Chui
Rodrigues Z Doe
Maisha K Poquette
Faith V Doe
Jones R Iturbide
Silvio F Caldarera
Costa Z Bowley
Ricardo S Venere
Smith S Morasca
Jefferson W Garufi
Tony Z Oldroyd
Rodrigues C Rim
Maisha X Stockham
Cody C Bowley
Claire C Tollner
Maisha F Wieser
Leon Z Ferencz
Maria J Caudy
IdCountryDate
1000Germany2026-09-19
1001Argentina2026-09-08
1002Germany2026-09-07
1003Brazil2026-09-20
1004France2026-09-13
1005Australia2026-09-24
1006India2026-09-22
1007Canada2026-09-15
1008India2026-09-22
1009United Kingdom2026-08-30
1010Canada2026-08-31
1011India2026-09-01
1012Australia2026-09-20
1013Brazil2026-09-28
1014Germany2026-08-31
1015Spain2026-09-27
1016Germany2026-09-04
1017Australia2026-09-17
1018Brazil2026-09-13
1019Japan2026-09-27
1020India2026-09-06
1021India2026-09-22
1022Spain2026-09-23
1023Italy2026-09-21
1024Canada2026-09-22
1025Argentina2026-09-05
1026Germany2026-09-16
1027United Kingdom2026-09-23
1028Argentina2026-09-23
1029Argentina2026-09-15
1030Australia2026-09-09
1031Germany2026-09-13
1032India2026-09-02
1033Russia2026-09-05
1034Russia2026-09-05
1035United Kingdom2026-09-06
1036Argentina2026-09-21
1037Germany2026-09-12
1038Germany2026-09-04
1039Italy2026-09-20
1040Japan2026-09-22
1041Japan2026-09-10
1042Argentina2026-09-13
1043United Kingdom2026-09-21
1044Italy2026-09-28
1045Argentina2026-09-02
1046Australia2026-09-01
1047Canada2026-09-08
1048Germany2026-09-26
1049Italy2026-09-02

On-Demand Data

NameIdCountryDate
Tony P Malet1000United Kingdom2026-09-02
Munro Y Gillian1001United Kingdom2026-09-20
Sinclair H Royster1002Japan2026-09-21
Wickens L Butt1003Argentina2026-09-25
Emily D Saylors1004Germany2026-09-10
Arvin O Gaucho1005Canada2026-09-13
Sinclair V Shinko1006Brazil2026-09-14
Jefferson X Saylors1007Brazil2026-09-13
Ashley X Chui1008Germany2026-09-18
Julie V Sergi1009Japan2026-09-24
Jennifer L Butt1010Spain2026-09-20
Kadeem X Iturbide1011Russia2026-09-13
Rodrigues F Flosi1012Japan2026-09-12
Silvio W Ferencz1013France2026-09-14
Faith R Campain1014Japan2026-09-06
Arvin K Ostrosky1015Germany2026-09-17
Kadeem L Stockham1016Germany2026-09-07
Octavia Y Waycott1017United Kingdom2026-09-16
Jefferson N Figeroa1018Brazil2026-09-11
Emily L Stockham1019Spain2026-09-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Francesco X GlickArgentinaAmy Elsner PROPOSAL
Octavia F VenereRussiaIvan Magalhaes RENEWAL
Jones B BologniaSpainStephen Shaw NEGOTIATION
Sinclair D GlickJapanAmy Elsner PROPOSAL
Isabel F RimRussiaAsiya Javayant NEGOTIATION
Jefferson I MaletItalyAmy Elsner NEGOTIATION
Clifford D MaletAustraliaAmy Elsner PROPOSAL
Francesco N KuskoUnited KingdomAmy Elsner UNQUALIFIED
Nicolas I InouyeBrazilIoni Bowcher NEW
Munro Y BriddickFranceAsiya Javayant NEW
Rodrigues M BowleyAustraliaAnna Fali UNQUALIFIED
Mujtaba Q AmigonRussiaElwin Sharvill PROPOSAL
Francesco D AlbaresUnited KingdomIvan Magalhaes QUALIFIED
Darci P WieserGermanyAnna Fali NEGOTIATION
Aruna U CampainIndiaAnna Fali PROPOSAL
Jeanfrancois D RulapaughItalyStephen Shaw PROPOSAL
Mayumi O RimJapanOnyama Limba QUALIFIED
Tony E SergiCanadaStephen Shaw PROPOSAL
Alejandro G GauchoGermanyAnna Fali NEW
Murillo Q TollnerAustraliaElwin Sharvill PROPOSAL
Wickens H SaylorsAustraliaBernardo Dominic RENEWAL
Aditya L OldroydUnited KingdomOnyama Limba NEW
Salvatore T RoysterItalyIoni Bowcher RENEWAL
Alejandro I PerinJapanIvan Magalhaes UNQUALIFIED
Kadeem G SlusarskiItalyXuxue Feng NEW
Jefferson B GlickFranceAsiya Javayant RENEWAL
Costa Q RoysterSpainOnyama Limba NEW
Tony S WhobreyCanadaAnna Fali RENEWAL
Silvio O SaylorsRussiaAmy Elsner UNQUALIFIED
Emily A SaylorsRussiaOnyama Limba NEGOTIATION
Cody R KolmetzUnited KingdomAmy Elsner RENEWAL
Leon G BriddickRussiaAmy Elsner RENEWAL
Ashley P CaudyJapanOnyama Limba NEW
Aika W BologniaGermanyStephen Shaw NEW
Juan V NickaSpainElwin Sharvill QUALIFIED
Sinclair A RimItalyBernardo Dominic UNQUALIFIED
Maria Y MaletItalyAmy Elsner RENEWAL
Jennifer W FollerIndiaAmy Elsner PROPOSAL
Maisha W NickaAustraliaOnyama Limba QUALIFIED
Aditya O CaldareraUnited KingdomIoni Bowcher 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>