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
Ricardo O MacleadSpainBernardo Dominic QUALIFIED
Darci M PaprockiArgentinaIoni Bowcher RENEWAL
Salvatore S GauchoJapanAnna Fali QUALIFIED
Smith U PoquetteAustraliaElwin Sharvill QUALIFIED
Jeanfrancois W GarufiSpainAsiya Javayant NEW
Smith F KolmetzCanadaAsiya Javayant PROPOSAL
Jefferson Y NickaJapanXuxue Feng QUALIFIED
Mayumi I RulapaughAustraliaAsiya Javayant QUALIFIED
Julie L CaldareraCanadaXuxue Feng NEW
Deepesh D BriddickBrazilOnyama Limba NEW
Leja E DoeBrazilAnna Fali NEW
Julie E MaletGermanyXuxue Feng RENEWAL
Cody U TollnerIndiaIoni Bowcher NEW
Misaki E ButtUnited KingdomIoni Bowcher NEW
Cody J MaletUnited KingdomOnyama Limba RENEWAL
Jones L SaylorsCanadaIoni Bowcher RENEWAL
Cody G WaycottUnited KingdomAsiya Javayant QUALIFIED
Claire W AmigonArgentinaOnyama Limba NEGOTIATION
Morrow T MaletUnited KingdomAsiya Javayant NEGOTIATION
Octavia T RutaAustraliaStephen Shaw NEGOTIATION
Ricardo L SergiJapanAsiya Javayant PROPOSAL
Maria J SchemmerRussiaAnna Fali UNQUALIFIED
Leon M PoquetteBrazilIvan Magalhaes QUALIFIED
Mujtaba G NickaBrazilElwin Sharvill UNQUALIFIED
Johnson O DoeUnited KingdomAmy Elsner UNQUALIFIED
Sinclair D VenereUnited KingdomIvan Magalhaes QUALIFIED
Claire Q BologniaRussiaIoni Bowcher NEGOTIATION
Nicolas L RoysterJapanIvan Magalhaes UNQUALIFIED
Antonio H InouyeJapanIvan Magalhaes PROPOSAL
Jennifer G FlosiBrazilOnyama Limba QUALIFIED
Maria P GarufiRussiaElwin Sharvill NEGOTIATION
Mujtaba W OldroydCanadaStephen Shaw QUALIFIED
Johnson Z FlosiJapanStephen Shaw UNQUALIFIED
Izzy X CaldareraBrazilOnyama Limba NEGOTIATION
Stacey G IturbideAustraliaElwin Sharvill PROPOSAL
Julie W ButtSpainXuxue Feng NEGOTIATION
Wickens B WieserGermanyIvan Magalhaes PROPOSAL
Juan G FollerIndiaAmy Elsner NEGOTIATION
Faith Z FerenczFranceOnyama Limba UNQUALIFIED
Adams D MacleadIndiaIvan Magalhaes RENEWAL
Tony S RulapaughCanadaBernardo Dominic RENEWAL
Kaitlin S MacleadFranceOnyama Limba NEW
Maria A MaletSpainBernardo Dominic PROPOSAL
Kadeem V WieserUnited KingdomIvan Magalhaes PROPOSAL
Salvatore E GauchoItalyAnna Fali NEGOTIATION
Maria N WaycottFranceOnyama Limba RENEWAL
Arvin B NestleCanadaOnyama Limba PROPOSAL
Alejandro V WaycottSpainStephen Shaw PROPOSAL
Francesco I WhobreyRussiaBernardo Dominic NEW
Antonio P CaudyBrazilAnna Fali QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Leja A ButtIndiaIvan Magalhaes RENEWAL
Leja B SchemmerSpainBernardo Dominic NEW
Mujtaba K DoeSpainAnna Fali UNQUALIFIED
Johnson Y ButtAustraliaXuxue Feng PROPOSAL
Sinclair C FerenczAustraliaAsiya Javayant NEW
Ricardo P VocelkaCanadaStephen Shaw RENEWAL
Murillo D CaudyBrazilAnna Fali NEW
Jeanfrancois K NestleAustraliaAnna Fali PROPOSAL
Cody G IturbideAustraliaStephen Shaw PROPOSAL
Mayumi E MaletAustraliaBernardo Dominic PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Emily A InouyeAustralia2026-10-15Truhlar And Truhlar Attys NEGOTIATION32Ivan Magalhaes
1001David F VenereIndia2026-11-04Commercial Press NEW49Stephen Shaw
1002Julie B CampainGermany2026-10-24King, Christopher A Esq NEGOTIATION10Onyama Limba
1003Emily T CaudyBrazil2026-10-19Buckley Miller Wright RENEWAL16Elwin Sharvill
1004Johnson N StensethJapan2026-11-03Buckley Miller Wright QUALIFIED49Stephen Shaw
1005Julie R FerenczSpain2026-10-29King, Christopher A Esq NEGOTIATION7Ivan Magalhaes
1006Antonio Q AlbaresItaly2026-11-04Buckley Miller Wright QUALIFIED36Asiya Javayant
1007Munro A RutaItaly2026-10-30Chapman, Ross E Esq NEW38Onyama Limba
1008Greenwood N ShinkoFrance2026-11-03Morlong Associates NEGOTIATION6Ivan Magalhaes
1009Murillo R OstroskyRussia2026-10-15Buckley Miller Wright UNQUALIFIED78Elwin Sharvill
1010Misaki A InouyeFrance2026-10-26Rousseaux, Michael Esq NEGOTIATION0Anna Fali
1011Octavia X MarrierCanada2026-10-26Morlong Associates QUALIFIED2Elwin Sharvill
1012Cody N RoysterCanada2026-11-06Morlong Associates NEW37Anna Fali
1013Alejandro D ShinkoAustralia2026-10-24Printing Dimensions QUALIFIED39Bernardo Dominic
1014Mujtaba G ShinkoUnited Kingdom2026-10-10Morlong Associates NEGOTIATION46Ivan Magalhaes
1015Morrow F MorascaArgentina2026-10-20Printing Dimensions UNQUALIFIED85Elwin Sharvill
1016Cody A TollnerGermany2026-10-23Commercial Press NEGOTIATION13Asiya Javayant
1017Leja Y NickaGermany2026-11-06Chanay, Jeffrey A Esq NEGOTIATION98Asiya Javayant
1018Ashley S BologniaItaly2026-10-27Printing Dimensions PROPOSAL7Ioni Bowcher
1019Leon E StensethAustralia2026-10-25Feltz Printing Service PROPOSAL17Elwin Sharvill
1020Emily G PoquetteItaly2026-10-21Printing Dimensions PROPOSAL73Onyama Limba
1021Rodrigues E ChuiJapan2026-10-27Chanay, Jeffrey A Esq RENEWAL15Ioni Bowcher
1022Chavez B InouyeArgentina2026-11-02Morlong Associates RENEWAL10Amy Elsner
1023Alejandro W DarakjyBrazil2026-10-31Truhlar And Truhlar Attys RENEWAL36Bernardo Dominic
1024Isabel K AlbaresRussia2026-11-01Feltz Printing Service RENEWAL70Ivan Magalhaes
1025Salvatore G PaprockiSpain2026-10-15Chemel, James L Cpa PROPOSAL9Xuxue Feng
1026Ivar C NestleItaly2026-10-22King, Christopher A Esq QUALIFIED11Bernardo Dominic
1027Deepesh P GarufiUnited Kingdom2026-10-27Truhlar And Truhlar Attys PROPOSAL16Elwin Sharvill
1028Nicolas R FerenczRussia2026-10-25Chemel, James L Cpa NEGOTIATION13Onyama Limba
1029Kaitlin X RulapaughAustralia2026-10-13Printing Dimensions RENEWAL49Onyama Limba
1030Jones H NestleCanada2026-10-29King, Christopher A Esq NEGOTIATION22Ioni Bowcher
1031Ricardo U FollerIndia2026-10-24King, Christopher A Esq NEGOTIATION7Asiya Javayant
1032Antonio S WieserRussia2026-10-18Chanay, Jeffrey A Esq NEW73Ivan Magalhaes
1033Rodrigues R FerenczItaly2026-10-20King, Christopher A Esq QUALIFIED98Stephen Shaw
1034Sinclair C WhobreyCanada2026-10-10Printing Dimensions NEGOTIATION21Amy Elsner
1035Francesco B RutaAustralia2026-10-08Feltz Printing Service PROPOSAL61Amy Elsner
1036Smith K TollnerBrazil2026-11-04Rousseaux, Michael Esq UNQUALIFIED76Amy Elsner
1037Ashley J MorascaGermany2026-11-03Benton, John B Jr PROPOSAL98Stephen Shaw
1038Claire G MacleadBrazil2026-10-12Dorl, James J Esq NEW96Ivan Magalhaes
1039Chavez F ChuiArgentina2026-10-14Rousseaux, Michael Esq RENEWAL67Asiya Javayant
1040Aruna A SlusarskiUnited Kingdom2026-10-30King, Christopher A Esq RENEWAL27Onyama Limba
1041Leon G FollerAustralia2026-10-23Chapman, Ross E Esq QUALIFIED97Xuxue Feng
1042Kaitlin W RulapaughUnited Kingdom2026-10-24Buckley Miller Wright RENEWAL76Stephen Shaw
1043Emily Q DilliardSpain2026-10-21Printing Dimensions RENEWAL64Bernardo Dominic
1044Francesco E ShinkoJapan2026-10-18Chemel, James L Cpa UNQUALIFIED81Anna Fali
1045Adams U IturbideGermany2026-10-09Dorl, James J Esq UNQUALIFIED9Onyama Limba
1046Octavia E GarufiIndia2026-10-09Rousseaux, Michael Esq QUALIFIED8Asiya Javayant
1047Mayumi V MorascaFrance2026-11-01Chapman, Ross E Esq QUALIFIED28Ioni Bowcher
1048Chavez J AmigonSpain2026-11-03Chanay, Jeffrey A Esq PROPOSAL89Stephen Shaw
1049Jeanfrancois Q ButtSpain2026-10-08Chemel, James L Cpa NEGOTIATION1Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Chavez C MaletUnited KingdomOnyama Limba NEGOTIATION
Alejandro X InouyeAustraliaElwin Sharvill NEW
Faith C RutaUnited KingdomAsiya Javayant UNQUALIFIED
Maisha Y FigeroaSpainStephen Shaw PROPOSAL
Emily T KolmetzCanadaIvan Magalhaes UNQUALIFIED
Aika Y BologniaRussiaXuxue Feng PROPOSAL
Chavez Z GarufiJapanIoni Bowcher NEGOTIATION
Arvin T WhobreyCanadaOnyama Limba UNQUALIFIED
Wickens H MaletGermanyAmy Elsner RENEWAL
Salvatore V RutaFranceOnyama Limba NEW
Arvin Y GauchoAustraliaAsiya Javayant NEGOTIATION
Emily M FigeroaBrazilIvan Magalhaes RENEWAL
Isabel O VocelkaIndiaIvan Magalhaes UNQUALIFIED
Chavez N MaletBrazilXuxue Feng NEGOTIATION
Munro M FlosiUnited KingdomBernardo Dominic NEGOTIATION
Sinclair A DilliardUnited KingdomXuxue Feng NEGOTIATION
Sinclair N CaudyBrazilXuxue Feng PROPOSAL
Misaki E NestleFranceElwin Sharvill NEW
Morrow F BowleyItalyAmy Elsner NEW
Aditya R MorascaArgentinaOnyama Limba NEW
Alejandro T GauchoAustraliaElwin Sharvill NEW
James D IturbideIndiaXuxue Feng QUALIFIED
Aruna S DarakjyBrazilAmy Elsner QUALIFIED
Chavez T RimJapanOnyama Limba NEGOTIATION
Leja X VenereIndiaXuxue Feng UNQUALIFIED
Misaki C OldroydSpainOnyama Limba NEGOTIATION
Leja U BologniaBrazilElwin Sharvill NEW
Antonio B PerinRussiaAsiya Javayant NEW
Jeanfrancois E MarrierArgentinaElwin Sharvill NEW
Chavez L VocelkaUnited KingdomAsiya Javayant UNQUALIFIED
Antonio Z FigeroaArgentinaIvan Magalhaes NEW
Murillo Q RutaItalyAmy Elsner PROPOSAL
Munro A StensethBrazilAnna Fali PROPOSAL
Jefferson T PerinBrazilXuxue Feng RENEWAL
Jennifer P BriddickIndiaAnna Fali NEW
Mayumi N ButtGermanyIoni Bowcher QUALIFIED
Leja K SchemmerRussiaStephen Shaw NEW
Smith C FigeroaJapanAnna Fali QUALIFIED
David P BologniaBrazilIoni Bowcher NEW
Mujtaba A DoeItalyIoni Bowcher NEW
Antonio H SlusarskiBrazilAsiya Javayant RENEWAL
Emily F FlosiAustraliaAnna Fali NEGOTIATION
Maria P CaldareraJapanIvan Magalhaes NEW
James P GillianCanadaAmy Elsner RENEWAL
Morrow M FlosiBrazilIoni Bowcher NEGOTIATION
Nicolas S WhobreyGermanyAmy Elsner NEW
Ivar D RoysterGermanyStephen Shaw NEGOTIATION
Mujtaba V MorascaAustraliaBernardo Dominic UNQUALIFIED
Alejandro D AlbaresJapanStephen Shaw NEW
Cody H ShinkoIndiaXuxue Feng NEGOTIATION
Frozen Columns
Name
Jefferson I Venere
Wickens R Caudy
Ivar D Albares
Morrow X Kusko
David Q Saylors
Costa S Malet
Kaitlin M Waycott
Kaitlin Q Amigon
Maria Q Bowley
Cody R Malet
Arvin R Flosi
Wickens U Bowley
Darci P Venere
Maisha J Maclead
Kaitlin A Vocelka
Wickens F Glick
Sinclair Z Iturbide
Jeanfrancois A Stockham
Ivar Q Briddick
Adams C Butt
Kaitlin U Rim
Darci K Ostrosky
Morrow F Shinko
Isabel H Doe
Leon Z Rim
Octavia W Royster
Faith C Paprocki
Cody I Ferencz
Kadeem U Maclead
Francesco X Ferencz
James L Bolognia
Salvatore J Kusko
Juan G Waycott
Jones T Gaucho
Wickens F Wieser
Maria Z Gaucho
David G Rulapaugh
Murillo U Waycott
Ricardo T Bolognia
Salvatore E Bowley
Rodrigues L Inouye
Tony Z Maclead
Munro S Oldroyd
Tony H Morasca
Chavez G Schemmer
James G Inouye
Emily K Garufi
Smith S Paprocki
Kadeem V Saylors
Jones U Campain
IdCountryDate
1000Argentina2026-10-19
1001Australia2026-11-03
1002Russia2026-11-01
1003Italy2026-10-19
1004United Kingdom2026-10-14
1005Japan2026-10-19
1006India2026-10-20
1007India2026-10-20
1008Brazil2026-11-02
1009Russia2026-10-23
1010Germany2026-10-11
1011Australia2026-10-13
1012Japan2026-11-05
1013Australia2026-10-20
1014Canada2026-10-23
1015Spain2026-10-22
1016Brazil2026-10-29
1017Russia2026-10-31
1018France2026-10-13
1019India2026-10-29
1020Argentina2026-11-02
1021France2026-10-10
1022France2026-10-15
1023France2026-10-17
1024Brazil2026-10-27
1025Japan2026-10-19
1026Argentina2026-10-29
1027Argentina2026-10-23
1028Australia2026-10-25
1029Brazil2026-11-03
1030Japan2026-10-28
1031Brazil2026-10-29
1032Spain2026-10-17
1033Italy2026-11-03
1034Russia2026-10-24
1035United Kingdom2026-10-26
1036Australia2026-10-28
1037France2026-11-03
1038Italy2026-10-14
1039Australia2026-11-05
1040India2026-10-29
1041Brazil2026-10-31
1042Spain2026-10-15
1043India2026-10-21
1044India2026-10-19
1045Germany2026-10-18
1046Canada2026-11-06
1047Russia2026-10-16
1048Spain2026-10-18
1049Italy2026-10-13

On-Demand Data

NameIdCountryDate
Isabel R Caudy1000Italy2026-11-05
Ivar M Ruta1001Germany2026-10-16
Francesco J Glick1002Argentina2026-11-03
Alejandro I Saylors1003Canada2026-10-09
Isabel E Stenseth1004Australia2026-10-11
Salvatore F Royster1005Australia2026-10-25
Stacey S Tollner1006France2026-10-16
Ashley Q Briddick1007France2026-11-05
Silvio H Bowley1008France2026-10-19
Maria C Oldroyd1009Australia2026-10-12
Jeanfrancois A Slusarski1010Germany2026-10-17
Stacey W Foller1011Japan2026-10-09
Jones K Garufi1012Argentina2026-11-01
Mujtaba A Marrier1013Japan2026-10-29
Aika K Venere1014Russia2026-10-20
Cody M Garufi1015France2026-11-03
Leja S Butt1016Germany2026-11-02
Mayumi S Poquette1017India2026-10-16
Ricardo G Waycott1018United Kingdom2026-11-05
Aditya H Kusko1019France2026-10-20
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Emily G RulapaughJapanAsiya Javayant NEW
Alejandro N StockhamRussiaStephen Shaw QUALIFIED
Jennifer J OldroydGermanyAmy Elsner NEGOTIATION
Stacey N OstroskyCanadaElwin Sharvill RENEWAL
Julie H ShinkoSpainAnna Fali UNQUALIFIED
James T RutaArgentinaStephen Shaw PROPOSAL
Leja G InouyeAustraliaElwin Sharvill PROPOSAL
Juan L WaycottAustraliaAnna Fali UNQUALIFIED
Mujtaba A RulapaughFranceIoni Bowcher QUALIFIED
Octavia A OldroydCanadaXuxue Feng PROPOSAL
Ashley H VocelkaCanadaIoni Bowcher UNQUALIFIED
Alejandro G RulapaughAustraliaStephen Shaw NEGOTIATION
Mujtaba J DarakjyArgentinaOnyama Limba RENEWAL
Kaitlin I MacleadRussiaIoni Bowcher NEGOTIATION
Juan E BriddickJapanElwin Sharvill NEGOTIATION
Juan F AlbaresGermanyOnyama Limba NEW
Nicolas L NestleGermanyXuxue Feng PROPOSAL
Maisha B AmigonItalyXuxue Feng PROPOSAL
Leja T WhobreyArgentinaOnyama Limba UNQUALIFIED
Julie L ButtItalyBernardo Dominic RENEWAL
Aruna S ShinkoBrazilIvan Magalhaes NEW
Adams Y CampainIndiaIvan Magalhaes NEGOTIATION
Aditya A GarufiAustraliaIvan Magalhaes PROPOSAL
Faith J TollnerItalyIvan Magalhaes NEGOTIATION
Silvio R VocelkaUnited KingdomIoni Bowcher PROPOSAL
Cody A RoysterGermanyIvan Magalhaes QUALIFIED
Cody S SlusarskiJapanIvan Magalhaes QUALIFIED
Isabel R GillianSpainAnna Fali QUALIFIED
Octavia Q IturbideJapanBernardo Dominic PROPOSAL
Leja Y AlbaresAustraliaIvan Magalhaes NEGOTIATION
Ricardo Q IturbideIndiaElwin Sharvill NEGOTIATION
James L ChuiGermanyIvan Magalhaes NEGOTIATION
Kadeem L KuskoRussiaAnna Fali QUALIFIED
Juan N MorascaUnited KingdomAsiya Javayant QUALIFIED
Aditya V TollnerIndiaStephen Shaw RENEWAL
Kaitlin B PaprockiIndiaAnna Fali QUALIFIED
Ashley I GauchoFranceBernardo Dominic RENEWAL
Rodrigues H CaldareraRussiaAmy Elsner PROPOSAL
Chavez S StensethIndiaAnna Fali QUALIFIED
Julie Z MaletFranceStephen Shaw RENEWAL

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