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
Faith K CaldareraGermanyXuxue Feng UNQUALIFIED
Smith B MorascaFranceOnyama Limba NEW
James M SchemmerGermanyBernardo Dominic RENEWAL
Clifford W ChuiArgentinaBernardo Dominic RENEWAL
Claire K ChuiRussiaIvan Magalhaes QUALIFIED
Francesco T DarakjySpainIoni Bowcher RENEWAL
Faith H BowleyFranceAsiya Javayant NEGOTIATION
Adams U MarrierGermanyIvan Magalhaes RENEWAL
Ashley J DilliardIndiaElwin Sharvill RENEWAL
Arvin B ChuiJapanIvan Magalhaes NEGOTIATION
Aruna O InouyeBrazilXuxue Feng NEGOTIATION
Francesco W CampainSpainAnna Fali PROPOSAL
Claire N MorascaFranceElwin Sharvill PROPOSAL
Leja E DoeAustraliaXuxue Feng RENEWAL
Darci Z MaletRussiaAsiya Javayant RENEWAL
Stacey H CaldareraJapanXuxue Feng UNQUALIFIED
Izzy H CampainGermanyAnna Fali PROPOSAL
Julie M DarakjyGermanyElwin Sharvill QUALIFIED
Ivar B NickaRussiaElwin Sharvill NEGOTIATION
Claire G FlosiIndiaAsiya Javayant UNQUALIFIED
Greenwood Y PaprockiArgentinaAmy Elsner NEW
Aika Q MacleadFranceStephen Shaw PROPOSAL
Stacey Y PaprockiRussiaAmy Elsner UNQUALIFIED
Nicolas R GlickIndiaXuxue Feng QUALIFIED
Deepesh N VenereItalyXuxue Feng NEGOTIATION
Kaitlin O SergiBrazilOnyama Limba UNQUALIFIED
Jones W DoeGermanyAmy Elsner RENEWAL
Greenwood W WaycottBrazilIoni Bowcher RENEWAL
Aruna A AlbaresFranceStephen Shaw RENEWAL
Deepesh N RutaRussiaAmy Elsner QUALIFIED
Johnson P BologniaCanadaAsiya Javayant NEGOTIATION
Tony H TollnerSpainStephen Shaw PROPOSAL
Clifford H DilliardItalyOnyama Limba NEGOTIATION
Adams G ChuiArgentinaIoni Bowcher QUALIFIED
Sinclair G PaprockiBrazilAmy Elsner UNQUALIFIED
Smith F MaletSpainIoni Bowcher RENEWAL
Antonio D NestleUnited KingdomAnna Fali PROPOSAL
Leja Q WaycottAustraliaOnyama Limba RENEWAL
Johnson V CaudyRussiaIoni Bowcher NEGOTIATION
Deepesh Q FollerAustraliaAmy Elsner QUALIFIED
Ivar N CaudyJapanElwin Sharvill QUALIFIED
Alejandro H DarakjyCanadaAnna Fali QUALIFIED
Isabel G ChuiFranceIvan Magalhaes QUALIFIED
Mujtaba R AmigonIndiaBernardo Dominic NEW
Chavez S OldroydAustraliaStephen Shaw PROPOSAL
Tony D MaletFranceXuxue Feng UNQUALIFIED
Chavez L RulapaughBrazilBernardo Dominic UNQUALIFIED
Ivar Q VocelkaIndiaIoni Bowcher RENEWAL
Deepesh D IturbideUnited KingdomElwin Sharvill PROPOSAL
Rodrigues T GlickRussiaAsiya Javayant NEW
Horizontal
NameCountryRepresentativeStatus
Stacey O DilliardJapanElwin Sharvill UNQUALIFIED
Julie F CaudyIndiaAnna Fali RENEWAL
Octavia P TollnerGermanyBernardo Dominic UNQUALIFIED
Mujtaba O KolmetzItalyStephen Shaw PROPOSAL
Ivar N AmigonIndiaIvan Magalhaes PROPOSAL
Leon L MarrierAustraliaXuxue Feng QUALIFIED
Tony L MaletJapanStephen Shaw UNQUALIFIED
Salvatore W SaylorsCanadaOnyama Limba UNQUALIFIED
Mayumi Q WhobreyCanadaElwin Sharvill QUALIFIED
Alejandro R VocelkaCanadaElwin Sharvill NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jones K CampainCanada2026-10-01Printing Dimensions UNQUALIFIED40Xuxue Feng
1001Octavia F PoquetteRussia2026-10-11Feltz Printing Service QUALIFIED5Bernardo Dominic
1002Jefferson I FlosiJapan2026-09-27Morlong Associates RENEWAL22Elwin Sharvill
1003Chavez D RulapaughJapan2026-10-03Dorl, James J Esq NEW1Bernardo Dominic
1004Faith R ButtUnited Kingdom2026-09-24Dorl, James J Esq NEW35Asiya Javayant
1005Leja H CaudyBrazil2026-10-02Feltz Printing Service UNQUALIFIED30Asiya Javayant
1006Faith C IturbideUnited Kingdom2026-09-26Dorl, James J Esq NEGOTIATION60Ivan Magalhaes
1007Alejandro C CaldareraCanada2026-10-06Benton, John B Jr NEGOTIATION72Xuxue Feng
1008Isabel O IturbideBrazil2026-09-24Feltz Printing Service RENEWAL50Anna Fali
1009Maria O BowleyCanada2026-09-26Benton, John B Jr NEW2Amy Elsner
1010Antonio Y NickaArgentina2026-09-27Chapman, Ross E Esq NEW76Anna Fali
1011Cody K NickaBrazil2026-09-24Chemel, James L Cpa PROPOSAL22Xuxue Feng
1012Johnson Y RutaJapan2026-10-12Chanay, Jeffrey A Esq RENEWAL39Elwin Sharvill
1013Silvio I FlosiItaly2026-09-21Dorl, James J Esq PROPOSAL58Amy Elsner
1014Julie V ChuiFrance2026-09-30Feltz Printing Service PROPOSAL57Ioni Bowcher
1015Silvio S VocelkaSpain2026-10-05Chemel, James L Cpa UNQUALIFIED91Bernardo Dominic
1016Jefferson I DarakjyCanada2026-09-21Commercial Press PROPOSAL62Elwin Sharvill
1017Aditya E VocelkaFrance2026-09-15Morlong Associates NEW24Asiya Javayant
1018Salvatore U MacleadArgentina2026-09-26Feltz Printing Service PROPOSAL63Asiya Javayant
1019Octavia D CaudyUnited Kingdom2026-09-25King, Christopher A Esq NEW85Ioni Bowcher
1020Ricardo P DoeItaly2026-09-16Dorl, James J Esq QUALIFIED99Xuxue Feng
1021Ashley Z WaycottGermany2026-09-15Printing Dimensions NEW2Bernardo Dominic
1022Izzy I FerenczCanada2026-10-07Printing Dimensions NEGOTIATION55Asiya Javayant
1023Munro U MaletBrazil2026-09-30Chapman, Ross E Esq RENEWAL28Anna Fali
1024Jennifer W RulapaughCanada2026-09-30Dorl, James J Esq RENEWAL46Elwin Sharvill
1025Isabel P GlickUnited Kingdom2026-10-11Morlong Associates NEGOTIATION39Asiya Javayant
1026Maisha F GlickItaly2026-09-18Chemel, James L Cpa NEGOTIATION59Ivan Magalhaes
1027Ashley F GarufiCanada2026-09-20Rousseaux, Michael Esq NEW63Bernardo Dominic
1028James B InouyeCanada2026-10-06Printing Dimensions NEGOTIATION65Stephen Shaw
1029Juan K NickaRussia2026-10-03Commercial Press PROPOSAL81Bernardo Dominic
1030Nicolas E SergiCanada2026-10-09Commercial Press RENEWAL47Xuxue Feng
1031Kaitlin R GarufiRussia2026-09-28Commercial Press QUALIFIED61Bernardo Dominic
1032Jones S MorascaJapan2026-09-26Morlong Associates UNQUALIFIED29Ioni Bowcher
1033Wickens O RulapaughFrance2026-09-22Morlong Associates NEGOTIATION87Asiya Javayant
1034Izzy H ButtFrance2026-10-14Chapman, Ross E Esq PROPOSAL51Asiya Javayant
1035Greenwood X SaylorsAustralia2026-10-10Buckley Miller Wright NEW72Anna Fali
1036Stacey Q VenereUnited Kingdom2026-09-16Dorl, James J Esq NEGOTIATION49Anna Fali
1037Nicolas K FollerUnited Kingdom2026-10-10Printing Dimensions QUALIFIED34Stephen Shaw
1038Darci H InouyeSpain2026-09-22Commercial Press RENEWAL26Elwin Sharvill
1039Isabel R ButtCanada2026-09-16Commercial Press QUALIFIED28Anna Fali
1040James Q MaletCanada2026-09-17Feltz Printing Service NEW12Elwin Sharvill
1041Stacey K MorascaItaly2026-09-22Benton, John B Jr PROPOSAL27Ivan Magalhaes
1042Antonio T InouyeUnited Kingdom2026-09-15Benton, John B Jr QUALIFIED12Anna Fali
1043Cody H AmigonItaly2026-10-04Feiner Bros RENEWAL22Anna Fali
1044Sinclair O OstroskyAustralia2026-09-24Chanay, Jeffrey A Esq QUALIFIED56Ivan Magalhaes
1045Julie O ButtFrance2026-10-07King, Christopher A Esq NEGOTIATION71Stephen Shaw
1046Leja K AmigonItaly2026-10-09Chapman, Ross E Esq NEGOTIATION64Elwin Sharvill
1047Darci O DarakjyCanada2026-09-19Truhlar And Truhlar Attys RENEWAL26Amy Elsner
1048Emily J WieserJapan2026-09-28Benton, John B Jr UNQUALIFIED18Onyama Limba
1049Jefferson F NestleArgentina2026-10-02Buckley Miller Wright NEGOTIATION97Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Aditya B VenereItalyXuxue Feng RENEWAL
Wickens P FlosiAustraliaAsiya Javayant PROPOSAL
Jennifer G SaylorsGermanyAnna Fali RENEWAL
Leja Y FollerGermanyXuxue Feng NEGOTIATION
Ricardo S WieserSpainAsiya Javayant NEW
Jennifer M GillianUnited KingdomElwin Sharvill PROPOSAL
Julie D PaprockiAustraliaAmy Elsner UNQUALIFIED
Mujtaba D AlbaresSpainBernardo Dominic NEW
Salvatore T IturbideSpainBernardo Dominic UNQUALIFIED
Arvin Z CaldareraCanadaElwin Sharvill QUALIFIED
Claire V RulapaughIndiaOnyama Limba UNQUALIFIED
Ashley U SlusarskiCanadaAnna Fali UNQUALIFIED
Claire Q WaycottGermanyIvan Magalhaes PROPOSAL
Costa R GlickItalyAnna Fali NEGOTIATION
Julie U ChuiGermanyXuxue Feng PROPOSAL
Smith V GarufiAustraliaAsiya Javayant PROPOSAL
Jefferson F GlickCanadaAsiya Javayant PROPOSAL
Silvio V PaprockiUnited KingdomOnyama Limba UNQUALIFIED
Clifford K VenereRussiaStephen Shaw NEGOTIATION
Jones P IturbideArgentinaBernardo Dominic NEGOTIATION
Leon Q FollerArgentinaIvan Magalhaes NEGOTIATION
James N KuskoBrazilIoni Bowcher QUALIFIED
Chavez K KolmetzRussiaXuxue Feng NEGOTIATION
Maisha M BologniaRussiaIoni Bowcher RENEWAL
Nicolas U BologniaItalyIvan Magalhaes RENEWAL
Darci D GillianItalyBernardo Dominic NEGOTIATION
Chavez U FlosiItalyAnna Fali NEGOTIATION
Morrow U AmigonBrazilIvan Magalhaes PROPOSAL
Francesco F GlickBrazilAmy Elsner RENEWAL
Darci O PoquetteFranceOnyama Limba QUALIFIED
Clifford C VenereSpainBernardo Dominic NEW
Juan G RoysterGermanyAsiya Javayant RENEWAL
Mayumi N TollnerItalyAmy Elsner RENEWAL
Johnson G StensethGermanyStephen Shaw PROPOSAL
Aditya I PoquetteCanadaAsiya Javayant NEW
Ivar J SergiBrazilBernardo Dominic PROPOSAL
Emily N WaycottAustraliaOnyama Limba NEW
Maisha W VocelkaSpainAsiya Javayant PROPOSAL
Francesco A DilliardItalyAnna Fali PROPOSAL
Mujtaba C CaldareraFranceAsiya Javayant PROPOSAL
Nicolas K AmigonFranceIoni Bowcher UNQUALIFIED
Jennifer W NickaRussiaOnyama Limba RENEWAL
Kaitlin K SaylorsUnited KingdomIoni Bowcher NEGOTIATION
Arvin I OldroydFranceIoni Bowcher PROPOSAL
Clifford U GlickGermanyIoni Bowcher QUALIFIED
Maria L VenereFranceAmy Elsner PROPOSAL
Arvin Z DarakjyFranceAnna Fali RENEWAL
Leja T TollnerJapanStephen Shaw RENEWAL
Ricardo Q NickaRussiaAsiya Javayant NEW
Morrow Z MarrierGermanyOnyama Limba RENEWAL
Frozen Columns
Name
Morrow D Stockham
Smith K Stockham
Sinclair J Malet
Alejandro H Foller
Jennifer D Vocelka
Maria H Briddick
Ashley H Amigon
Salvatore Y Flosi
Mayumi I Malet
Wickens T Figeroa
Jefferson V Figeroa
Jefferson Z Malet
Jennifer Q Gillian
Mujtaba Q Rim
Adams E Slusarski
Misaki B Gillian
Maisha F Stockham
Maisha I Ostrosky
Jennifer C Shinko
Izzy S Stockham
Ricardo B Oldroyd
Stacey J Butt
Aditya U Ostrosky
Jefferson S Caldarera
Chavez U Waycott
Leon X Doe
Adams O Figeroa
Kaitlin Y Bowley
Jeanfrancois S Briddick
Jefferson N Oldroyd
Alejandro D Glick
Ricardo A Kolmetz
Ricardo B Maclead
Costa Q Tollner
Jefferson I Dilliard
Silvio W Albares
Claire F Garufi
David E Rulapaugh
Izzy S Malet
Greenwood Z Darakjy
Costa V Morasca
Morrow M Nicka
Aika N Chui
James C Albares
Aditya N Venere
Johnson K Albares
David J Oldroyd
Sinclair G Kolmetz
James Z Gaucho
Arvin G Saylors
IdCountryDate
1000Australia2026-10-04
1001Germany2026-09-27
1002Canada2026-10-06
1003Spain2026-09-23
1004Australia2026-10-10
1005Spain2026-10-14
1006Russia2026-09-18
1007Japan2026-10-06
1008Japan2026-09-22
1009India2026-10-09
1010Russia2026-10-07
1011France2026-09-19
1012Brazil2026-10-12
1013Argentina2026-10-13
1014Russia2026-10-09
1015Brazil2026-10-07
1016Australia2026-09-21
1017United Kingdom2026-10-01
1018India2026-09-26
1019Canada2026-09-22
1020Brazil2026-10-04
1021Australia2026-10-02
1022Japan2026-10-10
1023Canada2026-09-23
1024Russia2026-10-08
1025Brazil2026-09-17
1026Brazil2026-09-27
1027France2026-10-07
1028Argentina2026-10-12
1029Australia2026-10-10
1030Germany2026-09-15
1031India2026-09-20
1032Japan2026-09-15
1033Japan2026-09-29
1034Russia2026-09-23
1035France2026-09-15
1036United Kingdom2026-09-15
1037Argentina2026-10-07
1038Italy2026-09-21
1039India2026-10-03
1040Italy2026-10-10
1041Spain2026-09-27
1042Italy2026-09-21
1043Brazil2026-09-29
1044United Kingdom2026-10-14
1045United Kingdom2026-09-19
1046Australia2026-10-02
1047Germany2026-10-05
1048Germany2026-10-04
1049Spain2026-09-28

On-Demand Data

NameIdCountryDate
David K Nicka1000France2026-09-20
Sinclair T Poquette1001Australia2026-09-20
Aika E Sergi1002Argentina2026-09-20
Deepesh W Malet1003France2026-09-25
Costa U Butt1004Australia2026-09-28
Aika R Caudy1005Brazil2026-09-29
Juan D Inouye1006Spain2026-09-20
Jefferson E Shinko1007Germany2026-09-21
Deepesh H Vocelka1008Germany2026-09-23
Alejandro C Slusarski1009Spain2026-10-04
Juan H Malet1010Argentina2026-09-19
Arvin T Gillian1011Italy2026-09-23
Murillo F Rulapaugh1012India2026-09-23
Stacey H Albares1013Brazil2026-09-28
Antonio W Figeroa1014Argentina2026-09-23
Kaitlin G Venere1015Spain2026-09-29
Emily F Flosi1016India2026-09-19
Rodrigues C Stenseth1017India2026-09-29
Aika P Whobrey1018India2026-10-14
Maria Z Sergi1019Brazil2026-09-25
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Salvatore M DoeCanadaOnyama Limba RENEWAL
Stacey Q ShinkoRussiaBernardo Dominic NEGOTIATION
Arvin G OldroydRussiaAnna Fali NEW
Leon O TollnerSpainAsiya Javayant NEW
Leja V ShinkoIndiaXuxue Feng PROPOSAL
Adams L GarufiFranceBernardo Dominic UNQUALIFIED
Greenwood Q NickaRussiaIvan Magalhaes NEGOTIATION
Maria L PerinCanadaElwin Sharvill NEGOTIATION
Rodrigues E CaudyFranceBernardo Dominic UNQUALIFIED
Juan U WaycottAustraliaAnna Fali NEW
Izzy M DarakjySpainAmy Elsner NEGOTIATION
Isabel H NickaUnited KingdomStephen Shaw PROPOSAL
Misaki C RutaArgentinaIvan Magalhaes NEGOTIATION
Tony B SlusarskiUnited KingdomStephen Shaw NEGOTIATION
Jefferson Q DilliardFranceBernardo Dominic NEW
Isabel V FollerJapanIvan Magalhaes PROPOSAL
James G GillianCanadaAnna Fali PROPOSAL
Adams V MacleadJapanOnyama Limba PROPOSAL
Johnson M CaudyAustraliaElwin Sharvill NEW
Octavia A FollerFranceAnna Fali UNQUALIFIED
Mujtaba X OldroydUnited KingdomAsiya Javayant RENEWAL
Ashley K CampainRussiaBernardo Dominic QUALIFIED
Murillo I MacleadJapanAmy Elsner PROPOSAL
Maria D ButtGermanyAsiya Javayant RENEWAL
Costa R StensethIndiaStephen Shaw RENEWAL
Emily X OldroydJapanXuxue Feng UNQUALIFIED
Adams E IturbideJapanXuxue Feng PROPOSAL
Deepesh V PaprockiJapanAmy Elsner NEGOTIATION
Greenwood P NestleRussiaAnna Fali RENEWAL
Isabel D IturbideBrazilStephen Shaw PROPOSAL
Murillo K OstroskyIndiaIvan Magalhaes QUALIFIED
Misaki A KuskoIndiaBernardo Dominic PROPOSAL
James L CaldareraIndiaAnna Fali QUALIFIED
Aruna P GlickJapanOnyama Limba RENEWAL
Clifford W KolmetzIndiaOnyama Limba QUALIFIED
Juan V RutaCanadaAsiya Javayant RENEWAL
Aditya A SchemmerFranceStephen Shaw NEGOTIATION
Faith T PoquetteFranceIoni Bowcher NEGOTIATION
Silvio R AlbaresJapanAmy Elsner QUALIFIED
Morrow X BowleyFranceOnyama Limba NEW

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