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
Kaitlin C CaldareraRussiaOnyama Limba PROPOSAL
Leja C DarakjyGermanyAsiya Javayant PROPOSAL
Kaitlin Z ChuiFranceIoni Bowcher UNQUALIFIED
Jeanfrancois U GarufiUnited KingdomBernardo Dominic PROPOSAL
Smith F PerinGermanyElwin Sharvill NEW
Adams Q FlosiRussiaStephen Shaw RENEWAL
James I DilliardUnited KingdomStephen Shaw PROPOSAL
Kadeem Z GillianJapanStephen Shaw PROPOSAL
Jones Y CampainItalyAmy Elsner QUALIFIED
Ricardo T FollerBrazilXuxue Feng PROPOSAL
Costa O InouyeJapanIvan Magalhaes NEW
Isabel T CaldareraUnited KingdomAmy Elsner RENEWAL
Julie O RutaArgentinaIvan Magalhaes PROPOSAL
Ashley Y MaletCanadaOnyama Limba NEW
Arvin Q KuskoGermanyXuxue Feng UNQUALIFIED
Maria D RimArgentinaAmy Elsner PROPOSAL
Ashley G MaletAustraliaAnna Fali RENEWAL
Aika V AlbaresUnited KingdomStephen Shaw PROPOSAL
Izzy C OstroskyFranceXuxue Feng UNQUALIFIED
Deepesh J SergiItalyXuxue Feng NEW
Leja M InouyeIndiaOnyama Limba NEGOTIATION
Arvin L SaylorsUnited KingdomOnyama Limba UNQUALIFIED
Arvin M GauchoItalyIvan Magalhaes NEGOTIATION
Mayumi S MorascaJapanElwin Sharvill UNQUALIFIED
Adams L KuskoIndiaStephen Shaw PROPOSAL
Smith N RulapaughJapanAmy Elsner RENEWAL
Deepesh A DarakjyCanadaAmy Elsner UNQUALIFIED
Smith T DilliardItalyOnyama Limba QUALIFIED
Smith R RutaGermanyAmy Elsner PROPOSAL
Maisha Y FlosiSpainElwin Sharvill RENEWAL
Darci X ChuiUnited KingdomOnyama Limba RENEWAL
Tony Y DarakjyRussiaAnna Fali PROPOSAL
Clifford O ShinkoSpainAsiya Javayant PROPOSAL
Francesco S NickaIndiaIoni Bowcher RENEWAL
Nicolas L GauchoUnited KingdomIoni Bowcher NEW
Julie K PaprockiAustraliaAmy Elsner QUALIFIED
Clifford D DoeItalyElwin Sharvill NEW
Jeanfrancois U PaprockiUnited KingdomOnyama Limba UNQUALIFIED
Adams J NickaIndiaElwin Sharvill NEW
Sinclair R NestleJapanXuxue Feng UNQUALIFIED
Tony Z FollerItalyIvan Magalhaes PROPOSAL
Julie V MorascaUnited KingdomAsiya Javayant QUALIFIED
Claire D CaudyRussiaOnyama Limba UNQUALIFIED
Cody R RimRussiaAsiya Javayant NEGOTIATION
Izzy D SchemmerIndiaOnyama Limba NEW
Clifford Y SchemmerCanadaIvan Magalhaes UNQUALIFIED
Jones S VenereSpainStephen Shaw QUALIFIED
Kadeem M ShinkoBrazilIvan Magalhaes RENEWAL
Morrow R FerenczAustraliaIoni Bowcher RENEWAL
Jefferson Z MaletAustraliaIoni Bowcher NEW
Horizontal
NameCountryRepresentativeStatus
Julie N MaletUnited KingdomIvan Magalhaes RENEWAL
Izzy A ShinkoJapanElwin Sharvill PROPOSAL
Emily W GauchoBrazilStephen Shaw QUALIFIED
Jones T StensethItalyIoni Bowcher NEGOTIATION
Maisha C FlosiArgentinaAsiya Javayant NEGOTIATION
James W GarufiGermanyStephen Shaw RENEWAL
Tony M MaletFranceAsiya Javayant NEW
Sinclair F OstroskyAustraliaIvan Magalhaes QUALIFIED
James C VocelkaFranceXuxue Feng PROPOSAL
David O AmigonIndiaElwin Sharvill NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Antonio U WieserIndia2026-10-11Printing Dimensions RENEWAL15Xuxue Feng
1001Smith J GarufiJapan2026-11-05Feltz Printing Service PROPOSAL44Bernardo Dominic
1002Isabel A SaylorsIndia2026-10-26Commercial Press UNQUALIFIED71Elwin Sharvill
1003Ricardo D GillianUnited Kingdom2026-11-05Chemel, James L Cpa QUALIFIED46Stephen Shaw
1004Chavez G GauchoIndia2026-10-31Rangoni Of Florence RENEWAL85Bernardo Dominic
1005Maisha K CaudyJapan2026-10-22Morlong Associates NEW22Xuxue Feng
1006Izzy Y SaylorsAustralia2026-10-30Chapman, Ross E Esq QUALIFIED37Ivan Magalhaes
1007Nicolas W GauchoItaly2026-10-24King, Christopher A Esq NEW54Ioni Bowcher
1008Octavia D StockhamJapan2026-10-31King, Christopher A Esq NEW71Xuxue Feng
1009Munro B IturbideArgentina2026-11-04Printing Dimensions RENEWAL88Anna Fali
1010Octavia D MarrierBrazil2026-10-20Buckley Miller Wright PROPOSAL65Bernardo Dominic
1011Murillo Q RulapaughSpain2026-10-11Benton, John B Jr RENEWAL81Ivan Magalhaes
1012Munro J ChuiSpain2026-10-29Buckley Miller Wright NEGOTIATION94Anna Fali
1013Wickens Z NickaAustralia2026-10-29Dorl, James J Esq UNQUALIFIED33Asiya Javayant
1014Sinclair H AmigonAustralia2026-10-21Chapman, Ross E Esq QUALIFIED38Ioni Bowcher
1015Maria S NickaBrazil2026-11-05Buckley Miller Wright UNQUALIFIED18Bernardo Dominic
1016Leon N RutaSpain2026-10-22Truhlar And Truhlar Attys NEW17Bernardo Dominic
1017Clifford C KuskoCanada2026-10-20Chemel, James L Cpa QUALIFIED18Elwin Sharvill
1018Cody C VocelkaRussia2026-10-18Morlong Associates QUALIFIED90Bernardo Dominic
1019Alejandro C BriddickJapan2026-10-14Dorl, James J Esq NEGOTIATION83Anna Fali
1020Deepesh J FlosiItaly2026-11-02Buckley Miller Wright RENEWAL90Stephen Shaw
1021Alejandro R SchemmerBrazil2026-11-03Printing Dimensions NEW71Stephen Shaw
1022Stacey H MorascaArgentina2026-10-08Feltz Printing Service NEW11Elwin Sharvill
1023Stacey L WieserAustralia2026-11-04Rousseaux, Michael Esq NEW43Stephen Shaw
1024Aika K NickaIndia2026-10-14Feiner Bros NEGOTIATION49Stephen Shaw
1025Ricardo R FigeroaCanada2026-10-23Truhlar And Truhlar Attys PROPOSAL75Ivan Magalhaes
1026Deepesh E AmigonIndia2026-10-19Feltz Printing Service PROPOSAL54Xuxue Feng
1027Tony X WaycottSpain2026-11-04Truhlar And Truhlar Attys NEW61Stephen Shaw
1028Chavez Y PoquetteUnited Kingdom2026-10-24Buckley Miller Wright UNQUALIFIED56Amy Elsner
1029Darci S MacleadRussia2026-10-28Rangoni Of Florence UNQUALIFIED88Xuxue Feng
1030Ricardo X ChuiGermany2026-10-14Chanay, Jeffrey A Esq QUALIFIED68Anna Fali
1031Murillo A VenereArgentina2026-10-25Rousseaux, Michael Esq NEGOTIATION74Anna Fali
1032Mujtaba U FollerUnited Kingdom2026-10-20Printing Dimensions PROPOSAL93Bernardo Dominic
1033Ashley C OstroskyJapan2026-11-03Truhlar And Truhlar Attys NEW54Anna Fali
1034Jeanfrancois G VenereFrance2026-10-15Buckley Miller Wright RENEWAL10Ivan Magalhaes
1035Jeanfrancois Q FlosiGermany2026-10-16Dorl, James J Esq NEW36Onyama Limba
1036Ricardo F AmigonIndia2026-11-01Rangoni Of Florence UNQUALIFIED4Xuxue Feng
1037Octavia K CampainGermany2026-10-10Rangoni Of Florence NEW19Amy Elsner
1038Ivar E RutaGermany2026-10-14Benton, John B Jr UNQUALIFIED96Xuxue Feng
1039Jeanfrancois H ShinkoSpain2026-10-19Benton, John B Jr NEGOTIATION3Bernardo Dominic
1040Nicolas R WieserGermany2026-11-06Chemel, James L Cpa NEGOTIATION23Elwin Sharvill
1041Ashley V GarufiUnited Kingdom2026-10-09Feiner Bros NEW90Ioni Bowcher
1042Murillo T RutaIndia2026-10-28Truhlar And Truhlar Attys PROPOSAL55Ioni Bowcher
1043Nicolas C VenereGermany2026-10-26Commercial Press QUALIFIED90Stephen Shaw
1044Leja L StensethJapan2026-10-11Chemel, James L Cpa NEW44Onyama Limba
1045Sinclair K DoeSpain2026-10-13Buckley Miller Wright QUALIFIED26Amy Elsner
1046Wickens Q AlbaresIndia2026-10-26Rousseaux, Michael Esq UNQUALIFIED65Anna Fali
1047Sinclair Y BriddickUnited Kingdom2026-10-29Benton, John B Jr RENEWAL89Ivan Magalhaes
1048Faith X OldroydIndia2026-10-16King, Christopher A Esq QUALIFIED24Ioni Bowcher
1049David K SergiAustralia2026-10-15Chanay, Jeffrey A Esq PROPOSAL28Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Aruna F SergiIndiaAmy Elsner NEGOTIATION
Kadeem R CampainFranceAsiya Javayant UNQUALIFIED
Claire P RimRussiaIoni Bowcher UNQUALIFIED
Murillo I MacleadCanadaAmy Elsner UNQUALIFIED
Jones T MorascaUnited KingdomIvan Magalhaes NEGOTIATION
Antonio D StensethGermanyElwin Sharvill NEGOTIATION
Maisha E DarakjyItalyAsiya Javayant RENEWAL
Antonio T SaylorsUnited KingdomIoni Bowcher NEW
Tony F MaletSpainElwin Sharvill PROPOSAL
Alejandro Y SaylorsRussiaAnna Fali NEW
Juan P RoysterGermanyXuxue Feng NEW
James K FollerBrazilElwin Sharvill UNQUALIFIED
Ivar J WaycottSpainAsiya Javayant RENEWAL
Darci J OldroydIndiaXuxue Feng NEW
Salvatore D CaudyFranceAnna Fali NEW
Greenwood W SlusarskiBrazilAsiya Javayant PROPOSAL
Maisha N SergiCanadaXuxue Feng RENEWAL
Costa S TollnerSpainIvan Magalhaes UNQUALIFIED
Mujtaba U ShinkoAustraliaAmy Elsner RENEWAL
Emily P WaycottSpainIoni Bowcher QUALIFIED
James G DoeJapanAnna Fali PROPOSAL
Claire N AlbaresRussiaAmy Elsner QUALIFIED
Misaki H AlbaresBrazilIoni Bowcher RENEWAL
Johnson K SergiCanadaStephen Shaw QUALIFIED
Silvio K PerinCanadaIvan Magalhaes PROPOSAL
Kaitlin A ButtJapanAnna Fali RENEWAL
Johnson E ButtBrazilOnyama Limba NEGOTIATION
Wickens B GillianBrazilStephen Shaw PROPOSAL
Jeanfrancois L PaprockiSpainStephen Shaw RENEWAL
Isabel N SchemmerSpainIoni Bowcher QUALIFIED
Izzy X SaylorsAustraliaXuxue Feng NEW
Leon E GarufiUnited KingdomAsiya Javayant NEGOTIATION
Maria G FollerUnited KingdomStephen Shaw QUALIFIED
Leja O NestleJapanAmy Elsner QUALIFIED
Silvio S ShinkoUnited KingdomIvan Magalhaes NEW
Stacey O ChuiSpainAsiya Javayant NEGOTIATION
Clifford R RimSpainOnyama Limba RENEWAL
Claire W IturbideArgentinaAnna Fali PROPOSAL
Mayumi G PaprockiGermanyAsiya Javayant QUALIFIED
Antonio Y SlusarskiBrazilXuxue Feng PROPOSAL
Aruna S MorascaAustraliaOnyama Limba NEW
Izzy S OstroskyArgentinaAnna Fali NEGOTIATION
Octavia S PerinCanadaXuxue Feng UNQUALIFIED
Chavez R FlosiIndiaBernardo Dominic QUALIFIED
Aika I MacleadIndiaStephen Shaw NEGOTIATION
Mujtaba B GarufiUnited KingdomAmy Elsner QUALIFIED
Tony K OldroydFranceBernardo Dominic UNQUALIFIED
Sinclair A AlbaresJapanStephen Shaw NEW
Sinclair Y MarrierJapanIoni Bowcher UNQUALIFIED
Mujtaba T SchemmerCanadaIoni Bowcher NEW
Frozen Columns
Name
Emily F Bolognia
Ricardo I Nicka
Wickens R Saylors
Morrow I Iturbide
Jones E Doe
Isabel L Briddick
Munro B Vocelka
Aruna P Chui
Antonio U Shinko
Jeanfrancois X Malet
Izzy F Darakjy
Clifford N Darakjy
Deepesh A Chui
Jefferson T Doe
Ricardo S Bolognia
Juan L Paprocki
Mujtaba G Caldarera
Izzy G Darakjy
Antonio Y Caudy
Jefferson H Dilliard
Salvatore I Shinko
Maisha D Malet
Leja R Malet
Mujtaba Y Dilliard
Aika H Ferencz
Murillo U Ostrosky
Jennifer V Kusko
Isabel K Paprocki
Kaitlin H Figeroa
Leon P Saylors
Cody O Nicka
Emily M Darakjy
Octavia X Ostrosky
James X Kusko
Juan Y Rim
Smith H Foller
Stacey W Rulapaugh
Izzy N Chui
Aruna M Malet
Leon D Foller
Maria O Dilliard
Maria Q Vocelka
Octavia P Doe
Adams N Oldroyd
Antonio R Dilliard
Aruna A Butt
Francesco E Paprocki
Stacey Z Sergi
Darci J Caudy
Julie K Bowley
IdCountryDate
1000United Kingdom2026-10-13
1001Canada2026-10-30
1002Australia2026-10-08
1003Canada2026-10-24
1004France2026-10-23
1005Canada2026-11-06
1006Argentina2026-10-08
1007Argentina2026-10-25
1008Italy2026-10-31
1009Canada2026-10-09
1010Spain2026-10-21
1011United Kingdom2026-11-05
1012Germany2026-10-19
1013United Kingdom2026-10-12
1014Germany2026-10-29
1015Argentina2026-10-08
1016Russia2026-11-01
1017Brazil2026-10-08
1018United Kingdom2026-10-22
1019Brazil2026-10-30
1020Canada2026-10-29
1021United Kingdom2026-10-15
1022India2026-10-25
1023Russia2026-10-19
1024France2026-10-26
1025Argentina2026-10-16
1026Italy2026-10-23
1027Italy2026-10-27
1028Australia2026-10-21
1029Russia2026-11-06
1030France2026-10-16
1031Canada2026-10-29
1032Japan2026-10-12
1033Germany2026-11-02
1034Canada2026-10-20
1035Spain2026-10-23
1036Italy2026-10-23
1037United Kingdom2026-10-15
1038Italy2026-10-19
1039Japan2026-10-14
1040Italy2026-11-03
1041Australia2026-10-11
1042India2026-10-12
1043Australia2026-10-12
1044Argentina2026-10-11
1045United Kingdom2026-10-18
1046Spain2026-11-02
1047India2026-10-27
1048Spain2026-10-12
1049Canada2026-11-02

On-Demand Data

NameIdCountryDate
Ricardo T Nestle1000Spain2026-10-18
Smith D Ostrosky1001United Kingdom2026-11-02
Munro N Caudy1002United Kingdom2026-11-01
Johnson U Campain1003Argentina2026-10-23
Costa H Garufi1004Russia2026-10-12
Ricardo T Sergi1005Canada2026-10-27
Murillo C Glick1006Australia2026-10-29
Maisha F Schemmer1007France2026-10-31
Ricardo B Bowley1008Australia2026-10-29
Adams N Dilliard1009India2026-10-31
Sinclair Q Schemmer1010Japan2026-10-19
Jennifer R Iturbide1011Russia2026-10-22
Ashley P Vocelka1012Germany2026-10-30
Mujtaba R Vocelka1013Japan2026-10-25
Murillo P Caudy1014India2026-10-25
David O Malet1015Japan2026-10-10
Misaki O Nicka1016Australia2026-10-31
Johnson Q Gaucho1017Canada2026-10-28
James U Nicka1018Australia2026-10-31
Ashley Y Gillian1019Germany2026-10-10
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Chavez Z ButtGermanyBernardo Dominic PROPOSAL
Salvatore Z StockhamGermanyAnna Fali QUALIFIED
Mayumi E WaycottGermanyOnyama Limba QUALIFIED
Ricardo U VenereItalyAnna Fali QUALIFIED
Nicolas J GarufiAustraliaAnna Fali UNQUALIFIED
Maria V DoeBrazilXuxue Feng PROPOSAL
Julie L WaycottGermanyAsiya Javayant RENEWAL
Costa F InouyeUnited KingdomElwin Sharvill NEW
Murillo L TollnerSpainXuxue Feng NEGOTIATION
Rodrigues Q OstroskyItalyStephen Shaw NEGOTIATION
James C StockhamArgentinaXuxue Feng QUALIFIED
Isabel I GillianJapanIvan Magalhaes NEW
Octavia U StockhamItalyElwin Sharvill QUALIFIED
Maria O GlickIndiaAnna Fali NEGOTIATION
Antonio Y FlosiUnited KingdomOnyama Limba UNQUALIFIED
Nicolas E CaudyAustraliaOnyama Limba QUALIFIED
Aruna T GillianFranceXuxue Feng UNQUALIFIED
Cody X OldroydUnited KingdomElwin Sharvill RENEWAL
Clifford X WhobreyArgentinaAnna Fali UNQUALIFIED
David C PerinUnited KingdomAsiya Javayant NEGOTIATION
Nicolas Y MacleadAustraliaOnyama Limba RENEWAL
Francesco C RoysterArgentinaElwin Sharvill NEGOTIATION
Deepesh S PerinIndiaAnna Fali NEGOTIATION
David H GlickArgentinaAsiya Javayant NEW
Maisha V InouyeIndiaIvan Magalhaes UNQUALIFIED
Ashley U BologniaCanadaStephen Shaw UNQUALIFIED
Clifford Z ButtGermanyXuxue Feng NEW
Jennifer L WieserItalyAnna Fali UNQUALIFIED
Aika M InouyeArgentinaIvan Magalhaes NEGOTIATION
Leon O PaprockiJapanBernardo Dominic RENEWAL
Sinclair R SergiGermanyBernardo Dominic PROPOSAL
Murillo O PoquetteCanadaOnyama Limba NEW
Jennifer H RutaSpainIoni Bowcher QUALIFIED
Juan D KolmetzJapanAnna Fali UNQUALIFIED
Salvatore E MaletCanadaAsiya Javayant UNQUALIFIED
Adams D MacleadJapanIoni Bowcher RENEWAL
Francesco I DoeSpainAsiya Javayant PROPOSAL
Francesco U StockhamAustraliaOnyama Limba RENEWAL
Leja L MorascaItalyOnyama Limba UNQUALIFIED
Isabel U NestleBrazilOnyama Limba 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>