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
Octavia O NickaBrazilStephen Shaw UNQUALIFIED
Stacey T StockhamAustraliaBernardo Dominic NEW
Sinclair T DoeIndiaAsiya Javayant QUALIFIED
Clifford I SergiUnited KingdomAsiya Javayant UNQUALIFIED
Maisha C FigeroaJapanAsiya Javayant QUALIFIED
Jones X MacleadIndiaXuxue Feng NEW
Greenwood X DilliardCanadaElwin Sharvill PROPOSAL
Aruna G MaletAustraliaAmy Elsner PROPOSAL
Ricardo E DilliardSpainAnna Fali NEW
Aditya O NestleGermanyAnna Fali UNQUALIFIED
Jennifer K WhobreyJapanAsiya Javayant PROPOSAL
Arvin C OstroskyRussiaXuxue Feng NEW
Faith G GlickArgentinaAmy Elsner NEW
Smith Q GillianFranceXuxue Feng UNQUALIFIED
Munro W GlickAustraliaOnyama Limba QUALIFIED
Antonio S WhobreyCanadaAnna Fali NEGOTIATION
Arvin X SaylorsArgentinaAmy Elsner NEGOTIATION
Costa O GauchoArgentinaAnna Fali NEW
Emily K FlosiIndiaStephen Shaw NEW
Costa Y VenereBrazilOnyama Limba NEW
Leja H OstroskyFranceAnna Fali PROPOSAL
Aruna P DilliardRussiaBernardo Dominic QUALIFIED
Chavez E OldroydBrazilBernardo Dominic RENEWAL
Leja P NestleGermanyElwin Sharvill NEW
Francesco L FlosiUnited KingdomXuxue Feng PROPOSAL
Francesco E CampainUnited KingdomAsiya Javayant PROPOSAL
Maisha J IturbideAustraliaXuxue Feng PROPOSAL
Isabel T WieserJapanIoni Bowcher QUALIFIED
Mujtaba G GauchoRussiaXuxue Feng NEGOTIATION
Jeanfrancois C RoysterItalyOnyama Limba UNQUALIFIED
Claire C MorascaIndiaOnyama Limba NEW
Chavez A SchemmerSpainElwin Sharvill RENEWAL
Octavia M SaylorsCanadaAmy Elsner NEW
Morrow L StockhamAustraliaXuxue Feng UNQUALIFIED
Isabel J VenereItalyBernardo Dominic NEGOTIATION
Munro K MaletGermanyStephen Shaw UNQUALIFIED
Chavez A FerenczSpainAmy Elsner NEW
James S CampainFranceIvan Magalhaes NEW
Jeanfrancois V SergiIndiaBernardo Dominic RENEWAL
Jones Z MarrierIndiaBernardo Dominic NEGOTIATION
Mayumi J MarrierJapanAmy Elsner UNQUALIFIED
Isabel D BologniaItalyXuxue Feng QUALIFIED
Murillo C PoquetteUnited KingdomIoni Bowcher NEW
Isabel T FlosiItalyAmy Elsner NEW
Francesco A SaylorsFranceAnna Fali UNQUALIFIED
Leon O OstroskyRussiaBernardo Dominic RENEWAL
Rodrigues H BowleyBrazilAmy Elsner QUALIFIED
Francesco Y PerinBrazilAmy Elsner PROPOSAL
Jefferson C GillianGermanyAnna Fali UNQUALIFIED
Stacey F BriddickArgentinaXuxue Feng NEW
Horizontal
NameCountryRepresentativeStatus
James A VenereCanadaOnyama Limba NEGOTIATION
Julie V RulapaughAustraliaBernardo Dominic RENEWAL
Juan K ButtIndiaElwin Sharvill NEGOTIATION
Juan D AlbaresFranceStephen Shaw RENEWAL
Morrow D SlusarskiSpainAnna Fali NEGOTIATION
Isabel F IturbideSpainAmy Elsner NEGOTIATION
Mayumi H DoeArgentinaAsiya Javayant PROPOSAL
Chavez F PerinItalyOnyama Limba UNQUALIFIED
Silvio W CaldareraCanadaIvan Magalhaes NEGOTIATION
Adams X FerenczArgentinaBernardo Dominic QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Kaitlin S MacleadJapan2026-10-19Chemel, James L Cpa PROPOSAL81Xuxue Feng
1001Deepesh U IturbideFrance2026-10-24Chapman, Ross E Esq QUALIFIED54Stephen Shaw
1002Octavia U RulapaughItaly2026-10-16Feiner Bros RENEWAL39Elwin Sharvill
1003Salvatore H AmigonBrazil2026-10-20Rangoni Of Florence NEW27Onyama Limba
1004Aditya N GarufiArgentina2026-10-28Benton, John B Jr UNQUALIFIED85Asiya Javayant
1005Faith C GauchoUnited Kingdom2026-10-13Truhlar And Truhlar Attys PROPOSAL94Amy Elsner
1006Greenwood D WhobreyItaly2026-10-20King, Christopher A Esq UNQUALIFIED38Elwin Sharvill
1007Leja D RoysterSpain2026-10-14Chanay, Jeffrey A Esq PROPOSAL72Elwin Sharvill
1008Isabel R SaylorsUnited Kingdom2026-10-27Chanay, Jeffrey A Esq UNQUALIFIED30Onyama Limba
1009Costa T GillianAustralia2026-10-13Chemel, James L Cpa RENEWAL79Stephen Shaw
1010Adams S GillianBrazil2026-10-22King, Christopher A Esq RENEWAL27Stephen Shaw
1011Silvio I OstroskyRussia2026-10-17Morlong Associates PROPOSAL48Amy Elsner
1012Aditya R SaylorsJapan2026-10-07Dorl, James J Esq QUALIFIED88Ivan Magalhaes
1013Cody D VenereRussia2026-10-22Chapman, Ross E Esq NEGOTIATION49Elwin Sharvill
1014Julie I BowleyJapan2026-10-07Dorl, James J Esq NEW56Ioni Bowcher
1015Leja G NickaUnited Kingdom2026-10-20Dorl, James J Esq PROPOSAL73Xuxue Feng
1016Ricardo M MorascaBrazil2026-10-07Rangoni Of Florence QUALIFIED51Bernardo Dominic
1017Adams Y DilliardGermany2026-10-31Truhlar And Truhlar Attys PROPOSAL66Ioni Bowcher
1018Claire D KolmetzItaly2026-10-20Printing Dimensions NEW83Ioni Bowcher
1019Deepesh D DarakjyFrance2026-10-26Dorl, James J Esq RENEWAL9Ioni Bowcher
1020Wickens U MorascaRussia2026-10-26Chapman, Ross E Esq NEW61Amy Elsner
1021Ashley X OldroydCanada2026-10-09Feltz Printing Service QUALIFIED90Anna Fali
1022Silvio J ShinkoSpain2026-10-15Printing Dimensions NEGOTIATION13Anna Fali
1023Jefferson W WaycottSpain2026-10-11Chanay, Jeffrey A Esq NEW79Stephen Shaw
1024Izzy D CampainRussia2026-10-13Chapman, Ross E Esq QUALIFIED28Ioni Bowcher
1025Mayumi A OldroydAustralia2026-10-14Dorl, James J Esq UNQUALIFIED72Asiya Javayant
1026Ricardo E ShinkoUnited Kingdom2026-10-22Feltz Printing Service QUALIFIED38Onyama Limba
1027James Y RoysterFrance2026-10-16Printing Dimensions QUALIFIED39Elwin Sharvill
1028Francesco I SaylorsFrance2026-10-11Commercial Press PROPOSAL11Elwin Sharvill
1029Octavia D FerenczAustralia2026-10-25Printing Dimensions NEGOTIATION2Amy Elsner
1030Cody K FlosiGermany2026-10-29Feiner Bros NEGOTIATION21Asiya Javayant
1031Chavez H SergiArgentina2026-10-10Feltz Printing Service RENEWAL53Amy Elsner
1032Ricardo T SlusarskiAustralia2026-10-04Feltz Printing Service RENEWAL70Elwin Sharvill
1033Salvatore E WaycottUnited Kingdom2026-10-11Benton, John B Jr UNQUALIFIED29Bernardo Dominic
1034Jeanfrancois S StensethFrance2026-10-10Commercial Press NEW12Ioni Bowcher
1035Chavez D NestleGermany2026-10-26Feltz Printing Service UNQUALIFIED84Stephen Shaw
1036Nicolas M MacleadFrance2026-10-30Feltz Printing Service QUALIFIED39Xuxue Feng
1037Maria I SlusarskiJapan2026-10-24Dorl, James J Esq UNQUALIFIED73Ivan Magalhaes
1038Chavez L SlusarskiCanada2026-10-16Truhlar And Truhlar Attys UNQUALIFIED17Stephen Shaw
1039Morrow G SlusarskiBrazil2026-10-18Rousseaux, Michael Esq NEW59Stephen Shaw
1040Smith Y FigeroaItaly2026-10-05Benton, John B Jr NEW85Elwin Sharvill
1041Aika J BriddickCanada2026-10-19Benton, John B Jr PROPOSAL12Ivan Magalhaes
1042Jennifer M SergiJapan2026-10-28Rangoni Of Florence PROPOSAL47Asiya Javayant
1043Misaki N StensethAustralia2026-10-20Morlong Associates NEW72Elwin Sharvill
1044Aika U VenereAustralia2026-10-21Morlong Associates NEGOTIATION33Xuxue Feng
1045Ashley H IturbideGermany2026-10-12Benton, John B Jr NEGOTIATION1Ioni Bowcher
1046Nicolas Z TollnerItaly2026-10-25Buckley Miller Wright UNQUALIFIED22Elwin Sharvill
1047Kadeem U OstroskyRussia2026-11-01Dorl, James J Esq QUALIFIED99Amy Elsner
1048David U RutaBrazil2026-10-05Feltz Printing Service QUALIFIED30Onyama Limba
1049Jefferson A WaycottUnited Kingdom2026-10-15Morlong Associates QUALIFIED1Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Octavia E GauchoGermanyIoni Bowcher QUALIFIED
Isabel V TollnerBrazilElwin Sharvill NEW
Julie V BowleyGermanyOnyama Limba UNQUALIFIED
Aruna B GarufiFranceIvan Magalhaes QUALIFIED
Jennifer K TollnerJapanAsiya Javayant PROPOSAL
Rodrigues C AlbaresSpainXuxue Feng RENEWAL
Silvio A RulapaughIndiaElwin Sharvill NEGOTIATION
Arvin X RoysterCanadaAsiya Javayant RENEWAL
Ivar N StockhamGermanyAmy Elsner RENEWAL
Kadeem W RimGermanyElwin Sharvill PROPOSAL
Emily P PerinAustraliaStephen Shaw QUALIFIED
Misaki Z RoysterSpainAmy Elsner NEW
Antonio T SaylorsGermanyElwin Sharvill QUALIFIED
Ricardo C ButtUnited KingdomOnyama Limba RENEWAL
Aika V StensethIndiaOnyama Limba UNQUALIFIED
Arvin H SaylorsFranceBernardo Dominic RENEWAL
Leja J AlbaresIndiaAmy Elsner NEGOTIATION
Ricardo O BriddickItalyXuxue Feng NEGOTIATION
Deepesh O KuskoBrazilStephen Shaw UNQUALIFIED
Aika A IturbideRussiaOnyama Limba NEGOTIATION
Faith N KolmetzSpainElwin Sharvill UNQUALIFIED
Maisha C GarufiRussiaStephen Shaw QUALIFIED
Leon S VenereCanadaStephen Shaw UNQUALIFIED
Arvin I StockhamUnited KingdomOnyama Limba RENEWAL
Mujtaba T CaudyJapanIvan Magalhaes UNQUALIFIED
Deepesh C AlbaresBrazilBernardo Dominic UNQUALIFIED
Murillo V RulapaughSpainStephen Shaw NEW
David H GauchoJapanXuxue Feng NEGOTIATION
Murillo A ChuiArgentinaOnyama Limba NEW
David B DoeSpainXuxue Feng UNQUALIFIED
Deepesh P SlusarskiGermanyAnna Fali PROPOSAL
Juan P MaletCanadaOnyama Limba UNQUALIFIED
Clifford W GlickItalyAmy Elsner NEW
Munro A TollnerItalyAnna Fali UNQUALIFIED
Clifford I WaycottItalyElwin Sharvill QUALIFIED
Costa D GlickRussiaBernardo Dominic UNQUALIFIED
Faith T MacleadRussiaXuxue Feng NEW
Murillo N DarakjySpainAmy Elsner NEW
Jefferson Q GlickUnited KingdomElwin Sharvill PROPOSAL
Johnson F PerinJapanStephen Shaw UNQUALIFIED
Isabel Z VenereAustraliaAnna Fali NEW
Octavia O MorascaIndiaBernardo Dominic UNQUALIFIED
Kaitlin S GarufiArgentinaAnna Fali NEGOTIATION
Morrow U BriddickCanadaAmy Elsner NEGOTIATION
Izzy I InouyeUnited KingdomAnna Fali QUALIFIED
Stacey L GillianBrazilOnyama Limba PROPOSAL
Darci S VenereGermanyAmy Elsner RENEWAL
Deepesh K VenereCanadaOnyama Limba UNQUALIFIED
James A FollerRussiaBernardo Dominic QUALIFIED
Deepesh B StockhamArgentinaAsiya Javayant NEW
Frozen Columns
Name
Jeanfrancois L Malet
Claire Y Shinko
Mayumi N Iturbide
Tony F Stenseth
Wickens D Paprocki
Smith X Inouye
Juan T Poquette
Kaitlin G Butt
Jennifer B Marrier
Alejandro U Royster
Leja S Marrier
Murillo W Briddick
Maria J Albares
Chavez P Briddick
Clifford T Paprocki
Ivar H Chui
Sinclair A Flosi
Murillo O Royster
Costa N Venere
Murillo U Figeroa
Ivar Y Foller
Julie A Inouye
Jeanfrancois D Ferencz
Aditya N Bowley
Jefferson P Rim
Emily F Malet
Juan J Oldroyd
Francesco L Caudy
Deepesh L Royster
Claire H Gaucho
Arvin V Iturbide
Ivar G Whobrey
Cody P Marrier
Juan F Sergi
Clifford E Paprocki
Deepesh Q Figeroa
Jeanfrancois K Gillian
Mujtaba J Rim
Jennifer G Ostrosky
Adams V Sergi
Isabel S Butt
Darci P Flosi
Munro M Flosi
David R Ferencz
Julie X Inouye
Chavez C Bowley
Johnson Y Darakjy
Deepesh E Gillian
Chavez F Glick
Emily Y Malet
IdCountryDate
1000India2026-10-29
1001France2026-10-17
1002Russia2026-10-27
1003Germany2026-10-21
1004India2026-10-22
1005Canada2026-10-05
1006United Kingdom2026-10-11
1007Spain2026-10-10
1008France2026-10-17
1009Spain2026-10-24
1010France2026-10-25
1011United Kingdom2026-10-29
1012India2026-10-25
1013France2026-10-19
1014United Kingdom2026-10-14
1015France2026-10-13
1016Italy2026-10-20
1017Spain2026-10-20
1018United Kingdom2026-10-04
1019Brazil2026-10-19
1020India2026-10-13
1021Australia2026-10-17
1022Argentina2026-10-30
1023France2026-11-02
1024United Kingdom2026-10-20
1025Germany2026-10-18
1026Japan2026-11-02
1027Argentina2026-10-26
1028Japan2026-10-17
1029Canada2026-10-14
1030India2026-10-22
1031Japan2026-10-19
1032Japan2026-10-15
1033Italy2026-10-31
1034Japan2026-10-04
1035France2026-10-17
1036Germany2026-10-20
1037Japan2026-10-26
1038Italy2026-10-16
1039Italy2026-10-26
1040Germany2026-10-04
1041Germany2026-10-18
1042United Kingdom2026-10-25
1043United Kingdom2026-10-11
1044Germany2026-10-10
1045Germany2026-10-10
1046Canada2026-11-01
1047India2026-10-25
1048Russia2026-11-02
1049Germany2026-10-06

On-Demand Data

NameIdCountryDate
Antonio S Whobrey1000Brazil2026-10-27
Rodrigues B Foller1001United Kingdom2026-10-05
Munro P Campain1002Argentina2026-10-15
Chavez P Oldroyd1003India2026-10-19
Isabel F Nestle1004Spain2026-10-28
Aditya F Slusarski1005France2026-10-30
Kadeem O Inouye1006Canada2026-10-29
Leon R Schemmer1007France2026-10-10
James E Iturbide1008Australia2026-10-08
Octavia I Caldarera1009Brazil2026-10-14
Stacey C Figeroa1010Brazil2026-11-02
Faith H Oldroyd1011Argentina2026-10-18
Claire Q Iturbide1012Canada2026-10-17
Leja N Perin1013France2026-10-07
Deepesh O Paprocki1014France2026-10-08
Wickens A Malet1015Italy2026-10-21
Claire N Gillian1016United Kingdom2026-10-26
Emily G Kolmetz1017Russia2026-10-26
Munro Z Ferencz1018Russia2026-10-22
Mujtaba O Foller1019Brazil2026-11-02
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Antonio E WieserGermanyXuxue Feng UNQUALIFIED
Izzy E GlickItalyAsiya Javayant RENEWAL
Rodrigues H IturbideFranceAmy Elsner NEGOTIATION
Julie D SaylorsGermanyIvan Magalhaes NEGOTIATION
Salvatore N DilliardJapanIvan Magalhaes UNQUALIFIED
Ashley Q StockhamJapanXuxue Feng PROPOSAL
Leon M SchemmerBrazilBernardo Dominic PROPOSAL
Isabel A BriddickRussiaAsiya Javayant QUALIFIED
Misaki S NickaSpainXuxue Feng QUALIFIED
Tony B OldroydUnited KingdomIvan Magalhaes NEGOTIATION
Antonio Y PoquetteArgentinaXuxue Feng PROPOSAL
Wickens R KuskoAustraliaStephen Shaw QUALIFIED
David Q TollnerAustraliaIvan Magalhaes RENEWAL
Francesco W BowleyItalyBernardo Dominic RENEWAL
Mayumi K StockhamArgentinaAsiya Javayant NEGOTIATION
Francesco V StockhamCanadaIvan Magalhaes PROPOSAL
Sinclair K MorascaAustraliaIoni Bowcher QUALIFIED
Smith V BriddickFranceStephen Shaw QUALIFIED
Deepesh Z BowleyFranceAmy Elsner NEW
Maisha Z IturbideCanadaXuxue Feng NEGOTIATION
Stacey F InouyeItalyAmy Elsner QUALIFIED
Antonio Q GauchoFranceAsiya Javayant NEGOTIATION
Kadeem Y PoquetteRussiaIoni Bowcher PROPOSAL
Murillo S OstroskyFranceAmy Elsner PROPOSAL
Kaitlin P StockhamUnited KingdomIvan Magalhaes NEW
Darci Q DilliardCanadaBernardo Dominic PROPOSAL
Ricardo F DilliardJapanIvan Magalhaes UNQUALIFIED
Ashley Q VenereArgentinaIoni Bowcher PROPOSAL
Darci G StockhamSpainElwin Sharvill QUALIFIED
Julie M FerenczItalyBernardo Dominic NEGOTIATION
Misaki H MacleadJapanBernardo Dominic NEW
Kadeem Y MarrierAustraliaAsiya Javayant NEGOTIATION
Silvio U MaletArgentinaElwin Sharvill NEW
Sinclair Q CaldareraArgentinaXuxue Feng RENEWAL
Emily M ButtRussiaAsiya Javayant UNQUALIFIED
Aditya F ShinkoBrazilIoni Bowcher PROPOSAL
Leon R CampainAustraliaElwin Sharvill RENEWAL
Leja D FigeroaSpainElwin Sharvill NEGOTIATION
Smith I TollnerUnited KingdomOnyama Limba UNQUALIFIED
Aditya Y BriddickBrazilIoni Bowcher QUALIFIED

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