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
Chavez F AlbaresUnited KingdomElwin Sharvill RENEWAL
Wickens O WhobreyItalyIvan Magalhaes NEW
Greenwood U VocelkaJapanElwin Sharvill NEW
Francesco C WieserCanadaElwin Sharvill NEW
Mujtaba R VenereGermanyIoni Bowcher PROPOSAL
Julie V SchemmerSpainAmy Elsner UNQUALIFIED
Morrow F MaletItalyAnna Fali UNQUALIFIED
Adams G AlbaresArgentinaIvan Magalhaes PROPOSAL
Kaitlin J FlosiSpainBernardo Dominic NEGOTIATION
Octavia K RoysterSpainXuxue Feng RENEWAL
Greenwood T DarakjyIndiaAmy Elsner NEW
Isabel M PerinRussiaAnna Fali QUALIFIED
Cody Y KuskoCanadaElwin Sharvill QUALIFIED
Mujtaba V StockhamAustraliaXuxue Feng PROPOSAL
Isabel R DilliardGermanyAsiya Javayant QUALIFIED
Silvio R MarrierUnited KingdomIvan Magalhaes NEW
Jeanfrancois P BriddickSpainOnyama Limba NEGOTIATION
Maisha R ChuiCanadaAmy Elsner PROPOSAL
Ricardo Y ChuiItalyStephen Shaw NEW
Deepesh V StensethGermanyIoni Bowcher RENEWAL
Ricardo M AlbaresUnited KingdomAnna Fali QUALIFIED
Rodrigues T BologniaIndiaStephen Shaw NEW
Cody U FlosiIndiaAnna Fali QUALIFIED
Adams R MaletItalyAmy Elsner UNQUALIFIED
Claire D AlbaresIndiaXuxue Feng RENEWAL
Francesco O CaudyRussiaAnna Fali QUALIFIED
Juan V MarrierItalyAnna Fali QUALIFIED
Antonio G SergiAustraliaIvan Magalhaes NEGOTIATION
Jefferson N BowleySpainOnyama Limba NEGOTIATION
Wickens V VenereFranceElwin Sharvill UNQUALIFIED
Juan C IturbideAustraliaIoni Bowcher NEW
Adams N DoeItalyBernardo Dominic NEGOTIATION
Aditya F CaudyBrazilAnna Fali NEW
Aruna M RimUnited KingdomAnna Fali PROPOSAL
Tony L BowleyJapanStephen Shaw NEGOTIATION
Darci W IturbideSpainIoni Bowcher QUALIFIED
Leja I BowleyRussiaBernardo Dominic RENEWAL
Mayumi U PoquetteCanadaAsiya Javayant PROPOSAL
Jefferson J RimSpainElwin Sharvill NEGOTIATION
Kadeem K ChuiUnited KingdomIoni Bowcher NEGOTIATION
Wickens S OstroskyUnited KingdomIvan Magalhaes UNQUALIFIED
James E OstroskyFranceAnna Fali NEGOTIATION
Alejandro W MorascaBrazilIvan Magalhaes QUALIFIED
Jefferson Y GlickGermanyIvan Magalhaes PROPOSAL
Izzy A KuskoRussiaIoni Bowcher PROPOSAL
Alejandro Z GauchoGermanyAnna Fali NEW
Sinclair Q RutaCanadaIvan Magalhaes NEW
Antonio V WaycottRussiaElwin Sharvill PROPOSAL
Isabel N WhobreyGermanyXuxue Feng PROPOSAL
Arvin H DilliardJapanXuxue Feng PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Mayumi V MarrierCanadaAnna Fali UNQUALIFIED
Cody G DilliardAustraliaAsiya Javayant NEGOTIATION
Tony C SergiRussiaBernardo Dominic NEW
Mayumi P SchemmerUnited KingdomOnyama Limba PROPOSAL
Octavia B BowleyCanadaBernardo Dominic NEGOTIATION
Mujtaba V SaylorsRussiaIoni Bowcher NEGOTIATION
Ricardo F ShinkoArgentinaStephen Shaw PROPOSAL
Deepesh G MacleadItalyElwin Sharvill QUALIFIED
Silvio E MaletSpainAmy Elsner PROPOSAL
Chavez B KolmetzUnited KingdomIoni Bowcher QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Deepesh T PerinGermany2026-09-17Chemel, James L Cpa RENEWAL57Ioni Bowcher
1001Wickens O ShinkoJapan2026-09-10Rangoni Of Florence QUALIFIED68Stephen Shaw
1002Faith L SaylorsAustralia2026-09-13Morlong Associates NEGOTIATION45Ioni Bowcher
1003Ashley H BriddickBrazil2026-09-17Feiner Bros PROPOSAL85Onyama Limba
1004Leja U DarakjyGermany2026-08-27Feltz Printing Service UNQUALIFIED63Elwin Sharvill
1005Ricardo H RimCanada2026-09-05Dorl, James J Esq RENEWAL79Stephen Shaw
1006Smith W SchemmerIndia2026-08-29Feiner Bros QUALIFIED84Xuxue Feng
1007Darci K TollnerItaly2026-09-09Printing Dimensions NEGOTIATION14Bernardo Dominic
1008Nicolas R MaletAustralia2026-08-28Dorl, James J Esq PROPOSAL35Amy Elsner
1009Juan O WieserCanada2026-08-27Rangoni Of Florence UNQUALIFIED52Anna Fali
1010Julie B WieserGermany2026-08-26Chapman, Ross E Esq UNQUALIFIED95Bernardo Dominic
1011Jennifer P InouyeRussia2026-09-17Chemel, James L Cpa RENEWAL25Ioni Bowcher
1012Leon T SergiGermany2026-09-10Truhlar And Truhlar Attys NEW35Anna Fali
1013Silvio G FerenczArgentina2026-09-24Chapman, Ross E Esq NEW50Xuxue Feng
1014Murillo X WieserJapan2026-08-30Buckley Miller Wright NEGOTIATION10Stephen Shaw
1015Emily Q WaycottCanada2026-09-01Chemel, James L Cpa RENEWAL19Stephen Shaw
1016Mujtaba X WaycottFrance2026-09-13Chanay, Jeffrey A Esq PROPOSAL51Asiya Javayant
1017Jeanfrancois M OldroydCanada2026-09-09Feltz Printing Service QUALIFIED2Ivan Magalhaes
1018Greenwood B TollnerCanada2026-09-19Benton, John B Jr QUALIFIED62Asiya Javayant
1019Maisha Y GarufiJapan2026-09-21Chemel, James L Cpa NEW1Stephen Shaw
1020David N AlbaresGermany2026-09-22Morlong Associates NEGOTIATION15Asiya Javayant
1021Johnson U IturbideItaly2026-09-07Feltz Printing Service QUALIFIED71Onyama Limba
1022David P MaletRussia2026-09-22Benton, John B Jr RENEWAL44Xuxue Feng
1023Munro T StensethSpain2026-09-02Morlong Associates NEW21Amy Elsner
1024Murillo Z CaudyUnited Kingdom2026-08-27Feiner Bros NEGOTIATION10Xuxue Feng
1025Salvatore Y KuskoRussia2026-09-08Buckley Miller Wright NEGOTIATION46Bernardo Dominic
1026Jefferson I StensethBrazil2026-09-12Chanay, Jeffrey A Esq QUALIFIED3Xuxue Feng
1027Kaitlin C WhobreyItaly2026-09-11Benton, John B Jr RENEWAL99Asiya Javayant
1028Stacey G MarrierAustralia2026-09-23Dorl, James J Esq QUALIFIED15Anna Fali
1029James B CaudyGermany2026-09-22Dorl, James J Esq RENEWAL88Bernardo Dominic
1030Rodrigues Q FigeroaGermany2026-09-11Chapman, Ross E Esq NEGOTIATION5Bernardo Dominic
1031Deepesh X NestleGermany2026-08-26Benton, John B Jr RENEWAL74Onyama Limba
1032Misaki E IturbideCanada2026-09-21Feiner Bros RENEWAL62Amy Elsner
1033Darci K VenereCanada2026-08-27Rangoni Of Florence NEGOTIATION77Asiya Javayant
1034Aruna V PerinBrazil2026-09-19King, Christopher A Esq RENEWAL78Amy Elsner
1035Antonio S FollerGermany2026-09-09Morlong Associates PROPOSAL88Onyama Limba
1036Murillo P SchemmerBrazil2026-09-16Benton, John B Jr PROPOSAL25Asiya Javayant
1037Faith R FerenczUnited Kingdom2026-09-14Rousseaux, Michael Esq NEGOTIATION30Elwin Sharvill
1038Munro Q RutaRussia2026-08-31Benton, John B Jr RENEWAL69Elwin Sharvill
1039Jefferson P RoysterBrazil2026-09-10Rangoni Of Florence NEW69Elwin Sharvill
1040Maria C FerenczJapan2026-09-13Morlong Associates QUALIFIED68Amy Elsner
1041Cody O RutaRussia2026-09-18Benton, John B Jr QUALIFIED22Asiya Javayant
1042Rodrigues D OldroydArgentina2026-09-01Benton, John B Jr NEGOTIATION52Ioni Bowcher
1043Ricardo L MorascaRussia2026-09-09Printing Dimensions RENEWAL37Elwin Sharvill
1044Jeanfrancois X DarakjyUnited Kingdom2026-09-05Dorl, James J Esq NEGOTIATION94Bernardo Dominic
1045Morrow F TollnerAustralia2026-09-14Buckley Miller Wright PROPOSAL59Elwin Sharvill
1046Ashley K WhobreyJapan2026-09-07Morlong Associates RENEWAL28Anna Fali
1047Sinclair C FerenczFrance2026-09-12Morlong Associates NEW34Ioni Bowcher
1048Salvatore A FigeroaBrazil2026-08-31Rangoni Of Florence UNQUALIFIED52Ivan Magalhaes
1049Mayumi X WieserGermany2026-09-23Dorl, James J Esq PROPOSAL84Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Aditya H StockhamUnited KingdomIvan Magalhaes QUALIFIED
Alejandro N GlickJapanOnyama Limba PROPOSAL
Antonio E BriddickItalyOnyama Limba NEW
Greenwood L MaletBrazilXuxue Feng PROPOSAL
Wickens G VocelkaCanadaIoni Bowcher QUALIFIED
Stacey N FerenczGermanyStephen Shaw QUALIFIED
Aditya W PerinJapanAsiya Javayant PROPOSAL
Leja Z WieserUnited KingdomElwin Sharvill NEGOTIATION
Aika S PoquetteItalyAsiya Javayant NEGOTIATION
Julie V TollnerArgentinaXuxue Feng UNQUALIFIED
Adams Q TollnerSpainElwin Sharvill NEGOTIATION
Darci Y FollerCanadaOnyama Limba RENEWAL
Antonio M CampainCanadaIoni Bowcher NEW
Emily T SlusarskiCanadaAmy Elsner UNQUALIFIED
Julie V SaylorsFranceStephen Shaw RENEWAL
Maisha H AlbaresRussiaElwin Sharvill QUALIFIED
Misaki Y FigeroaSpainAmy Elsner RENEWAL
Izzy J OstroskyUnited KingdomElwin Sharvill PROPOSAL
Jennifer Y MaletItalyBernardo Dominic UNQUALIFIED
Salvatore G CaldareraGermanyAnna Fali NEGOTIATION
Chavez X ShinkoJapanAnna Fali NEW
Leja C StockhamBrazilIoni Bowcher NEGOTIATION
Maisha T InouyeUnited KingdomAmy Elsner PROPOSAL
Ashley P ButtCanadaIoni Bowcher UNQUALIFIED
Aika N PoquetteSpainElwin Sharvill NEW
Stacey T WhobreyArgentinaOnyama Limba PROPOSAL
Claire H ButtIndiaBernardo Dominic NEW
Silvio J PerinFranceBernardo Dominic NEW
Deepesh Q KuskoArgentinaAsiya Javayant RENEWAL
Claire H NestleFranceXuxue Feng UNQUALIFIED
Sinclair A StensethAustraliaIvan Magalhaes PROPOSAL
Aika F SlusarskiIndiaAsiya Javayant PROPOSAL
Leja L AlbaresAustraliaXuxue Feng NEW
Mayumi R FerenczJapanElwin Sharvill NEGOTIATION
Misaki E DoeAustraliaXuxue Feng NEW
Misaki X SaylorsRussiaAmy Elsner NEW
Kadeem N MorascaArgentinaElwin Sharvill PROPOSAL
Munro O MaletSpainAnna Fali NEW
Octavia N WieserRussiaAsiya Javayant UNQUALIFIED
Cody L ShinkoFranceBernardo Dominic UNQUALIFIED
Darci K ShinkoUnited KingdomIoni Bowcher UNQUALIFIED
Adams I FlosiItalyXuxue Feng NEW
Alejandro A OldroydItalyAmy Elsner UNQUALIFIED
Claire K NestleCanadaOnyama Limba RENEWAL
Murillo M FollerBrazilIoni Bowcher NEGOTIATION
Jeanfrancois I NestleGermanyAsiya Javayant RENEWAL
Tony L RulapaughRussiaXuxue Feng NEGOTIATION
Nicolas R GarufiCanadaAmy Elsner NEGOTIATION
Alejandro F RulapaughItalyIoni Bowcher QUALIFIED
Rodrigues A OstroskyRussiaOnyama Limba PROPOSAL
Frozen Columns
Name
Aditya E Morasca
Deepesh M Poquette
Deepesh Q Paprocki
Costa G Nicka
Jennifer K Perin
Alejandro A Bolognia
Leja E Figeroa
Maria A Foller
Aditya I Slusarski
Maria C Rulapaugh
Salvatore S Figeroa
Clifford M Rulapaugh
Morrow P Flosi
Smith U Wieser
Rodrigues C Slusarski
Murillo E Morasca
Morrow S Bowley
Maisha S Briddick
Mayumi M Caldarera
Izzy E Foller
Aditya D Whobrey
Isabel D Chui
Johnson U Bolognia
Murillo I Stenseth
Antonio P Gaucho
Kaitlin R Ruta
Juan T Inouye
Izzy Q Ferencz
Salvatore T Gaucho
Tony K Doe
Cody P Vocelka
Claire Z Inouye
Sinclair W Oldroyd
Greenwood S Iturbide
Kadeem A Maclead
Antonio V Caldarera
Alejandro J Caldarera
Kadeem I Malet
Leon E Kusko
Chavez U Ostrosky
Kaitlin L Bowley
Arvin R Briddick
Deepesh L Butt
Mujtaba O Briddick
Jefferson X Poquette
Leja T Nicka
Adams T Bolognia
Murillo V Chui
Jennifer A Maclead
Antonio S Caudy
IdCountryDate
1000Italy2026-09-19
1001Australia2026-09-13
1002Argentina2026-09-19
1003Italy2026-09-04
1004Italy2026-09-08
1005Italy2026-09-04
1006Spain2026-09-14
1007United Kingdom2026-08-28
1008Australia2026-09-10
1009Argentina2026-09-19
1010Spain2026-09-20
1011Australia2026-09-24
1012Australia2026-09-08
1013India2026-09-09
1014United Kingdom2026-09-15
1015Japan2026-09-24
1016Russia2026-09-15
1017Germany2026-09-19
1018France2026-09-09
1019France2026-08-26
1020France2026-09-21
1021Italy2026-09-09
1022Canada2026-09-24
1023India2026-09-09
1024Japan2026-08-29
1025France2026-09-22
1026Germany2026-08-29
1027Russia2026-09-23
1028Australia2026-08-26
1029Australia2026-09-19
1030Argentina2026-09-08
1031Argentina2026-09-17
1032United Kingdom2026-09-24
1033Canada2026-09-14
1034India2026-09-16
1035Australia2026-09-20
1036Argentina2026-08-30
1037Brazil2026-09-13
1038Spain2026-09-05
1039United Kingdom2026-08-26
1040Canada2026-09-19
1041Spain2026-08-27
1042Canada2026-08-31
1043Spain2026-08-30
1044Argentina2026-09-11
1045Spain2026-09-23
1046Argentina2026-09-09
1047Germany2026-08-27
1048Italy2026-09-16
1049Italy2026-08-27

On-Demand Data

NameIdCountryDate
Rodrigues Q Paprocki1000Germany2026-09-20
Octavia K Inouye1001Canada2026-09-11
Salvatore C Briddick1002France2026-09-21
Ricardo H Caudy1003Australia2026-09-23
Munro V Oldroyd1004Italy2026-09-07
Alejandro L Figeroa1005Brazil2026-09-05
Morrow A Iturbide1006India2026-09-10
Emily H Doe1007Argentina2026-08-31
Leja B Marrier1008Germany2026-09-09
Ivar B Schemmer1009Russia2026-09-08
Claire B Chui1010India2026-09-07
Deepesh H Nestle1011Germany2026-09-09
Costa L Rulapaugh1012Russia2026-09-18
Ivar Q Morasca1013Canada2026-09-10
Salvatore I Briddick1014Australia2026-09-14
Chavez E Figeroa1015Japan2026-09-02
Nicolas L Ostrosky1016Russia2026-09-03
Silvio F Flosi1017Argentina2026-09-03
Faith P Saylors1018Italy2026-09-13
Murillo H Glick1019India2026-09-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Clifford F WhobreyUnited KingdomElwin Sharvill NEGOTIATION
Francesco L IturbideBrazilStephen Shaw NEGOTIATION
Ashley J FollerIndiaOnyama Limba PROPOSAL
Jefferson J CaldareraIndiaStephen Shaw NEW
James B PaprockiFranceAnna Fali RENEWAL
Ivar X RulapaughSpainAmy Elsner NEGOTIATION
Aditya Y CaudyItalyElwin Sharvill NEW
Julie L NickaRussiaAsiya Javayant UNQUALIFIED
Aditya W GillianGermanyIoni Bowcher PROPOSAL
Mayumi V NickaAustraliaBernardo Dominic PROPOSAL
Nicolas N SlusarskiFranceAmy Elsner NEGOTIATION
Isabel R SaylorsUnited KingdomElwin Sharvill RENEWAL
Mayumi H SaylorsItalyAnna Fali UNQUALIFIED
Octavia D WieserJapanStephen Shaw UNQUALIFIED
Morrow Z WieserArgentinaAsiya Javayant RENEWAL
Silvio X PerinUnited KingdomAnna Fali UNQUALIFIED
Deepesh Q BowleyBrazilElwin Sharvill QUALIFIED
Chavez F CampainSpainIvan Magalhaes QUALIFIED
Alejandro A RoysterCanadaAmy Elsner UNQUALIFIED
Leon G TollnerBrazilIvan Magalhaes NEGOTIATION
Kaitlin A SergiGermanyXuxue Feng QUALIFIED
Mayumi P BriddickArgentinaIvan Magalhaes PROPOSAL
Maria K RimFranceStephen Shaw QUALIFIED
Stacey A KuskoGermanyBernardo Dominic NEGOTIATION
David N FlosiIndiaOnyama Limba NEGOTIATION
Ricardo Z BologniaBrazilXuxue Feng PROPOSAL
Octavia M RulapaughIndiaAnna Fali NEW
Wickens I SergiJapanIoni Bowcher PROPOSAL
Leon B SchemmerSpainIvan Magalhaes NEGOTIATION
Costa Y VenereIndiaXuxue Feng RENEWAL
Aditya O MaletCanadaAnna Fali QUALIFIED
Murillo S ChuiCanadaAsiya Javayant QUALIFIED
Sinclair N RoysterRussiaStephen Shaw NEW
Misaki Y SaylorsRussiaStephen Shaw RENEWAL
Wickens U GillianCanadaIoni Bowcher UNQUALIFIED
Jeanfrancois W MaletAustraliaIvan Magalhaes NEGOTIATION
Darci I AlbaresArgentinaAnna Fali NEW
Jefferson I CaldareraAustraliaIvan Magalhaes RENEWAL
Adams M VenereGermanyAnna Fali RENEWAL
Johnson Q DilliardBrazilAmy Elsner 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>