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
Adams B SlusarskiUnited KingdomOnyama Limba QUALIFIED
Maria H AlbaresIndiaStephen Shaw NEGOTIATION
Johnson I VenereJapanStephen Shaw UNQUALIFIED
Isabel H BologniaRussiaBernardo Dominic UNQUALIFIED
Jones Q FerenczFranceAsiya Javayant UNQUALIFIED
Misaki Z PaprockiFranceBernardo Dominic NEW
Johnson O PaprockiBrazilStephen Shaw UNQUALIFIED
Leja H KolmetzArgentinaElwin Sharvill NEGOTIATION
Greenwood V SergiUnited KingdomIvan Magalhaes NEW
Faith J MarrierRussiaXuxue Feng UNQUALIFIED
Juan T WaycottSpainElwin Sharvill QUALIFIED
Smith G OldroydAustraliaBernardo Dominic RENEWAL
Murillo X FlosiSpainIoni Bowcher NEGOTIATION
Octavia W GauchoAustraliaXuxue Feng UNQUALIFIED
Emily R PerinUnited KingdomIvan Magalhaes NEGOTIATION
Sinclair R BowleyCanadaAmy Elsner NEGOTIATION
Isabel V GillianIndiaIvan Magalhaes PROPOSAL
Nicolas P KolmetzFranceIoni Bowcher UNQUALIFIED
Jennifer G WhobreyItalyAmy Elsner NEW
Claire F GarufiJapanStephen Shaw QUALIFIED
Wickens A SergiGermanyStephen Shaw QUALIFIED
David E ChuiSpainAsiya Javayant QUALIFIED
Leja Y DoeItalyXuxue Feng NEGOTIATION
Faith C SchemmerJapanOnyama Limba PROPOSAL
Jefferson V FigeroaUnited KingdomXuxue Feng PROPOSAL
Jefferson B PerinCanadaAsiya Javayant PROPOSAL
Francesco G WieserIndiaBernardo Dominic PROPOSAL
Nicolas U MaletJapanBernardo Dominic QUALIFIED
Johnson B MaletCanadaStephen Shaw RENEWAL
Wickens C SaylorsCanadaIoni Bowcher NEW
Deepesh P ShinkoItalyElwin Sharvill NEGOTIATION
Clifford Z CaudyUnited KingdomIoni Bowcher RENEWAL
Deepesh W CampainRussiaOnyama Limba PROPOSAL
Jennifer P SchemmerFranceXuxue Feng QUALIFIED
Faith A MarrierArgentinaXuxue Feng NEGOTIATION
Nicolas J GlickGermanyAsiya Javayant RENEWAL
Ricardo X StensethGermanyXuxue Feng PROPOSAL
Darci F MaletItalyOnyama Limba PROPOSAL
Johnson K WaycottUnited KingdomAnna Fali NEW
Stacey O MarrierArgentinaAsiya Javayant UNQUALIFIED
Stacey T CaudyArgentinaStephen Shaw RENEWAL
Tony T BriddickCanadaIoni Bowcher UNQUALIFIED
Murillo E MaletCanadaStephen Shaw QUALIFIED
Smith J FlosiFranceAnna Fali QUALIFIED
Adams S RoysterFranceAmy Elsner QUALIFIED
David K RimArgentinaStephen Shaw UNQUALIFIED
Mayumi K FigeroaBrazilBernardo Dominic NEGOTIATION
Wickens B AmigonGermanyAmy Elsner QUALIFIED
Leja V OstroskyAustraliaAmy Elsner RENEWAL
Mujtaba G SergiCanadaAnna Fali UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Alejandro N MarrierIndiaStephen Shaw UNQUALIFIED
Juan H BowleyCanadaOnyama Limba QUALIFIED
Chavez D MaletFranceAsiya Javayant NEGOTIATION
Cody J BowleyBrazilIoni Bowcher NEGOTIATION
Antonio O CaldareraJapanBernardo Dominic NEGOTIATION
Arvin P MorascaArgentinaAsiya Javayant RENEWAL
Claire A BologniaSpainOnyama Limba QUALIFIED
Murillo F RoysterAustraliaElwin Sharvill UNQUALIFIED
Stacey Y BologniaGermanyAsiya Javayant PROPOSAL
Mujtaba N AlbaresBrazilIvan Magalhaes NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jefferson B GauchoGermany2026-10-10Feltz Printing Service NEW25Amy Elsner
1001Leon F FerenczCanada2026-10-16Chapman, Ross E Esq NEW67Asiya Javayant
1002Leja L GarufiSpain2026-11-01Chemel, James L Cpa RENEWAL73Onyama Limba
1003Jefferson X CaudyGermany2026-10-31Rangoni Of Florence RENEWAL98Anna Fali
1004Arvin E SaylorsAustralia2026-10-09Chemel, James L Cpa NEW0Ioni Bowcher
1005Julie P FigeroaGermany2026-10-12Rousseaux, Michael Esq PROPOSAL86Bernardo Dominic
1006Deepesh X GarufiAustralia2026-10-15Rangoni Of Florence QUALIFIED5Ivan Magalhaes
1007Juan R SergiArgentina2026-10-04King, Christopher A Esq QUALIFIED98Xuxue Feng
1008Nicolas S SlusarskiSpain2026-10-16Truhlar And Truhlar Attys NEGOTIATION46Ioni Bowcher
1009Maisha Q WaycottAustralia2026-10-15Buckley Miller Wright NEW59Amy Elsner
1010Smith D CaudyCanada2026-10-13Printing Dimensions UNQUALIFIED79Anna Fali
1011Emily P SchemmerUnited Kingdom2026-10-08Truhlar And Truhlar Attys NEW25Onyama Limba
1012Jones D SaylorsArgentina2026-10-25King, Christopher A Esq UNQUALIFIED43Elwin Sharvill
1013Kadeem D TollnerIndia2026-10-21Rangoni Of Florence QUALIFIED70Stephen Shaw
1014Maria E RimArgentina2026-10-13Feltz Printing Service QUALIFIED82Xuxue Feng
1015Costa X AlbaresArgentina2026-10-23Morlong Associates NEW25Ivan Magalhaes
1016Alejandro L FigeroaGermany2026-10-09King, Christopher A Esq RENEWAL81Asiya Javayant
1017Juan E GlickJapan2026-11-02Chemel, James L Cpa UNQUALIFIED19Ioni Bowcher
1018David M VenereBrazil2026-10-06Chemel, James L Cpa NEW65Onyama Limba
1019Costa I CaldareraItaly2026-10-09Printing Dimensions PROPOSAL55Ivan Magalhaes
1020Kaitlin B VocelkaAustralia2026-10-18Chemel, James L Cpa NEW34Asiya Javayant
1021Leon O FlosiGermany2026-11-01Chapman, Ross E Esq UNQUALIFIED17Elwin Sharvill
1022Francesco U InouyeAustralia2026-10-09Morlong Associates NEW43Elwin Sharvill
1023Maria K FlosiRussia2026-10-18Buckley Miller Wright UNQUALIFIED1Amy Elsner
1024Maisha M MacleadGermany2026-10-04Benton, John B Jr RENEWAL1Onyama Limba
1025Mayumi X ShinkoArgentina2026-10-17Chapman, Ross E Esq PROPOSAL97Elwin Sharvill
1026Alejandro P RutaFrance2026-10-23Benton, John B Jr QUALIFIED6Bernardo Dominic
1027Greenwood V ShinkoAustralia2026-10-14Rousseaux, Michael Esq NEGOTIATION76Ivan Magalhaes
1028Emily Q GauchoCanada2026-10-10Buckley Miller Wright PROPOSAL60Stephen Shaw
1029Jones F MorascaArgentina2026-10-22Morlong Associates NEGOTIATION74Ivan Magalhaes
1030Costa Q BriddickBrazil2026-10-16Rangoni Of Florence RENEWAL97Stephen Shaw
1031Claire R MarrierAustralia2026-10-07Dorl, James J Esq UNQUALIFIED13Bernardo Dominic
1032Francesco M RutaJapan2026-10-05Commercial Press PROPOSAL18Bernardo Dominic
1033Ashley C PoquetteRussia2026-10-10Rangoni Of Florence PROPOSAL52Stephen Shaw
1034Mayumi A AmigonUnited Kingdom2026-11-02Morlong Associates QUALIFIED6Ivan Magalhaes
1035Leon A BriddickJapan2026-10-04Morlong Associates QUALIFIED7Elwin Sharvill
1036Mujtaba I SchemmerItaly2026-10-05Truhlar And Truhlar Attys RENEWAL90Elwin Sharvill
1037Cody L OldroydAustralia2026-11-01Chapman, Ross E Esq NEGOTIATION80Xuxue Feng
1038Salvatore C KolmetzGermany2026-10-07Printing Dimensions UNQUALIFIED10Amy Elsner
1039Ivar P ButtBrazil2026-10-19Chapman, Ross E Esq PROPOSAL5Anna Fali
1040Costa U GlickCanada2026-10-25Chemel, James L Cpa QUALIFIED56Bernardo Dominic
1041Wickens Z RimGermany2026-10-10Benton, John B Jr UNQUALIFIED14Asiya Javayant
1042Mujtaba A WieserItaly2026-10-14Benton, John B Jr NEGOTIATION73Amy Elsner
1043James R ButtIndia2026-10-16Rangoni Of Florence PROPOSAL2Ivan Magalhaes
1044Morrow J FerenczItaly2026-10-21King, Christopher A Esq RENEWAL72Ioni Bowcher
1045Emily D VocelkaGermany2026-10-05Chanay, Jeffrey A Esq UNQUALIFIED16Elwin Sharvill
1046Stacey I BologniaIndia2026-10-09Benton, John B Jr QUALIFIED84Bernardo Dominic
1047Silvio C CaudyIndia2026-11-01Chapman, Ross E Esq QUALIFIED65Amy Elsner
1048Jeanfrancois Y RimSpain2026-10-26Feiner Bros QUALIFIED35Asiya Javayant
1049Leon Q SchemmerAustralia2026-10-27Buckley Miller Wright QUALIFIED82Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Aika M MorascaUnited KingdomAsiya Javayant UNQUALIFIED
Octavia V ChuiIndiaOnyama Limba QUALIFIED
Misaki I ChuiArgentinaIoni Bowcher NEW
Alejandro Z FollerBrazilAnna Fali UNQUALIFIED
Jennifer I StockhamCanadaOnyama Limba UNQUALIFIED
Arvin O ChuiItalyBernardo Dominic NEW
Claire M GillianCanadaAsiya Javayant RENEWAL
Aika N CaudyBrazilXuxue Feng QUALIFIED
Leon Z WieserIndiaIvan Magalhaes NEGOTIATION
Smith Z BologniaItalyAmy Elsner NEW
Emily Y FollerJapanAsiya Javayant NEW
Cody U ChuiItalyBernardo Dominic NEW
Aruna Q PoquetteAustraliaAnna Fali QUALIFIED
Emily D RulapaughUnited KingdomAnna Fali RENEWAL
Leon C ChuiGermanyBernardo Dominic PROPOSAL
Munro H SergiUnited KingdomAmy Elsner PROPOSAL
Stacey H PaprockiCanadaElwin Sharvill NEW
Greenwood M InouyeBrazilOnyama Limba UNQUALIFIED
Ashley P MaletBrazilAnna Fali QUALIFIED
Darci K RulapaughSpainAmy Elsner NEGOTIATION
Ivar N CaldareraUnited KingdomElwin Sharvill NEW
Alejandro Y MaletJapanAnna Fali UNQUALIFIED
Cody A NestleRussiaIvan Magalhaes NEW
Claire H ShinkoJapanElwin Sharvill QUALIFIED
Mayumi A MaletArgentinaBernardo Dominic NEGOTIATION
Cody V DoeItalyXuxue Feng NEW
Cody W VocelkaUnited KingdomStephen Shaw QUALIFIED
Jennifer P PerinRussiaAmy Elsner RENEWAL
Kaitlin G AmigonAustraliaElwin Sharvill PROPOSAL
Deepesh O KuskoFranceStephen Shaw RENEWAL
Darci N SaylorsRussiaIvan Magalhaes RENEWAL
Leja J GillianArgentinaBernardo Dominic NEGOTIATION
Antonio D WieserSpainAmy Elsner PROPOSAL
Faith M WaycottFranceAsiya Javayant UNQUALIFIED
Antonio H ChuiAustraliaXuxue Feng QUALIFIED
Silvio N BowleyFranceBernardo Dominic NEGOTIATION
Antonio P DoeUnited KingdomAmy Elsner NEGOTIATION
Morrow U OldroydRussiaAnna Fali RENEWAL
Julie R RulapaughCanadaAnna Fali PROPOSAL
Costa Y FerenczIndiaBernardo Dominic RENEWAL
Aditya G FigeroaJapanAsiya Javayant PROPOSAL
Wickens X VenereIndiaAnna Fali NEGOTIATION
Francesco I VenereUnited KingdomXuxue Feng NEW
Kadeem Z RoysterIndiaAsiya Javayant UNQUALIFIED
Juan V DoeSpainIvan Magalhaes NEGOTIATION
Jones K ChuiBrazilIvan Magalhaes UNQUALIFIED
Costa O FerenczFranceIvan Magalhaes QUALIFIED
Kaitlin S MaletRussiaAmy Elsner NEGOTIATION
Maria V DilliardBrazilXuxue Feng RENEWAL
Claire B FlosiArgentinaStephen Shaw QUALIFIED
Frozen Columns
Name
Kaitlin D Stockham
Rodrigues R Chui
Deepesh J Amigon
Izzy P Albares
Aruna Z Darakjy
Emily P Nicka
Clifford Z Rulapaugh
Jefferson P Rulapaugh
Wickens G Bolognia
Greenwood M Iturbide
Ricardo M Ostrosky
Munro I Kolmetz
Tony O Tollner
Aruna J Doe
Mujtaba I Caudy
Julie T Rim
Jeanfrancois Y Caudy
Aruna W Bowley
Tony P Caudy
Darci H Albares
Kadeem B Albares
Maria W Rulapaugh
Darci L Perin
Deepesh K Caldarera
Ivar W Albares
Julie L Gaucho
Juan U Gaucho
Darci U Butt
Nicolas Z Campain
Salvatore U Amigon
Juan M Poquette
Alejandro F Oldroyd
Murillo N Garufi
Costa M Waycott
Aditya U Stenseth
Alejandro A Gaucho
Nicolas R Gillian
Jones V Campain
Emily W Maclead
David D Bolognia
Aika Q Perin
Aika C Foller
Tony O Flosi
Julie J Oldroyd
Darci X Sergi
Murillo Q Oldroyd
James U Royster
Jennifer M Foller
Nicolas M Stenseth
Jeanfrancois S Malet
IdCountryDate
1000India2026-10-26
1001Australia2026-10-23
1002Japan2026-10-23
1003Spain2026-10-25
1004France2026-10-05
1005Australia2026-10-25
1006Australia2026-10-14
1007Russia2026-10-26
1008India2026-10-09
1009Argentina2026-10-18
1010Canada2026-10-25
1011Russia2026-10-13
1012United Kingdom2026-10-25
1013Brazil2026-10-20
1014Germany2026-10-25
1015Germany2026-10-14
1016Australia2026-11-01
1017Canada2026-10-24
1018Spain2026-10-20
1019India2026-10-08
1020Canada2026-10-10
1021Argentina2026-10-04
1022Italy2026-10-30
1023Australia2026-10-11
1024Russia2026-10-27
1025Argentina2026-10-20
1026France2026-10-20
1027Russia2026-10-15
1028Spain2026-10-18
1029United Kingdom2026-10-20
1030Italy2026-10-11
1031Italy2026-10-31
1032Australia2026-10-18
1033Germany2026-10-08
1034Spain2026-10-30
1035Brazil2026-10-14
1036Brazil2026-10-31
1037Spain2026-10-26
1038Australia2026-11-01
1039Brazil2026-10-04
1040United Kingdom2026-10-11
1041Canada2026-10-18
1042Japan2026-11-02
1043Australia2026-10-29
1044Brazil2026-10-17
1045France2026-10-07
1046Germany2026-11-01
1047Brazil2026-11-02
1048Canada2026-10-28
1049Russia2026-10-28

On-Demand Data

NameIdCountryDate
Smith D Malet1000Australia2026-10-13
Chavez Z Ostrosky1001India2026-10-20
Aditya D Nicka1002Argentina2026-10-21
Octavia W Glick1003United Kingdom2026-10-27
Ricardo H Perin1004Germany2026-10-21
Alejandro P Flosi1005United Kingdom2026-10-24
James G Campain1006Brazil2026-10-30
Isabel D Poquette1007United Kingdom2026-10-30
Wickens L Schemmer1008Canada2026-10-19
Jennifer A Briddick1009India2026-11-02
Rodrigues L Poquette1010Argentina2026-10-16
Chavez Y Nicka1011Spain2026-10-04
Ricardo L Royster1012Japan2026-11-02
Johnson U Ruta1013Canada2026-10-12
Ricardo K Figeroa1014Russia2026-10-18
Nicolas J Whobrey1015Italy2026-10-18
Ivar K Kolmetz1016Spain2026-10-26
Salvatore Z Schemmer1017India2026-10-06
Salvatore N Whobrey1018United Kingdom2026-10-08
Kaitlin F Darakjy1019India2026-10-07
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Faith T GillianRussiaOnyama Limba QUALIFIED
Greenwood G SchemmerFranceIoni Bowcher UNQUALIFIED
Rodrigues C CampainItalyXuxue Feng NEGOTIATION
Ricardo G FerenczAustraliaOnyama Limba RENEWAL
Maria Q PerinArgentinaElwin Sharvill PROPOSAL
Faith I WaycottJapanAmy Elsner UNQUALIFIED
Munro I SaylorsCanadaStephen Shaw RENEWAL
Clifford J NestleFranceBernardo Dominic RENEWAL
Emily O AmigonCanadaXuxue Feng NEW
Ashley Z RutaItalyAsiya Javayant NEW
Jefferson E IturbideItalyAmy Elsner UNQUALIFIED
Juan X GillianGermanyOnyama Limba NEW
Mayumi U MarrierFranceStephen Shaw QUALIFIED
Faith S MaletItalyStephen Shaw NEGOTIATION
Ivar K StensethItalyAnna Fali PROPOSAL
James O WaycottSpainElwin Sharvill NEGOTIATION
Leja N WieserIndiaOnyama Limba QUALIFIED
Silvio N FigeroaBrazilStephen Shaw NEGOTIATION
Ashley Y MacleadFranceStephen Shaw PROPOSAL
Clifford L PoquetteBrazilStephen Shaw PROPOSAL
Aruna V AmigonGermanyElwin Sharvill RENEWAL
Isabel M MacleadAustraliaAsiya Javayant QUALIFIED
Murillo R PerinSpainBernardo Dominic NEGOTIATION
Arvin J AmigonIndiaAmy Elsner QUALIFIED
Claire T WhobreyJapanAnna Fali PROPOSAL
Jones T InouyeIndiaOnyama Limba PROPOSAL
Chavez P PerinSpainStephen Shaw NEW
Jefferson M AmigonItalyXuxue Feng UNQUALIFIED
Johnson B FigeroaBrazilElwin Sharvill QUALIFIED
Nicolas L MaletGermanyBernardo Dominic NEW
Jeanfrancois W KolmetzItalyXuxue Feng UNQUALIFIED
Jennifer R FollerCanadaBernardo Dominic RENEWAL
Smith A TollnerFranceIvan Magalhaes NEGOTIATION
Greenwood D MaletArgentinaStephen Shaw PROPOSAL
Johnson R WhobreyGermanyAmy Elsner UNQUALIFIED
Octavia R RulapaughRussiaBernardo Dominic NEW
Morrow Y BowleyIndiaAsiya Javayant UNQUALIFIED
Stacey Z PerinRussiaAnna Fali UNQUALIFIED
Arvin V CampainJapanBernardo Dominic QUALIFIED
Leon N IturbideSpainXuxue Feng PROPOSAL

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