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
Emily F InouyeJapanAnna Fali NEGOTIATION
Leja F TollnerRussiaBernardo Dominic PROPOSAL
Tony D VocelkaItalyAmy Elsner NEW
Mujtaba F DoeAustraliaAnna Fali NEW
Greenwood I FollerCanadaStephen Shaw RENEWAL
Juan C SaylorsSpainAsiya Javayant NEW
Murillo Q MarrierAustraliaAmy Elsner NEW
Clifford M StockhamFranceAsiya Javayant NEW
Costa E StensethUnited KingdomIoni Bowcher RENEWAL
Claire V GarufiAustraliaElwin Sharvill RENEWAL
Emily R DilliardAustraliaAmy Elsner UNQUALIFIED
Deepesh N InouyeJapanAmy Elsner NEGOTIATION
Jeanfrancois O FerenczFranceStephen Shaw RENEWAL
Jennifer D StensethGermanyAsiya Javayant PROPOSAL
Arvin B VocelkaSpainAnna Fali PROPOSAL
Francesco J InouyeGermanyXuxue Feng NEGOTIATION
Cody R ShinkoItalyIoni Bowcher RENEWAL
Leon P FollerCanadaAnna Fali QUALIFIED
Julie W ButtCanadaStephen Shaw NEGOTIATION
Emily E MacleadRussiaAmy Elsner PROPOSAL
Jennifer F PaprockiJapanAsiya Javayant RENEWAL
Faith E RulapaughCanadaBernardo Dominic QUALIFIED
Ashley N VocelkaAustraliaAmy Elsner RENEWAL
Aika Z MacleadItalyAmy Elsner NEGOTIATION
Chavez J MarrierArgentinaOnyama Limba PROPOSAL
Aditya A WieserBrazilAmy Elsner UNQUALIFIED
Julie Q FollerItalyBernardo Dominic PROPOSAL
Morrow D RutaSpainAnna Fali NEGOTIATION
Kadeem W RoysterFranceAnna Fali NEW
Chavez T SchemmerCanadaAsiya Javayant NEGOTIATION
Deepesh H ShinkoGermanyXuxue Feng PROPOSAL
Jeanfrancois A VocelkaGermanyOnyama Limba NEW
Mayumi Z KuskoArgentinaStephen Shaw NEW
Chavez J MorascaItalyIvan Magalhaes NEGOTIATION
Murillo Y DilliardGermanyElwin Sharvill NEGOTIATION
Jennifer Q KolmetzJapanStephen Shaw PROPOSAL
Morrow W RimFranceBernardo Dominic NEGOTIATION
Salvatore L VocelkaSpainAsiya Javayant PROPOSAL
Johnson Y CaldareraBrazilAmy Elsner NEW
Maria H GarufiUnited KingdomElwin Sharvill QUALIFIED
Murillo R SchemmerAustraliaStephen Shaw PROPOSAL
Claire X CaldareraJapanXuxue Feng PROPOSAL
Maisha R MaletCanadaIvan Magalhaes NEGOTIATION
Nicolas M StensethUnited KingdomIvan Magalhaes PROPOSAL
Mayumi Q AlbaresGermanyAnna Fali NEGOTIATION
Maria K BriddickFranceStephen Shaw RENEWAL
Julie A PerinCanadaStephen Shaw NEGOTIATION
Jones I RoysterSpainAmy Elsner UNQUALIFIED
Clifford J AlbaresArgentinaElwin Sharvill UNQUALIFIED
David K MacleadJapanOnyama Limba NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Jefferson R FlosiJapanIoni Bowcher NEW
Jeanfrancois X RutaJapanBernardo Dominic PROPOSAL
Murillo E OldroydSpainIoni Bowcher NEGOTIATION
Isabel U FigeroaRussiaBernardo Dominic UNQUALIFIED
Jeanfrancois Q WhobreyAustraliaAsiya Javayant PROPOSAL
Greenwood J SlusarskiUnited KingdomBernardo Dominic UNQUALIFIED
Salvatore J AlbaresBrazilAmy Elsner QUALIFIED
Clifford O VocelkaBrazilAmy Elsner QUALIFIED
Stacey Z BriddickUnited KingdomAnna Fali NEW
Jefferson U DarakjyCanadaAsiya Javayant QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Wickens O CaldareraAustralia2026-10-11Chanay, Jeffrey A Esq QUALIFIED99Ivan Magalhaes
1001Julie U GarufiBrazil2026-10-16Commercial Press NEW33Anna Fali
1002Alejandro F RutaIndia2026-10-07Buckley Miller Wright QUALIFIED97Asiya Javayant
1003Aditya U MarrierUnited Kingdom2026-10-26Truhlar And Truhlar Attys NEGOTIATION23Stephen Shaw
1004Leon U ButtCanada2026-10-24Rangoni Of Florence QUALIFIED83Stephen Shaw
1005Jennifer U GlickCanada2026-10-29Rousseaux, Michael Esq QUALIFIED0Elwin Sharvill
1006Rodrigues D PerinItaly2026-10-09Dorl, James J Esq NEW11Onyama Limba
1007Wickens L WieserUnited Kingdom2026-10-09Morlong Associates NEGOTIATION66Asiya Javayant
1008Munro W CampainIndia2026-10-21Chemel, James L Cpa NEGOTIATION26Amy Elsner
1009Antonio Q CampainArgentina2026-10-11Rangoni Of Florence NEW63Elwin Sharvill
1010Deepesh U FigeroaGermany2026-10-09Commercial Press NEGOTIATION83Bernardo Dominic
1011Emily F DilliardBrazil2026-10-16Morlong Associates RENEWAL16Xuxue Feng
1012Darci J DarakjyIndia2026-10-06Benton, John B Jr QUALIFIED24Bernardo Dominic
1013Mayumi Z TollnerAustralia2026-10-08King, Christopher A Esq RENEWAL18Ivan Magalhaes
1014Arvin I SergiCanada2026-10-07King, Christopher A Esq PROPOSAL44Stephen Shaw
1015David R CaudyCanada2026-11-02Rousseaux, Michael Esq QUALIFIED34Ioni Bowcher
1016Johnson N BowleyRussia2026-10-10Commercial Press NEW49Amy Elsner
1017Jones U VenereGermany2026-10-23Chanay, Jeffrey A Esq PROPOSAL12Elwin Sharvill
1018Darci X DilliardJapan2026-10-18Benton, John B Jr NEGOTIATION89Elwin Sharvill
1019Morrow Q ButtCanada2026-10-16Dorl, James J Esq RENEWAL74Ioni Bowcher
1020Jeanfrancois S WhobreySpain2026-10-25Printing Dimensions QUALIFIED23Asiya Javayant
1021Leja F MarrierRussia2026-10-17Truhlar And Truhlar Attys NEW28Elwin Sharvill
1022Johnson G KolmetzIndia2026-10-14Chanay, Jeffrey A Esq NEGOTIATION15Ivan Magalhaes
1023Emily G DoeItaly2026-11-04Benton, John B Jr QUALIFIED16Ivan Magalhaes
1024Stacey H NestleSpain2026-11-02Commercial Press PROPOSAL6Xuxue Feng
1025Leon Z SlusarskiFrance2026-10-24Printing Dimensions UNQUALIFIED51Bernardo Dominic
1026Maria U VocelkaBrazil2026-10-09Chapman, Ross E Esq PROPOSAL98Anna Fali
1027Costa K WaycottSpain2026-10-20Chapman, Ross E Esq NEW1Onyama Limba
1028Johnson P CaudyArgentina2026-10-26Buckley Miller Wright QUALIFIED84Amy Elsner
1029David S WieserItaly2026-10-21Morlong Associates NEGOTIATION53Bernardo Dominic
1030Cody Q WaycottAustralia2026-10-27King, Christopher A Esq NEGOTIATION46Asiya Javayant
1031Aruna N MarrierArgentina2026-10-11Chemel, James L Cpa PROPOSAL60Xuxue Feng
1032Leon U GarufiRussia2026-10-12Feltz Printing Service PROPOSAL67Ivan Magalhaes
1033Izzy O SlusarskiItaly2026-10-29Chanay, Jeffrey A Esq PROPOSAL87Anna Fali
1034Leon E NickaSpain2026-10-12Commercial Press NEGOTIATION78Onyama Limba
1035Jennifer M SchemmerFrance2026-11-03Chanay, Jeffrey A Esq NEW6Ivan Magalhaes
1036Juan R GlickFrance2026-10-07Dorl, James J Esq PROPOSAL8Stephen Shaw
1037Jeanfrancois W MacleadIndia2026-10-21Chapman, Ross E Esq PROPOSAL74Amy Elsner
1038James X ButtArgentina2026-11-01Printing Dimensions NEGOTIATION28Onyama Limba
1039Juan X SchemmerIndia2026-10-17Rousseaux, Michael Esq PROPOSAL8Stephen Shaw
1040Jeanfrancois N PerinUnited Kingdom2026-10-21Benton, John B Jr UNQUALIFIED60Amy Elsner
1041Emily J FollerFrance2026-10-23Benton, John B Jr QUALIFIED40Xuxue Feng
1042Misaki F DarakjyItaly2026-10-08Rousseaux, Michael Esq NEGOTIATION94Bernardo Dominic
1043Kaitlin E ShinkoJapan2026-10-20Chapman, Ross E Esq NEW52Amy Elsner
1044Aruna P CampainBrazil2026-11-04Chanay, Jeffrey A Esq NEGOTIATION88Ivan Magalhaes
1045Clifford Y SlusarskiSpain2026-10-09Feltz Printing Service UNQUALIFIED55Anna Fali
1046Julie Z DarakjyItaly2026-11-03King, Christopher A Esq PROPOSAL75Anna Fali
1047Mayumi D CaudyIndia2026-10-29Chemel, James L Cpa UNQUALIFIED1Bernardo Dominic
1048Maria E InouyeBrazil2026-10-06Morlong Associates RENEWAL38Anna Fali
1049Kaitlin C RoysterRussia2026-10-08King, Christopher A Esq RENEWAL29Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Stacey X ButtAustraliaBernardo Dominic PROPOSAL
Maisha Z AlbaresJapanXuxue Feng PROPOSAL
Jennifer N RimSpainIoni Bowcher QUALIFIED
Antonio V StensethArgentinaAsiya Javayant NEW
David T BologniaRussiaStephen Shaw QUALIFIED
David K MarrierGermanyAnna Fali NEW
Murillo O ShinkoFranceXuxue Feng QUALIFIED
Francesco L PoquetteItalyBernardo Dominic QUALIFIED
Nicolas G VocelkaSpainStephen Shaw RENEWAL
Mayumi Z CaldareraArgentinaOnyama Limba QUALIFIED
Deepesh J FollerArgentinaAmy Elsner NEGOTIATION
Nicolas K RutaRussiaXuxue Feng RENEWAL
Murillo F DilliardRussiaAnna Fali RENEWAL
Rodrigues A CampainSpainStephen Shaw RENEWAL
David R CaldareraSpainBernardo Dominic NEGOTIATION
Jones S MaletCanadaIoni Bowcher PROPOSAL
Adams S MorascaRussiaAnna Fali PROPOSAL
Aika V PerinJapanXuxue Feng RENEWAL
Jennifer N SergiGermanyXuxue Feng RENEWAL
Kaitlin G WaycottIndiaAsiya Javayant RENEWAL
Johnson E ButtJapanIoni Bowcher RENEWAL
Jeanfrancois M InouyeSpainAnna Fali RENEWAL
Wickens F PaprockiJapanElwin Sharvill NEGOTIATION
Stacey S KolmetzRussiaAsiya Javayant UNQUALIFIED
Faith S PaprockiAustraliaAnna Fali UNQUALIFIED
Wickens C NestleGermanyAmy Elsner RENEWAL
Munro J RutaJapanAnna Fali RENEWAL
Silvio S OstroskyAustraliaAsiya Javayant NEGOTIATION
Isabel T MaletGermanyXuxue Feng PROPOSAL
Jennifer R SlusarskiItalyAsiya Javayant UNQUALIFIED
Munro N DarakjyItalyElwin Sharvill NEW
Julie U KuskoIndiaXuxue Feng UNQUALIFIED
Murillo X CampainFranceElwin Sharvill QUALIFIED
Tony N DilliardBrazilXuxue Feng PROPOSAL
Jeanfrancois D SchemmerSpainXuxue Feng PROPOSAL
Sinclair L CampainIndiaIvan Magalhaes QUALIFIED
David J IturbideUnited KingdomAsiya Javayant RENEWAL
Costa F NestleFranceOnyama Limba PROPOSAL
Jefferson Q RoysterCanadaOnyama Limba NEGOTIATION
Emily E KuskoGermanyIvan Magalhaes QUALIFIED
Isabel Q StensethCanadaAsiya Javayant NEGOTIATION
Costa Y VocelkaItalyStephen Shaw UNQUALIFIED
Octavia Z PaprockiGermanyBernardo Dominic RENEWAL
Leon G GarufiRussiaAnna Fali UNQUALIFIED
Claire E InouyeBrazilBernardo Dominic PROPOSAL
Rodrigues E VenereGermanyElwin Sharvill NEGOTIATION
Antonio N BologniaIndiaAsiya Javayant NEW
Stacey O AmigonBrazilIvan Magalhaes NEW
Jeanfrancois P MaletCanadaAnna Fali PROPOSAL
Deepesh Z PoquetteSpainAsiya Javayant UNQUALIFIED
Frozen Columns
Name
Ricardo D Foller
Ashley G Rulapaugh
Emily B Dilliard
Emily B Wieser
Greenwood A Maclead
Silvio V Butt
Wickens X Inouye
Francesco B Rim
Mayumi A Ferencz
Faith W Wieser
Ashley S Venere
Mayumi T Tollner
Alejandro Z Caldarera
Maisha C Morasca
Misaki Z Briddick
Faith K Campain
Darci T Ruta
Francesco P Bowley
Morrow Z Schemmer
Deepesh C Rulapaugh
Mujtaba A Ferencz
Clifford W Stenseth
Smith F Figeroa
Emily G Bolognia
Ashley R Doe
Tony F Chui
Adams P Sergi
Emily P Caudy
Nicolas O Nestle
Mujtaba E Foller
Rodrigues I Sergi
Kaitlin N Stockham
Smith H Garufi
Darci F Wieser
Cody J Albares
Stacey D Marrier
Antonio P Gaucho
Arvin E Venere
Rodrigues I Ruta
Kadeem X Flosi
Mayumi A Bowley
Claire H Bolognia
Johnson E Gillian
Sinclair I Ruta
Rodrigues E Darakjy
Leon C Kolmetz
Arvin U Darakjy
Isabel S Flosi
Silvio E Flosi
Aditya V Rim
IdCountryDate
1000Russia2026-10-27
1001France2026-10-26
1002Germany2026-10-08
1003Argentina2026-10-22
1004United Kingdom2026-10-16
1005Australia2026-10-09
1006France2026-10-24
1007United Kingdom2026-10-17
1008Argentina2026-10-21
1009Canada2026-11-03
1010Argentina2026-10-13
1011Canada2026-10-19
1012Japan2026-10-12
1013Argentina2026-10-23
1014France2026-10-07
1015France2026-10-15
1016United Kingdom2026-10-10
1017Italy2026-10-11
1018Italy2026-11-04
1019Spain2026-10-25
1020Spain2026-10-10
1021Germany2026-10-31
1022Russia2026-10-13
1023Germany2026-10-27
1024Canada2026-11-04
1025Australia2026-10-13
1026Australia2026-10-25
1027Australia2026-10-28
1028Argentina2026-10-09
1029India2026-10-08
1030Argentina2026-10-08
1031United Kingdom2026-10-07
1032France2026-10-17
1033India2026-10-11
1034Germany2026-10-06
1035Germany2026-10-24
1036Italy2026-10-28
1037Japan2026-10-20
1038United Kingdom2026-10-16
1039Germany2026-10-20
1040India2026-10-23
1041Canada2026-11-03
1042Spain2026-10-09
1043Spain2026-11-04
1044France2026-10-17
1045Australia2026-10-12
1046Japan2026-10-20
1047India2026-10-09
1048Argentina2026-10-18
1049India2026-10-14

On-Demand Data

NameIdCountryDate
Ashley O Caldarera1000Russia2026-10-06
James F Figeroa1001Brazil2026-10-19
Sinclair Y Wieser1002Australia2026-11-03
Wickens U Chui1003Canada2026-10-30
Deepesh V Campain1004Italy2026-10-16
Nicolas O Oldroyd1005Spain2026-11-02
Chavez W Iturbide1006Argentina2026-10-25
Darci X Malet1007Italy2026-11-01
Morrow V Rim1008Brazil2026-10-28
Sinclair Z Tollner1009France2026-10-17
Adams Y Paprocki1010Canada2026-10-25
Juan H Sergi1011Spain2026-10-15
Aika R Ostrosky1012Australia2026-10-23
Wickens Y Malet1013India2026-10-11
Kadeem P Schemmer1014United Kingdom2026-10-16
Ricardo Q Wieser1015Italy2026-10-07
Julie E Oldroyd1016Japan2026-10-09
Rodrigues C Figeroa1017Italy2026-10-17
Deepesh S Waycott1018Argentina2026-10-06
Aika N Shinko1019United Kingdom2026-10-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Octavia N StockhamJapanOnyama Limba PROPOSAL
Mujtaba A NestleCanadaStephen Shaw NEW
Maria C WaycottJapanAnna Fali QUALIFIED
Claire L GauchoItalyIoni Bowcher UNQUALIFIED
Claire V SaylorsCanadaOnyama Limba NEW
Isabel I ShinkoUnited KingdomIvan Magalhaes QUALIFIED
Claire O NickaJapanAmy Elsner RENEWAL
Aika P FollerItalyOnyama Limba RENEWAL
Jeanfrancois R GlickSpainAsiya Javayant PROPOSAL
Cody G MacleadArgentinaElwin Sharvill RENEWAL
Mujtaba E ShinkoCanadaXuxue Feng NEGOTIATION
Ivar M RimIndiaBernardo Dominic PROPOSAL
Jeanfrancois D MorascaArgentinaAnna Fali RENEWAL
Adams E RulapaughJapanAmy Elsner UNQUALIFIED
Rodrigues K RulapaughBrazilAmy Elsner NEGOTIATION
Aika F CampainCanadaXuxue Feng NEGOTIATION
Julie W NickaRussiaAsiya Javayant UNQUALIFIED
Nicolas I InouyeJapanAnna Fali QUALIFIED
Silvio F ChuiGermanyBernardo Dominic RENEWAL
Johnson I SlusarskiUnited KingdomElwin Sharvill PROPOSAL
Sinclair E NestleArgentinaAnna Fali UNQUALIFIED
Greenwood W PaprockiIndiaIoni Bowcher UNQUALIFIED
Arvin I CaudySpainStephen Shaw NEW
Ricardo U BowleyItalyElwin Sharvill QUALIFIED
Jones K MacleadSpainAmy Elsner NEGOTIATION
Nicolas K InouyeCanadaElwin Sharvill RENEWAL
Adams B SchemmerUnited KingdomAmy Elsner UNQUALIFIED
Maria N ShinkoBrazilIoni Bowcher NEW
Darci O PerinArgentinaXuxue Feng UNQUALIFIED
Aika S WaycottFranceXuxue Feng NEW
Clifford N CampainBrazilElwin Sharvill RENEWAL
Jefferson K MaletJapanStephen Shaw QUALIFIED
Claire L FigeroaArgentinaXuxue Feng QUALIFIED
Smith A SlusarskiGermanyAnna Fali QUALIFIED
Clifford X GauchoCanadaAmy Elsner PROPOSAL
Aditya A OldroydFranceIvan Magalhaes NEW
Clifford Q TollnerFranceAsiya Javayant NEGOTIATION
Deepesh K WaycottBrazilIoni Bowcher PROPOSAL
Kadeem E FerenczArgentinaOnyama Limba RENEWAL
Adams Z FlosiIndiaIoni 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>