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
Tony T AlbaresFranceIoni Bowcher PROPOSAL
Claire Y AmigonIndiaBernardo Dominic UNQUALIFIED
Ivar Q OldroydRussiaIoni Bowcher QUALIFIED
Mujtaba H VenereItalyAsiya Javayant QUALIFIED
Salvatore E DilliardItalyStephen Shaw PROPOSAL
Adams U GarufiBrazilOnyama Limba RENEWAL
James K GarufiSpainAsiya Javayant PROPOSAL
Sinclair Q WaycottIndiaAnna Fali QUALIFIED
Julie T MaletIndiaIoni Bowcher PROPOSAL
Cody Q InouyeJapanXuxue Feng NEGOTIATION
Sinclair B StockhamItalyXuxue Feng UNQUALIFIED
Leon A TollnerIndiaAnna Fali RENEWAL
Kaitlin E ChuiSpainOnyama Limba NEGOTIATION
Misaki M VocelkaJapanElwin Sharvill UNQUALIFIED
Wickens P GarufiUnited KingdomXuxue Feng NEGOTIATION
Ivar Y DarakjyItalyIoni Bowcher QUALIFIED
David T BriddickBrazilAnna Fali UNQUALIFIED
David C CaldareraArgentinaIvan Magalhaes RENEWAL
Sinclair G ButtRussiaAsiya Javayant NEW
Leon E NickaItalyStephen Shaw NEGOTIATION
Mayumi Q StensethAustraliaAsiya Javayant NEGOTIATION
Aika L ChuiRussiaAsiya Javayant QUALIFIED
Adams B KolmetzJapanIvan Magalhaes UNQUALIFIED
Mayumi G DilliardGermanyBernardo Dominic NEGOTIATION
Wickens C MaletJapanAsiya Javayant NEGOTIATION
Mujtaba J StockhamUnited KingdomAnna Fali UNQUALIFIED
Wickens I RimSpainAsiya Javayant NEW
Maisha R InouyeJapanIvan Magalhaes PROPOSAL
Munro I SergiCanadaAnna Fali NEW
Rodrigues D CaudyArgentinaAmy Elsner PROPOSAL
Ashley Q WhobreyAustraliaIvan Magalhaes NEW
David B CaldareraRussiaElwin Sharvill PROPOSAL
Munro L GlickUnited KingdomAmy Elsner PROPOSAL
Deepesh P NickaFranceBernardo Dominic QUALIFIED
Jefferson V OstroskyRussiaAnna Fali NEGOTIATION
Jones M ShinkoIndiaIvan Magalhaes PROPOSAL
Jefferson S PerinJapanIvan Magalhaes NEW
Juan K GlickGermanyStephen Shaw UNQUALIFIED
Johnson N SergiFranceAsiya Javayant UNQUALIFIED
Chavez X WaycottIndiaAmy Elsner NEW
Mayumi I WieserAustraliaBernardo Dominic NEGOTIATION
Antonio O GarufiIndiaAsiya Javayant UNQUALIFIED
Adams A DarakjyAustraliaIvan Magalhaes PROPOSAL
Munro A CaldareraGermanyIoni Bowcher UNQUALIFIED
Jones E VenereIndiaStephen Shaw UNQUALIFIED
Faith J InouyeJapanBernardo Dominic PROPOSAL
Julie J MacleadCanadaAnna Fali NEW
Alejandro H RoysterFranceAsiya Javayant QUALIFIED
Octavia O PoquetteUnited KingdomBernardo Dominic PROPOSAL
Leja K GarufiBrazilAmy Elsner QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Murillo E VenereItalyAnna Fali QUALIFIED
Munro V ChuiSpainXuxue Feng NEW
Juan W AmigonBrazilIoni Bowcher RENEWAL
Darci R MaletSpainBernardo Dominic NEGOTIATION
Deepesh T MacleadSpainIoni Bowcher NEGOTIATION
David B RulapaughIndiaOnyama Limba UNQUALIFIED
Isabel U StensethSpainAsiya Javayant UNQUALIFIED
Nicolas S AlbaresJapanAnna Fali UNQUALIFIED
Mayumi P TollnerItalyXuxue Feng NEGOTIATION
Darci R ChuiSpainStephen Shaw UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Leon O ShinkoIndia2026-09-05Truhlar And Truhlar Attys RENEWAL0Bernardo Dominic
1001Alejandro B SaylorsUnited Kingdom2026-09-15Rousseaux, Michael Esq RENEWAL67Asiya Javayant
1002Adams Y WaycottUnited Kingdom2026-09-13Rousseaux, Michael Esq PROPOSAL60Asiya Javayant
1003Chavez W CaudyFrance2026-09-03King, Christopher A Esq UNQUALIFIED75Ivan Magalhaes
1004Tony C ButtIndia2026-09-17Benton, John B Jr QUALIFIED89Onyama Limba
1005Sinclair G RulapaughJapan2026-09-22Feiner Bros NEW58Amy Elsner
1006Wickens H OldroydJapan2026-09-03Feltz Printing Service NEGOTIATION78Stephen Shaw
1007Arvin M SlusarskiGermany2026-09-06Rousseaux, Michael Esq NEW72Xuxue Feng
1008Mujtaba B OstroskyJapan2026-09-14Chemel, James L Cpa UNQUALIFIED74Bernardo Dominic
1009Kadeem V BowleyUnited Kingdom2026-09-10Rangoni Of Florence NEW84Amy Elsner
1010David Z RoysterArgentina2026-09-23Rousseaux, Michael Esq QUALIFIED13Asiya Javayant
1011Antonio T NickaBrazil2026-08-29Morlong Associates PROPOSAL29Ioni Bowcher
1012Kaitlin O DilliardIndia2026-09-26Commercial Press PROPOSAL29Bernardo Dominic
1013Darci V DarakjyUnited Kingdom2026-09-03Dorl, James J Esq NEGOTIATION3Amy Elsner
1014Leon F ShinkoUnited Kingdom2026-09-05Commercial Press PROPOSAL76Onyama Limba
1015Darci R OldroydGermany2026-09-13Morlong Associates PROPOSAL60Xuxue Feng
1016Jeanfrancois S RimGermany2026-08-28King, Christopher A Esq NEW28Xuxue Feng
1017Silvio B SchemmerIndia2026-09-05King, Christopher A Esq UNQUALIFIED36Onyama Limba
1018Silvio T KuskoRussia2026-09-12Chemel, James L Cpa PROPOSAL45Xuxue Feng
1019David Y MorascaAustralia2026-09-05Feiner Bros UNQUALIFIED30Xuxue Feng
1020Stacey U KuskoCanada2026-09-17Chemel, James L Cpa RENEWAL6Elwin Sharvill
1021Mujtaba N GauchoItaly2026-09-01King, Christopher A Esq NEW36Asiya Javayant
1022Adams U CaldareraIndia2026-09-19Feltz Printing Service QUALIFIED97Ivan Magalhaes
1023Sinclair J BriddickJapan2026-09-21Morlong Associates RENEWAL86Ioni Bowcher
1024Misaki X SlusarskiItaly2026-09-08Benton, John B Jr NEGOTIATION25Onyama Limba
1025Nicolas O NickaItaly2026-09-24Truhlar And Truhlar Attys PROPOSAL35Anna Fali
1026Chavez D MaletBrazil2026-09-17Truhlar And Truhlar Attys QUALIFIED5Stephen Shaw
1027Greenwood P CaldareraCanada2026-09-01Buckley Miller Wright PROPOSAL43Elwin Sharvill
1028Faith L FlosiGermany2026-09-06Chapman, Ross E Esq UNQUALIFIED14Onyama Limba
1029Misaki C NestleAustralia2026-09-26Dorl, James J Esq RENEWAL74Amy Elsner
1030Mujtaba F FlosiIndia2026-09-11Rousseaux, Michael Esq NEW93Onyama Limba
1031Murillo R RulapaughJapan2026-09-15Feltz Printing Service UNQUALIFIED78Amy Elsner
1032Chavez Q DilliardUnited Kingdom2026-09-02Rousseaux, Michael Esq QUALIFIED58Amy Elsner
1033Francesco I VenereGermany2026-09-17Rousseaux, Michael Esq UNQUALIFIED68Asiya Javayant
1034Nicolas M DoeJapan2026-09-04Morlong Associates NEGOTIATION84Elwin Sharvill
1035Costa W WhobreyJapan2026-09-18Feltz Printing Service RENEWAL77Ivan Magalhaes
1036Faith N ChuiArgentina2026-09-21Printing Dimensions RENEWAL66Amy Elsner
1037Kaitlin O FollerGermany2026-09-24Morlong Associates RENEWAL11Stephen Shaw
1038Octavia N FerenczRussia2026-09-03Rousseaux, Michael Esq RENEWAL27Bernardo Dominic
1039Salvatore G RutaIndia2026-09-13Dorl, James J Esq QUALIFIED68Elwin Sharvill
1040Murillo C MacleadCanada2026-08-30Feltz Printing Service QUALIFIED13Ioni Bowcher
1041Jeanfrancois T WaycottGermany2026-09-24Benton, John B Jr NEW27Elwin Sharvill
1042Misaki I PerinBrazil2026-09-13Feltz Printing Service RENEWAL1Asiya Javayant
1043Clifford D IturbideBrazil2026-09-07Rousseaux, Michael Esq QUALIFIED78Xuxue Feng
1044Mujtaba K BriddickSpain2026-09-13Morlong Associates QUALIFIED42Asiya Javayant
1045Sinclair G MaletJapan2026-09-22Feiner Bros UNQUALIFIED99Xuxue Feng
1046Misaki P SchemmerArgentina2026-08-28Commercial Press PROPOSAL75Xuxue Feng
1047Faith H WaycottFrance2026-09-04Buckley Miller Wright UNQUALIFIED71Anna Fali
1048Wickens B OstroskyIndia2026-09-14Feiner Bros NEGOTIATION50Elwin Sharvill
1049Mayumi K GauchoIndia2026-08-30Commercial Press NEW45Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Cody I FollerGermanyIvan Magalhaes RENEWAL
Ashley K RutaCanadaElwin Sharvill RENEWAL
Salvatore O VocelkaRussiaIoni Bowcher QUALIFIED
Sinclair R FerenczUnited KingdomStephen Shaw PROPOSAL
Ashley W DilliardIndiaIvan Magalhaes QUALIFIED
Leja G DoeUnited KingdomAsiya Javayant UNQUALIFIED
Leja M SaylorsAustraliaIoni Bowcher QUALIFIED
Isabel A GarufiRussiaOnyama Limba PROPOSAL
Maisha O FlosiCanadaIoni Bowcher PROPOSAL
James T SergiAustraliaXuxue Feng QUALIFIED
Wickens R OldroydJapanAnna Fali UNQUALIFIED
David F BowleyItalyElwin Sharvill NEW
Nicolas I SchemmerItalyAmy Elsner NEW
Antonio D WhobreyGermanyXuxue Feng QUALIFIED
Arvin T StockhamArgentinaElwin Sharvill NEW
Wickens Z FerenczFranceAmy Elsner RENEWAL
Costa H MorascaBrazilStephen Shaw PROPOSAL
Darci E VocelkaBrazilXuxue Feng RENEWAL
Isabel D NestleUnited KingdomXuxue Feng PROPOSAL
Rodrigues S IturbideArgentinaAnna Fali PROPOSAL
Cody J WieserFranceAnna Fali UNQUALIFIED
Jennifer R DilliardItalyElwin Sharvill RENEWAL
Jefferson O SchemmerArgentinaAsiya Javayant NEGOTIATION
Alejandro P ButtAustraliaAsiya Javayant NEGOTIATION
Ivar P KuskoCanadaIoni Bowcher RENEWAL
Morrow E DarakjyUnited KingdomAnna Fali NEW
Kadeem E WieserRussiaAmy Elsner QUALIFIED
Salvatore B FlosiCanadaAmy Elsner NEGOTIATION
Silvio S IturbideRussiaIvan Magalhaes UNQUALIFIED
Stacey B CaldareraJapanIvan Magalhaes NEW
Silvio O BologniaArgentinaXuxue Feng NEW
Costa J OldroydArgentinaAmy Elsner NEGOTIATION
Octavia K NestleSpainStephen Shaw RENEWAL
Isabel J ButtGermanyXuxue Feng UNQUALIFIED
Munro A CaldareraSpainOnyama Limba UNQUALIFIED
Salvatore J MacleadUnited KingdomBernardo Dominic NEGOTIATION
Smith V GarufiAustraliaStephen Shaw UNQUALIFIED
Antonio G FerenczJapanOnyama Limba NEGOTIATION
Mujtaba F GlickAustraliaAsiya Javayant UNQUALIFIED
Isabel C MorascaFranceIvan Magalhaes RENEWAL
Francesco U OstroskyCanadaAmy Elsner UNQUALIFIED
Antonio W DoeFranceIvan Magalhaes NEGOTIATION
Mayumi P OldroydRussiaIoni Bowcher NEGOTIATION
Clifford K RoysterFranceAnna Fali NEW
Ivar L WhobreyRussiaIvan Magalhaes UNQUALIFIED
Francesco H RulapaughGermanyXuxue Feng RENEWAL
Ricardo W AmigonCanadaXuxue Feng NEW
Mayumi X WhobreyArgentinaOnyama Limba NEW
Faith L PaprockiJapanStephen Shaw RENEWAL
Misaki K ShinkoIndiaXuxue Feng RENEWAL
Frozen Columns
Name
Munro B Marrier
James S Poquette
Darci T Dilliard
Stacey P Flosi
Jones F Schemmer
Jennifer S Nicka
Isabel O Nicka
Ivar R Dilliard
Arvin B Waycott
Darci A Kusko
Sinclair V Gillian
Kaitlin W Butt
Munro A Venere
James B Briddick
Stacey W Gaucho
Aika X Poquette
Mayumi S Darakjy
Mayumi L Sergi
David R Schemmer
Cody K Perin
Murillo N Waycott
Kadeem Z Garufi
Smith F Kolmetz
Aruna Y Paprocki
Antonio D Wieser
Sinclair C Paprocki
Greenwood V Schemmer
Jennifer V Rim
Octavia A Darakjy
Faith P Garufi
Deepesh J Bolognia
Emily Y Stockham
Darci B Wieser
Chavez I Foller
Adams P Kolmetz
Jeanfrancois Q Kolmetz
Greenwood G Gaucho
Nicolas A Flosi
Isabel U Gillian
Ivar O Malet
Leja M Schemmer
Smith P Sergi
Antonio I Perin
Isabel D Albares
Jefferson E Shinko
Darci G Sergi
Ivar G Gillian
Salvatore T Campain
Morrow A Maclead
Jefferson H Foller
IdCountryDate
1000Canada2026-09-15
1001Italy2026-09-11
1002Spain2026-09-04
1003Australia2026-09-14
1004United Kingdom2026-09-06
1005Brazil2026-09-16
1006India2026-09-20
1007Canada2026-09-20
1008France2026-09-21
1009Australia2026-09-24
1010Spain2026-08-28
1011Australia2026-09-05
1012United Kingdom2026-08-30
1013France2026-09-24
1014Russia2026-09-23
1015India2026-09-01
1016Spain2026-09-09
1017Germany2026-09-06
1018Germany2026-09-13
1019India2026-09-01
1020Australia2026-09-16
1021United Kingdom2026-08-31
1022India2026-09-17
1023Italy2026-09-10
1024Canada2026-08-28
1025Australia2026-09-07
1026India2026-09-05
1027Spain2026-09-08
1028India2026-09-22
1029India2026-09-03
1030India2026-09-01
1031United Kingdom2026-08-28
1032France2026-09-04
1033India2026-09-01
1034Russia2026-09-11
1035France2026-09-14
1036Russia2026-08-29
1037Russia2026-09-17
1038India2026-09-21
1039Spain2026-09-14
1040Australia2026-09-02
1041Brazil2026-09-21
1042Canada2026-09-14
1043Argentina2026-08-29
1044United Kingdom2026-09-16
1045Argentina2026-09-16
1046Spain2026-09-09
1047Brazil2026-09-09
1048Japan2026-08-30
1049Canada2026-09-01

On-Demand Data

NameIdCountryDate
Salvatore L Doe1000Australia2026-09-17
Isabel U Saylors1001Germany2026-09-10
Jefferson W Schemmer1002Japan2026-09-12
Clifford O Chui1003Canada2026-09-19
Antonio G Slusarski1004United Kingdom2026-09-10
Rodrigues Z Chui1005Brazil2026-09-01
Aditya O Waycott1006France2026-09-11
James M Garufi1007United Kingdom2026-09-07
Faith R Oldroyd1008Argentina2026-09-08
Faith U Gaucho1009Russia2026-09-17
Izzy A Campain1010Japan2026-09-09
Greenwood E Gaucho1011Spain2026-09-12
Leon R Figeroa1012Australia2026-09-06
Sinclair A Morasca1013France2026-09-26
Johnson H Maclead1014United Kingdom2026-09-03
Jennifer X Saylors1015Argentina2026-08-31
Murillo M Saylors1016Australia2026-09-10
Aika L Figeroa1017Brazil2026-09-12
Izzy O Morasca1018Spain2026-08-31
Nicolas H Sergi1019France2026-09-26
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maria H StensethSpainAsiya Javayant PROPOSAL
Nicolas S KolmetzFranceIoni Bowcher NEGOTIATION
Misaki C BriddickBrazilXuxue Feng NEW
Stacey Q MaletItalyBernardo Dominic UNQUALIFIED
Aika Q SlusarskiBrazilIoni Bowcher UNQUALIFIED
Jennifer T GauchoAustraliaIvan Magalhaes UNQUALIFIED
Smith Y SchemmerAustraliaElwin Sharvill QUALIFIED
Leon R PaprockiJapanElwin Sharvill UNQUALIFIED
Munro C FerenczAustraliaXuxue Feng QUALIFIED
Arvin W SlusarskiAustraliaXuxue Feng UNQUALIFIED
Rodrigues U StockhamIndiaOnyama Limba NEGOTIATION
Ashley Z PerinRussiaAmy Elsner NEW
Maria P GillianGermanyAsiya Javayant NEW
Aruna X VenereRussiaStephen Shaw NEGOTIATION
Emily I FlosiJapanIoni Bowcher PROPOSAL
Costa H PoquetteArgentinaAmy Elsner NEW
Antonio O FollerArgentinaElwin Sharvill RENEWAL
Maria H CaudyAustraliaXuxue Feng UNQUALIFIED
Darci R IturbideArgentinaElwin Sharvill QUALIFIED
James J WaycottJapanAnna Fali UNQUALIFIED
Julie C CampainIndiaIvan Magalhaes PROPOSAL
Octavia Z CaudyIndiaAnna Fali RENEWAL
Murillo X FerenczBrazilIoni Bowcher RENEWAL
Ivar L WieserItalyAnna Fali QUALIFIED
Alejandro H SchemmerRussiaBernardo Dominic NEGOTIATION
Leja L FollerUnited KingdomAmy Elsner QUALIFIED
Jones U ChuiRussiaAnna Fali QUALIFIED
Aruna Y FigeroaIndiaBernardo Dominic NEGOTIATION
Sinclair D MaletArgentinaIoni Bowcher PROPOSAL
Arvin B StockhamCanadaElwin Sharvill UNQUALIFIED
Mujtaba W VocelkaJapanAsiya Javayant RENEWAL
Chavez R PerinUnited KingdomAsiya Javayant RENEWAL
Claire L SlusarskiItalyAmy Elsner RENEWAL
Jennifer O VenereJapanBernardo Dominic NEW
Mayumi T GarufiIndiaAsiya Javayant UNQUALIFIED
Maisha H OstroskyGermanyAnna Fali NEW
Munro L BologniaItalyAsiya Javayant NEGOTIATION
Cody I StockhamBrazilStephen Shaw RENEWAL
Smith M TollnerGermanyAmy Elsner UNQUALIFIED
Jennifer F BowleyItalyElwin Sharvill 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>