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
Maisha Z BologniaUnited KingdomStephen Shaw NEW
Jennifer P KuskoCanadaBernardo Dominic RENEWAL
Aditya E KuskoAustraliaAnna Fali RENEWAL
Octavia K BologniaGermanyElwin Sharvill NEW
David Z InouyeFranceIoni Bowcher NEW
Francesco X PerinFranceAmy Elsner PROPOSAL
Wickens T ButtRussiaAnna Fali UNQUALIFIED
Greenwood Q NestleJapanAmy Elsner RENEWAL
Darci U SergiSpainIoni Bowcher NEW
Emily G CaudyAustraliaAmy Elsner UNQUALIFIED
Misaki O SlusarskiAustraliaElwin Sharvill RENEWAL
Murillo I OstroskyJapanIoni Bowcher PROPOSAL
Julie Q OldroydArgentinaAsiya Javayant QUALIFIED
Jefferson B FollerRussiaAnna Fali NEGOTIATION
Isabel I NestleSpainAmy Elsner RENEWAL
Octavia N KolmetzArgentinaAmy Elsner RENEWAL
Kaitlin B IturbideFranceStephen Shaw NEGOTIATION
Salvatore C ShinkoSpainElwin Sharvill NEGOTIATION
Jeanfrancois M GlickBrazilElwin Sharvill NEGOTIATION
Salvatore L OstroskyArgentinaBernardo Dominic PROPOSAL
Cody S SaylorsJapanBernardo Dominic QUALIFIED
Nicolas S VocelkaIndiaAsiya Javayant QUALIFIED
Stacey N StensethRussiaIvan Magalhaes PROPOSAL
Silvio J ButtCanadaXuxue Feng NEW
Ricardo G PaprockiItalyIoni Bowcher NEW
Octavia G DoeSpainAnna Fali UNQUALIFIED
Johnson L FigeroaBrazilOnyama Limba QUALIFIED
Izzy B RutaArgentinaElwin Sharvill PROPOSAL
Leon Q DilliardUnited KingdomOnyama Limba UNQUALIFIED
Salvatore T BowleyIndiaElwin Sharvill PROPOSAL
Alejandro P WaycottUnited KingdomBernardo Dominic NEW
James S CaldareraFranceElwin Sharvill NEW
Isabel F BowleyBrazilOnyama Limba NEW
Maria H MaletSpainOnyama Limba UNQUALIFIED
Jefferson Q VocelkaIndiaIvan Magalhaes NEW
Kadeem S BologniaJapanBernardo Dominic PROPOSAL
Clifford A ShinkoJapanAsiya Javayant PROPOSAL
Morrow Y FerenczJapanOnyama Limba PROPOSAL
Johnson V OldroydRussiaIoni Bowcher PROPOSAL
Leon Z GillianRussiaIvan Magalhaes UNQUALIFIED
Stacey W WhobreyArgentinaAmy Elsner NEGOTIATION
Jeanfrancois M RoysterFranceOnyama Limba PROPOSAL
Stacey S SaylorsGermanyAmy Elsner PROPOSAL
Nicolas X SergiBrazilAsiya Javayant RENEWAL
David A RutaSpainIoni Bowcher NEGOTIATION
Darci P BowleyRussiaXuxue Feng NEW
Maisha Q SlusarskiItalyStephen Shaw QUALIFIED
Jefferson E InouyeAustraliaXuxue Feng QUALIFIED
Jones W InouyeIndiaIoni Bowcher UNQUALIFIED
Ashley I RoysterCanadaAmy Elsner NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Isabel X StensethJapanAnna Fali PROPOSAL
Misaki W DarakjyRussiaElwin Sharvill NEGOTIATION
Darci N SergiAustraliaAnna Fali PROPOSAL
Izzy I AmigonJapanIvan Magalhaes NEGOTIATION
Murillo Z VocelkaItalyStephen Shaw NEW
Emily Y WaycottIndiaBernardo Dominic RENEWAL
Aruna Y PoquetteArgentinaXuxue Feng QUALIFIED
Costa U WaycottIndiaXuxue Feng UNQUALIFIED
Jeanfrancois Z FollerUnited KingdomStephen Shaw NEGOTIATION
Arvin C TollnerAustraliaStephen Shaw RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Kadeem A PoquetteRussia2026-09-01Rangoni Of Florence NEW17Ioni Bowcher
1001Jones N ChuiCanada2026-09-05Chemel, James L Cpa NEW18Asiya Javayant
1002Mujtaba N GlickGermany2026-09-07Buckley Miller Wright NEW69Elwin Sharvill
1003Maria B StensethBrazil2026-08-28Feiner Bros PROPOSAL31Stephen Shaw
1004Chavez Z DoeSpain2026-09-10Printing Dimensions QUALIFIED89Amy Elsner
1005Ricardo P WieserJapan2026-08-26Chanay, Jeffrey A Esq UNQUALIFIED92Amy Elsner
1006Isabel P MorascaJapan2026-08-25Rangoni Of Florence NEGOTIATION28Ioni Bowcher
1007Faith D FlosiRussia2026-08-25Dorl, James J Esq UNQUALIFIED33Stephen Shaw
1008Tony E SchemmerItaly2026-09-05Commercial Press PROPOSAL16Amy Elsner
1009Costa M BriddickSpain2026-08-30Morlong Associates QUALIFIED79Amy Elsner
1010Jefferson B AlbaresAustralia2026-08-24Benton, John B Jr NEW98Stephen Shaw
1011Jefferson U KolmetzCanada2026-09-04King, Christopher A Esq NEW54Elwin Sharvill
1012James I BowleySpain2026-09-11Chemel, James L Cpa UNQUALIFIED1Anna Fali
1013Silvio I WieserUnited Kingdom2026-09-02Benton, John B Jr NEW9Stephen Shaw
1014Munro X FigeroaJapan2026-08-30King, Christopher A Esq NEGOTIATION27Onyama Limba
1015Munro Q ChuiItaly2026-09-06Morlong Associates RENEWAL53Amy Elsner
1016Jefferson N PoquetteItaly2026-09-13Chapman, Ross E Esq QUALIFIED44Asiya Javayant
1017Juan X GlickRussia2026-09-17Feltz Printing Service QUALIFIED86Ivan Magalhaes
1018Murillo X ButtItaly2026-09-12Chanay, Jeffrey A Esq PROPOSAL8Ioni Bowcher
1019Jones Y RimIndia2026-08-31Rousseaux, Michael Esq QUALIFIED48Xuxue Feng
1020Emily I BologniaSpain2026-09-14Printing Dimensions UNQUALIFIED24Amy Elsner
1021Maria O SergiGermany2026-08-24Chemel, James L Cpa PROPOSAL88Ivan Magalhaes
1022Jones M SaylorsArgentina2026-09-06Truhlar And Truhlar Attys NEW17Anna Fali
1023Tony S SlusarskiJapan2026-09-08Chanay, Jeffrey A Esq QUALIFIED23Onyama Limba
1024Antonio D ShinkoAustralia2026-08-24Rangoni Of Florence NEGOTIATION83Ivan Magalhaes
1025Aruna Z DilliardItaly2026-09-14Rousseaux, Michael Esq UNQUALIFIED83Elwin Sharvill
1026James F MorascaCanada2026-08-31Feltz Printing Service PROPOSAL93Elwin Sharvill
1027Nicolas N GillianBrazil2026-09-20Chapman, Ross E Esq RENEWAL22Asiya Javayant
1028Sinclair S SlusarskiJapan2026-09-08Chemel, James L Cpa PROPOSAL92Anna Fali
1029Isabel L NestleRussia2026-08-30Chapman, Ross E Esq RENEWAL11Onyama Limba
1030Kaitlin V WieserAustralia2026-09-16Buckley Miller Wright PROPOSAL72Stephen Shaw
1031Aditya X OstroskyRussia2026-09-17Chapman, Ross E Esq QUALIFIED55Bernardo Dominic
1032Leja E GlickSpain2026-08-23Chemel, James L Cpa NEW79Elwin Sharvill
1033Misaki K PoquetteFrance2026-09-20Chapman, Ross E Esq RENEWAL24Bernardo Dominic
1034Sinclair A PaprockiBrazil2026-09-15Rangoni Of Florence NEGOTIATION4Anna Fali
1035Darci J GillianSpain2026-09-16Chanay, Jeffrey A Esq RENEWAL78Amy Elsner
1036Chavez M OstroskyAustralia2026-09-05Rangoni Of Florence PROPOSAL86Asiya Javayant
1037Mayumi X GillianIndia2026-09-02Benton, John B Jr QUALIFIED15Xuxue Feng
1038Aika C PaprockiAustralia2026-09-15Chanay, Jeffrey A Esq PROPOSAL28Xuxue Feng
1039Maria S MaletUnited Kingdom2026-08-29Feltz Printing Service PROPOSAL89Asiya Javayant
1040Deepesh G BologniaRussia2026-09-06Commercial Press UNQUALIFIED76Asiya Javayant
1041Alejandro E CampainAustralia2026-08-27Benton, John B Jr QUALIFIED42Amy Elsner
1042Greenwood A DilliardSpain2026-09-11Feltz Printing Service QUALIFIED98Anna Fali
1043Maisha I ShinkoItaly2026-09-04Commercial Press PROPOSAL22Bernardo Dominic
1044Darci P IturbideItaly2026-08-27Dorl, James J Esq NEW87Ivan Magalhaes
1045Kadeem M FlosiCanada2026-08-28Chapman, Ross E Esq UNQUALIFIED17Stephen Shaw
1046Jefferson T SaylorsCanada2026-08-24Morlong Associates PROPOSAL22Ivan Magalhaes
1047Maisha X SlusarskiUnited Kingdom2026-08-24Feltz Printing Service RENEWAL47Amy Elsner
1048Salvatore H BriddickBrazil2026-08-23Rousseaux, Michael Esq PROPOSAL13Ivan Magalhaes
1049Morrow A RoysterIndia2026-09-20King, Christopher A Esq NEW20Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
James A FigeroaIndiaAsiya Javayant NEW
Isabel R ButtFranceXuxue Feng PROPOSAL
Maisha F AlbaresArgentinaElwin Sharvill NEW
Adams K RulapaughRussiaXuxue Feng NEW
Tony W DarakjyGermanyIoni Bowcher NEW
Leja I GauchoJapanBernardo Dominic NEW
Kaitlin Y BowleyArgentinaElwin Sharvill NEGOTIATION
Kadeem U WaycottFranceAsiya Javayant NEGOTIATION
Maria I FerenczItalyAnna Fali RENEWAL
Faith D SaylorsFranceIvan Magalhaes QUALIFIED
Deepesh G GarufiBrazilAnna Fali PROPOSAL
Munro I FlosiCanadaIvan Magalhaes QUALIFIED
Darci Q FollerRussiaAsiya Javayant QUALIFIED
Octavia M MaletItalyXuxue Feng NEGOTIATION
Tony X MarrierArgentinaAmy Elsner NEGOTIATION
Octavia F IturbideArgentinaElwin Sharvill NEW
Clifford R VenereBrazilAsiya Javayant QUALIFIED
Kaitlin F DilliardAustraliaOnyama Limba PROPOSAL
Leon P SergiJapanStephen Shaw NEGOTIATION
Ashley N PoquetteArgentinaAsiya Javayant UNQUALIFIED
Ricardo S DilliardArgentinaOnyama Limba RENEWAL
Murillo I CaldareraCanadaStephen Shaw NEGOTIATION
Clifford X StensethUnited KingdomElwin Sharvill QUALIFIED
Aditya Q KolmetzBrazilStephen Shaw NEGOTIATION
Costa O OstroskyArgentinaOnyama Limba RENEWAL
Clifford Q AlbaresUnited KingdomIoni Bowcher RENEWAL
Mujtaba A FollerIndiaAnna Fali NEW
Maria Z VocelkaGermanyAnna Fali NEGOTIATION
Murillo P VenereBrazilBernardo Dominic UNQUALIFIED
Ricardo M DarakjyArgentinaAmy Elsner UNQUALIFIED
Kadeem D SchemmerFranceAsiya Javayant QUALIFIED
Faith O IturbideCanadaAmy Elsner RENEWAL
Rodrigues K FlosiIndiaXuxue Feng UNQUALIFIED
Isabel D MorascaCanadaAmy Elsner UNQUALIFIED
Nicolas Y StockhamJapanAmy Elsner NEGOTIATION
Adams B WaycottArgentinaXuxue Feng QUALIFIED
Arvin R RoysterAustraliaElwin Sharvill PROPOSAL
Johnson Y CaudyIndiaAmy Elsner RENEWAL
Misaki F FlosiArgentinaOnyama Limba NEW
Isabel J FollerFranceAnna Fali NEW
Aika Q FollerArgentinaStephen Shaw QUALIFIED
Greenwood N KolmetzArgentinaAsiya Javayant RENEWAL
Munro G SergiSpainIoni Bowcher NEGOTIATION
Darci B PaprockiRussiaAnna Fali QUALIFIED
Costa E OstroskyJapanBernardo Dominic NEW
Kadeem D GauchoGermanyOnyama Limba RENEWAL
Darci L RimArgentinaBernardo Dominic PROPOSAL
Aika R TollnerBrazilIoni Bowcher QUALIFIED
Faith G GarufiArgentinaAnna Fali NEW
Adams X ButtArgentinaXuxue Feng RENEWAL
Frozen Columns
Name
Jennifer L Poquette
Alejandro P Kolmetz
Clifford V Caudy
Rodrigues N Kusko
Smith B Gaucho
Sinclair W Butt
Faith K Stockham
Jones Z Garufi
Maisha M Schemmer
Smith C Gaucho
Sinclair R Doe
Leon V Chui
Mayumi K Foller
Kadeem I Malet
Costa Q Sergi
Antonio D Ostrosky
Rodrigues W Ferencz
Izzy R Albares
Tony S Garufi
Smith G Iturbide
Wickens J Bolognia
Cody G Slusarski
Nicolas K Maclead
Ricardo Q Doe
Faith A Doe
Johnson V Shinko
Aika F Gaucho
Julie X Marrier
Isabel M Whobrey
Jones H Amigon
Julie K Foller
Ashley H Malet
Misaki K Glick
Greenwood J Maclead
David Y Waycott
Juan Q Briddick
Aruna M Caldarera
Wickens J Doe
Jeanfrancois W Venere
Sinclair T Slusarski
Maisha G Flosi
Stacey M Ostrosky
Mayumi Z Ruta
Kaitlin B Darakjy
Mayumi O Poquette
Murillo T Caldarera
Ricardo A Foller
Sinclair Z Inouye
Kadeem I Vocelka
Faith Z Caudy
IdCountryDate
1000Australia2026-09-16
1001Russia2026-08-27
1002Spain2026-09-03
1003France2026-09-06
1004Canada2026-09-10
1005France2026-09-18
1006France2026-08-30
1007Russia2026-09-06
1008Argentina2026-09-04
1009Italy2026-08-23
1010Argentina2026-08-28
1011Japan2026-09-02
1012Japan2026-09-20
1013France2026-08-22
1014Italy2026-08-24
1015India2026-09-18
1016Spain2026-08-28
1017Brazil2026-08-28
1018Japan2026-08-26
1019United Kingdom2026-09-01
1020Italy2026-09-20
1021Germany2026-09-01
1022Brazil2026-08-29
1023Canada2026-08-30
1024Japan2026-08-29
1025Germany2026-09-01
1026France2026-08-23
1027Canada2026-09-20
1028Australia2026-09-15
1029Japan2026-09-08
1030France2026-08-22
1031Germany2026-09-17
1032Russia2026-08-22
1033United Kingdom2026-09-19
1034Italy2026-09-07
1035France2026-09-16
1036India2026-08-28
1037Brazil2026-08-22
1038Spain2026-08-31
1039France2026-09-06
1040Argentina2026-08-31
1041India2026-09-18
1042Brazil2026-09-16
1043Japan2026-08-22
1044Russia2026-09-08
1045United Kingdom2026-09-02
1046Australia2026-09-01
1047United Kingdom2026-09-18
1048Germany2026-09-12
1049Germany2026-09-18

On-Demand Data

NameIdCountryDate
Costa B Bowley1000Canada2026-08-24
Adams E Paprocki1001Spain2026-08-23
Ashley O Oldroyd1002Russia2026-08-28
Jennifer A Campain1003France2026-09-02
Nicolas K Stenseth1004Germany2026-09-02
Kaitlin Y Slusarski1005India2026-08-26
Faith B Perin1006Italy2026-08-22
Greenwood O Rim1007India2026-09-05
Faith T Shinko1008France2026-09-13
Alejandro Q Tollner1009Spain2026-09-16
Ivar U Paprocki1010United Kingdom2026-08-25
Murillo W Shinko1011United Kingdom2026-09-04
Leja R Waycott1012Japan2026-09-09
Nicolas A Briddick1013Argentina2026-09-11
Munro R Butt1014Australia2026-09-01
Mayumi F Shinko1015Russia2026-09-03
Izzy S Rim1016United Kingdom2026-09-01
Emily I Caudy1017Australia2026-09-04
Jeanfrancois S Ruta1018Spain2026-09-14
Jefferson X Rulapaugh1019France2026-09-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Cody K DilliardAustraliaIvan Magalhaes PROPOSAL
Jennifer H FerenczUnited KingdomBernardo Dominic PROPOSAL
Octavia W VenereSpainElwin Sharvill PROPOSAL
Greenwood H IturbideFranceOnyama Limba UNQUALIFIED
James U NestleIndiaStephen Shaw NEW
Ashley E GarufiJapanBernardo Dominic QUALIFIED
Misaki P MarrierSpainAnna Fali NEGOTIATION
Smith M VenereJapanIoni Bowcher RENEWAL
Silvio I BologniaGermanyStephen Shaw NEGOTIATION
Kadeem E StockhamUnited KingdomAmy Elsner QUALIFIED
Alejandro X DoeArgentinaElwin Sharvill RENEWAL
Antonio A MarrierFranceOnyama Limba UNQUALIFIED
Octavia R FerenczRussiaBernardo Dominic PROPOSAL
Mayumi Q FerenczFranceElwin Sharvill NEW
Darci P VenereFranceAnna Fali NEW
Morrow J DarakjyGermanyOnyama Limba RENEWAL
Jeanfrancois H FerenczUnited KingdomBernardo Dominic RENEWAL
Smith P RoysterItalyAnna Fali RENEWAL
Mayumi D DarakjyGermanyIoni Bowcher QUALIFIED
Darci P RimFranceOnyama Limba PROPOSAL
Stacey P NestleGermanyAsiya Javayant QUALIFIED
Misaki W BowleyGermanyStephen Shaw NEGOTIATION
Morrow S RoysterArgentinaBernardo Dominic NEGOTIATION
Kaitlin J SergiUnited KingdomIoni Bowcher PROPOSAL
Aditya D OstroskyIndiaBernardo Dominic NEW
Clifford L WieserAustraliaOnyama Limba NEW
Johnson M BriddickFranceOnyama Limba NEW
Morrow R MaletUnited KingdomAsiya Javayant NEGOTIATION
Wickens N NestleUnited KingdomElwin Sharvill NEW
Claire S AlbaresBrazilAmy Elsner PROPOSAL
Tony V SchemmerSpainStephen Shaw UNQUALIFIED
Ivar Y MarrierRussiaXuxue Feng UNQUALIFIED
James C AlbaresItalyAsiya Javayant NEW
Leja V VocelkaGermanyElwin Sharvill PROPOSAL
Mayumi F MaletGermanyIvan Magalhaes NEGOTIATION
Emily U GlickRussiaIvan Magalhaes NEW
Greenwood M MaletArgentinaXuxue Feng NEW
Cody C StockhamArgentinaStephen Shaw PROPOSAL
Izzy D RimAustraliaAnna Fali UNQUALIFIED
Izzy S AmigonRussiaBernardo Dominic 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>