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
Claire K PerinAustraliaBernardo Dominic NEW
Adams W GillianSpainElwin Sharvill NEGOTIATION
Octavia L PerinJapanIvan Magalhaes NEW
Rodrigues W VocelkaUnited KingdomIoni Bowcher PROPOSAL
Chavez J RutaGermanyOnyama Limba PROPOSAL
James D BologniaAustraliaOnyama Limba NEW
Mayumi H PerinAustraliaAnna Fali NEW
Izzy D MarrierUnited KingdomOnyama Limba NEGOTIATION
Leja U MorascaAustraliaElwin Sharvill NEGOTIATION
Tony K OstroskyJapanAsiya Javayant PROPOSAL
Clifford Y StensethRussiaAnna Fali UNQUALIFIED
Cody R RutaArgentinaAmy Elsner NEW
Clifford I PaprockiCanadaElwin Sharvill RENEWAL
Octavia S GlickUnited KingdomAmy Elsner NEW
Deepesh I GillianGermanyOnyama Limba NEGOTIATION
Nicolas O OldroydBrazilIoni Bowcher QUALIFIED
Jones Z CaudyBrazilXuxue Feng NEW
Munro M MaletBrazilAmy Elsner QUALIFIED
Murillo F ButtArgentinaAmy Elsner UNQUALIFIED
Aditya N BowleyItalyStephen Shaw NEW
David X SlusarskiUnited KingdomAnna Fali NEGOTIATION
Chavez R VenereRussiaXuxue Feng RENEWAL
David M GillianRussiaAnna Fali NEW
Jones M FigeroaAustraliaAsiya Javayant PROPOSAL
Jefferson Z RulapaughSpainStephen Shaw UNQUALIFIED
Jefferson Y AmigonGermanyIvan Magalhaes UNQUALIFIED
Rodrigues N GarufiCanadaStephen Shaw UNQUALIFIED
Chavez O WaycottCanadaIoni Bowcher QUALIFIED
Ricardo Y VenereUnited KingdomAmy Elsner NEGOTIATION
Aika F MarrierItalyIvan Magalhaes NEGOTIATION
Octavia F StensethJapanBernardo Dominic UNQUALIFIED
Smith L FollerRussiaBernardo Dominic PROPOSAL
Octavia N RutaIndiaOnyama Limba QUALIFIED
Izzy B VenereIndiaIvan Magalhaes NEGOTIATION
Murillo D CaldareraRussiaBernardo Dominic NEW
David D IturbideJapanOnyama Limba NEW
Antonio B StensethBrazilIvan Magalhaes QUALIFIED
Antonio E MarrierRussiaStephen Shaw QUALIFIED
Sinclair B NickaGermanyBernardo Dominic RENEWAL
Ivar A PerinRussiaAnna Fali PROPOSAL
Faith D PoquetteRussiaOnyama Limba NEGOTIATION
Octavia S ShinkoFranceXuxue Feng UNQUALIFIED
Smith N OstroskyAustraliaAsiya Javayant NEW
Ivar F DarakjyUnited KingdomAnna Fali QUALIFIED
Mujtaba S RimAustraliaIoni Bowcher QUALIFIED
Jefferson J PerinJapanStephen Shaw QUALIFIED
Izzy Y TollnerIndiaStephen Shaw PROPOSAL
Ricardo X MaletUnited KingdomXuxue Feng UNQUALIFIED
Murillo E KolmetzSpainAsiya Javayant UNQUALIFIED
Ricardo R KolmetzUnited KingdomIvan Magalhaes UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Izzy F DarakjyItalyAmy Elsner NEGOTIATION
Darci N KuskoRussiaOnyama Limba RENEWAL
Rodrigues T KuskoAustraliaElwin Sharvill NEW
Nicolas R StensethGermanyXuxue Feng PROPOSAL
Ricardo W PaprockiUnited KingdomBernardo Dominic UNQUALIFIED
Francesco Y RutaItalyOnyama Limba PROPOSAL
Stacey U CampainCanadaOnyama Limba NEGOTIATION
Octavia K StockhamBrazilXuxue Feng NEGOTIATION
Arvin V WaycottArgentinaAnna Fali QUALIFIED
Ivar I FollerItalyAnna Fali RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Cody D DarakjyIndia2026-10-18Dorl, James J Esq NEW69Stephen Shaw
1001Cody E PerinSpain2026-09-29Feltz Printing Service NEW28Elwin Sharvill
1002Aika U PoquetteGermany2026-10-05Chapman, Ross E Esq UNQUALIFIED23Asiya Javayant
1003Antonio H OldroydArgentina2026-10-13Rangoni Of Florence NEGOTIATION48Stephen Shaw
1004Costa C FollerCanada2026-10-26Printing Dimensions PROPOSAL58Anna Fali
1005Julie K GlickAustralia2026-10-12King, Christopher A Esq RENEWAL67Amy Elsner
1006Maria E SchemmerSpain2026-10-14Chanay, Jeffrey A Esq NEGOTIATION5Anna Fali
1007Maisha X WhobreyUnited Kingdom2026-10-17Rousseaux, Michael Esq UNQUALIFIED71Asiya Javayant
1008Mayumi D PerinJapan2026-10-16Printing Dimensions NEGOTIATION36Anna Fali
1009Rodrigues P SchemmerUnited Kingdom2026-10-20Chemel, James L Cpa RENEWAL71Asiya Javayant
1010Smith F PerinIndia2026-10-16Chemel, James L Cpa NEGOTIATION99Asiya Javayant
1011Alejandro B BowleyFrance2026-10-01Morlong Associates UNQUALIFIED36Elwin Sharvill
1012Tony F RimIndia2026-10-12Rangoni Of Florence RENEWAL50Ivan Magalhaes
1013Jennifer W DarakjyGermany2026-10-07Buckley Miller Wright QUALIFIED55Elwin Sharvill
1014Murillo T PerinGermany2026-10-25Commercial Press PROPOSAL87Asiya Javayant
1015Sinclair A ChuiJapan2026-10-19Dorl, James J Esq QUALIFIED53Xuxue Feng
1016Wickens B VenereFrance2026-10-11Commercial Press NEW44Amy Elsner
1017Murillo L FerenczSpain2026-10-02Printing Dimensions PROPOSAL26Elwin Sharvill
1018James V MaletIndia2026-10-02Chanay, Jeffrey A Esq UNQUALIFIED10Stephen Shaw
1019Morrow A PoquetteUnited Kingdom2026-10-06Chanay, Jeffrey A Esq PROPOSAL23Stephen Shaw
1020Clifford O DilliardItaly2026-10-26Commercial Press NEW15Bernardo Dominic
1021Kadeem D InouyeArgentina2026-10-22Morlong Associates UNQUALIFIED39Stephen Shaw
1022Jennifer T MaletSpain2026-10-27Chanay, Jeffrey A Esq NEGOTIATION29Bernardo Dominic
1023Alejandro P FollerJapan2026-10-16Chanay, Jeffrey A Esq PROPOSAL48Xuxue Feng
1024Ricardo O RulapaughSpain2026-10-25Rousseaux, Michael Esq QUALIFIED90Elwin Sharvill
1025Maria E NestleRussia2026-10-07Buckley Miller Wright QUALIFIED59Asiya Javayant
1026Leon X GillianFrance2026-09-28King, Christopher A Esq RENEWAL94Bernardo Dominic
1027Maria J BriddickGermany2026-10-25Rangoni Of Florence UNQUALIFIED0Onyama Limba
1028Clifford D BowleyJapan2026-10-03Rangoni Of Florence RENEWAL84Ivan Magalhaes
1029Darci E BriddickJapan2026-10-02Dorl, James J Esq RENEWAL84Asiya Javayant
1030Silvio A VenereAustralia2026-10-02Printing Dimensions QUALIFIED44Onyama Limba
1031Murillo Z ButtCanada2026-10-25Chapman, Ross E Esq UNQUALIFIED10Asiya Javayant
1032Leon F MaletBrazil2026-10-04King, Christopher A Esq PROPOSAL73Anna Fali
1033Silvio H RoysterJapan2026-10-14Feiner Bros UNQUALIFIED55Onyama Limba
1034Deepesh Y GauchoAustralia2026-10-01Chemel, James L Cpa QUALIFIED5Ivan Magalhaes
1035Arvin F StockhamCanada2026-10-08Rousseaux, Michael Esq PROPOSAL21Ivan Magalhaes
1036Leja X IturbideArgentina2026-09-28Rousseaux, Michael Esq NEW37Asiya Javayant
1037Stacey M KolmetzGermany2026-09-30King, Christopher A Esq NEGOTIATION88Ioni Bowcher
1038Faith X WaycottFrance2026-09-28Chapman, Ross E Esq RENEWAL69Anna Fali
1039Nicolas M PoquetteRussia2026-10-24Rousseaux, Michael Esq NEW10Amy Elsner
1040Mayumi A VenereItaly2026-10-19Benton, John B Jr UNQUALIFIED99Stephen Shaw
1041Aika A CaudyRussia2026-10-12Dorl, James J Esq UNQUALIFIED80Ivan Magalhaes
1042Munro Y SlusarskiIndia2026-09-30Rousseaux, Michael Esq QUALIFIED50Bernardo Dominic
1043Kaitlin W MarrierRussia2026-10-02Chanay, Jeffrey A Esq PROPOSAL5Stephen Shaw
1044Jennifer L InouyeItaly2026-10-02Benton, John B Jr RENEWAL46Elwin Sharvill
1045Tony Q NestleItaly2026-09-29King, Christopher A Esq RENEWAL1Onyama Limba
1046Aika Z NickaFrance2026-10-23Commercial Press RENEWAL81Bernardo Dominic
1047Ricardo N BriddickAustralia2026-10-13Benton, John B Jr NEW4Ioni Bowcher
1048Antonio Y FerenczIndia2026-10-21King, Christopher A Esq NEGOTIATION47Asiya Javayant
1049Mujtaba B FollerArgentina2026-10-13Morlong Associates RENEWAL40Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Jennifer V RulapaughArgentinaAsiya Javayant RENEWAL
Julie A MarrierIndiaOnyama Limba PROPOSAL
Ashley A RulapaughArgentinaIoni Bowcher RENEWAL
Deepesh U AmigonRussiaBernardo Dominic RENEWAL
Octavia P CaudyFranceOnyama Limba NEW
Leja T DoeJapanOnyama Limba NEGOTIATION
Kadeem M GauchoFranceAnna Fali PROPOSAL
Maisha M InouyeArgentinaAmy Elsner NEGOTIATION
Maisha V GarufiUnited KingdomIoni Bowcher UNQUALIFIED
Jeanfrancois F CaldareraRussiaIvan Magalhaes QUALIFIED
David F IturbideItalyIoni Bowcher UNQUALIFIED
Kadeem G GlickJapanElwin Sharvill NEGOTIATION
Adams M MorascaUnited KingdomOnyama Limba NEGOTIATION
Emily Y InouyeFranceIvan Magalhaes RENEWAL
Nicolas E FerenczGermanyAsiya Javayant PROPOSAL
Aruna H GillianJapanAnna Fali PROPOSAL
Izzy I OldroydFranceIoni Bowcher QUALIFIED
Mayumi Q PerinItalyAnna Fali QUALIFIED
Ashley B NestleItalyIoni Bowcher NEGOTIATION
Nicolas D StockhamRussiaStephen Shaw QUALIFIED
Chavez O CaldareraFranceIoni Bowcher RENEWAL
Aditya N FollerJapanAsiya Javayant UNQUALIFIED
Jones E SergiFranceStephen Shaw UNQUALIFIED
Faith B OldroydRussiaElwin Sharvill NEW
Adams P StockhamJapanOnyama Limba NEGOTIATION
Faith B SchemmerFranceElwin Sharvill QUALIFIED
Nicolas A FerenczFranceAsiya Javayant NEW
Faith J WhobreyArgentinaAmy Elsner NEGOTIATION
Morrow I VocelkaArgentinaIvan Magalhaes QUALIFIED
Silvio V SergiUnited KingdomOnyama Limba NEW
Smith V DilliardArgentinaXuxue Feng UNQUALIFIED
Cody P GarufiRussiaOnyama Limba UNQUALIFIED
Silvio S BriddickSpainIvan Magalhaes UNQUALIFIED
Salvatore Q SaylorsFranceIvan Magalhaes NEW
Isabel H SaylorsGermanyOnyama Limba QUALIFIED
Octavia D MacleadGermanyXuxue Feng NEGOTIATION
Ricardo G ChuiGermanyXuxue Feng QUALIFIED
Francesco L FollerBrazilXuxue Feng QUALIFIED
Greenwood M CaudyArgentinaOnyama Limba UNQUALIFIED
Leon M WhobreyIndiaAnna Fali NEW
Chavez O VenereBrazilElwin Sharvill UNQUALIFIED
Johnson V InouyeArgentinaIoni Bowcher PROPOSAL
Jefferson X SaylorsBrazilIoni Bowcher RENEWAL
Francesco Q BologniaFranceAnna Fali UNQUALIFIED
Jennifer W RoysterSpainAmy Elsner UNQUALIFIED
Rodrigues M OstroskyCanadaIvan Magalhaes PROPOSAL
Maria R GarufiItalyIvan Magalhaes UNQUALIFIED
Jefferson S OstroskyArgentinaXuxue Feng NEW
Mayumi V DarakjyItalyAsiya Javayant QUALIFIED
Jones C DilliardRussiaAsiya Javayant QUALIFIED
Frozen Columns
Name
Jefferson Y Caldarera
Faith F Kolmetz
Stacey N Malet
James D Kolmetz
Jones J Waycott
Stacey J Oldroyd
Greenwood O Poquette
Aruna Q Kolmetz
Julie Y Paprocki
Jones Q Paprocki
Kaitlin R Ruta
Leja V Royster
Jeanfrancois A Glick
Maria U Caldarera
Ashley W Tollner
Nicolas A Morasca
Morrow Z Garufi
Tony H Perin
Cody K Foller
James B Royster
Sinclair W Stockham
Ashley J Shinko
Julie B Caudy
Mujtaba U Chui
Nicolas P Stockham
Smith T Caldarera
Maria E Ruta
Cody Z Saylors
Francesco I Gaucho
Morrow R Waycott
Kaitlin D Flosi
Maisha Q Schemmer
David R Ostrosky
Jennifer N Wieser
Juan P Darakjy
Cody S Glick
Francesco R Campain
Antonio J Kolmetz
Ashley D Darakjy
Isabel C Butt
Rodrigues H Venere
Jennifer O Morasca
Izzy K Wieser
Johnson M Caldarera
Emily B Wieser
Costa H Bolognia
Clifford D Glick
Kadeem Z Shinko
Jefferson D Ferencz
Mujtaba P Whobrey
IdCountryDate
1000Germany2026-10-27
1001Italy2026-10-08
1002France2026-10-18
1003Argentina2026-09-30
1004India2026-09-30
1005India2026-10-14
1006France2026-10-10
1007France2026-10-25
1008Australia2026-10-10
1009Brazil2026-10-12
1010France2026-10-16
1011Germany2026-10-19
1012France2026-10-17
1013Italy2026-10-03
1014Russia2026-10-15
1015Canada2026-10-07
1016Italy2026-09-30
1017Russia2026-10-09
1018Japan2026-10-11
1019India2026-10-08
1020United Kingdom2026-10-12
1021Australia2026-10-04
1022Brazil2026-10-20
1023Japan2026-10-24
1024Argentina2026-10-25
1025Argentina2026-10-26
1026Spain2026-09-29
1027France2026-10-10
1028France2026-10-25
1029Spain2026-10-01
1030Russia2026-09-28
1031Spain2026-09-30
1032Australia2026-10-27
1033Australia2026-10-16
1034Brazil2026-10-10
1035France2026-10-22
1036Argentina2026-10-24
1037Argentina2026-10-19
1038Spain2026-10-16
1039Canada2026-10-02
1040Argentina2026-10-22
1041Japan2026-10-06
1042United Kingdom2026-10-26
1043Italy2026-10-26
1044France2026-10-20
1045United Kingdom2026-10-03
1046Australia2026-10-13
1047Argentina2026-10-02
1048Germany2026-10-19
1049France2026-10-05

On-Demand Data

NameIdCountryDate
Deepesh Y Darakjy1000Canada2026-10-27
Misaki T Albares1001Australia2026-10-14
Claire A Iturbide1002Australia2026-10-06
Tony B Sergi1003Spain2026-10-07
Octavia Y Malet1004Brazil2026-10-23
Nicolas M Darakjy1005Russia2026-10-19
Cody S Inouye1006Spain2026-10-05
Maria R Rim1007Australia2026-10-09
Jones K Stenseth1008Argentina2026-10-20
Mayumi D Rulapaugh1009Italy2026-10-03
Morrow G Kusko1010Canada2026-09-28
Adams I Wieser1011Russia2026-10-05
Chavez M Malet1012Argentina2026-10-07
Nicolas I Stockham1013Spain2026-10-13
Morrow U Rim1014Argentina2026-10-16
James K Inouye1015Japan2026-09-30
Ashley K Nicka1016Spain2026-10-05
James K Amigon1017Russia2026-10-17
Ashley Y Malet1018Australia2026-10-10
Kadeem K Foller1019Brazil2026-10-13
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Munro H RoysterSpainAmy Elsner NEGOTIATION
Chavez F StockhamIndiaXuxue Feng QUALIFIED
Salvatore C RimFranceAmy Elsner NEGOTIATION
Wickens C WhobreyAustraliaIoni Bowcher QUALIFIED
Costa A WieserIndiaAnna Fali QUALIFIED
Izzy H FollerFranceBernardo Dominic NEW
Adams L RoysterBrazilElwin Sharvill NEGOTIATION
David N KolmetzUnited KingdomIvan Magalhaes NEW
Octavia S ButtJapanAnna Fali UNQUALIFIED
Isabel V NickaSpainAmy Elsner RENEWAL
Julie E SchemmerGermanyXuxue Feng NEW
Sinclair Y AlbaresRussiaStephen Shaw PROPOSAL
Maria E BologniaArgentinaXuxue Feng NEW
Morrow S WieserGermanyAmy Elsner UNQUALIFIED
Silvio H PerinGermanyAmy Elsner PROPOSAL
Jeanfrancois L RimUnited KingdomBernardo Dominic RENEWAL
Darci Q MaletBrazilAsiya Javayant RENEWAL
Maisha U StensethCanadaIoni Bowcher UNQUALIFIED
Maria R OldroydItalyXuxue Feng NEGOTIATION
Octavia U StensethFranceAnna Fali QUALIFIED
Greenwood G SchemmerUnited KingdomIvan Magalhaes UNQUALIFIED
Chavez T NestleArgentinaElwin Sharvill QUALIFIED
Francesco O SaylorsCanadaOnyama Limba QUALIFIED
Ivar F VocelkaGermanyStephen Shaw NEGOTIATION
Maria O WaycottJapanElwin Sharvill PROPOSAL
Mujtaba E DarakjyCanadaOnyama Limba QUALIFIED
Maisha C KuskoArgentinaAmy Elsner NEW
Smith K NickaRussiaBernardo Dominic NEW
Deepesh C BriddickUnited KingdomStephen Shaw UNQUALIFIED
Chavez G AmigonArgentinaIvan Magalhaes UNQUALIFIED
Kadeem Q MarrierItalyStephen Shaw UNQUALIFIED
Jones R WieserUnited KingdomAsiya Javayant UNQUALIFIED
Juan Y BriddickUnited KingdomStephen Shaw PROPOSAL
Sinclair D MaletCanadaElwin Sharvill NEGOTIATION
Antonio I ShinkoIndiaBernardo Dominic RENEWAL
Kadeem M MacleadArgentinaAnna Fali QUALIFIED
Cody F FerenczItalyStephen Shaw NEW
Wickens Z GillianArgentinaBernardo Dominic RENEWAL
Misaki V DarakjyIndiaStephen Shaw RENEWAL
Jeanfrancois Y NickaItalyXuxue Feng 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>