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
Faith T IturbideFranceOnyama Limba RENEWAL
Kadeem R BologniaSpainAsiya Javayant UNQUALIFIED
Costa S StockhamRussiaStephen Shaw NEW
Mujtaba E MaletSpainAmy Elsner NEW
Johnson M InouyeItalyIoni Bowcher RENEWAL
Antonio E NickaGermanyElwin Sharvill UNQUALIFIED
Octavia O ChuiCanadaAnna Fali NEGOTIATION
Ashley P StockhamArgentinaIvan Magalhaes RENEWAL
Izzy L VenereBrazilXuxue Feng NEGOTIATION
Jones X DoeCanadaAmy Elsner NEW
Claire D NestleGermanyOnyama Limba NEGOTIATION
Stacey V TollnerIndiaIvan Magalhaes NEGOTIATION
Isabel D AmigonJapanIoni Bowcher RENEWAL
Maisha O PaprockiCanadaBernardo Dominic RENEWAL
Costa W PerinUnited KingdomStephen Shaw UNQUALIFIED
Murillo E OstroskyBrazilElwin Sharvill QUALIFIED
Juan R ShinkoGermanyAnna Fali NEW
Emily Q FerenczJapanIoni Bowcher NEW
Emily K VenereSpainAsiya Javayant RENEWAL
Octavia B GauchoFranceXuxue Feng RENEWAL
Morrow L MorascaIndiaAnna Fali RENEWAL
Izzy X WaycottJapanXuxue Feng QUALIFIED
Aditya B SlusarskiIndiaXuxue Feng RENEWAL
Johnson R RoysterArgentinaXuxue Feng NEW
Kaitlin V PoquetteAustraliaIvan Magalhaes NEW
Maisha C OstroskyGermanyIoni Bowcher UNQUALIFIED
Tony R NickaIndiaStephen Shaw UNQUALIFIED
Mujtaba T MarrierSpainOnyama Limba PROPOSAL
Silvio L PerinJapanElwin Sharvill QUALIFIED
Jefferson I KolmetzFranceXuxue Feng QUALIFIED
Leja R VocelkaIndiaElwin Sharvill RENEWAL
Ricardo C DarakjyIndiaOnyama Limba QUALIFIED
Francesco Z RimRussiaIoni Bowcher NEW
Misaki G FlosiGermanyBernardo Dominic RENEWAL
Clifford N FollerIndiaOnyama Limba QUALIFIED
David X CaldareraItalyElwin Sharvill QUALIFIED
Jennifer P IturbideIndiaAnna Fali PROPOSAL
Tony K IturbideUnited KingdomBernardo Dominic QUALIFIED
Maria J MaletFranceIvan Magalhaes NEW
Wickens C FollerFranceIvan Magalhaes NEGOTIATION
Izzy Z RoysterUnited KingdomOnyama Limba PROPOSAL
Rodrigues F ButtCanadaAnna Fali NEW
Deepesh N AlbaresUnited KingdomOnyama Limba RENEWAL
Munro D KuskoCanadaOnyama Limba QUALIFIED
Maria J PerinArgentinaAsiya Javayant UNQUALIFIED
Sinclair H CaudyUnited KingdomOnyama Limba NEGOTIATION
Aditya W VenereCanadaOnyama Limba NEW
Kaitlin Z WaycottRussiaAnna Fali PROPOSAL
Morrow K OstroskyBrazilStephen Shaw NEGOTIATION
Darci J RulapaughRussiaElwin Sharvill NEW
Horizontal
NameCountryRepresentativeStatus
Clifford J MarrierBrazilIvan Magalhaes NEW
Stacey B RutaFranceAnna Fali NEW
Ivar O NickaGermanyAnna Fali NEW
Mujtaba Q KolmetzFranceIoni Bowcher NEW
Mujtaba Z SaylorsSpainBernardo Dominic NEGOTIATION
Silvio T PaprockiJapanAmy Elsner PROPOSAL
Faith K FigeroaIndiaBernardo Dominic PROPOSAL
Jefferson D GlickCanadaStephen Shaw PROPOSAL
Aruna O FollerArgentinaElwin Sharvill UNQUALIFIED
Silvio O MorascaBrazilAnna Fali PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Alejandro Z PoquetteItaly2026-09-03King, Christopher A Esq PROPOSAL92Ioni Bowcher
1001Mayumi J AmigonFrance2026-09-13Benton, John B Jr QUALIFIED47Asiya Javayant
1002Smith A PerinUnited Kingdom2026-09-11Chemel, James L Cpa QUALIFIED11Ivan Magalhaes
1003Izzy O CaudyUnited Kingdom2026-09-11Feiner Bros NEGOTIATION88Xuxue Feng
1004Greenwood B GarufiUnited Kingdom2026-08-29Feltz Printing Service UNQUALIFIED20Xuxue Feng
1005Juan L MaletCanada2026-09-18Chemel, James L Cpa NEGOTIATION94Anna Fali
1006Jennifer Y BowleyItaly2026-09-09Truhlar And Truhlar Attys UNQUALIFIED82Onyama Limba
1007Johnson Z AlbaresCanada2026-09-13Chapman, Ross E Esq UNQUALIFIED37Ivan Magalhaes
1008Emily Q IturbideFrance2026-08-26Benton, John B Jr PROPOSAL58Xuxue Feng
1009Faith W SlusarskiUnited Kingdom2026-08-30Morlong Associates RENEWAL58Stephen Shaw
1010Arvin S ShinkoCanada2026-09-10King, Christopher A Esq NEGOTIATION43Onyama Limba
1011Leon F VenereUnited Kingdom2026-09-23Commercial Press NEW11Onyama Limba
1012Antonio M AlbaresCanada2026-09-05Feltz Printing Service UNQUALIFIED96Stephen Shaw
1013Kaitlin Z KuskoUnited Kingdom2026-09-02Feltz Printing Service QUALIFIED5Ivan Magalhaes
1014Alejandro U DoeJapan2026-09-14Morlong Associates NEGOTIATION37Asiya Javayant
1015Leja R DoeAustralia2026-09-13Benton, John B Jr PROPOSAL88Anna Fali
1016Juan B OstroskyGermany2026-09-19Printing Dimensions RENEWAL25Bernardo Dominic
1017James G BowleyFrance2026-09-01Chapman, Ross E Esq RENEWAL61Asiya Javayant
1018Cody V MarrierFrance2026-09-07Chemel, James L Cpa QUALIFIED90Xuxue Feng
1019Nicolas L KuskoJapan2026-09-10Chemel, James L Cpa PROPOSAL24Ivan Magalhaes
1020Aditya U GarufiRussia2026-09-24Feiner Bros NEW38Stephen Shaw
1021Mayumi W NickaBrazil2026-09-13Truhlar And Truhlar Attys NEW77Amy Elsner
1022Kadeem T CaudyItaly2026-09-14Chanay, Jeffrey A Esq RENEWAL54Xuxue Feng
1023Aruna J VenereUnited Kingdom2026-09-17Printing Dimensions NEGOTIATION65Bernardo Dominic
1024Morrow H SaylorsSpain2026-09-09Benton, John B Jr PROPOSAL90Elwin Sharvill
1025David D DoeIndia2026-09-19Printing Dimensions RENEWAL41Anna Fali
1026Maria F RoysterBrazil2026-08-29Chapman, Ross E Esq RENEWAL40Ivan Magalhaes
1027Murillo M BologniaCanada2026-08-26King, Christopher A Esq PROPOSAL76Ioni Bowcher
1028Leon Y AlbaresItaly2026-09-03Truhlar And Truhlar Attys NEGOTIATION5Anna Fali
1029Emily E GauchoAustralia2026-08-29Chemel, James L Cpa PROPOSAL13Onyama Limba
1030Isabel L WieserUnited Kingdom2026-09-17Rousseaux, Michael Esq NEW74Asiya Javayant
1031Alejandro N PerinCanada2026-09-14Benton, John B Jr NEGOTIATION13Stephen Shaw
1032Johnson C AlbaresArgentina2026-09-10Chanay, Jeffrey A Esq NEW68Stephen Shaw
1033Jennifer P WieserItaly2026-09-17Benton, John B Jr NEGOTIATION4Onyama Limba
1034Johnson V SchemmerSpain2026-09-23Dorl, James J Esq NEW6Ioni Bowcher
1035Darci N RimSpain2026-08-31Chanay, Jeffrey A Esq PROPOSAL69Amy Elsner
1036Octavia H CaldareraIndia2026-09-16Benton, John B Jr QUALIFIED17Ivan Magalhaes
1037Octavia M WhobreyRussia2026-09-15Feltz Printing Service PROPOSAL61Amy Elsner
1038Silvio G MaletSpain2026-09-14Chapman, Ross E Esq NEW44Anna Fali
1039Tony R OstroskyBrazil2026-09-15Commercial Press RENEWAL9Stephen Shaw
1040Jennifer S KuskoBrazil2026-09-13Commercial Press QUALIFIED15Stephen Shaw
1041Ricardo S MacleadRussia2026-09-14Buckley Miller Wright RENEWAL14Xuxue Feng
1042Stacey S WaycottBrazil2026-09-05Feltz Printing Service RENEWAL37Bernardo Dominic
1043Deepesh X BowleyJapan2026-09-18Dorl, James J Esq PROPOSAL51Amy Elsner
1044Sinclair D RulapaughArgentina2026-09-09Printing Dimensions PROPOSAL1Bernardo Dominic
1045Jeanfrancois G FigeroaCanada2026-09-13King, Christopher A Esq NEW59Ioni Bowcher
1046Munro B SlusarskiRussia2026-09-24Morlong Associates RENEWAL68Elwin Sharvill
1047Julie W FigeroaSpain2026-09-11King, Christopher A Esq PROPOSAL3Bernardo Dominic
1048Leja D NickaIndia2026-08-26Rousseaux, Michael Esq UNQUALIFIED21Anna Fali
1049Jeanfrancois F DoeArgentina2026-08-30Truhlar And Truhlar Attys NEGOTIATION65Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Julie M PerinBrazilAmy Elsner UNQUALIFIED
Salvatore H PaprockiIndiaAsiya Javayant NEGOTIATION
Adams X CaudyIndiaOnyama Limba RENEWAL
Morrow L WaycottGermanyAnna Fali NEW
Jefferson H NestleFranceOnyama Limba PROPOSAL
Claire M MaletIndiaStephen Shaw NEGOTIATION
Jefferson V DoeSpainAsiya Javayant QUALIFIED
Jennifer L GillianItalyOnyama Limba RENEWAL
Aruna Y KuskoSpainAnna Fali UNQUALIFIED
Clifford N MacleadFranceIoni Bowcher RENEWAL
Emily J SlusarskiGermanyAnna Fali NEGOTIATION
Stacey Q KuskoJapanIoni Bowcher PROPOSAL
Greenwood E OldroydRussiaOnyama Limba NEGOTIATION
James J KuskoAustraliaBernardo Dominic UNQUALIFIED
Leon H BowleyRussiaOnyama Limba NEW
Jennifer V MaletCanadaOnyama Limba NEGOTIATION
Jennifer I ShinkoUnited KingdomAnna Fali NEW
Darci I AlbaresUnited KingdomAnna Fali UNQUALIFIED
Smith R BowleyIndiaAnna Fali NEGOTIATION
Cody Y GarufiBrazilAnna Fali UNQUALIFIED
Kaitlin W BowleySpainOnyama Limba RENEWAL
Maria V RulapaughGermanyAmy Elsner PROPOSAL
Claire Y GauchoItalyXuxue Feng RENEWAL
Ivar K AmigonFranceStephen Shaw NEGOTIATION
Leja X AlbaresIndiaAnna Fali NEW
Mayumi Z DilliardItalyElwin Sharvill RENEWAL
Chavez P GlickSpainOnyama Limba PROPOSAL
Maisha W RutaBrazilIvan Magalhaes NEW
Leon P PaprockiGermanyElwin Sharvill NEW
Juan Z NestleUnited KingdomAmy Elsner NEGOTIATION
Salvatore B MaletCanadaAnna Fali UNQUALIFIED
Chavez X SaylorsFranceAsiya Javayant RENEWAL
Octavia X VocelkaAustraliaStephen Shaw QUALIFIED
Alejandro J PoquetteRussiaIvan Magalhaes PROPOSAL
Cody L PaprockiUnited KingdomBernardo Dominic UNQUALIFIED
Aditya Q ButtFranceBernardo Dominic PROPOSAL
Leja W NestleSpainStephen Shaw PROPOSAL
Silvio N MorascaItalyIoni Bowcher NEGOTIATION
Kadeem S IturbideArgentinaBernardo Dominic QUALIFIED
Faith V StensethUnited KingdomIoni Bowcher NEW
Murillo I AlbaresUnited KingdomIvan Magalhaes UNQUALIFIED
Jeanfrancois J FollerAustraliaAsiya Javayant PROPOSAL
Darci Y NestleSpainAsiya Javayant UNQUALIFIED
Octavia O IturbideIndiaAnna Fali PROPOSAL
Julie W OstroskyCanadaAsiya Javayant NEGOTIATION
Salvatore L GarufiRussiaAnna Fali NEGOTIATION
James U OldroydFranceXuxue Feng QUALIFIED
Tony T CampainUnited KingdomAsiya Javayant RENEWAL
Faith O StockhamUnited KingdomOnyama Limba PROPOSAL
Murillo Y SlusarskiFranceBernardo Dominic RENEWAL
Frozen Columns
Name
Johnson N Campain
Ashley D Butt
Chavez H Tollner
Darci A Slusarski
Jeanfrancois D Perin
Clifford U Nicka
Jennifer J Glick
James L Chui
Greenwood I Garufi
Chavez U Whobrey
Jennifer Q Doe
Deepesh A Gillian
Jones O Rulapaugh
Cody A Malet
Izzy F Nestle
Aruna N Waycott
James T Slusarski
Aditya S Venere
Aika P Caudy
Deepesh F Gillian
Wickens L Doe
Faith E Royster
Julie B Glick
Emily W Nestle
Morrow V Butt
Adams C Chui
Adams X Inouye
Juan S Poquette
Stacey T Garufi
Juan X Maclead
Aditya K Morasca
Morrow N Ruta
Antonio H Garufi
Rodrigues H Gaucho
Cody Z Rim
Juan P Chui
Sinclair J Sergi
David S Nestle
Emily M Paprocki
Rodrigues W Slusarski
Tony A Gaucho
Aika F Sergi
Kaitlin I Gillian
Silvio O Ferencz
Juan Z Paprocki
Claire X Gillian
Alejandro G Doe
Sinclair O Waycott
Jefferson J Dilliard
Jeanfrancois Y Bolognia
IdCountryDate
1000Japan2026-08-29
1001United Kingdom2026-08-26
1002Russia2026-09-11
1003Brazil2026-09-23
1004Australia2026-09-02
1005Japan2026-09-02
1006France2026-09-06
1007Russia2026-08-26
1008Brazil2026-09-02
1009Spain2026-09-16
1010Russia2026-08-29
1011Argentina2026-09-11
1012Australia2026-09-05
1013Brazil2026-09-13
1014Japan2026-09-12
1015Italy2026-09-03
1016India2026-09-16
1017Spain2026-09-21
1018Russia2026-09-19
1019Italy2026-09-16
1020Argentina2026-09-03
1021Spain2026-09-04
1022Canada2026-09-16
1023Italy2026-09-11
1024Italy2026-09-07
1025Germany2026-09-13
1026Canada2026-08-31
1027Spain2026-09-16
1028Argentina2026-09-01
1029Japan2026-09-08
1030Germany2026-09-13
1031Japan2026-09-12
1032Canada2026-09-13
1033Argentina2026-09-10
1034Russia2026-09-21
1035Brazil2026-09-02
1036Spain2026-08-26
1037Canada2026-08-26
1038Germany2026-09-06
1039France2026-09-03
1040United Kingdom2026-08-31
1041India2026-08-26
1042Italy2026-09-13
1043Spain2026-09-15
1044Russia2026-08-31
1045United Kingdom2026-09-22
1046Spain2026-09-04
1047Italy2026-09-03
1048United Kingdom2026-09-12
1049Spain2026-09-07

On-Demand Data

NameIdCountryDate
Smith Q Gillian1000France2026-09-16
Ricardo P Waycott1001Australia2026-09-24
Clifford K Rim1002Australia2026-09-04
Rodrigues B Tollner1003Italy2026-09-07
Stacey P Garufi1004United Kingdom2026-09-09
Greenwood X Inouye1005United Kingdom2026-09-24
Juan H Caldarera1006United Kingdom2026-09-23
Johnson U Rim1007Germany2026-09-06
Leja E Paprocki1008Australia2026-09-11
Mayumi B Perin1009Germany2026-08-30
David T Chui1010Australia2026-09-22
Maria W Kolmetz1011Brazil2026-09-11
Ashley O Doe1012Japan2026-09-03
Morrow D Inouye1013Canada2026-09-03
Jennifer S Tollner1014Spain2026-09-24
Silvio Y Morasca1015United Kingdom2026-09-18
Arvin J Glick1016Spain2026-09-12
Ricardo L Campain1017Russia2026-09-12
Julie J Schemmer1018Australia2026-09-13
Silvio H Foller1019Brazil2026-08-26
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Morrow Y GlickJapanIoni Bowcher UNQUALIFIED
Leon W DilliardRussiaElwin Sharvill UNQUALIFIED
Stacey R TollnerRussiaAsiya Javayant RENEWAL
Adams T SaylorsGermanyOnyama Limba PROPOSAL
Mayumi P AlbaresArgentinaElwin Sharvill PROPOSAL
Kaitlin V KolmetzBrazilIoni Bowcher PROPOSAL
Mujtaba Z KolmetzFranceStephen Shaw QUALIFIED
Arvin D PoquetteGermanyOnyama Limba PROPOSAL
Aika G ChuiAustraliaOnyama Limba PROPOSAL
Alejandro K MacleadArgentinaXuxue Feng QUALIFIED
Ivar F CaudyGermanyXuxue Feng PROPOSAL
Maria N AmigonUnited KingdomAmy Elsner NEW
James T ChuiUnited KingdomAsiya Javayant QUALIFIED
Aruna B VenereBrazilOnyama Limba NEGOTIATION
Julie I KolmetzUnited KingdomXuxue Feng NEGOTIATION
Aika T ShinkoAustraliaBernardo Dominic PROPOSAL
Adams O BriddickCanadaIoni Bowcher QUALIFIED
Chavez F MorascaUnited KingdomStephen Shaw PROPOSAL
Sinclair Z KolmetzBrazilAnna Fali NEGOTIATION
Wickens C GauchoUnited KingdomAsiya Javayant PROPOSAL
Alejandro M OstroskyAustraliaIvan Magalhaes QUALIFIED
Adams R GauchoAustraliaAnna Fali PROPOSAL
Aika J DoeAustraliaStephen Shaw PROPOSAL
Aika H GarufiAustraliaElwin Sharvill PROPOSAL
Murillo Q BowleyIndiaAmy Elsner QUALIFIED
Isabel G FerenczJapanOnyama Limba UNQUALIFIED
Octavia X FlosiArgentinaOnyama Limba RENEWAL
Sinclair A GlickItalyOnyama Limba RENEWAL
Greenwood A CaldareraAustraliaXuxue Feng NEGOTIATION
Francesco X CaldareraUnited KingdomAmy Elsner QUALIFIED
Octavia J KuskoUnited KingdomAmy Elsner PROPOSAL
Ricardo G CaudySpainStephen Shaw NEGOTIATION
Adams T RulapaughIndiaIoni Bowcher NEGOTIATION
Munro I SlusarskiBrazilStephen Shaw NEGOTIATION
Greenwood S CampainSpainOnyama Limba QUALIFIED
Kaitlin E GauchoIndiaIvan Magalhaes UNQUALIFIED
Maisha E GarufiFranceBernardo Dominic PROPOSAL
Kadeem E GillianIndiaBernardo Dominic QUALIFIED
Costa H BriddickItalyAnna Fali NEW
Arvin B IturbideCanadaIoni Bowcher 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>