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
Jefferson P FlosiBrazilIoni Bowcher NEW
Leon V DoeSpainBernardo Dominic UNQUALIFIED
Clifford A MarrierRussiaIoni Bowcher NEW
Jennifer X OstroskyGermanyXuxue Feng UNQUALIFIED
Ashley U StockhamSpainElwin Sharvill RENEWAL
Stacey M AlbaresUnited KingdomOnyama Limba RENEWAL
Arvin Y GillianAustraliaAnna Fali PROPOSAL
Jefferson A WieserJapanAmy Elsner UNQUALIFIED
Nicolas I SchemmerJapanStephen Shaw PROPOSAL
Isabel O MorascaJapanXuxue Feng UNQUALIFIED
Juan L GillianRussiaAnna Fali UNQUALIFIED
Tony L SaylorsJapanStephen Shaw PROPOSAL
Mayumi G SlusarskiRussiaAsiya Javayant PROPOSAL
Alejandro I MorascaJapanBernardo Dominic NEGOTIATION
Jennifer W BriddickJapanAsiya Javayant UNQUALIFIED
Adams O RutaSpainStephen Shaw QUALIFIED
Leja F MaletBrazilAsiya Javayant UNQUALIFIED
Adams E PaprockiArgentinaAmy Elsner RENEWAL
Alejandro N GillianBrazilStephen Shaw QUALIFIED
Munro F FigeroaGermanyStephen Shaw NEGOTIATION
Jennifer Y OstroskyGermanyAmy Elsner QUALIFIED
Isabel J BowleySpainAsiya Javayant RENEWAL
Jeanfrancois R DarakjyGermanyElwin Sharvill UNQUALIFIED
Smith W TollnerItalyBernardo Dominic QUALIFIED
Chavez G ButtSpainElwin Sharvill NEW
Deepesh E BriddickFranceIoni Bowcher NEGOTIATION
Adams W KuskoUnited KingdomIvan Magalhaes NEGOTIATION
Darci N StensethBrazilAmy Elsner NEGOTIATION
Aika C MarrierRussiaAsiya Javayant NEW
Kadeem A FigeroaSpainAmy Elsner NEGOTIATION
Mujtaba M FollerGermanyAsiya Javayant QUALIFIED
Jeanfrancois B FerenczCanadaIvan Magalhaes UNQUALIFIED
Juan V StockhamJapanStephen Shaw PROPOSAL
Darci P BowleyUnited KingdomElwin Sharvill NEW
Kaitlin B TollnerGermanyAnna Fali PROPOSAL
Aika P AmigonUnited KingdomElwin Sharvill NEGOTIATION
Kadeem X KuskoRussiaIvan Magalhaes NEW
Cody R AlbaresRussiaAmy Elsner PROPOSAL
Jeanfrancois M MorascaBrazilAmy Elsner RENEWAL
Misaki M SergiBrazilAnna Fali UNQUALIFIED
Costa D BologniaCanadaBernardo Dominic PROPOSAL
Munro V DarakjyArgentinaStephen Shaw NEGOTIATION
Wickens T KolmetzUnited KingdomElwin Sharvill NEGOTIATION
Emily U MacleadArgentinaIvan Magalhaes NEGOTIATION
Francesco W RoysterRussiaIoni Bowcher QUALIFIED
Aruna C ShinkoSpainAnna Fali UNQUALIFIED
Mayumi J MacleadArgentinaAnna Fali PROPOSAL
Claire K VenereAustraliaAmy Elsner NEGOTIATION
Wickens P StockhamFranceAmy Elsner PROPOSAL
Chavez G SaylorsSpainIvan Magalhaes QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Jeanfrancois U StockhamJapanStephen Shaw UNQUALIFIED
David O SchemmerSpainBernardo Dominic PROPOSAL
David K KuskoRussiaOnyama Limba QUALIFIED
Kaitlin G CaldareraBrazilStephen Shaw UNQUALIFIED
Arvin Q TollnerJapanAnna Fali RENEWAL
Maria L RutaSpainOnyama Limba PROPOSAL
Kaitlin M BologniaSpainStephen Shaw QUALIFIED
Kaitlin X MacleadAustraliaOnyama Limba PROPOSAL
Smith N IturbideUnited KingdomIvan Magalhaes NEW
Juan S BriddickBrazilBernardo Dominic NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Isabel L CampainRussia2026-09-26Truhlar And Truhlar Attys NEW71Stephen Shaw
1001Mayumi F FlosiGermany2026-08-31Printing Dimensions RENEWAL53Asiya Javayant
1002Jeanfrancois G TollnerCanada2026-09-04King, Christopher A Esq PROPOSAL86Amy Elsner
1003Jeanfrancois J KolmetzAustralia2026-09-26Morlong Associates UNQUALIFIED12Asiya Javayant
1004Misaki Z KolmetzGermany2026-09-20Rousseaux, Michael Esq PROPOSAL72Amy Elsner
1005Sinclair O SchemmerIndia2026-09-29Feltz Printing Service RENEWAL45Amy Elsner
1006Silvio Q WhobreyIndia2026-09-25Chemel, James L Cpa RENEWAL91Asiya Javayant
1007Murillo X VocelkaSpain2026-09-08Morlong Associates PROPOSAL41Anna Fali
1008Francesco R CampainGermany2026-09-24Chemel, James L Cpa NEGOTIATION21Ioni Bowcher
1009Francesco V RutaAustralia2026-09-25Commercial Press NEGOTIATION97Bernardo Dominic
1010Cody C FigeroaUnited Kingdom2026-09-16Truhlar And Truhlar Attys NEW79Amy Elsner
1011Tony I ShinkoItaly2026-09-16Dorl, James J Esq UNQUALIFIED23Amy Elsner
1012Maria B GauchoItaly2026-09-18Chapman, Ross E Esq PROPOSAL77Amy Elsner
1013Wickens Z GillianIndia2026-09-04Rangoni Of Florence NEW6Xuxue Feng
1014Aika H DoeArgentina2026-09-04Rangoni Of Florence PROPOSAL50Ivan Magalhaes
1015Mujtaba U ChuiUnited Kingdom2026-09-09Chanay, Jeffrey A Esq UNQUALIFIED77Onyama Limba
1016Stacey R SergiGermany2026-09-27Printing Dimensions NEGOTIATION32Elwin Sharvill
1017Antonio P GlickAustralia2026-09-18Benton, John B Jr RENEWAL12Xuxue Feng
1018Costa L VocelkaAustralia2026-09-25Morlong Associates QUALIFIED5Amy Elsner
1019Greenwood L NestleCanada2026-08-31Printing Dimensions QUALIFIED51Elwin Sharvill
1020Emily L RimJapan2026-09-24Benton, John B Jr QUALIFIED32Ioni Bowcher
1021Kadeem M DarakjySpain2026-09-03Commercial Press PROPOSAL12Anna Fali
1022Greenwood X MacleadCanada2026-09-17Feiner Bros QUALIFIED53Onyama Limba
1023Misaki Q ChuiArgentina2026-09-11King, Christopher A Esq UNQUALIFIED43Bernardo Dominic
1024Mayumi R ChuiBrazil2026-09-29Benton, John B Jr UNQUALIFIED93Bernardo Dominic
1025Francesco E RutaUnited Kingdom2026-09-10Buckley Miller Wright NEW23Elwin Sharvill
1026Jefferson P KuskoBrazil2026-09-27Rangoni Of Florence QUALIFIED34Asiya Javayant
1027Adams G BriddickGermany2026-09-15Buckley Miller Wright QUALIFIED16Asiya Javayant
1028Aruna E DilliardArgentina2026-09-27Chanay, Jeffrey A Esq QUALIFIED82Ioni Bowcher
1029Jeanfrancois B AmigonJapan2026-09-07Chanay, Jeffrey A Esq QUALIFIED69Bernardo Dominic
1030Tony T MarrierSpain2026-09-20Feiner Bros QUALIFIED44Stephen Shaw
1031Adams M WhobreyBrazil2026-09-22Printing Dimensions RENEWAL19Onyama Limba
1032Aditya S TollnerRussia2026-09-20Dorl, James J Esq NEW87Anna Fali
1033Izzy G BologniaFrance2026-09-09King, Christopher A Esq UNQUALIFIED6Elwin Sharvill
1034Antonio C InouyeAustralia2026-09-24Buckley Miller Wright PROPOSAL45Asiya Javayant
1035Julie E DoeSpain2026-09-28Rangoni Of Florence QUALIFIED6Asiya Javayant
1036Aika R ShinkoItaly2026-09-20Rangoni Of Florence RENEWAL23Ivan Magalhaes
1037Faith B SaylorsItaly2026-09-14Benton, John B Jr PROPOSAL56Elwin Sharvill
1038Mayumi O RulapaughCanada2026-09-29Chanay, Jeffrey A Esq UNQUALIFIED2Elwin Sharvill
1039Octavia H GauchoAustralia2026-09-01Feltz Printing Service QUALIFIED52Stephen Shaw
1040Munro J CampainCanada2026-09-23Feltz Printing Service QUALIFIED21Stephen Shaw
1041Maisha P BowleyItaly2026-09-02Buckley Miller Wright QUALIFIED55Ioni Bowcher
1042Ivar T BowleySpain2026-09-01Dorl, James J Esq PROPOSAL39Xuxue Feng
1043Claire L TollnerGermany2026-09-12Feiner Bros PROPOSAL45Elwin Sharvill
1044Misaki U MaletUnited Kingdom2026-08-31Benton, John B Jr PROPOSAL95Stephen Shaw
1045Jefferson T OstroskyRussia2026-09-18Commercial Press PROPOSAL65Stephen Shaw
1046Wickens C NickaBrazil2026-09-11Dorl, James J Esq PROPOSAL41Amy Elsner
1047Jefferson W FigeroaSpain2026-09-06Feiner Bros NEW24Anna Fali
1048Faith D VenereArgentina2026-09-15Dorl, James J Esq NEW83Onyama Limba
1049Rodrigues X MaletFrance2026-09-20Truhlar And Truhlar Attys RENEWAL20Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Aditya I WaycottCanadaOnyama Limba PROPOSAL
Alejandro U SlusarskiIndiaXuxue Feng NEW
Jeanfrancois K SlusarskiGermanyAnna Fali PROPOSAL
Arvin E RimGermanyElwin Sharvill UNQUALIFIED
Munro L FerenczGermanyBernardo Dominic UNQUALIFIED
Deepesh E FerenczRussiaAnna Fali QUALIFIED
Wickens T ShinkoUnited KingdomAsiya Javayant QUALIFIED
Clifford Z RulapaughFranceOnyama Limba RENEWAL
Aditya I ShinkoAustraliaAmy Elsner NEW
Jennifer K DarakjyJapanElwin Sharvill RENEWAL
Adams X CaudyFranceXuxue Feng NEGOTIATION
Salvatore G GillianUnited KingdomAsiya Javayant RENEWAL
Rodrigues Y SchemmerJapanXuxue Feng PROPOSAL
Izzy V MacleadIndiaXuxue Feng NEGOTIATION
Aruna O SlusarskiAustraliaAsiya Javayant NEGOTIATION
Octavia C StockhamArgentinaOnyama Limba PROPOSAL
Sinclair I SaylorsCanadaElwin Sharvill NEW
Mujtaba A GlickIndiaIoni Bowcher PROPOSAL
Kaitlin V BologniaSpainIoni Bowcher NEGOTIATION
Clifford Z DarakjyRussiaIoni Bowcher UNQUALIFIED
Francesco L DarakjyCanadaBernardo Dominic RENEWAL
Clifford X DoeCanadaStephen Shaw UNQUALIFIED
Octavia V RulapaughArgentinaAmy Elsner UNQUALIFIED
Chavez X AlbaresCanadaAmy Elsner QUALIFIED
Emily F MaletArgentinaBernardo Dominic QUALIFIED
Johnson M FerenczFranceAmy Elsner RENEWAL
Deepesh O SchemmerGermanyStephen Shaw NEGOTIATION
Stacey E FerenczJapanAsiya Javayant NEGOTIATION
Nicolas C DilliardGermanyBernardo Dominic UNQUALIFIED
Adams T MaletSpainStephen Shaw QUALIFIED
Julie N InouyeJapanIvan Magalhaes QUALIFIED
Aika T FerenczItalyIoni Bowcher QUALIFIED
Octavia Z ChuiJapanElwin Sharvill RENEWAL
Aruna L WhobreyIndiaAnna Fali NEW
Cody J RulapaughAustraliaBernardo Dominic RENEWAL
Julie T PaprockiCanadaIvan Magalhaes NEGOTIATION
Jones F DoeFranceAnna Fali QUALIFIED
Silvio R FigeroaIndiaIoni Bowcher NEGOTIATION
Salvatore U TollnerUnited KingdomStephen Shaw NEGOTIATION
Deepesh I SlusarskiFranceBernardo Dominic UNQUALIFIED
Rodrigues B NickaItalyStephen Shaw UNQUALIFIED
Octavia Q PerinRussiaAsiya Javayant NEGOTIATION
Chavez L GarufiCanadaBernardo Dominic NEGOTIATION
Ricardo V FerenczSpainStephen Shaw NEW
Antonio H NickaArgentinaOnyama Limba NEGOTIATION
Jefferson J RulapaughRussiaAmy Elsner RENEWAL
Leon C MorascaAustraliaElwin Sharvill RENEWAL
Munro L RimGermanyIoni Bowcher RENEWAL
Costa G WhobreyFranceElwin Sharvill RENEWAL
Izzy T OldroydJapanIvan Magalhaes PROPOSAL
Frozen Columns
Name
Murillo O Poquette
Isabel R Kolmetz
Chavez U Amigon
Mayumi O Nicka
Costa L Bowley
Sinclair C Kolmetz
Jennifer I Sergi
Jennifer H Garufi
James S Morasca
Jeanfrancois J Schemmer
Johnson M Nestle
Leon Z Nicka
Mayumi X Royster
Jeanfrancois I Butt
Silvio B Saylors
Stacey Y Tollner
Jones N Maclead
Maisha P Whobrey
Rodrigues L Marrier
Claire O Schemmer
Faith W Shinko
Ricardo F Kolmetz
Jeanfrancois E Darakjy
Claire N Ruta
Deepesh I Inouye
Wickens G Sergi
Maria W Caldarera
Deepesh G Caudy
Isabel T Royster
Stacey R Ruta
Aika D Caldarera
Cody P Royster
Nicolas G Poquette
Darci Q Garufi
James N Glick
Aruna Z Stenseth
Stacey Q Perin
David R Caldarera
Antonio V Malet
Kadeem B Paprocki
Adams G Figeroa
Murillo J Royster
Kaitlin Z Ostrosky
Greenwood L Butt
Isabel Y Chui
Salvatore H Bolognia
Wickens L Paprocki
Mayumi L Flosi
Kaitlin T Amigon
Clifford R Bolognia
IdCountryDate
1000India2026-09-24
1001Argentina2026-09-03
1002Brazil2026-09-06
1003Canada2026-09-21
1004Japan2026-09-09
1005United Kingdom2026-09-29
1006Argentina2026-09-21
1007Australia2026-09-13
1008Spain2026-09-22
1009Argentina2026-08-31
1010France2026-09-05
1011Argentina2026-09-18
1012Russia2026-09-17
1013France2026-09-04
1014Japan2026-09-02
1015Brazil2026-09-04
1016Russia2026-09-20
1017Russia2026-09-06
1018Russia2026-09-03
1019Germany2026-09-28
1020Russia2026-09-15
1021Canada2026-09-14
1022Spain2026-09-09
1023Canada2026-09-03
1024Canada2026-09-20
1025Japan2026-08-31
1026Argentina2026-09-16
1027Argentina2026-09-27
1028Brazil2026-09-01
1029Brazil2026-09-25
1030Brazil2026-09-22
1031France2026-09-07
1032Japan2026-09-24
1033Russia2026-09-11
1034Australia2026-09-08
1035Australia2026-09-14
1036Spain2026-09-04
1037Australia2026-09-20
1038India2026-09-05
1039Russia2026-09-18
1040Spain2026-09-11
1041Italy2026-09-09
1042Australia2026-09-08
1043Russia2026-09-25
1044Brazil2026-09-29
1045Canada2026-09-12
1046France2026-09-15
1047Italy2026-09-13
1048Australia2026-09-11
1049United Kingdom2026-09-12

On-Demand Data

NameIdCountryDate
Salvatore A Marrier1000Russia2026-09-27
Isabel H Foller1001Australia2026-09-05
Emily O Ferencz1002India2026-09-01
Clifford C Figeroa1003Russia2026-09-22
Munro V Caudy1004Argentina2026-09-22
Greenwood P Whobrey1005Spain2026-09-21
Ivar D Foller1006Brazil2026-09-07
Darci G Inouye1007Australia2026-09-21
Costa T Waycott1008Russia2026-09-23
Ivar C Paprocki1009India2026-09-20
Salvatore K Slusarski1010Germany2026-09-07
Darci Y Morasca1011Argentina2026-09-28
Antonio B Rulapaugh1012Argentina2026-09-10
Izzy X Garufi1013India2026-09-22
Aruna J Kusko1014Spain2026-09-28
Jones A Foller1015Germany2026-09-10
Emily K Morasca1016Canada2026-09-03
Francesco H Oldroyd1017Argentina2026-09-11
Munro S Slusarski1018India2026-09-02
Izzy J Flosi1019Argentina2026-09-17
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Adams T ChuiCanadaBernardo Dominic RENEWAL
Mayumi P VocelkaItalyXuxue Feng NEW
Isabel W SaylorsAustraliaIoni Bowcher QUALIFIED
Aditya M FlosiJapanAnna Fali NEW
Munro X VenereCanadaAnna Fali NEGOTIATION
Francesco K DoeRussiaAmy Elsner NEGOTIATION
Rodrigues B ButtBrazilAnna Fali NEW
Mujtaba B FollerCanadaXuxue Feng UNQUALIFIED
Clifford H GauchoItalyBernardo Dominic QUALIFIED
Leja S MaletUnited KingdomXuxue Feng RENEWAL
Adams N VenereIndiaAmy Elsner PROPOSAL
Silvio X OstroskyUnited KingdomIoni Bowcher NEW
Sinclair J StensethGermanyOnyama Limba RENEWAL
Jennifer Z PoquetteAustraliaStephen Shaw PROPOSAL
Costa O CampainAustraliaElwin Sharvill QUALIFIED
Isabel U NickaGermanyElwin Sharvill NEGOTIATION
Costa O DarakjyCanadaIvan Magalhaes PROPOSAL
Isabel A VenereFranceAsiya Javayant RENEWAL
James H InouyeItalyIoni Bowcher QUALIFIED
Aruna Y RimAustraliaXuxue Feng NEW
Isabel M WhobreyArgentinaIoni Bowcher RENEWAL
Antonio Q StensethAustraliaAsiya Javayant QUALIFIED
Clifford Z RulapaughFranceXuxue Feng NEW
Munro I AlbaresCanadaIoni Bowcher RENEWAL
Darci M RutaCanadaOnyama Limba PROPOSAL
Adams Y RimSpainOnyama Limba PROPOSAL
Murillo W RulapaughJapanAsiya Javayant NEW
Mayumi M WaycottUnited KingdomAmy Elsner NEW
Morrow A MaletAustraliaAmy Elsner PROPOSAL
Octavia N BriddickFranceIoni Bowcher PROPOSAL
Jefferson L AlbaresIndiaBernardo Dominic NEGOTIATION
Maisha O WaycottArgentinaXuxue Feng QUALIFIED
Julie S GarufiJapanAsiya Javayant NEGOTIATION
Wickens E InouyeJapanXuxue Feng RENEWAL
Alejandro P RimSpainIoni Bowcher NEGOTIATION
Ashley G CaldareraItalyIvan Magalhaes NEW
Faith M NickaIndiaAsiya Javayant UNQUALIFIED
Salvatore Q DoeSpainStephen Shaw UNQUALIFIED
Johnson N SaylorsJapanOnyama Limba NEGOTIATION
Wickens H DarakjySpainAsiya Javayant RENEWAL

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