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
Jeanfrancois Z AlbaresRussiaStephen Shaw QUALIFIED
Maisha Z CampainItalyAsiya Javayant QUALIFIED
Smith U BriddickRussiaIoni Bowcher NEGOTIATION
Ivar M GauchoArgentinaElwin Sharvill NEGOTIATION
Misaki H FigeroaGermanyXuxue Feng NEGOTIATION
Costa F PoquetteJapanIoni Bowcher QUALIFIED
Mujtaba K TollnerBrazilIvan Magalhaes NEW
David Y MaletGermanyAmy Elsner RENEWAL
Misaki I StensethRussiaBernardo Dominic QUALIFIED
Juan B ButtCanadaOnyama Limba QUALIFIED
Leja M PoquetteGermanyStephen Shaw NEW
Aditya M SlusarskiCanadaStephen Shaw PROPOSAL
Darci K GlickRussiaAsiya Javayant NEGOTIATION
Darci Y OldroydFranceBernardo Dominic UNQUALIFIED
Kaitlin P SchemmerRussiaOnyama Limba RENEWAL
Ashley P FollerFranceAmy Elsner QUALIFIED
David Q SlusarskiIndiaAnna Fali PROPOSAL
Francesco C StensethAustraliaXuxue Feng QUALIFIED
Mujtaba P FollerIndiaElwin Sharvill NEGOTIATION
Deepesh E VocelkaFranceBernardo Dominic RENEWAL
Octavia L SaylorsFranceStephen Shaw NEW
Chavez Z VocelkaCanadaIvan Magalhaes NEGOTIATION
Johnson J InouyeUnited KingdomIoni Bowcher RENEWAL
Salvatore S GarufiJapanAmy Elsner NEGOTIATION
Wickens P RoysterRussiaBernardo Dominic NEGOTIATION
Izzy L SergiCanadaElwin Sharvill RENEWAL
Aika F BologniaAustraliaAsiya Javayant QUALIFIED
Jones C WieserUnited KingdomAmy Elsner QUALIFIED
Munro E KuskoFranceXuxue Feng NEGOTIATION
Jennifer O GillianArgentinaStephen Shaw NEW
Rodrigues T FerenczUnited KingdomAnna Fali PROPOSAL
Cody R CaudyIndiaIvan Magalhaes UNQUALIFIED
Kaitlin T ShinkoBrazilIvan Magalhaes NEW
Maria G MorascaIndiaAmy Elsner RENEWAL
Emily Y CaldareraIndiaAnna Fali QUALIFIED
Juan M FollerJapanStephen Shaw UNQUALIFIED
Rodrigues G MaletBrazilIoni Bowcher RENEWAL
Clifford G MaletArgentinaBernardo Dominic NEW
Maisha T SchemmerBrazilIoni Bowcher RENEWAL
Murillo R InouyeCanadaAmy Elsner RENEWAL
Jeanfrancois N MacleadFranceIvan Magalhaes NEGOTIATION
Cody A CaldareraItalyAnna Fali PROPOSAL
Morrow O ShinkoAustraliaOnyama Limba RENEWAL
Rodrigues I AlbaresIndiaAnna Fali PROPOSAL
Stacey L CaldareraAustraliaIvan Magalhaes RENEWAL
Sinclair U MacleadFranceBernardo Dominic NEW
Kaitlin T WhobreyBrazilIoni Bowcher QUALIFIED
James Y CaldareraRussiaBernardo Dominic NEGOTIATION
Julie G SergiFranceElwin Sharvill NEGOTIATION
Isabel T MarrierIndiaAmy Elsner QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Chavez Y MaletSpainXuxue Feng QUALIFIED
Rodrigues N BologniaRussiaStephen Shaw QUALIFIED
Octavia G MaletBrazilAnna Fali UNQUALIFIED
Deepesh T MaletUnited KingdomIoni Bowcher RENEWAL
Salvatore C DoeJapanIoni Bowcher UNQUALIFIED
Misaki X SchemmerGermanyStephen Shaw PROPOSAL
Costa Z MaletIndiaOnyama Limba RENEWAL
Juan C BowleyBrazilXuxue Feng UNQUALIFIED
Isabel H MaletJapanAsiya Javayant RENEWAL
Clifford J OstroskyCanadaXuxue Feng PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Arvin C FigeroaAustralia2026-10-30Truhlar And Truhlar Attys NEW39Amy Elsner
1001Jefferson W IturbideRussia2026-10-26Morlong Associates NEW28Onyama Limba
1002Kaitlin K FigeroaItaly2026-10-22Feiner Bros NEW15Ioni Bowcher
1003Kaitlin I CaudyItaly2026-10-26Feiner Bros PROPOSAL66Ioni Bowcher
1004Sinclair I OstroskyItaly2026-11-03Chanay, Jeffrey A Esq QUALIFIED6Xuxue Feng
1005Jennifer B MaletAustralia2026-10-19Chanay, Jeffrey A Esq RENEWAL0Ioni Bowcher
1006Wickens B MaletRussia2026-11-02Benton, John B Jr PROPOSAL40Asiya Javayant
1007Darci H InouyeItaly2026-11-04Chemel, James L Cpa PROPOSAL18Onyama Limba
1008Isabel J FerenczSpain2026-10-19Rousseaux, Michael Esq QUALIFIED15Bernardo Dominic
1009Johnson M KolmetzGermany2026-11-01Truhlar And Truhlar Attys RENEWAL91Elwin Sharvill
1010Stacey T CampainItaly2026-10-18Feltz Printing Service UNQUALIFIED18Ivan Magalhaes
1011David X VenereBrazil2026-10-13Commercial Press PROPOSAL34Asiya Javayant
1012Aruna H MorascaBrazil2026-10-12Benton, John B Jr RENEWAL52Asiya Javayant
1013Francesco R DarakjyGermany2026-11-06Commercial Press NEW88Onyama Limba
1014Rodrigues R RutaItaly2026-11-08Chemel, James L Cpa UNQUALIFIED57Elwin Sharvill
1015Jennifer Z GarufiJapan2026-11-06Morlong Associates RENEWAL60Anna Fali
1016Murillo Q VenereCanada2026-10-23Feltz Printing Service QUALIFIED36Onyama Limba
1017Costa V BowleyAustralia2026-11-05Benton, John B Jr RENEWAL78Elwin Sharvill
1018Clifford M PaprockiCanada2026-10-19Commercial Press NEW55Anna Fali
1019Morrow B NestleIndia2026-10-12Benton, John B Jr UNQUALIFIED75Onyama Limba
1020Chavez M WieserRussia2026-11-04Chemel, James L Cpa RENEWAL16Asiya Javayant
1021Jefferson J FigeroaSpain2026-10-26Truhlar And Truhlar Attys RENEWAL73Asiya Javayant
1022Maisha J CaldareraRussia2026-11-01Dorl, James J Esq UNQUALIFIED41Asiya Javayant
1023Kaitlin P StensethFrance2026-10-19Feiner Bros UNQUALIFIED90Ivan Magalhaes
1024Darci K SergiSpain2026-10-17Chanay, Jeffrey A Esq UNQUALIFIED90Bernardo Dominic
1025Murillo Q MorascaUnited Kingdom2026-10-15King, Christopher A Esq QUALIFIED79Ivan Magalhaes
1026Cody M MaletArgentina2026-11-10Dorl, James J Esq NEGOTIATION50Stephen Shaw
1027Wickens Y WhobreySpain2026-10-19Truhlar And Truhlar Attys QUALIFIED80Asiya Javayant
1028Tony C OldroydBrazil2026-11-02Chanay, Jeffrey A Esq NEW14Bernardo Dominic
1029Adams N MorascaArgentina2026-10-25Chapman, Ross E Esq NEGOTIATION54Bernardo Dominic
1030Munro T RulapaughGermany2026-10-19Feltz Printing Service UNQUALIFIED57Bernardo Dominic
1031Leja S FerenczFrance2026-10-20Buckley Miller Wright NEGOTIATION0Bernardo Dominic
1032Emily O FigeroaRussia2026-10-16Feiner Bros NEW31Elwin Sharvill
1033Rodrigues S BowleyArgentina2026-10-23King, Christopher A Esq UNQUALIFIED70Ivan Magalhaes
1034Leon Q InouyeIndia2026-10-22Feiner Bros NEW23Stephen Shaw
1035Tony H VocelkaAustralia2026-11-07Morlong Associates NEGOTIATION43Stephen Shaw
1036Munro O OstroskyGermany2026-11-10Feiner Bros UNQUALIFIED66Ivan Magalhaes
1037Stacey Z SlusarskiArgentina2026-10-22Dorl, James J Esq QUALIFIED91Stephen Shaw
1038Murillo R MaletItaly2026-11-03Chemel, James L Cpa PROPOSAL92Anna Fali
1039Morrow G PoquetteItaly2026-10-14Dorl, James J Esq RENEWAL31Elwin Sharvill
1040Tony M VocelkaSpain2026-10-13Morlong Associates UNQUALIFIED13Amy Elsner
1041Claire R WhobreyUnited Kingdom2026-11-07Chapman, Ross E Esq NEW61Stephen Shaw
1042Costa B DarakjyFrance2026-11-04Chapman, Ross E Esq UNQUALIFIED23Ivan Magalhaes
1043Jeanfrancois J DarakjyCanada2026-10-27Benton, John B Jr RENEWAL77Xuxue Feng
1044Silvio F FlosiIndia2026-10-29Dorl, James J Esq UNQUALIFIED21Stephen Shaw
1045Tony W MarrierArgentina2026-10-19Chemel, James L Cpa NEW61Xuxue Feng
1046Octavia X SergiGermany2026-11-03Dorl, James J Esq QUALIFIED77Bernardo Dominic
1047Isabel S CampainUnited Kingdom2026-10-26Chemel, James L Cpa PROPOSAL0Amy Elsner
1048Mayumi R FerenczUnited Kingdom2026-10-30Morlong Associates RENEWAL92Xuxue Feng
1049Mujtaba A DoeFrance2026-11-04Chanay, Jeffrey A Esq PROPOSAL80Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Octavia V CaudyBrazilIoni Bowcher PROPOSAL
Jones F SaylorsArgentinaStephen Shaw UNQUALIFIED
Stacey G BowleyUnited KingdomAmy Elsner UNQUALIFIED
Maria A GauchoJapanOnyama Limba PROPOSAL
Wickens F FlosiIndiaElwin Sharvill UNQUALIFIED
Greenwood T RimJapanStephen Shaw RENEWAL
Wickens B WhobreyRussiaBernardo Dominic RENEWAL
Rodrigues T RutaGermanyIvan Magalhaes NEW
Salvatore E TollnerGermanyElwin Sharvill PROPOSAL
Claire A RoysterJapanAnna Fali NEGOTIATION
Francesco V OstroskyJapanAsiya Javayant NEW
Munro N WieserCanadaAsiya Javayant NEGOTIATION
Morrow P SchemmerIndiaOnyama Limba PROPOSAL
Francesco J NickaArgentinaIvan Magalhaes UNQUALIFIED
Aika O CampainAustraliaIoni Bowcher NEW
Faith F WieserCanadaOnyama Limba PROPOSAL
Alejandro W ChuiBrazilIvan Magalhaes RENEWAL
Morrow R FlosiAustraliaElwin Sharvill NEW
Octavia X IturbideArgentinaElwin Sharvill NEW
Munro Z AmigonArgentinaAnna Fali UNQUALIFIED
David R RutaFranceAnna Fali NEW
Wickens D FerenczGermanyAnna Fali UNQUALIFIED
Deepesh J DilliardGermanyStephen Shaw RENEWAL
Izzy V CaudyGermanyElwin Sharvill RENEWAL
Salvatore X CaudyBrazilAsiya Javayant UNQUALIFIED
Francesco Y BowleyCanadaAmy Elsner UNQUALIFIED
Mujtaba T BologniaAustraliaIvan Magalhaes NEW
Kaitlin T OstroskyUnited KingdomXuxue Feng QUALIFIED
Clifford U NestleItalyIvan Magalhaes PROPOSAL
Morrow W MaletRussiaIvan Magalhaes NEW
Isabel D CaudyItalyBernardo Dominic PROPOSAL
Francesco G FollerJapanAsiya Javayant NEW
Kaitlin Z OldroydUnited KingdomXuxue Feng NEGOTIATION
Greenwood Q SchemmerSpainXuxue Feng NEGOTIATION
Jefferson J AmigonRussiaIvan Magalhaes UNQUALIFIED
Juan U OldroydUnited KingdomOnyama Limba QUALIFIED
Adams P SergiAustraliaElwin Sharvill PROPOSAL
Izzy V SlusarskiGermanyAnna Fali RENEWAL
Leja C ShinkoIndiaStephen Shaw UNQUALIFIED
Maria G OldroydFranceAsiya Javayant PROPOSAL
Johnson Z FollerJapanIvan Magalhaes RENEWAL
Aika X NickaCanadaStephen Shaw QUALIFIED
Mujtaba O WaycottBrazilAsiya Javayant NEW
James G NestleSpainStephen Shaw NEGOTIATION
Johnson D TollnerItalyOnyama Limba QUALIFIED
Smith S CampainSpainAmy Elsner QUALIFIED
Octavia O GauchoItalyXuxue Feng NEGOTIATION
Izzy G BriddickItalyAmy Elsner QUALIFIED
Wickens E MarrierAustraliaOnyama Limba NEW
David O DilliardJapanIoni Bowcher RENEWAL
Frozen Columns
Name
Chavez G Malet
Salvatore V Saylors
Aruna Z Garufi
Chavez A Whobrey
Octavia T Flosi
Ashley S Iturbide
Leon J Paprocki
Cody V Stenseth
Tony E Rim
Morrow Q Maclead
Alejandro R Waycott
Mayumi F Ruta
Ricardo Z Inouye
Clifford F Saylors
Francesco B Ruta
Izzy V Vocelka
Kadeem I Tollner
Aditya J Gillian
Clifford Z Gaucho
Sinclair G Doe
Darci X Waycott
Cody U Perin
Adams T Nicka
Rodrigues P Foller
Leon Z Royster
Wickens R Shinko
Jennifer E Vocelka
Costa H Oldroyd
Misaki V Chui
Clifford V Whobrey
Johnson H Vocelka
Costa W Figeroa
Julie P Ostrosky
Clifford O Foller
Greenwood R Nicka
Aruna G Albares
Aditya E Caldarera
Jones B Waycott
Aditya Y Garufi
Emily D Malet
Emily M Nicka
Jones H Gillian
Murillo Q Bowley
Jennifer A Flosi
Emily E Kusko
Emily S Poquette
Nicolas Y Slusarski
Leon G Stenseth
Jeanfrancois S Stockham
Tony Z Royster
IdCountryDate
1000Spain2026-11-08
1001India2026-10-31
1002Argentina2026-11-04
1003Germany2026-10-22
1004Japan2026-11-10
1005Germany2026-11-06
1006Spain2026-10-24
1007Spain2026-10-28
1008United Kingdom2026-10-21
1009Italy2026-10-12
1010Brazil2026-10-28
1011Canada2026-10-14
1012Argentina2026-11-06
1013United Kingdom2026-10-12
1014Germany2026-10-16
1015Russia2026-11-03
1016Australia2026-11-06
1017Australia2026-10-14
1018India2026-10-22
1019Canada2026-10-14
1020United Kingdom2026-11-07
1021Australia2026-10-14
1022Canada2026-11-05
1023Japan2026-11-01
1024Italy2026-10-24
1025India2026-10-15
1026Argentina2026-10-27
1027Japan2026-11-10
1028Argentina2026-10-26
1029United Kingdom2026-11-04
1030United Kingdom2026-10-23
1031Italy2026-11-01
1032Russia2026-10-16
1033Russia2026-11-09
1034Australia2026-11-09
1035Spain2026-10-12
1036France2026-11-10
1037India2026-10-18
1038Canada2026-10-28
1039Russia2026-11-01
1040France2026-10-12
1041Germany2026-10-17
1042Brazil2026-10-14
1043Canada2026-10-24
1044Brazil2026-10-31
1045France2026-10-16
1046Japan2026-10-19
1047India2026-10-17
1048France2026-11-06
1049Russia2026-10-29

On-Demand Data

NameIdCountryDate
Arvin K Glick1000Brazil2026-10-21
David J Marrier1001India2026-10-26
Wickens O Nestle1002Argentina2026-10-12
Cody H Saylors1003Argentina2026-10-27
Octavia J Bowley1004Brazil2026-11-01
Jones U Stockham1005Brazil2026-10-16
Kadeem F Chui1006Canada2026-10-15
Munro C Glick1007Japan2026-10-30
Stacey X Whobrey1008Russia2026-10-29
Ivar O Morasca1009Canada2026-10-29
Kaitlin N Vocelka1010United Kingdom2026-10-17
Stacey Q Waycott1011Russia2026-11-03
Jones K Tollner1012Spain2026-11-07
Jones G Maclead1013Australia2026-10-23
Maria E Glick1014India2026-10-29
Arvin Q Maclead1015Italy2026-10-12
Clifford K Rim1016Italy2026-11-05
Darci Y Stenseth1017Canada2026-10-24
Clifford A Whobrey1018Argentina2026-11-08
Mujtaba Y Albares1019Canada2026-10-20
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Morrow K ButtRussiaStephen Shaw PROPOSAL
Nicolas Q TollnerJapanAnna Fali UNQUALIFIED
Mayumi B NickaAustraliaAnna Fali QUALIFIED
Greenwood I SchemmerItalyStephen Shaw UNQUALIFIED
Greenwood W BriddickCanadaXuxue Feng RENEWAL
James A AlbaresArgentinaAmy Elsner PROPOSAL
Isabel F FlosiSpainBernardo Dominic NEW
Munro C OstroskyItalyIvan Magalhaes RENEWAL
Costa D WieserItalyAmy Elsner NEGOTIATION
Mayumi H OldroydSpainStephen Shaw QUALIFIED
Tony W BologniaFranceAsiya Javayant RENEWAL
Faith F WaycottIndiaAmy Elsner UNQUALIFIED
Darci E SergiItalyAnna Fali RENEWAL
Adams O FlosiCanadaAnna Fali PROPOSAL
Kadeem L RutaUnited KingdomAsiya Javayant RENEWAL
Johnson W OldroydItalyIoni Bowcher PROPOSAL
Kadeem R CampainSpainAsiya Javayant NEW
Claire S VenereJapanAmy Elsner UNQUALIFIED
Izzy M VenereAustraliaBernardo Dominic QUALIFIED
Jefferson C SaylorsGermanyAmy Elsner NEW
Cody I WieserAustraliaXuxue Feng PROPOSAL
Claire B SchemmerAustraliaAmy Elsner NEW
Mujtaba V GlickArgentinaXuxue Feng NEGOTIATION
Stacey T MorascaRussiaIoni Bowcher NEGOTIATION
Jeanfrancois M GillianArgentinaIoni Bowcher UNQUALIFIED
Jennifer H GillianIndiaAnna Fali PROPOSAL
Greenwood C GauchoCanadaAmy Elsner UNQUALIFIED
Kaitlin P MacleadAustraliaElwin Sharvill RENEWAL
James J VenereCanadaIvan Magalhaes PROPOSAL
James V StensethAustraliaAnna Fali UNQUALIFIED
Maisha T FlosiSpainXuxue Feng NEGOTIATION
Mujtaba Q VocelkaArgentinaOnyama Limba NEGOTIATION
Costa Z NestleArgentinaElwin Sharvill UNQUALIFIED
Stacey Y AlbaresUnited KingdomIvan Magalhaes NEW
Nicolas A DarakjyRussiaIoni Bowcher PROPOSAL
Isabel N GarufiIndiaOnyama Limba UNQUALIFIED
Emily D BriddickGermanyAsiya Javayant RENEWAL
Johnson N BowleyArgentinaXuxue Feng PROPOSAL
Smith N FlosiJapanIoni Bowcher PROPOSAL
Izzy T PaprockiCanadaAmy Elsner NEW

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