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
Juan Q BowleyFranceElwin Sharvill RENEWAL
Morrow K DarakjyRussiaElwin Sharvill PROPOSAL
Claire W KolmetzAustraliaOnyama Limba PROPOSAL
Morrow U PerinFranceAsiya Javayant PROPOSAL
Jeanfrancois E GauchoJapanOnyama Limba NEGOTIATION
Rodrigues D FollerCanadaXuxue Feng NEW
Francesco B RimBrazilIoni Bowcher PROPOSAL
James L ButtBrazilOnyama Limba QUALIFIED
Jones L RutaAustraliaStephen Shaw PROPOSAL
Arvin P RimRussiaElwin Sharvill NEW
Johnson T GarufiJapanIoni Bowcher PROPOSAL
Jeanfrancois P BowleyAustraliaOnyama Limba RENEWAL
Jeanfrancois N OstroskyRussiaXuxue Feng NEW
Leja N DilliardIndiaBernardo Dominic PROPOSAL
Cody O SlusarskiItalyBernardo Dominic NEGOTIATION
Francesco E RimIndiaStephen Shaw RENEWAL
Wickens C MaletGermanyIvan Magalhaes NEGOTIATION
Jennifer E RoysterRussiaBernardo Dominic NEW
Ashley E WaycottFranceOnyama Limba NEW
Smith R FollerFranceAsiya Javayant PROPOSAL
Jones P GillianSpainIoni Bowcher QUALIFIED
Cody U SaylorsUnited KingdomIvan Magalhaes PROPOSAL
Costa L WaycottBrazilStephen Shaw PROPOSAL
Salvatore T WieserGermanyAmy Elsner UNQUALIFIED
Kadeem F TollnerBrazilOnyama Limba NEGOTIATION
Antonio E GillianCanadaStephen Shaw QUALIFIED
Jennifer Z GlickBrazilElwin Sharvill QUALIFIED
Emily R KolmetzAustraliaElwin Sharvill UNQUALIFIED
Francesco D PoquetteBrazilAsiya Javayant NEW
Silvio W MarrierItalyElwin Sharvill PROPOSAL
Ashley L AlbaresAustraliaAnna Fali NEGOTIATION
Greenwood T MorascaBrazilAmy Elsner QUALIFIED
Mujtaba G AlbaresGermanyIoni Bowcher NEGOTIATION
Salvatore I GillianItalyElwin Sharvill PROPOSAL
Clifford C MorascaGermanyStephen Shaw RENEWAL
Juan E MaletUnited KingdomElwin Sharvill PROPOSAL
Tony U NickaItalyOnyama Limba PROPOSAL
Sinclair T PaprockiCanadaOnyama Limba RENEWAL
Smith C RutaFranceAnna Fali PROPOSAL
Maria H WaycottBrazilBernardo Dominic NEW
Ricardo Q PaprockiGermanyAnna Fali UNQUALIFIED
Costa L FollerGermanyAsiya Javayant RENEWAL
Octavia I SaylorsBrazilIvan Magalhaes QUALIFIED
Nicolas T AmigonJapanAsiya Javayant UNQUALIFIED
Alejandro X MaletAustraliaIoni Bowcher RENEWAL
Misaki E GlickRussiaAsiya Javayant QUALIFIED
Morrow D FerenczFranceBernardo Dominic NEGOTIATION
Emily I NestleCanadaAmy Elsner NEGOTIATION
Costa C SchemmerItalyStephen Shaw NEGOTIATION
Morrow X MorascaSpainBernardo Dominic UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Julie M SergiAustraliaOnyama Limba PROPOSAL
Maria H StockhamBrazilIoni Bowcher QUALIFIED
Claire Q ChuiBrazilStephen Shaw NEGOTIATION
Alejandro F PaprockiUnited KingdomAsiya Javayant QUALIFIED
Mayumi L ShinkoIndiaAsiya Javayant NEGOTIATION
Mayumi H MarrierArgentinaIoni Bowcher RENEWAL
Morrow Y VenereRussiaAmy Elsner PROPOSAL
Sinclair G WieserSpainElwin Sharvill QUALIFIED
Adams A FerenczBrazilAnna Fali UNQUALIFIED
Silvio R PaprockiUnited KingdomXuxue Feng PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Misaki U GauchoJapan2026-10-11Buckley Miller Wright UNQUALIFIED32Ioni Bowcher
1001Mayumi R NickaGermany2026-09-24Chapman, Ross E Esq QUALIFIED78Anna Fali
1002Antonio U CaldareraItaly2026-09-29Chanay, Jeffrey A Esq UNQUALIFIED80Onyama Limba
1003Leon S AmigonItaly2026-10-14Rousseaux, Michael Esq NEW6Ivan Magalhaes
1004Ivar L FlosiIndia2026-09-28Feiner Bros PROPOSAL62Amy Elsner
1005Johnson K WaycottGermany2026-10-03Commercial Press NEGOTIATION47Xuxue Feng
1006Murillo B RoysterCanada2026-09-23Chapman, Ross E Esq NEW28Elwin Sharvill
1007Darci G WaycottIndia2026-09-23Chanay, Jeffrey A Esq QUALIFIED94Asiya Javayant
1008James P OstroskyGermany2026-09-29Benton, John B Jr QUALIFIED57Anna Fali
1009Munro I GauchoItaly2026-09-17Printing Dimensions PROPOSAL9Bernardo Dominic
1010Juan P MacleadArgentina2026-10-11Feltz Printing Service UNQUALIFIED21Bernardo Dominic
1011Antonio N ShinkoJapan2026-09-25Feiner Bros UNQUALIFIED58Bernardo Dominic
1012Maria O CampainIndia2026-10-09Benton, John B Jr PROPOSAL80Amy Elsner
1013Jeanfrancois G AlbaresFrance2026-10-07Feltz Printing Service NEW8Amy Elsner
1014Leja L SaylorsSpain2026-09-25Feltz Printing Service UNQUALIFIED55Anna Fali
1015Deepesh J KuskoRussia2026-09-22Commercial Press NEW51Bernardo Dominic
1016Alejandro U PaprockiGermany2026-10-09King, Christopher A Esq QUALIFIED31Amy Elsner
1017Alejandro T FigeroaGermany2026-10-11Commercial Press NEW57Onyama Limba
1018Ricardo Z InouyeUnited Kingdom2026-09-19Chanay, Jeffrey A Esq NEW96Anna Fali
1019Smith G RutaGermany2026-10-10Feltz Printing Service QUALIFIED10Stephen Shaw
1020Isabel C ButtUnited Kingdom2026-09-30Printing Dimensions RENEWAL27Xuxue Feng
1021Jennifer E CaudyBrazil2026-10-09Truhlar And Truhlar Attys RENEWAL89Anna Fali
1022Darci G FigeroaCanada2026-10-08Commercial Press UNQUALIFIED39Elwin Sharvill
1023Aruna X KolmetzRussia2026-09-18Morlong Associates UNQUALIFIED27Ivan Magalhaes
1024Jeanfrancois G SaylorsCanada2026-10-05Printing Dimensions NEGOTIATION90Elwin Sharvill
1025David D RoysterArgentina2026-09-25Rangoni Of Florence PROPOSAL3Stephen Shaw
1026Salvatore I TollnerAustralia2026-09-23Truhlar And Truhlar Attys NEGOTIATION30Anna Fali
1027Aruna F RutaAustralia2026-10-12Feltz Printing Service RENEWAL93Amy Elsner
1028Darci B MarrierRussia2026-09-29Chanay, Jeffrey A Esq QUALIFIED68Anna Fali
1029Salvatore O BologniaGermany2026-10-01Feltz Printing Service PROPOSAL10Xuxue Feng
1030James T CampainItaly2026-09-16Chemel, James L Cpa NEGOTIATION9Xuxue Feng
1031Kadeem Q PaprockiGermany2026-10-06Printing Dimensions PROPOSAL54Elwin Sharvill
1032David I StensethIndia2026-10-08Benton, John B Jr UNQUALIFIED93Ivan Magalhaes
1033James I GarufiAustralia2026-09-19Chanay, Jeffrey A Esq RENEWAL92Elwin Sharvill
1034Greenwood Q FollerJapan2026-09-29Chapman, Ross E Esq QUALIFIED83Stephen Shaw
1035Ricardo M StensethJapan2026-09-28Feltz Printing Service UNQUALIFIED93Amy Elsner
1036Ivar Z NickaRussia2026-09-24Rousseaux, Michael Esq NEGOTIATION31Amy Elsner
1037Octavia M IturbideJapan2026-09-30Printing Dimensions UNQUALIFIED48Amy Elsner
1038Maisha I WhobreyGermany2026-10-12King, Christopher A Esq UNQUALIFIED14Xuxue Feng
1039Isabel X ChuiAustralia2026-10-01Feiner Bros QUALIFIED84Amy Elsner
1040Leon F RimBrazil2026-09-17Truhlar And Truhlar Attys NEGOTIATION19Xuxue Feng
1041Izzy X CampainUnited Kingdom2026-10-07Dorl, James J Esq RENEWAL74Ioni Bowcher
1042Octavia H GlickGermany2026-09-19Dorl, James J Esq RENEWAL94Ivan Magalhaes
1043Jones V CampainRussia2026-10-11Morlong Associates RENEWAL31Stephen Shaw
1044Francesco A BriddickIndia2026-09-23Chanay, Jeffrey A Esq NEW15Onyama Limba
1045Izzy U ButtJapan2026-10-01Feltz Printing Service QUALIFIED23Ioni Bowcher
1046Leja Q RulapaughSpain2026-09-28Truhlar And Truhlar Attys NEGOTIATION42Elwin Sharvill
1047Aditya Y ShinkoItaly2026-09-25King, Christopher A Esq NEGOTIATION58Ioni Bowcher
1048Jones M StockhamAustralia2026-10-08Morlong Associates UNQUALIFIED40Stephen Shaw
1049Sinclair P FerenczIndia2026-10-10Truhlar And Truhlar Attys PROPOSAL75Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Jones V GauchoBrazilOnyama Limba UNQUALIFIED
Stacey U IturbideFranceAsiya Javayant NEGOTIATION
Arvin D AlbaresGermanyElwin Sharvill NEGOTIATION
Maria K OldroydUnited KingdomElwin Sharvill PROPOSAL
James Q IturbideSpainOnyama Limba PROPOSAL
Alejandro Y DoeIndiaAsiya Javayant RENEWAL
Claire I PerinUnited KingdomAsiya Javayant RENEWAL
Antonio Q WaycottAustraliaOnyama Limba PROPOSAL
Mayumi H PaprockiBrazilXuxue Feng PROPOSAL
Greenwood I OstroskyJapanElwin Sharvill RENEWAL
Izzy E DoeBrazilAsiya Javayant QUALIFIED
Munro A CaldareraFranceAnna Fali NEGOTIATION
Nicolas M BologniaGermanyBernardo Dominic QUALIFIED
Munro Y BowleyUnited KingdomAsiya Javayant NEW
Julie G RulapaughUnited KingdomAmy Elsner NEW
Misaki C VenereCanadaAnna Fali QUALIFIED
Sinclair R BowleyIndiaElwin Sharvill UNQUALIFIED
Johnson S KolmetzSpainOnyama Limba NEW
Ricardo Z DilliardFranceBernardo Dominic NEW
Johnson U RoysterRussiaAsiya Javayant PROPOSAL
Murillo C MorascaUnited KingdomXuxue Feng NEW
Misaki B MaletCanadaOnyama Limba QUALIFIED
Rodrigues W MaletFranceStephen Shaw NEW
Aditya W DoeAustraliaIvan Magalhaes NEGOTIATION
Aruna D ButtFranceBernardo Dominic PROPOSAL
Deepesh X FollerUnited KingdomIvan Magalhaes QUALIFIED
Wickens U KolmetzBrazilAsiya Javayant NEGOTIATION
Juan M ChuiArgentinaIoni Bowcher UNQUALIFIED
Juan T SergiGermanyAmy Elsner QUALIFIED
Kadeem S OstroskyIndiaOnyama Limba NEGOTIATION
Ashley R MacleadFranceAnna Fali NEW
Julie P GarufiAustraliaAmy Elsner RENEWAL
Nicolas D MaletGermanyAnna Fali UNQUALIFIED
Salvatore N NestleAustraliaXuxue Feng NEGOTIATION
Adams Y GarufiSpainXuxue Feng UNQUALIFIED
Greenwood U NestleCanadaAsiya Javayant QUALIFIED
Greenwood D IturbideRussiaBernardo Dominic NEW
Mujtaba G SaylorsSpainBernardo Dominic NEW
Silvio L CaudyGermanyOnyama Limba RENEWAL
Jefferson O AmigonSpainElwin Sharvill UNQUALIFIED
Maisha E RulapaughIndiaBernardo Dominic NEGOTIATION
Isabel C VenereFranceAmy Elsner NEW
Salvatore D BowleyUnited KingdomStephen Shaw RENEWAL
Kadeem U MorascaArgentinaXuxue Feng QUALIFIED
Wickens C MaletArgentinaBernardo Dominic NEGOTIATION
Tony H ShinkoRussiaOnyama Limba NEGOTIATION
Tony A OldroydIndiaAnna Fali NEGOTIATION
Murillo T DoeCanadaBernardo Dominic RENEWAL
Deepesh Y FollerItalyIvan Magalhaes NEW
Jennifer A OldroydGermanyElwin Sharvill NEGOTIATION
Frozen Columns
Name
Faith G Darakjy
Misaki W Poquette
Sinclair V Malet
Chavez T Maclead
Aika Y Chui
Cody Y Vocelka
Julie W Poquette
Silvio E Perin
Emily N Tollner
Arvin P Amigon
Jeanfrancois O Butt
Adams I Foller
Ashley U Chui
Nicolas W Schemmer
Tony B Perin
Tony S Dilliard
Chavez X Stenseth
Leon U Garufi
Mujtaba U Sergi
Kaitlin M Caldarera
Murillo I Caldarera
Mayumi Z Garufi
Leon S Saylors
Jones V Morasca
Mujtaba F Ruta
Cody K Campain
Claire P Ferencz
Salvatore U Darakjy
Darci C Nicka
Rodrigues J Campain
Maria L Ferencz
Leon B Maclead
Morrow L Poquette
Wickens M Marrier
Juan G Maclead
Ashley N Stockham
Johnson G Saylors
Emily G Stockham
Octavia W Ostrosky
Costa R Rulapaugh
Kaitlin J Bolognia
Darci X Rulapaugh
Isabel O Nicka
Maria A Oldroyd
Izzy I Nicka
Smith N Chui
Jefferson T Bowley
Octavia K Paprocki
Octavia N Bolognia
Juan F Wieser
IdCountryDate
1000Germany2026-09-24
1001Japan2026-10-08
1002Argentina2026-10-05
1003Russia2026-09-18
1004Japan2026-10-12
1005Russia2026-10-05
1006United Kingdom2026-09-26
1007Canada2026-09-29
1008Argentina2026-10-13
1009Argentina2026-09-17
1010Australia2026-09-18
1011Australia2026-09-19
1012Australia2026-10-13
1013United Kingdom2026-09-22
1014United Kingdom2026-10-05
1015Argentina2026-10-09
1016Italy2026-09-16
1017Argentina2026-09-30
1018Spain2026-09-29
1019Brazil2026-09-20
1020Spain2026-09-16
1021India2026-10-04
1022Russia2026-10-01
1023India2026-10-11
1024Australia2026-10-14
1025Argentina2026-09-24
1026Spain2026-10-07
1027Japan2026-09-22
1028Italy2026-09-28
1029Australia2026-10-10
1030Australia2026-10-08
1031Japan2026-09-25
1032India2026-10-03
1033Brazil2026-09-30
1034Spain2026-10-01
1035Russia2026-10-09
1036Argentina2026-10-14
1037United Kingdom2026-09-26
1038Spain2026-09-28
1039Italy2026-10-04
1040Spain2026-10-01
1041Australia2026-10-06
1042United Kingdom2026-10-04
1043Australia2026-10-13
1044India2026-10-09
1045United Kingdom2026-10-10
1046Australia2026-10-05
1047Japan2026-09-24
1048Brazil2026-10-07
1049Brazil2026-10-06

On-Demand Data

NameIdCountryDate
Kadeem Y Wieser1000Australia2026-10-11
Nicolas N Glick1001United Kingdom2026-10-09
Silvio O Venere1002Brazil2026-10-09
Jeanfrancois U Darakjy1003Brazil2026-10-11
Chavez I Perin1004Spain2026-10-02
Munro R Malet1005Russia2026-10-14
Juan U Rulapaugh1006Canada2026-10-03
Ashley J Vocelka1007Spain2026-09-29
James Z Oldroyd1008Russia2026-10-10
Mujtaba N Malet1009United Kingdom2026-09-23
Izzy T Nestle1010United Kingdom2026-09-19
Jones T Malet1011Australia2026-10-10
Jeanfrancois M Darakjy1012Canada2026-10-13
Chavez M Campain1013Spain2026-10-03
Claire N Schemmer1014United Kingdom2026-09-29
Jeanfrancois A Royster1015Italy2026-09-17
Salvatore O Paprocki1016Germany2026-09-17
Chavez U Schemmer1017United Kingdom2026-09-30
David N Paprocki1018Russia2026-09-26
Mayumi N Bowley1019India2026-10-12
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Ashley N FigeroaIndiaStephen Shaw NEW
Isabel X RoysterJapanAnna Fali NEGOTIATION
Rodrigues H RutaFranceIoni Bowcher NEGOTIATION
Isabel E DarakjySpainAsiya Javayant PROPOSAL
Ivar G MaletItalyAnna Fali PROPOSAL
Tony K ButtFranceStephen Shaw PROPOSAL
Silvio N ButtBrazilStephen Shaw RENEWAL
David V GlickRussiaAsiya Javayant PROPOSAL
Francesco S FlosiItalyIvan Magalhaes NEW
Ivar Y DilliardIndiaBernardo Dominic NEW
Misaki V InouyeJapanElwin Sharvill QUALIFIED
Cody H SergiCanadaElwin Sharvill NEGOTIATION
Munro X RulapaughAustraliaBernardo Dominic NEW
Stacey F InouyeFranceAmy Elsner QUALIFIED
Stacey Z DoeFranceAnna Fali NEW
Mayumi F MaletGermanyElwin Sharvill UNQUALIFIED
Arvin I WieserItalyAsiya Javayant RENEWAL
Sinclair Y NestleIndiaIoni Bowcher PROPOSAL
Deepesh F PerinSpainBernardo Dominic PROPOSAL
Arvin V TollnerSpainXuxue Feng NEGOTIATION
Wickens I MaletArgentinaStephen Shaw PROPOSAL
Jeanfrancois O StensethIndiaElwin Sharvill NEW
Darci D DilliardArgentinaIvan Magalhaes RENEWAL
Stacey Q IturbideJapanOnyama Limba QUALIFIED
Smith O CaudyRussiaIvan Magalhaes PROPOSAL
Aruna S FollerSpainXuxue Feng UNQUALIFIED
Greenwood D IturbideCanadaAsiya Javayant PROPOSAL
Leon H FollerUnited KingdomAnna Fali NEGOTIATION
Costa T InouyeArgentinaOnyama Limba NEGOTIATION
Kaitlin D MaletFranceAnna Fali NEW
Silvio G VenereSpainAnna Fali NEW
Wickens V IturbideItalyElwin Sharvill RENEWAL
Emily V KuskoAustraliaAnna Fali NEW
David H VenereCanadaStephen Shaw QUALIFIED
Wickens L BowleySpainAnna Fali PROPOSAL
Aditya U RimUnited KingdomElwin Sharvill NEW
Johnson A DoeFranceOnyama Limba RENEWAL
Emily L NickaJapanIvan Magalhaes NEGOTIATION
Mayumi E BowleyAustraliaOnyama Limba UNQUALIFIED
Leon W GillianAustraliaBernardo Dominic NEGOTIATION

<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>