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
Arvin T KuskoAustraliaIoni Bowcher UNQUALIFIED
Mayumi E GauchoSpainStephen Shaw NEGOTIATION
Ashley Q VenereUnited KingdomAmy Elsner NEW
Arvin Z FollerBrazilAmy Elsner NEGOTIATION
Isabel M TollnerItalyXuxue Feng NEW
Murillo Z VenereGermanyAmy Elsner NEW
Morrow A MaletIndiaAmy Elsner RENEWAL
Munro B SchemmerFranceAsiya Javayant NEGOTIATION
Francesco I IturbideRussiaAnna Fali NEW
Jones G StensethArgentinaIvan Magalhaes PROPOSAL
Aditya E BowleyAustraliaXuxue Feng QUALIFIED
James A SlusarskiJapanElwin Sharvill NEW
Murillo T RutaItalyIoni Bowcher UNQUALIFIED
Francesco P MaletUnited KingdomAmy Elsner RENEWAL
Chavez I MorascaArgentinaIoni Bowcher NEW
Salvatore V FlosiGermanyBernardo Dominic UNQUALIFIED
Mujtaba P PoquetteAustraliaXuxue Feng NEW
Darci V FerenczBrazilAsiya Javayant QUALIFIED
Faith L KuskoSpainElwin Sharvill UNQUALIFIED
Aruna A BowleyIndiaAmy Elsner PROPOSAL
Faith L MacleadArgentinaOnyama Limba UNQUALIFIED
Darci R OstroskyUnited KingdomElwin Sharvill NEGOTIATION
Faith V AlbaresJapanStephen Shaw QUALIFIED
Leja V WieserFranceStephen Shaw UNQUALIFIED
Rodrigues O TollnerFranceXuxue Feng RENEWAL
Claire S CampainCanadaAmy Elsner NEGOTIATION
Arvin R RoysterIndiaBernardo Dominic NEGOTIATION
Nicolas O FerenczItalyElwin Sharvill NEGOTIATION
Nicolas H ButtUnited KingdomIoni Bowcher NEW
Jefferson P DoeItalyIvan Magalhaes NEGOTIATION
Nicolas F MaletBrazilElwin Sharvill RENEWAL
Murillo O WaycottRussiaElwin Sharvill QUALIFIED
Greenwood D BowleyCanadaAsiya Javayant RENEWAL
Salvatore P GlickSpainBernardo Dominic UNQUALIFIED
Leja V BowleyFranceStephen Shaw NEW
Isabel X AmigonSpainAsiya Javayant NEGOTIATION
Murillo Z GlickCanadaOnyama Limba QUALIFIED
Chavez G MaletSpainStephen Shaw RENEWAL
Alejandro Q CampainAustraliaXuxue Feng UNQUALIFIED
Adams T OldroydCanadaStephen Shaw PROPOSAL
Costa D DarakjyJapanIvan Magalhaes PROPOSAL
Mujtaba V StockhamSpainAmy Elsner QUALIFIED
Jefferson M DoeAustraliaAnna Fali NEW
Izzy P OldroydUnited KingdomIoni Bowcher NEGOTIATION
Misaki B WhobreyJapanIoni Bowcher NEW
Francesco W SchemmerAustraliaBernardo Dominic QUALIFIED
Silvio P StensethJapanOnyama Limba QUALIFIED
Greenwood N FerenczSpainXuxue Feng NEW
Jeanfrancois M CaudyCanadaAmy Elsner QUALIFIED
Juan K BologniaJapanAmy Elsner RENEWAL
Horizontal
NameCountryRepresentativeStatus
Johnson P WieserJapanAmy Elsner RENEWAL
Chavez W ShinkoJapanBernardo Dominic UNQUALIFIED
Emily S NestleItalyAmy Elsner NEW
Stacey C DoeSpainOnyama Limba QUALIFIED
Faith U SlusarskiGermanyStephen Shaw QUALIFIED
Aika Z NickaAustraliaOnyama Limba QUALIFIED
Jones O NestleItalyElwin Sharvill RENEWAL
Mayumi T KolmetzGermanyOnyama Limba QUALIFIED
Stacey M RulapaughRussiaXuxue Feng NEW
Claire W DilliardSpainBernardo Dominic QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Silvio C WaycottRussia2026-10-09Printing Dimensions PROPOSAL73Xuxue Feng
1001Misaki S VenereItaly2026-09-23Chanay, Jeffrey A Esq RENEWAL13Bernardo Dominic
1002Silvio K KolmetzRussia2026-09-29Chanay, Jeffrey A Esq UNQUALIFIED64Elwin Sharvill
1003Jeanfrancois A GarufiAustralia2026-09-14Benton, John B Jr NEW40Onyama Limba
1004Clifford Z GauchoFrance2026-10-04Dorl, James J Esq RENEWAL76Asiya Javayant
1005Munro A OstroskyCanada2026-09-25Printing Dimensions RENEWAL70Ivan Magalhaes
1006Sinclair Y FerenczArgentina2026-09-29King, Christopher A Esq QUALIFIED56Amy Elsner
1007Maisha O MarrierUnited Kingdom2026-10-05Commercial Press UNQUALIFIED25Asiya Javayant
1008Leon I ChuiCanada2026-09-13Morlong Associates NEGOTIATION72Ioni Bowcher
1009Tony J ButtJapan2026-09-29Printing Dimensions RENEWAL79Elwin Sharvill
1010Chavez R NestleRussia2026-10-06Buckley Miller Wright QUALIFIED79Stephen Shaw
1011Murillo K OldroydArgentina2026-10-06Printing Dimensions PROPOSAL15Stephen Shaw
1012Kadeem K OldroydFrance2026-09-29Benton, John B Jr NEGOTIATION45Elwin Sharvill
1013Salvatore R OstroskyUnited Kingdom2026-09-14King, Christopher A Esq NEW31Bernardo Dominic
1014Murillo N DilliardItaly2026-09-26Feiner Bros NEGOTIATION88Stephen Shaw
1015Cody F ShinkoUnited Kingdom2026-09-11Buckley Miller Wright UNQUALIFIED26Asiya Javayant
1016Stacey S DoeBrazil2026-10-07Chapman, Ross E Esq RENEWAL11Asiya Javayant
1017Aika W NickaItaly2026-09-11Feltz Printing Service UNQUALIFIED87Xuxue Feng
1018Cody A KuskoAustralia2026-09-17Benton, John B Jr PROPOSAL91Bernardo Dominic
1019Mayumi C FerenczIndia2026-09-28Benton, John B Jr PROPOSAL53Amy Elsner
1020Aditya T ButtUnited Kingdom2026-09-26Printing Dimensions RENEWAL72Bernardo Dominic
1021Clifford L WaycottJapan2026-10-06Feiner Bros QUALIFIED98Xuxue Feng
1022Wickens N KuskoSpain2026-10-05King, Christopher A Esq NEGOTIATION47Asiya Javayant
1023Wickens M OstroskyIndia2026-09-13Rangoni Of Florence UNQUALIFIED21Bernardo Dominic
1024Sinclair A IturbideAustralia2026-09-16Chapman, Ross E Esq NEW63Ivan Magalhaes
1025Claire F MacleadSpain2026-09-16Chanay, Jeffrey A Esq PROPOSAL24Onyama Limba
1026Adams V OldroydSpain2026-09-17Rousseaux, Michael Esq QUALIFIED8Onyama Limba
1027Francesco I CaldareraRussia2026-09-27Buckley Miller Wright NEW57Xuxue Feng
1028Ashley D DarakjySpain2026-09-11Feiner Bros PROPOSAL31Xuxue Feng
1029Kaitlin D DilliardUnited Kingdom2026-10-07Benton, John B Jr UNQUALIFIED50Xuxue Feng
1030Smith B KuskoIndia2026-09-14Benton, John B Jr UNQUALIFIED69Xuxue Feng
1031Mayumi Z DilliardArgentina2026-09-15Benton, John B Jr RENEWAL26Elwin Sharvill
1032Jeanfrancois O RulapaughBrazil2026-10-08Feiner Bros NEGOTIATION89Amy Elsner
1033Antonio A TollnerItaly2026-10-02Feltz Printing Service QUALIFIED20Anna Fali
1034Clifford Y KolmetzAustralia2026-09-18Rangoni Of Florence NEW60Asiya Javayant
1035Tony C ShinkoAustralia2026-09-28Chapman, Ross E Esq UNQUALIFIED46Onyama Limba
1036Deepesh K MacleadCanada2026-09-19Truhlar And Truhlar Attys NEGOTIATION76Xuxue Feng
1037Faith U DarakjyGermany2026-09-19Feiner Bros NEW90Asiya Javayant
1038Julie L SlusarskiUnited Kingdom2026-10-10Printing Dimensions QUALIFIED2Xuxue Feng
1039Jefferson R VocelkaJapan2026-10-05King, Christopher A Esq PROPOSAL86Asiya Javayant
1040Jennifer C CampainAustralia2026-09-21Dorl, James J Esq PROPOSAL64Xuxue Feng
1041Adams Q GlickSpain2026-09-23Feiner Bros NEGOTIATION12Ioni Bowcher
1042Jefferson Y RulapaughSpain2026-09-25Chanay, Jeffrey A Esq UNQUALIFIED35Onyama Limba
1043Morrow M StensethGermany2026-10-07Chemel, James L Cpa NEW50Asiya Javayant
1044Faith O AmigonAustralia2026-09-20Morlong Associates PROPOSAL50Stephen Shaw
1045Julie A MarrierArgentina2026-09-13Printing Dimensions PROPOSAL50Elwin Sharvill
1046James T SaylorsUnited Kingdom2026-09-27Rangoni Of Florence UNQUALIFIED87Stephen Shaw
1047Sinclair P WieserCanada2026-09-29Rousseaux, Michael Esq RENEWAL94Ioni Bowcher
1048Maisha B StockhamJapan2026-09-25King, Christopher A Esq RENEWAL63Onyama Limba
1049Antonio A KuskoArgentina2026-09-24Chemel, James L Cpa NEW84Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
James A DilliardGermanyIvan Magalhaes PROPOSAL
Cody O GarufiItalyAsiya Javayant NEGOTIATION
Salvatore Z ShinkoItalyAsiya Javayant UNQUALIFIED
Costa U SlusarskiGermanyBernardo Dominic NEW
Julie U RoysterSpainBernardo Dominic UNQUALIFIED
Clifford J WhobreyUnited KingdomAnna Fali PROPOSAL
Tony V FigeroaRussiaIvan Magalhaes NEW
Leon B IturbideAustraliaIvan Magalhaes UNQUALIFIED
Wickens Z BowleyRussiaBernardo Dominic NEW
Morrow E MaletFranceOnyama Limba UNQUALIFIED
Aditya U SergiGermanyIoni Bowcher UNQUALIFIED
Kaitlin L FerenczCanadaBernardo Dominic PROPOSAL
Mujtaba B DoeGermanyIoni Bowcher PROPOSAL
Morrow Y FigeroaItalyOnyama Limba RENEWAL
Izzy A NestleGermanyElwin Sharvill QUALIFIED
Silvio D SchemmerJapanAsiya Javayant NEW
Leon J SlusarskiIndiaBernardo Dominic NEGOTIATION
Mujtaba H ChuiBrazilAnna Fali UNQUALIFIED
Alejandro Z PoquetteUnited KingdomBernardo Dominic RENEWAL
Rodrigues D FigeroaIndiaXuxue Feng NEW
Smith L CaldareraArgentinaXuxue Feng QUALIFIED
Alejandro U GillianBrazilAsiya Javayant UNQUALIFIED
Jeanfrancois G VocelkaBrazilElwin Sharvill QUALIFIED
Kadeem W IturbideRussiaAnna Fali NEGOTIATION
Maisha O MacleadGermanyOnyama Limba NEGOTIATION
Tony Q GillianBrazilAnna Fali UNQUALIFIED
Octavia I SergiUnited KingdomElwin Sharvill UNQUALIFIED
Antonio K WaycottGermanyOnyama Limba NEGOTIATION
Maisha U WieserIndiaIvan Magalhaes NEW
Aika S SchemmerAustraliaXuxue Feng PROPOSAL
Leja W BowleyAustraliaAnna Fali RENEWAL
Arvin Z VocelkaItalyOnyama Limba UNQUALIFIED
Mujtaba J OldroydAustraliaOnyama Limba NEGOTIATION
Emily O ShinkoGermanyOnyama Limba PROPOSAL
Clifford E PerinFranceBernardo Dominic NEW
Greenwood S KuskoJapanBernardo Dominic UNQUALIFIED
Murillo T MorascaGermanyXuxue Feng NEW
Deepesh O WhobreyFranceAnna Fali NEGOTIATION
Kaitlin R StockhamGermanyElwin Sharvill NEGOTIATION
Alejandro S GlickCanadaAnna Fali PROPOSAL
Clifford K SaylorsFranceAnna Fali PROPOSAL
Jones X SaylorsAustraliaOnyama Limba RENEWAL
Chavez T NestleArgentinaAsiya Javayant RENEWAL
Deepesh L MaletRussiaIoni Bowcher UNQUALIFIED
Kaitlin Y StockhamGermanyAmy Elsner UNQUALIFIED
David L CaldareraBrazilIvan Magalhaes RENEWAL
Julie D RutaUnited KingdomAmy Elsner NEW
Julie F MaletIndiaAsiya Javayant NEW
Jennifer M CaldareraGermanyBernardo Dominic PROPOSAL
Aika A ButtRussiaStephen Shaw QUALIFIED
Frozen Columns
Name
Jefferson M Gillian
Stacey U Stenseth
James Z Garufi
Izzy L Amigon
Izzy R Flosi
Julie A Iturbide
Arvin M Marrier
Francesco Q Malet
Deepesh O Stenseth
Cody E Malet
Chavez P Wieser
Salvatore G Kusko
Salvatore L Slusarski
Faith J Flosi
Murillo K Paprocki
Emily C Schemmer
Nicolas E Albares
Juan O Butt
Aditya L Campain
David R Morasca
Aruna I Whobrey
Isabel F Flosi
Sinclair C Nicka
Wickens R Whobrey
Stacey C Foller
Leon J Bowley
Morrow X Stenseth
Aika A Caudy
Wickens F Wieser
Stacey I Nestle
Salvatore Z Malet
Ivar J Butt
Kadeem W Figeroa
Maria L Rulapaugh
Jefferson F Malet
Jennifer A Shinko
Johnson L Slusarski
Adams N Kusko
Chavez Z Morasca
Sinclair S Saylors
Alejandro Y Nicka
Darci Y Garufi
Darci Y Briddick
Mayumi A Foller
Darci C Slusarski
Misaki F Kolmetz
Costa Q Caldarera
Stacey B Slusarski
Juan H Dilliard
Jefferson Z Ruta
IdCountryDate
1000Argentina2026-09-24
1001Australia2026-09-28
1002India2026-09-17
1003Italy2026-09-23
1004Spain2026-09-15
1005Argentina2026-10-08
1006Argentina2026-09-29
1007Russia2026-09-20
1008Japan2026-09-20
1009India2026-10-05
1010Argentina2026-09-24
1011Argentina2026-09-17
1012Canada2026-09-15
1013Spain2026-09-25
1014Italy2026-09-22
1015Russia2026-10-04
1016United Kingdom2026-10-10
1017Spain2026-10-04
1018Italy2026-09-11
1019Argentina2026-10-06
1020Brazil2026-10-10
1021Canada2026-09-28
1022Spain2026-09-17
1023India2026-09-11
1024Italy2026-09-21
1025Argentina2026-09-23
1026Russia2026-10-09
1027Japan2026-09-17
1028France2026-10-05
1029France2026-09-13
1030United Kingdom2026-09-16
1031Australia2026-09-16
1032Germany2026-09-25
1033Australia2026-09-22
1034Russia2026-09-14
1035Germany2026-09-15
1036Canada2026-10-09
1037Australia2026-09-30
1038Brazil2026-10-06
1039Japan2026-10-07
1040Argentina2026-09-24
1041Russia2026-09-13
1042Brazil2026-10-03
1043France2026-09-23
1044Japan2026-09-18
1045India2026-09-28
1046Russia2026-10-04
1047India2026-09-16
1048Argentina2026-09-21
1049Russia2026-09-17

On-Demand Data

NameIdCountryDate
Alejandro I Dilliard1000India2026-09-14
Johnson J Nestle1001United Kingdom2026-10-05
Misaki P Schemmer1002Argentina2026-09-11
Faith T Albares1003India2026-10-06
Julie F Gaucho1004Japan2026-09-11
Sinclair E Caldarera1005Australia2026-09-21
Francesco E Flosi1006Russia2026-09-25
Mujtaba S Dilliard1007Spain2026-09-24
Juan C Gaucho1008India2026-10-03
Francesco W Butt1009Japan2026-09-22
Salvatore V Gillian1010Japan2026-10-08
Stacey A Maclead1011Brazil2026-10-07
Ashley I Gillian1012Argentina2026-09-23
Emily Y Flosi1013Argentina2026-09-23
Adams M Paprocki1014United Kingdom2026-10-09
Isabel L Poquette1015Italy2026-10-05
Jefferson I Waycott1016Germany2026-09-21
Munro M Bolognia1017Japan2026-09-18
James E Royster1018Japan2026-10-10
Leja N Chui1019India2026-10-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Costa L StensethItalyElwin Sharvill UNQUALIFIED
Johnson S ChuiBrazilXuxue Feng QUALIFIED
Greenwood E AmigonUnited KingdomAmy Elsner QUALIFIED
Smith L CaudyCanadaStephen Shaw QUALIFIED
Maria Y StensethFranceXuxue Feng NEW
Costa X StockhamUnited KingdomIvan Magalhaes NEW
Izzy R CaldareraArgentinaOnyama Limba QUALIFIED
Alejandro X PoquetteUnited KingdomIvan Magalhaes PROPOSAL
Izzy E PoquetteFranceStephen Shaw NEW
David X VenereRussiaXuxue Feng RENEWAL
Jefferson D StockhamItalyStephen Shaw QUALIFIED
Morrow W PerinItalyOnyama Limba RENEWAL
Adams F WaycottItalyAsiya Javayant UNQUALIFIED
Morrow A SergiBrazilIoni Bowcher QUALIFIED
Deepesh G ShinkoRussiaElwin Sharvill NEGOTIATION
Maisha O AmigonJapanOnyama Limba NEGOTIATION
Munro E CaldareraUnited KingdomStephen Shaw QUALIFIED
Murillo P BowleyGermanyAmy Elsner PROPOSAL
Adams P AlbaresSpainAsiya Javayant UNQUALIFIED
Emily F NestleFranceBernardo Dominic NEW
Kaitlin M RimItalyAsiya Javayant UNQUALIFIED
Jeanfrancois F NickaRussiaStephen Shaw NEGOTIATION
Smith C IturbideSpainXuxue Feng NEW
Leja V ShinkoFranceIoni Bowcher NEGOTIATION
James Y WhobreyGermanyStephen Shaw UNQUALIFIED
Wickens H GauchoGermanyAmy Elsner QUALIFIED
Antonio G AlbaresRussiaIoni Bowcher NEW
Jefferson T GillianBrazilElwin Sharvill QUALIFIED
Silvio F RutaCanadaIvan Magalhaes UNQUALIFIED
Maria W DoeUnited KingdomIvan Magalhaes QUALIFIED
Ricardo E AmigonGermanyXuxue Feng NEGOTIATION
Adams S StensethIndiaAmy Elsner QUALIFIED
Chavez G GlickUnited KingdomOnyama Limba QUALIFIED
Leon Z MarrierUnited KingdomXuxue Feng QUALIFIED
Jeanfrancois I DilliardGermanyAmy Elsner QUALIFIED
Leon M VenereAustraliaAnna Fali PROPOSAL
Stacey K StensethBrazilBernardo Dominic RENEWAL
Silvio H AlbaresAustraliaXuxue Feng NEGOTIATION
Kaitlin E RulapaughArgentinaStephen Shaw QUALIFIED
Jeanfrancois T FerenczIndiaIvan Magalhaes 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>