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
Izzy F BriddickBrazilStephen Shaw QUALIFIED
Isabel E KolmetzRussiaAsiya Javayant QUALIFIED
Leon U RimGermanyIvan Magalhaes RENEWAL
Jefferson U RimGermanyIvan Magalhaes UNQUALIFIED
Aika Y RutaCanadaXuxue Feng RENEWAL
Cody U PoquetteUnited KingdomElwin Sharvill UNQUALIFIED
David M BologniaCanadaOnyama Limba NEGOTIATION
Faith L FlosiUnited KingdomOnyama Limba QUALIFIED
James I GlickArgentinaAmy Elsner PROPOSAL
Silvio Q SlusarskiArgentinaAnna Fali RENEWAL
Nicolas S RulapaughArgentinaAsiya Javayant NEGOTIATION
Jennifer Z SchemmerUnited KingdomStephen Shaw NEW
Smith D PoquetteIndiaXuxue Feng NEGOTIATION
Greenwood U WieserRussiaAmy Elsner RENEWAL
Ivar N StensethCanadaBernardo Dominic UNQUALIFIED
Alejandro A IturbideArgentinaAsiya Javayant NEGOTIATION
Ashley Y WaycottItalyIvan Magalhaes NEGOTIATION
Deepesh A SchemmerArgentinaAnna Fali RENEWAL
Kadeem I CampainGermanyBernardo Dominic NEGOTIATION
Salvatore Q NestleArgentinaAnna Fali PROPOSAL
Ashley U KolmetzArgentinaIoni Bowcher QUALIFIED
Ashley D KuskoCanadaOnyama Limba PROPOSAL
Adams X FigeroaUnited KingdomXuxue Feng PROPOSAL
Ricardo Y GauchoArgentinaElwin Sharvill QUALIFIED
Arvin Q KolmetzSpainIvan Magalhaes PROPOSAL
Isabel I TollnerJapanElwin Sharvill UNQUALIFIED
Isabel R SaylorsIndiaAnna Fali NEGOTIATION
Leja P KuskoCanadaAmy Elsner QUALIFIED
Morrow J IturbideGermanyElwin Sharvill NEGOTIATION
Mayumi X ShinkoGermanyAsiya Javayant QUALIFIED
Wickens B SergiSpainOnyama Limba NEGOTIATION
Tony D IturbideSpainStephen Shaw RENEWAL
Maria G PoquetteArgentinaStephen Shaw QUALIFIED
Silvio Y WaycottSpainOnyama Limba QUALIFIED
Tony W ChuiBrazilAsiya Javayant RENEWAL
Tony Q MaletCanadaAmy Elsner UNQUALIFIED
Arvin B FigeroaIndiaAmy Elsner NEGOTIATION
Murillo X WaycottArgentinaXuxue Feng UNQUALIFIED
Izzy J ShinkoGermanyStephen Shaw NEGOTIATION
Emily X RulapaughSpainStephen Shaw UNQUALIFIED
Mayumi K NestleAustraliaIvan Magalhaes NEW
Claire Z SergiAustraliaOnyama Limba NEW
Izzy Z DoeArgentinaOnyama Limba UNQUALIFIED
Alejandro I BriddickBrazilStephen Shaw RENEWAL
Greenwood D BowleyJapanBernardo Dominic NEGOTIATION
Julie J CaudyAustraliaAsiya Javayant QUALIFIED
Claire B GarufiUnited KingdomStephen Shaw NEGOTIATION
Antonio W MaletSpainStephen Shaw RENEWAL
Ashley G RutaIndiaAsiya Javayant NEW
Maisha E MarrierFranceAmy Elsner QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Munro W StensethAustraliaAnna Fali NEGOTIATION
Mujtaba D GillianAustraliaXuxue Feng RENEWAL
Jennifer Z DilliardUnited KingdomElwin Sharvill RENEWAL
Jefferson A WieserRussiaAsiya Javayant PROPOSAL
Wickens R SergiGermanyXuxue Feng RENEWAL
Ricardo R KolmetzIndiaBernardo Dominic QUALIFIED
Chavez Y MaletItalyIvan Magalhaes NEW
Jennifer B MaletArgentinaXuxue Feng PROPOSAL
Kadeem O WieserFranceBernardo Dominic UNQUALIFIED
Misaki G SchemmerUnited KingdomIoni Bowcher NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jones X ButtCanada2026-10-08Chemel, James L Cpa UNQUALIFIED82Xuxue Feng
1001Maria M PaprockiGermany2026-10-11Printing Dimensions NEGOTIATION19Asiya Javayant
1002Chavez S DilliardRussia2026-10-19Feltz Printing Service UNQUALIFIED82Elwin Sharvill
1003Aruna Z AmigonItaly2026-10-07Truhlar And Truhlar Attys UNQUALIFIED91Bernardo Dominic
1004Ashley H AlbaresJapan2026-11-01Buckley Miller Wright QUALIFIED23Onyama Limba
1005Francesco Q RulapaughItaly2026-10-28Dorl, James J Esq RENEWAL69Bernardo Dominic
1006Jennifer T AlbaresBrazil2026-11-02Dorl, James J Esq QUALIFIED24Ioni Bowcher
1007Jefferson B PoquetteArgentina2026-10-30Morlong Associates RENEWAL1Anna Fali
1008James Y MorascaSpain2026-10-21Feltz Printing Service RENEWAL38Amy Elsner
1009Juan H GarufiJapan2026-10-08Dorl, James J Esq NEGOTIATION27Ioni Bowcher
1010Aika M FigeroaAustralia2026-10-25Chemel, James L Cpa NEW59Ivan Magalhaes
1011Antonio T InouyeBrazil2026-10-23Buckley Miller Wright UNQUALIFIED34Elwin Sharvill
1012Clifford C SchemmerArgentina2026-10-21Buckley Miller Wright UNQUALIFIED6Ivan Magalhaes
1013Emily V MarrierCanada2026-10-16Feiner Bros UNQUALIFIED46Amy Elsner
1014Jennifer Z GillianFrance2026-10-30King, Christopher A Esq RENEWAL47Onyama Limba
1015Rodrigues E WieserCanada2026-10-22Morlong Associates NEW78Amy Elsner
1016Maria E VenereJapan2026-10-18Dorl, James J Esq UNQUALIFIED54Ioni Bowcher
1017Costa Q KolmetzBrazil2026-10-10Dorl, James J Esq PROPOSAL81Amy Elsner
1018Alejandro V PoquetteSpain2026-10-27Truhlar And Truhlar Attys NEGOTIATION47Xuxue Feng
1019Mujtaba Z ChuiFrance2026-10-07King, Christopher A Esq QUALIFIED45Elwin Sharvill
1020Claire M ChuiGermany2026-10-15Rangoni Of Florence UNQUALIFIED31Stephen Shaw
1021Aruna U OldroydSpain2026-11-04Chapman, Ross E Esq UNQUALIFIED54Amy Elsner
1022Jefferson O CaldareraJapan2026-10-14Morlong Associates PROPOSAL91Bernardo Dominic
1023Jefferson U BowleyFrance2026-10-28Feiner Bros RENEWAL89Bernardo Dominic
1024Julie P TollnerGermany2026-10-21Rangoni Of Florence QUALIFIED23Bernardo Dominic
1025Aika I PaprockiArgentina2026-10-29Dorl, James J Esq QUALIFIED17Elwin Sharvill
1026Ashley T StensethItaly2026-10-14Chemel, James L Cpa NEW19Stephen Shaw
1027Jeanfrancois N FlosiRussia2026-10-06Truhlar And Truhlar Attys PROPOSAL24Ivan Magalhaes
1028Greenwood Q DoeItaly2026-10-11Chanay, Jeffrey A Esq RENEWAL49Elwin Sharvill
1029Ashley L StensethAustralia2026-10-29King, Christopher A Esq QUALIFIED69Ioni Bowcher
1030Misaki J GlickArgentina2026-10-16Morlong Associates UNQUALIFIED41Onyama Limba
1031Emily F MaletArgentina2026-10-11Dorl, James J Esq PROPOSAL82Amy Elsner
1032Morrow T CampainFrance2026-10-14Commercial Press UNQUALIFIED84Amy Elsner
1033Leja S DoeArgentina2026-11-03Feiner Bros PROPOSAL71Asiya Javayant
1034Octavia S WaycottUnited Kingdom2026-10-29Rousseaux, Michael Esq NEW52Elwin Sharvill
1035Emily R MaletJapan2026-10-29Chapman, Ross E Esq PROPOSAL26Onyama Limba
1036Leon D VenereUnited Kingdom2026-10-17Chemel, James L Cpa RENEWAL42Anna Fali
1037Aika Q MaletBrazil2026-10-21King, Christopher A Esq PROPOSAL95Onyama Limba
1038Silvio H OstroskyRussia2026-10-08Printing Dimensions RENEWAL1Xuxue Feng
1039Arvin O CaldareraArgentina2026-11-04King, Christopher A Esq NEW93Elwin Sharvill
1040Julie E WhobreyRussia2026-10-17Benton, John B Jr NEW30Amy Elsner
1041Jefferson Y KolmetzItaly2026-10-24Commercial Press PROPOSAL12Ioni Bowcher
1042Antonio U KuskoRussia2026-10-16Dorl, James J Esq RENEWAL78Asiya Javayant
1043Johnson D PaprockiArgentina2026-10-20Rousseaux, Michael Esq QUALIFIED37Onyama Limba
1044Antonio L FerenczFrance2026-11-04Commercial Press RENEWAL25Bernardo Dominic
1045Aruna Q RimIndia2026-10-24Feltz Printing Service NEGOTIATION8Ioni Bowcher
1046Stacey C CaudySpain2026-11-02King, Christopher A Esq QUALIFIED35Anna Fali
1047Johnson A TollnerIndia2026-10-27King, Christopher A Esq UNQUALIFIED44Ivan Magalhaes
1048Mayumi O VocelkaBrazil2026-10-14Printing Dimensions PROPOSAL45Ivan Magalhaes
1049Aika C SlusarskiRussia2026-11-01Commercial Press NEGOTIATION10Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Octavia A SergiIndiaStephen Shaw RENEWAL
Aditya W CampainJapanIoni Bowcher QUALIFIED
Wickens S NickaBrazilElwin Sharvill RENEWAL
Alejandro L IturbideItalyBernardo Dominic PROPOSAL
Johnson H MaletBrazilAnna Fali UNQUALIFIED
Jeanfrancois V WhobreyUnited KingdomOnyama Limba QUALIFIED
Izzy O StockhamIndiaXuxue Feng NEGOTIATION
Ashley S KolmetzSpainAmy Elsner NEW
Wickens I StensethJapanAnna Fali NEGOTIATION
Jeanfrancois X FerenczArgentinaAmy Elsner NEW
Mayumi W ChuiArgentinaStephen Shaw NEGOTIATION
Darci O SergiCanadaIoni Bowcher RENEWAL
Kaitlin C SaylorsJapanAmy Elsner NEW
Morrow S PaprockiCanadaAsiya Javayant RENEWAL
Maisha Y RoysterUnited KingdomAmy Elsner UNQUALIFIED
Misaki N NestleFranceElwin Sharvill NEW
Tony H SlusarskiRussiaStephen Shaw RENEWAL
Maisha G OldroydArgentinaOnyama Limba RENEWAL
Izzy U SchemmerBrazilElwin Sharvill QUALIFIED
Francesco S WaycottSpainBernardo Dominic NEW
Leon V GarufiIndiaOnyama Limba QUALIFIED
Julie S BowleyJapanIoni Bowcher NEW
Jefferson K PerinFranceStephen Shaw QUALIFIED
Isabel C ButtFranceOnyama Limba NEW
Wickens A KolmetzArgentinaBernardo Dominic QUALIFIED
Silvio V DoeIndiaXuxue Feng NEW
Jones G RutaSpainAnna Fali QUALIFIED
Nicolas W FollerArgentinaStephen Shaw UNQUALIFIED
Mujtaba A StockhamItalyAsiya Javayant QUALIFIED
Morrow H PerinSpainStephen Shaw PROPOSAL
Misaki P DarakjyGermanyOnyama Limba QUALIFIED
Greenwood U TollnerAustraliaXuxue Feng PROPOSAL
Jones Y BologniaCanadaAsiya Javayant UNQUALIFIED
Wickens R KolmetzArgentinaXuxue Feng RENEWAL
Alejandro V FigeroaAustraliaElwin Sharvill UNQUALIFIED
Adams V GillianGermanyAsiya Javayant PROPOSAL
Munro Y SchemmerFranceAsiya Javayant QUALIFIED
Stacey W CaudyAustraliaOnyama Limba UNQUALIFIED
Salvatore J BologniaUnited KingdomElwin Sharvill NEGOTIATION
Wickens B DoeSpainAsiya Javayant NEGOTIATION
Aika F VenereArgentinaAnna Fali PROPOSAL
Faith H ChuiItalyBernardo Dominic NEGOTIATION
Deepesh B MaletArgentinaStephen Shaw NEW
Aruna M StockhamSpainOnyama Limba PROPOSAL
Emily M ShinkoSpainAsiya Javayant PROPOSAL
James M DoeAustraliaStephen Shaw RENEWAL
Julie G WieserIndiaAsiya Javayant QUALIFIED
Costa F OldroydAustraliaElwin Sharvill NEW
Claire A CaudyAustraliaXuxue Feng NEW
Leon O GauchoArgentinaOnyama Limba PROPOSAL
Frozen Columns
Name
Julie I Flosi
Ivar P Flosi
Mayumi H Slusarski
Greenwood E Poquette
Sinclair T Stockham
Jeanfrancois T Briddick
Ivar D Wieser
Claire M Gillian
Jennifer X Morasca
Claire Z Paprocki
Salvatore U Rim
Morrow Y Ferencz
Mujtaba R Butt
Jennifer X Foller
Leja X Darakjy
James S Ferencz
Juan P Amigon
Rodrigues N Kolmetz
Jennifer Y Perin
Francesco O Rim
Ricardo T Tollner
Izzy M Stockham
Leon F Kusko
Jeanfrancois J Bolognia
Jennifer I Figeroa
Izzy K Ruta
Ricardo C Oldroyd
Leja Y Morasca
Jeanfrancois S Inouye
Aruna C Gillian
Johnson V Nicka
Darci E Gillian
Morrow G Poquette
Darci X Oldroyd
Rodrigues Q Ferencz
Ricardo J Kolmetz
Kaitlin Y Gaucho
Kaitlin U Iturbide
David U Tollner
Tony B Albares
Mujtaba J Ferencz
Ivar C Rulapaugh
Octavia X Glick
Johnson N Maclead
Chavez M Figeroa
Octavia J Waycott
Salvatore U Whobrey
Jones Y Marrier
Misaki E Kolmetz
Morrow F Inouye
IdCountryDate
1000Canada2026-11-01
1001Spain2026-11-03
1002United Kingdom2026-10-15
1003France2026-10-12
1004Argentina2026-10-07
1005France2026-10-18
1006Spain2026-10-27
1007United Kingdom2026-11-02
1008France2026-10-13
1009Brazil2026-10-30
1010Brazil2026-10-12
1011Italy2026-10-17
1012Russia2026-10-28
1013Spain2026-11-02
1014Australia2026-10-06
1015United Kingdom2026-10-25
1016India2026-10-07
1017Japan2026-10-17
1018Japan2026-10-23
1019Canada2026-10-09
1020France2026-10-07
1021Japan2026-10-19
1022Russia2026-10-17
1023Japan2026-11-02
1024France2026-10-08
1025Italy2026-10-25
1026Italy2026-10-08
1027Germany2026-10-12
1028India2026-10-24
1029Germany2026-10-29
1030Australia2026-10-29
1031Germany2026-10-25
1032Italy2026-10-31
1033Australia2026-10-23
1034Germany2026-10-17
1035Brazil2026-10-06
1036Argentina2026-10-15
1037Germany2026-10-13
1038Argentina2026-10-24
1039Spain2026-10-12
1040Australia2026-10-25
1041India2026-10-08
1042Germany2026-10-16
1043Brazil2026-10-24
1044Italy2026-10-14
1045Brazil2026-10-11
1046United Kingdom2026-10-26
1047Spain2026-10-25
1048Japan2026-10-08
1049France2026-10-08

On-Demand Data

NameIdCountryDate
Darci B Albares1000Brazil2026-10-16
Leja N Malet1001Brazil2026-10-08
Tony N Whobrey1002Germany2026-10-31
Mayumi O Bolognia1003United Kingdom2026-10-29
Maria D Morasca1004Japan2026-10-17
Jeanfrancois T Nicka1005Spain2026-10-31
Jones V Campain1006Germany2026-10-21
Jones G Vocelka1007France2026-10-19
Izzy Q Ostrosky1008Spain2026-10-25
Emily A Nicka1009United Kingdom2026-10-08
Deepesh Y Stockham1010Australia2026-10-27
Izzy I Marrier1011Germany2026-10-26
Johnson Z Gaucho1012Australia2026-10-31
Chavez V Ferencz1013Australia2026-11-03
Aika U Wieser1014Germany2026-10-31
Ashley N Maclead1015Australia2026-10-09
David Z Maclead1016Canada2026-10-12
Darci Z Royster1017United Kingdom2026-10-25
Silvio X Chui1018India2026-10-16
Deepesh N Nestle1019Argentina2026-11-02
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Ricardo Y VocelkaBrazilXuxue Feng NEGOTIATION
Jefferson G WieserSpainAmy Elsner PROPOSAL
James W NestleCanadaIoni Bowcher QUALIFIED
Clifford W BologniaBrazilIvan Magalhaes PROPOSAL
Cody M ChuiUnited KingdomBernardo Dominic NEW
Greenwood K FollerAustraliaBernardo Dominic PROPOSAL
Jones E KolmetzBrazilOnyama Limba UNQUALIFIED
Ricardo F RulapaughFranceXuxue Feng NEW
Kaitlin B MarrierRussiaElwin Sharvill RENEWAL
Morrow U DarakjyBrazilXuxue Feng UNQUALIFIED
Cody A RimFranceAsiya Javayant PROPOSAL
Salvatore M FigeroaBrazilIvan Magalhaes NEW
Francesco P VenereFranceIvan Magalhaes NEGOTIATION
Antonio V GarufiItalyBernardo Dominic NEW
Wickens P RulapaughBrazilElwin Sharvill NEGOTIATION
James W WaycottBrazilAnna Fali QUALIFIED
Murillo L KolmetzUnited KingdomIvan Magalhaes NEGOTIATION
David K AlbaresAustraliaXuxue Feng QUALIFIED
Darci I DilliardFranceStephen Shaw RENEWAL
Chavez A OldroydFranceBernardo Dominic QUALIFIED
Silvio F ChuiAustraliaAnna Fali QUALIFIED
Mayumi P ShinkoJapanBernardo Dominic RENEWAL
Faith O GarufiJapanOnyama Limba PROPOSAL
Greenwood J ShinkoFranceOnyama Limba NEW
Ricardo T ButtAustraliaAnna Fali PROPOSAL
Emily A WhobreyJapanOnyama Limba PROPOSAL
Faith C ShinkoRussiaAmy Elsner UNQUALIFIED
Johnson F WaycottBrazilStephen Shaw NEGOTIATION
Silvio K RulapaughBrazilElwin Sharvill PROPOSAL
Deepesh A WieserArgentinaOnyama Limba QUALIFIED
Kaitlin Z FerenczGermanyStephen Shaw UNQUALIFIED
Isabel M TollnerGermanyElwin Sharvill UNQUALIFIED
Kaitlin O StensethArgentinaAsiya Javayant RENEWAL
Jones I SergiUnited KingdomBernardo Dominic QUALIFIED
Ricardo Q RoysterGermanyElwin Sharvill NEGOTIATION
Nicolas U SaylorsArgentinaAmy Elsner RENEWAL
Juan C MorascaSpainAsiya Javayant QUALIFIED
Rodrigues I StensethSpainAsiya Javayant UNQUALIFIED
Munro U GillianBrazilElwin Sharvill PROPOSAL
Stacey A WaycottArgentinaOnyama Limba UNQUALIFIED

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