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 V PoquetteRussiaStephen Shaw NEGOTIATION
James L NestleCanadaIvan Magalhaes UNQUALIFIED
Sinclair C SchemmerIndiaStephen Shaw PROPOSAL
Jones C NestleFranceAmy Elsner NEW
Kaitlin X InouyeAustraliaXuxue Feng QUALIFIED
Izzy C CaudyBrazilOnyama Limba NEW
Jones J CampainSpainXuxue Feng QUALIFIED
Rodrigues C DarakjyRussiaOnyama Limba QUALIFIED
Jones D RimItalyIoni Bowcher NEW
Juan Y SlusarskiAustraliaAmy Elsner NEW
Wickens N GauchoFranceBernardo Dominic PROPOSAL
Kaitlin S ShinkoAustraliaAmy Elsner UNQUALIFIED
Ashley T AmigonItalyBernardo Dominic PROPOSAL
Leon F DarakjyUnited KingdomStephen Shaw PROPOSAL
Ashley V GlickSpainBernardo Dominic NEW
Smith S FerenczFranceIoni Bowcher QUALIFIED
Leja H MorascaFranceIvan Magalhaes RENEWAL
Faith Z ButtBrazilStephen Shaw PROPOSAL
Julie U VenereJapanStephen Shaw UNQUALIFIED
Leja A RutaUnited KingdomBernardo Dominic PROPOSAL
Smith R SchemmerBrazilElwin Sharvill NEGOTIATION
Jeanfrancois X BologniaArgentinaOnyama Limba NEGOTIATION
Wickens U ShinkoFranceAmy Elsner PROPOSAL
Misaki C StensethIndiaAnna Fali PROPOSAL
Sinclair U VenereAustraliaAnna Fali QUALIFIED
Jennifer L SaylorsRussiaAsiya Javayant UNQUALIFIED
Rodrigues B BologniaJapanAnna Fali PROPOSAL
Kadeem R RulapaughItalyAnna Fali NEW
Morrow N PaprockiItalyAsiya Javayant NEW
Tony P ShinkoSpainAmy Elsner QUALIFIED
Adams U AlbaresUnited KingdomAnna Fali RENEWAL
Clifford B CaldareraUnited KingdomXuxue Feng RENEWAL
Octavia K PoquetteGermanyIvan Magalhaes RENEWAL
Antonio S PoquetteIndiaAsiya Javayant NEW
Smith G PaprockiArgentinaAmy Elsner UNQUALIFIED
Francesco P SergiRussiaXuxue Feng UNQUALIFIED
Silvio N ButtBrazilAmy Elsner NEGOTIATION
Ivar W RulapaughIndiaAnna Fali NEGOTIATION
Leon T RulapaughIndiaIvan Magalhaes PROPOSAL
Mujtaba A CaldareraJapanOnyama Limba RENEWAL
Maisha D KolmetzUnited KingdomXuxue Feng NEGOTIATION
Ricardo G BologniaJapanIoni Bowcher QUALIFIED
Murillo M ButtAustraliaIvan Magalhaes NEGOTIATION
Leon J DarakjyIndiaIvan Magalhaes QUALIFIED
Maria Y MacleadUnited KingdomOnyama Limba NEW
Ashley M DarakjySpainBernardo Dominic RENEWAL
Rodrigues V ButtIndiaElwin Sharvill QUALIFIED
Claire F ChuiIndiaElwin Sharvill QUALIFIED
Kaitlin V MorascaGermanyIoni Bowcher NEGOTIATION
Sinclair L WaycottCanadaIvan Magalhaes UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Ivar D SlusarskiFranceXuxue Feng RENEWAL
Stacey D MarrierArgentinaStephen Shaw RENEWAL
Arvin T IturbideCanadaAmy Elsner NEW
Ivar M CaldareraArgentinaAnna Fali NEGOTIATION
Kaitlin W KolmetzRussiaIvan Magalhaes UNQUALIFIED
Francesco U NickaGermanyAsiya Javayant PROPOSAL
Nicolas D GarufiUnited KingdomStephen Shaw NEGOTIATION
Mayumi L DilliardArgentinaXuxue Feng UNQUALIFIED
Silvio K ShinkoUnited KingdomIvan Magalhaes RENEWAL
Cody Y CaldareraIndiaAsiya Javayant QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Octavia Y FollerUnited Kingdom2026-09-18King, Christopher A Esq NEGOTIATION62Bernardo Dominic
1001Misaki B AmigonArgentina2026-09-12Dorl, James J Esq NEW47Elwin Sharvill
1002Mayumi H WaycottGermany2026-09-06Chanay, Jeffrey A Esq PROPOSAL33Ioni Bowcher
1003Chavez H GauchoUnited Kingdom2026-09-01Chemel, James L Cpa NEW70Elwin Sharvill
1004Jeanfrancois A FollerFrance2026-09-10Chemel, James L Cpa QUALIFIED34Onyama Limba
1005Murillo E KolmetzRussia2026-09-04Benton, John B Jr NEW65Bernardo Dominic
1006Ashley N AmigonFrance2026-09-16Feltz Printing Service RENEWAL61Stephen Shaw
1007Clifford S WieserSpain2026-09-08Truhlar And Truhlar Attys PROPOSAL37Xuxue Feng
1008Maria F GlickBrazil2026-09-09Rousseaux, Michael Esq RENEWAL35Bernardo Dominic
1009Faith J NestleItaly2026-09-18Rousseaux, Michael Esq QUALIFIED87Ioni Bowcher
1010Juan L NestleSpain2026-09-16Rangoni Of Florence UNQUALIFIED8Xuxue Feng
1011Salvatore G GlickBrazil2026-09-28Commercial Press RENEWAL42Xuxue Feng
1012Greenwood S BowleyAustralia2026-09-16Benton, John B Jr QUALIFIED61Elwin Sharvill
1013Rodrigues N RutaBrazil2026-09-09Commercial Press NEW81Bernardo Dominic
1014Costa R VenereJapan2026-09-01Chemel, James L Cpa QUALIFIED10Onyama Limba
1015Octavia E BologniaIndia2026-08-31Rangoni Of Florence PROPOSAL39Anna Fali
1016Munro R AmigonGermany2026-09-27Benton, John B Jr UNQUALIFIED77Onyama Limba
1017Octavia F IturbideGermany2026-09-14Chemel, James L Cpa NEGOTIATION77Asiya Javayant
1018Cody W OstroskyBrazil2026-09-25Chanay, Jeffrey A Esq RENEWAL54Ioni Bowcher
1019Isabel Y SaylorsJapan2026-09-08Feiner Bros UNQUALIFIED67Stephen Shaw
1020Tony S DilliardAustralia2026-09-05Printing Dimensions RENEWAL48Anna Fali
1021Johnson R SaylorsJapan2026-09-28Buckley Miller Wright NEGOTIATION2Ivan Magalhaes
1022Claire N GillianRussia2026-09-02Chemel, James L Cpa PROPOSAL97Ioni Bowcher
1023Tony R GauchoIndia2026-09-16Rangoni Of Florence NEW17Ioni Bowcher
1024Aika R RimIndia2026-08-30Benton, John B Jr UNQUALIFIED14Amy Elsner
1025David F WieserArgentina2026-09-09Rangoni Of Florence UNQUALIFIED14Bernardo Dominic
1026Leja Q GauchoSpain2026-09-28Feltz Printing Service PROPOSAL32Ivan Magalhaes
1027Alejandro T SergiRussia2026-09-01Truhlar And Truhlar Attys PROPOSAL22Bernardo Dominic
1028Murillo Q SaylorsIndia2026-09-08Dorl, James J Esq QUALIFIED74Xuxue Feng
1029Ricardo W BologniaGermany2026-09-07Commercial Press UNQUALIFIED43Elwin Sharvill
1030Arvin Q SaylorsArgentina2026-09-28Chemel, James L Cpa RENEWAL10Stephen Shaw
1031Mujtaba R CaldareraAustralia2026-09-04Feltz Printing Service RENEWAL5Onyama Limba
1032Cody V KuskoCanada2026-09-03Commercial Press UNQUALIFIED85Amy Elsner
1033Mayumi H RutaJapan2026-09-22Rousseaux, Michael Esq RENEWAL12Stephen Shaw
1034Julie W StensethUnited Kingdom2026-09-12Morlong Associates NEW16Stephen Shaw
1035James L CaldareraCanada2026-09-16Buckley Miller Wright NEW72Anna Fali
1036Isabel J NestleItaly2026-09-27Benton, John B Jr NEGOTIATION11Ivan Magalhaes
1037Julie H RoysterBrazil2026-09-20Commercial Press UNQUALIFIED40Asiya Javayant
1038Maria C OldroydCanada2026-09-09Chapman, Ross E Esq PROPOSAL72Elwin Sharvill
1039Munro S MorascaJapan2026-09-04Dorl, James J Esq RENEWAL43Ioni Bowcher
1040Darci K AlbaresGermany2026-09-24Dorl, James J Esq RENEWAL8Xuxue Feng
1041Chavez Q StockhamArgentina2026-09-12Rousseaux, Michael Esq QUALIFIED78Elwin Sharvill
1042Johnson Z NickaItaly2026-09-26Rangoni Of Florence PROPOSAL26Xuxue Feng
1043Izzy K FollerFrance2026-09-07King, Christopher A Esq PROPOSAL87Amy Elsner
1044Ashley Y ButtJapan2026-09-17King, Christopher A Esq UNQUALIFIED88Elwin Sharvill
1045Claire O GlickFrance2026-09-15Chemel, James L Cpa QUALIFIED52Stephen Shaw
1046Aruna L MarrierAustralia2026-09-26Rangoni Of Florence RENEWAL71Bernardo Dominic
1047James O PoquetteCanada2026-09-27Commercial Press NEW40Asiya Javayant
1048Mayumi H TollnerRussia2026-09-17Commercial Press RENEWAL15Stephen Shaw
1049Leon O StensethGermany2026-08-31Chapman, Ross E Esq RENEWAL12Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Morrow M ButtJapanAnna Fali NEGOTIATION
Arvin X VocelkaBrazilAsiya Javayant QUALIFIED
Mayumi E SergiArgentinaAsiya Javayant NEW
Arvin Z KolmetzAustraliaAsiya Javayant UNQUALIFIED
Mujtaba T GillianAustraliaOnyama Limba QUALIFIED
Francesco X DarakjyItalyElwin Sharvill UNQUALIFIED
Deepesh R KuskoBrazilIvan Magalhaes NEGOTIATION
Jeanfrancois T ShinkoRussiaElwin Sharvill PROPOSAL
Cody S NestleJapanIvan Magalhaes NEGOTIATION
Jones K KolmetzAustraliaIoni Bowcher UNQUALIFIED
Clifford V StensethIndiaElwin Sharvill QUALIFIED
Isabel Q AmigonGermanyIvan Magalhaes UNQUALIFIED
Morrow K GlickUnited KingdomXuxue Feng NEGOTIATION
Deepesh K GlickRussiaBernardo Dominic NEGOTIATION
Sinclair I PoquetteSpainXuxue Feng NEGOTIATION
Rodrigues E ButtCanadaAsiya Javayant RENEWAL
Wickens D MaletIndiaStephen Shaw UNQUALIFIED
Tony R NestleArgentinaAnna Fali NEGOTIATION
Murillo Y OstroskyIndiaAmy Elsner PROPOSAL
David R FollerSpainIvan Magalhaes UNQUALIFIED
Kaitlin P RutaJapanStephen Shaw RENEWAL
Emily D TollnerCanadaAmy Elsner QUALIFIED
Tony X MaletJapanAsiya Javayant RENEWAL
Alejandro N NestleSpainStephen Shaw QUALIFIED
Murillo A RulapaughCanadaAnna Fali NEW
Adams T PerinArgentinaAnna Fali NEW
Johnson N GlickSpainElwin Sharvill NEGOTIATION
Kadeem S DilliardItalyIvan Magalhaes QUALIFIED
Francesco Q AmigonBrazilStephen Shaw NEGOTIATION
Aditya U RutaBrazilStephen Shaw QUALIFIED
Stacey K MorascaGermanyElwin Sharvill UNQUALIFIED
Tony X MorascaItalyAmy Elsner RENEWAL
Claire F ChuiAustraliaOnyama Limba RENEWAL
Octavia R InouyeAustraliaBernardo Dominic NEGOTIATION
David B WaycottArgentinaAnna Fali QUALIFIED
Murillo R ShinkoRussiaOnyama Limba UNQUALIFIED
Julie C SlusarskiJapanBernardo Dominic NEGOTIATION
Maisha G CaudyAustraliaBernardo Dominic PROPOSAL
Faith C FerenczArgentinaAnna Fali PROPOSAL
Greenwood D RutaJapanElwin Sharvill NEW
Aditya T WhobreyBrazilAsiya Javayant PROPOSAL
Faith F RutaUnited KingdomAmy Elsner QUALIFIED
Greenwood K MarrierItalyXuxue Feng NEGOTIATION
Leja T NestleUnited KingdomOnyama Limba RENEWAL
Arvin N TollnerRussiaStephen Shaw UNQUALIFIED
Kadeem Y PaprockiRussiaAmy Elsner RENEWAL
Maisha R RimCanadaBernardo Dominic QUALIFIED
Antonio R OldroydRussiaOnyama Limba NEGOTIATION
Misaki H NickaBrazilOnyama Limba QUALIFIED
Izzy S StensethUnited KingdomIvan Magalhaes RENEWAL
Frozen Columns
Name
Isabel B Ferencz
Mayumi D Caldarera
Emily I Campain
Wickens G Darakjy
Aika C Tollner
Deepesh G Wieser
Leja J Figeroa
James B Ferencz
Arvin Q Inouye
Aika Z Nicka
Sinclair A Briddick
James C Malet
Rodrigues O Gaucho
Chavez P Dilliard
Antonio P Butt
Claire J Figeroa
Morrow U Kusko
Deepesh W Nestle
Deepesh W Venere
Jeanfrancois X Flosi
Mujtaba W Paprocki
Deepesh H Flosi
Juan P Venere
Ashley F Marrier
Morrow P Schemmer
Greenwood V Gillian
Leon J Royster
Stacey S Saylors
Kaitlin A Saylors
Maisha Q Inouye
Julie Z Inouye
Leon B Ruta
James G Dilliard
Claire I Gaucho
Juan S Rulapaugh
Juan N Malet
Antonio G Saylors
Silvio N Schemmer
Jones E Ruta
Wickens Z Inouye
Aika H Maclead
Jefferson J Bolognia
Maisha G Malet
Adams N Caldarera
Ashley J Doe
Aika K Vocelka
Kaitlin J Bowley
Ashley V Waycott
Tony J Maclead
Wickens B Glick
IdCountryDate
1000Spain2026-09-13
1001Russia2026-09-14
1002India2026-08-30
1003India2026-09-03
1004Italy2026-09-14
1005France2026-09-28
1006India2026-09-13
1007India2026-09-10
1008Japan2026-09-20
1009Brazil2026-08-31
1010Canada2026-09-09
1011Australia2026-09-23
1012Australia2026-09-12
1013Spain2026-09-06
1014Japan2026-09-26
1015Argentina2026-09-07
1016Russia2026-09-10
1017United Kingdom2026-09-06
1018France2026-09-09
1019Argentina2026-09-26
1020United Kingdom2026-09-13
1021United Kingdom2026-09-02
1022Canada2026-09-01
1023Australia2026-09-07
1024Italy2026-09-24
1025Japan2026-09-06
1026Argentina2026-09-02
1027Australia2026-09-22
1028Brazil2026-09-23
1029Germany2026-09-03
1030Spain2026-09-28
1031Argentina2026-09-21
1032Japan2026-09-06
1033United Kingdom2026-09-25
1034Germany2026-09-22
1035Australia2026-09-16
1036Spain2026-09-01
1037Japan2026-09-15
1038Russia2026-09-01
1039Russia2026-09-25
1040Spain2026-09-06
1041Russia2026-09-28
1042Russia2026-09-20
1043Germany2026-09-15
1044India2026-09-10
1045Spain2026-09-28
1046Australia2026-09-02
1047Canada2026-09-12
1048Australia2026-09-18
1049Spain2026-09-20

On-Demand Data

NameIdCountryDate
James O Maclead1000Brazil2026-09-07
Silvio W Dilliard1001Argentina2026-09-07
Aruna M Morasca1002France2026-09-14
Julie X Ostrosky1003India2026-08-30
Jennifer P Campain1004Italy2026-09-11
Claire D Stockham1005Italy2026-09-12
Wickens W Malet1006Italy2026-09-14
Leja V Inouye1007Germany2026-09-03
Jennifer U Nestle1008Canada2026-09-16
Ashley I Bowley1009Argentina2026-09-09
Faith V Maclead1010France2026-09-18
Murillo E Chui1011Spain2026-09-06
Cody F Stenseth1012Japan2026-09-08
Murillo O Sergi1013United Kingdom2026-09-24
Mujtaba D Gaucho1014India2026-09-27
James Z Royster1015Spain2026-09-19
Arvin N Figeroa1016France2026-09-24
Aika N Nestle1017United Kingdom2026-09-08
Stacey M Nicka1018Canada2026-09-05
Darci Y Albares1019Canada2026-09-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Francesco B GillianRussiaElwin Sharvill NEGOTIATION
Leja L GauchoIndiaOnyama Limba NEGOTIATION
Faith D VocelkaFranceIoni Bowcher NEGOTIATION
Izzy Q SergiCanadaAmy Elsner NEW
Wickens F CaudyJapanAnna Fali UNQUALIFIED
Silvio R MorascaRussiaElwin Sharvill RENEWAL
Isabel O PoquetteJapanXuxue Feng RENEWAL
Leon C MaletGermanyElwin Sharvill PROPOSAL
Leja E GlickSpainIvan Magalhaes RENEWAL
Chavez N FerenczRussiaOnyama Limba UNQUALIFIED
Cody R FigeroaArgentinaAmy Elsner PROPOSAL
Deepesh D WhobreyItalyIoni Bowcher PROPOSAL
Munro S GauchoArgentinaIoni Bowcher UNQUALIFIED
Rodrigues I VenereIndiaIvan Magalhaes PROPOSAL
Aika Y AlbaresArgentinaOnyama Limba PROPOSAL
Mayumi L PaprockiArgentinaXuxue Feng NEGOTIATION
Tony H SlusarskiSpainXuxue Feng NEGOTIATION
Jennifer Y NestleCanadaOnyama Limba RENEWAL
Leja R GarufiRussiaIoni Bowcher QUALIFIED
Nicolas Q RutaRussiaIvan Magalhaes PROPOSAL
David X SaylorsArgentinaStephen Shaw RENEWAL
Sinclair R RimCanadaXuxue Feng PROPOSAL
Misaki C OldroydArgentinaIoni Bowcher NEGOTIATION
Faith R AlbaresBrazilAnna Fali PROPOSAL
Faith J SaylorsCanadaOnyama Limba QUALIFIED
Chavez K TollnerIndiaAmy Elsner NEGOTIATION
Claire A FigeroaIndiaAmy Elsner QUALIFIED
Deepesh R SlusarskiBrazilIoni Bowcher QUALIFIED
Adams Y TollnerFranceOnyama Limba QUALIFIED
Salvatore T AmigonIndiaXuxue Feng QUALIFIED
Jefferson D StockhamGermanyAmy Elsner NEW
Izzy T ButtIndiaOnyama Limba NEGOTIATION
Adams C GillianCanadaElwin Sharvill UNQUALIFIED
Nicolas O PoquetteJapanElwin Sharvill NEW
Octavia Z CampainFranceAsiya Javayant RENEWAL
Darci K ButtUnited KingdomIoni Bowcher RENEWAL
Ivar P DarakjyIndiaAmy Elsner PROPOSAL
Munro Z CaudySpainIoni Bowcher UNQUALIFIED
Mujtaba G WhobreyAustraliaBernardo Dominic UNQUALIFIED
Costa K SlusarskiCanadaIvan Magalhaes 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>