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
Greenwood I KolmetzRussiaBernardo Dominic NEW
Costa N GillianIndiaBernardo Dominic QUALIFIED
Tony D NestleGermanyXuxue Feng PROPOSAL
Chavez S NickaItalyOnyama Limba RENEWAL
Leon Y FigeroaBrazilIvan Magalhaes QUALIFIED
Ashley T OldroydJapanOnyama Limba NEGOTIATION
Nicolas Z TollnerSpainAmy Elsner NEGOTIATION
Emily V TollnerJapanAmy Elsner UNQUALIFIED
Juan M PoquetteFranceAnna Fali NEW
Tony O IturbideBrazilElwin Sharvill PROPOSAL
Kaitlin N MaletItalyBernardo Dominic RENEWAL
Wickens Q CampainAustraliaOnyama Limba RENEWAL
Jefferson H ChuiJapanAnna Fali QUALIFIED
Emily K PaprockiCanadaBernardo Dominic RENEWAL
Stacey Q VenereSpainAmy Elsner QUALIFIED
Aika B SlusarskiItalyXuxue Feng NEW
Smith G StockhamIndiaIvan Magalhaes UNQUALIFIED
Ivar F BowleyBrazilOnyama Limba RENEWAL
Arvin L VenereFranceIoni Bowcher UNQUALIFIED
Arvin C IturbideSpainIoni Bowcher QUALIFIED
Claire A MaletFranceOnyama Limba PROPOSAL
Kadeem S MaletBrazilIoni Bowcher NEW
Mayumi T VenereAustraliaOnyama Limba UNQUALIFIED
Wickens B TollnerUnited KingdomIvan Magalhaes UNQUALIFIED
Julie Z SaylorsItalyAnna Fali PROPOSAL
Isabel V WhobreyJapanStephen Shaw QUALIFIED
Emily C PoquetteFranceXuxue Feng UNQUALIFIED
Kaitlin W GlickFranceAsiya Javayant RENEWAL
Adams O DilliardIndiaIvan Magalhaes PROPOSAL
Silvio D IturbideRussiaAsiya Javayant QUALIFIED
Kaitlin C CampainGermanyAmy Elsner NEW
Wickens R FlosiBrazilIvan Magalhaes NEW
Smith P ShinkoJapanIoni Bowcher UNQUALIFIED
Chavez A SchemmerGermanyElwin Sharvill NEW
Juan K GauchoCanadaAmy Elsner NEW
Jennifer H StensethFranceOnyama Limba RENEWAL
Costa P MaletRussiaIoni Bowcher RENEWAL
Sinclair P CaudyArgentinaAmy Elsner UNQUALIFIED
Smith P WhobreyAustraliaIoni Bowcher PROPOSAL
Faith B MaletCanadaElwin Sharvill NEGOTIATION
Johnson P WaycottArgentinaXuxue Feng UNQUALIFIED
Arvin Y RutaArgentinaOnyama Limba PROPOSAL
Kadeem W ShinkoJapanBernardo Dominic NEGOTIATION
Aditya N ButtItalyXuxue Feng NEW
Jones X PaprockiGermanyIvan Magalhaes NEGOTIATION
Jennifer Y NickaSpainElwin Sharvill PROPOSAL
David L MaletUnited KingdomElwin Sharvill NEGOTIATION
Arvin B TollnerItalyOnyama Limba UNQUALIFIED
Mayumi P MacleadCanadaIvan Magalhaes QUALIFIED
Julie F SergiArgentinaBernardo Dominic UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Mayumi C BowleyAustraliaAmy Elsner PROPOSAL
Julie S NestleGermanyIoni Bowcher NEGOTIATION
Leja L SchemmerCanadaIoni Bowcher UNQUALIFIED
Deepesh A AlbaresSpainAnna Fali NEGOTIATION
David J SaylorsGermanyBernardo Dominic NEW
Maisha T MorascaUnited KingdomAsiya Javayant NEGOTIATION
Rodrigues S MorascaIndiaXuxue Feng PROPOSAL
Aruna Z GlickUnited KingdomOnyama Limba RENEWAL
Greenwood O RutaAustraliaXuxue Feng NEGOTIATION
Kadeem W CaudyItalyIoni Bowcher RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Faith P FlosiIndia2026-10-25Morlong Associates RENEWAL42Anna Fali
1001Ashley P KuskoCanada2026-10-14Dorl, James J Esq RENEWAL76Ioni Bowcher
1002Kaitlin Q SchemmerCanada2026-10-22Feltz Printing Service RENEWAL62Ioni Bowcher
1003Greenwood C BowleyUnited Kingdom2026-10-23Feltz Printing Service NEW40Amy Elsner
1004David E RulapaughBrazil2026-10-15Truhlar And Truhlar Attys QUALIFIED97Amy Elsner
1005Arvin Z MarrierGermany2026-10-28Rousseaux, Michael Esq RENEWAL80Asiya Javayant
1006Johnson D BowleyGermany2026-10-31Morlong Associates NEW40Asiya Javayant
1007Darci C MorascaJapan2026-11-05Morlong Associates QUALIFIED19Bernardo Dominic
1008Darci I SchemmerBrazil2026-11-02King, Christopher A Esq PROPOSAL14Xuxue Feng
1009Misaki S KolmetzCanada2026-10-13Feiner Bros RENEWAL40Bernardo Dominic
1010Arvin Z GauchoItaly2026-11-06Rangoni Of Florence RENEWAL44Amy Elsner
1011Darci P WaycottBrazil2026-10-15Printing Dimensions NEGOTIATION0Asiya Javayant
1012David R PoquetteIndia2026-11-01Chanay, Jeffrey A Esq NEW31Onyama Limba
1013Clifford P FigeroaCanada2026-10-14King, Christopher A Esq QUALIFIED55Asiya Javayant
1014Maisha B DilliardUnited Kingdom2026-10-18Buckley Miller Wright RENEWAL23Asiya Javayant
1015Aditya M OstroskyAustralia2026-10-17Chemel, James L Cpa PROPOSAL24Asiya Javayant
1016Aditya O AlbaresFrance2026-10-26King, Christopher A Esq QUALIFIED42Anna Fali
1017Arvin Z StensethCanada2026-11-05Chemel, James L Cpa NEGOTIATION84Xuxue Feng
1018Misaki S MaletRussia2026-10-18Feiner Bros NEW25Ivan Magalhaes
1019Nicolas L NestleBrazil2026-10-15Feltz Printing Service RENEWAL13Xuxue Feng
1020Silvio D RutaJapan2026-10-17Chanay, Jeffrey A Esq UNQUALIFIED30Elwin Sharvill
1021Silvio I DoeIndia2026-10-16Benton, John B Jr NEW3Ioni Bowcher
1022Ricardo I CampainUnited Kingdom2026-10-14Feltz Printing Service QUALIFIED57Xuxue Feng
1023Misaki E BriddickUnited Kingdom2026-10-31Chapman, Ross E Esq NEGOTIATION68Elwin Sharvill
1024Murillo N MaletIndia2026-11-05Rangoni Of Florence UNQUALIFIED33Asiya Javayant
1025Juan N BowleyAustralia2026-11-01Buckley Miller Wright UNQUALIFIED38Ivan Magalhaes
1026Wickens I KuskoCanada2026-10-23Commercial Press PROPOSAL30Bernardo Dominic
1027Costa M SergiArgentina2026-10-30Printing Dimensions NEGOTIATION61Elwin Sharvill
1028Morrow P MacleadIndia2026-10-13Feiner Bros NEGOTIATION16Elwin Sharvill
1029Clifford T StensethGermany2026-10-21Benton, John B Jr UNQUALIFIED6Onyama Limba
1030Murillo U TollnerRussia2026-10-08Buckley Miller Wright NEW63Amy Elsner
1031Ricardo T NestleJapan2026-10-10Printing Dimensions QUALIFIED69Asiya Javayant
1032Jeanfrancois K GillianGermany2026-10-25Chapman, Ross E Esq UNQUALIFIED10Amy Elsner
1033Darci E TollnerUnited Kingdom2026-10-20Feiner Bros RENEWAL72Stephen Shaw
1034Stacey N TollnerItaly2026-10-10Benton, John B Jr UNQUALIFIED81Anna Fali
1035Silvio H DarakjyCanada2026-10-31Dorl, James J Esq PROPOSAL71Anna Fali
1036Stacey N SergiGermany2026-10-15Rousseaux, Michael Esq NEW46Ivan Magalhaes
1037Johnson M RoysterGermany2026-10-12Feiner Bros PROPOSAL70Asiya Javayant
1038Kadeem Z FlosiUnited Kingdom2026-10-23Morlong Associates PROPOSAL71Asiya Javayant
1039Jeanfrancois D MaletAustralia2026-10-09Feiner Bros RENEWAL69Elwin Sharvill
1040Chavez A CaudyAustralia2026-10-30Benton, John B Jr PROPOSAL93Anna Fali
1041Kaitlin G PoquetteSpain2026-10-27Printing Dimensions NEW81Amy Elsner
1042Deepesh D PaprockiRussia2026-10-19Benton, John B Jr QUALIFIED41Bernardo Dominic
1043Wickens Z MorascaUnited Kingdom2026-11-06Feltz Printing Service UNQUALIFIED67Elwin Sharvill
1044Izzy N FerenczUnited Kingdom2026-10-10Buckley Miller Wright QUALIFIED8Bernardo Dominic
1045Emily A SaylorsGermany2026-10-10Buckley Miller Wright QUALIFIED37Xuxue Feng
1046Aika H ButtGermany2026-10-20King, Christopher A Esq PROPOSAL97Elwin Sharvill
1047Mujtaba L SchemmerAustralia2026-10-27Dorl, James J Esq NEW67Ioni Bowcher
1048Ivar Y PaprockiFrance2026-10-26Dorl, James J Esq PROPOSAL51Elwin Sharvill
1049Arvin M SergiBrazil2026-11-03Chanay, Jeffrey A Esq NEW15Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Adams I NickaBrazilElwin Sharvill NEGOTIATION
Adams L NickaBrazilBernardo Dominic RENEWAL
Johnson Q FollerUnited KingdomStephen Shaw UNQUALIFIED
Greenwood C ChuiGermanyAmy Elsner UNQUALIFIED
Misaki K CaldareraUnited KingdomXuxue Feng QUALIFIED
Antonio I OstroskyItalyIoni Bowcher PROPOSAL
Francesco H VenereCanadaIoni Bowcher QUALIFIED
Claire K OstroskyBrazilXuxue Feng PROPOSAL
Munro N FerenczSpainAnna Fali RENEWAL
Aika A AmigonSpainAnna Fali RENEWAL
Juan D CaudyJapanIoni Bowcher NEGOTIATION
Clifford L StockhamGermanyElwin Sharvill NEGOTIATION
Arvin O VocelkaRussiaIvan Magalhaes RENEWAL
Jennifer M PoquetteJapanIoni Bowcher QUALIFIED
Silvio Y CaldareraCanadaAnna Fali NEGOTIATION
Ivar S ButtSpainStephen Shaw NEW
Wickens G KolmetzArgentinaAsiya Javayant NEW
Munro T NickaArgentinaStephen Shaw RENEWAL
Aditya U CampainAustraliaBernardo Dominic NEGOTIATION
Nicolas X InouyeRussiaIvan Magalhaes NEGOTIATION
Mujtaba J OldroydSpainAsiya Javayant NEGOTIATION
Izzy S GillianJapanIoni Bowcher UNQUALIFIED
Alejandro E InouyeSpainAmy Elsner PROPOSAL
Darci R BowleyArgentinaStephen Shaw RENEWAL
Darci H SlusarskiBrazilElwin Sharvill NEW
Ivar U SchemmerBrazilOnyama Limba RENEWAL
Morrow B MaletFranceAnna Fali RENEWAL
Deepesh T AlbaresRussiaXuxue Feng UNQUALIFIED
Tony G FigeroaFranceXuxue Feng QUALIFIED
Julie J FlosiSpainIoni Bowcher PROPOSAL
Jennifer X SlusarskiBrazilElwin Sharvill PROPOSAL
Rodrigues L FlosiJapanBernardo Dominic NEGOTIATION
Jones L InouyeUnited KingdomBernardo Dominic RENEWAL
Isabel Q StockhamFranceBernardo Dominic NEW
Maisha A PaprockiRussiaXuxue Feng QUALIFIED
Munro I RimFranceAnna Fali NEGOTIATION
Leja J StockhamArgentinaOnyama Limba PROPOSAL
Antonio I GauchoCanadaElwin Sharvill UNQUALIFIED
Maria U BowleyItalyAnna Fali PROPOSAL
Johnson O WieserAustraliaAsiya Javayant UNQUALIFIED
Isabel A CaldareraFranceIoni Bowcher RENEWAL
Mayumi S PaprockiBrazilStephen Shaw UNQUALIFIED
Francesco F GauchoArgentinaAsiya Javayant RENEWAL
Costa M GarufiJapanXuxue Feng PROPOSAL
Leon B ChuiSpainXuxue Feng NEW
Isabel I SchemmerCanadaBernardo Dominic UNQUALIFIED
Rodrigues X PoquetteGermanyIoni Bowcher QUALIFIED
Arvin B CaudyArgentinaAsiya Javayant NEGOTIATION
Francesco R NickaCanadaAnna Fali NEGOTIATION
Aruna E MaletRussiaXuxue Feng RENEWAL
Frozen Columns
Name
Ashley A Perin
Deepesh O Whobrey
Jeanfrancois B Maclead
Francesco J Saylors
Isabel C Kolmetz
Cody Q Stockham
Munro O Kusko
Sinclair K Oldroyd
Kadeem S Gillian
Morrow F Venere
Aditya D Schemmer
Kaitlin A Perin
Tony M Marrier
Wickens O Butt
Jefferson Z Bowley
Maisha Z Maclead
Kaitlin X Malet
Emily W Dilliard
Munro E Caldarera
Ivar D Malet
Ashley E Figeroa
Chavez G Butt
Nicolas O Poquette
Munro B Ferencz
Silvio G Malet
Ricardo Z Waycott
Emily I Royster
Jones D Poquette
Tony U Darakjy
David Y Ostrosky
Jones K Butt
Claire L Sergi
Leja M Caudy
Jennifer S Gillian
Salvatore X Garufi
Stacey E Wieser
Costa N Foller
Aruna S Gaucho
Jones P Amigon
Aditya F Doe
Juan N Ferencz
Leon G Shinko
Julie T Chui
Leon I Bolognia
Salvatore S Stockham
Kadeem A Schemmer
Silvio U Chui
Smith P Maclead
Nicolas B Bolognia
Francesco G Oldroyd
IdCountryDate
1000Canada2026-10-21
1001Argentina2026-11-02
1002Germany2026-10-31
1003Russia2026-10-28
1004United Kingdom2026-10-24
1005Brazil2026-10-08
1006Brazil2026-10-31
1007Australia2026-11-03
1008India2026-10-11
1009India2026-10-28
1010India2026-10-08
1011Canada2026-10-24
1012Australia2026-10-26
1013Brazil2026-10-19
1014Brazil2026-10-24
1015Australia2026-11-01
1016Spain2026-10-18
1017Russia2026-10-19
1018Brazil2026-11-04
1019Spain2026-10-21
1020France2026-10-12
1021Russia2026-10-17
1022Brazil2026-11-06
1023India2026-10-15
1024Spain2026-10-18
1025Spain2026-10-24
1026Canada2026-10-22
1027Argentina2026-10-08
1028Italy2026-11-05
1029United Kingdom2026-11-04
1030Canada2026-10-20
1031Brazil2026-10-16
1032United Kingdom2026-11-03
1033Russia2026-10-17
1034Argentina2026-10-10
1035France2026-11-04
1036Brazil2026-10-25
1037France2026-11-03
1038Brazil2026-10-24
1039Canada2026-10-26
1040Canada2026-10-18
1041India2026-10-25
1042Argentina2026-11-02
1043Argentina2026-10-20
1044Japan2026-11-05
1045Japan2026-10-10
1046Russia2026-11-05
1047Russia2026-10-31
1048Canada2026-11-06
1049Canada2026-11-05

On-Demand Data

NameIdCountryDate
Nicolas B Wieser1000France2026-10-20
Cody J Rulapaugh1001Italy2026-11-02
Ashley R Caldarera1002Brazil2026-10-12
Mayumi T Whobrey1003Brazil2026-11-03
Stacey G Kusko1004United Kingdom2026-10-08
Leja Y Tollner1005United Kingdom2026-10-26
Izzy C Doe1006Argentina2026-10-18
Jones U Garufi1007Italy2026-10-09
Octavia D Wieser1008Germany2026-11-03
Chavez X Flosi1009Japan2026-10-20
David U Ferencz1010Germany2026-10-09
James G Rim1011Japan2026-10-10
Maisha W Rulapaugh1012Australia2026-10-22
Maisha S Oldroyd1013United Kingdom2026-10-28
Julie D Nicka1014Germany2026-10-28
James P Shinko1015Spain2026-10-22
Adams L Dilliard1016Brazil2026-10-20
Tony I Doe1017Brazil2026-10-17
Rodrigues E Marrier1018Canada2026-10-13
Julie D Wieser1019Italy2026-11-05
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
James B SaylorsItalyStephen Shaw QUALIFIED
Arvin U PoquetteAustraliaAmy Elsner UNQUALIFIED
Murillo T VenereJapanIvan Magalhaes QUALIFIED
James J TollnerRussiaElwin Sharvill NEW
Aika X StensethAustraliaBernardo Dominic UNQUALIFIED
Clifford R FollerUnited KingdomStephen Shaw QUALIFIED
Rodrigues S GarufiArgentinaAnna Fali QUALIFIED
Emily Z DilliardArgentinaXuxue Feng UNQUALIFIED
Cody I PaprockiSpainXuxue Feng QUALIFIED
Misaki T PaprockiRussiaStephen Shaw RENEWAL
Murillo L ButtGermanyXuxue Feng PROPOSAL
Leja G FollerGermanyElwin Sharvill NEW
Morrow W InouyeRussiaOnyama Limba RENEWAL
Mayumi N SaylorsJapanAsiya Javayant RENEWAL
Misaki E NickaGermanyBernardo Dominic UNQUALIFIED
Claire U MarrierGermanyAnna Fali UNQUALIFIED
Mayumi M BowleyCanadaStephen Shaw RENEWAL
Misaki S BriddickSpainOnyama Limba NEGOTIATION
Salvatore Z BologniaRussiaElwin Sharvill NEW
Greenwood H GillianSpainAnna Fali QUALIFIED
Ricardo R InouyeJapanBernardo Dominic PROPOSAL
Murillo P VenereFranceOnyama Limba QUALIFIED
Morrow A GauchoAustraliaIvan Magalhaes QUALIFIED
Izzy A RimIndiaAmy Elsner UNQUALIFIED
Leon A CampainCanadaIoni Bowcher PROPOSAL
Silvio P NestleIndiaStephen Shaw PROPOSAL
Nicolas H GauchoSpainIoni Bowcher RENEWAL
Juan Q FollerBrazilAnna Fali UNQUALIFIED
James P FerenczAustraliaAnna Fali QUALIFIED
Wickens H TollnerBrazilIvan Magalhaes RENEWAL
Isabel Z RoysterItalyAmy Elsner PROPOSAL
Octavia E MaletCanadaAnna Fali NEW
Morrow T MacleadGermanyIvan Magalhaes RENEWAL
Antonio Z CaudySpainStephen Shaw NEGOTIATION
Wickens E KolmetzFranceXuxue Feng PROPOSAL
Smith I AmigonCanadaAmy Elsner UNQUALIFIED
David M RulapaughArgentinaAnna Fali UNQUALIFIED
Nicolas V StensethJapanBernardo Dominic QUALIFIED
Murillo A FigeroaGermanyElwin Sharvill UNQUALIFIED
Rodrigues D DarakjyFranceIvan Magalhaes 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>