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 X AmigonItalyIoni Bowcher NEW
Deepesh S DarakjyCanadaIvan Magalhaes RENEWAL
Izzy Z InouyeItalyElwin Sharvill PROPOSAL
Tony R RimJapanBernardo Dominic UNQUALIFIED
Kaitlin U MorascaItalyXuxue Feng QUALIFIED
Maisha D BowleyBrazilStephen Shaw NEGOTIATION
Faith I OldroydItalyAmy Elsner NEGOTIATION
Silvio M RoysterBrazilIvan Magalhaes NEW
Alejandro W CaldareraUnited KingdomOnyama Limba UNQUALIFIED
Jennifer F GarufiIndiaIvan Magalhaes UNQUALIFIED
Nicolas M GarufiIndiaElwin Sharvill PROPOSAL
Jones V StensethIndiaAsiya Javayant UNQUALIFIED
James V SaylorsSpainAmy Elsner QUALIFIED
Silvio L RimAustraliaAsiya Javayant NEW
Johnson M RoysterGermanyAnna Fali NEGOTIATION
Julie N NestleSpainXuxue Feng QUALIFIED
Arvin O NestleArgentinaStephen Shaw NEW
David D DilliardArgentinaAmy Elsner RENEWAL
Jones V TollnerAustraliaXuxue Feng UNQUALIFIED
Francesco W ButtCanadaAmy Elsner RENEWAL
Misaki Y WieserFranceIoni Bowcher PROPOSAL
Jennifer C DilliardBrazilAsiya Javayant RENEWAL
Nicolas E DoeAustraliaElwin Sharvill QUALIFIED
Mujtaba C DilliardUnited KingdomIoni Bowcher PROPOSAL
Kaitlin E WieserArgentinaXuxue Feng UNQUALIFIED
Alejandro S InouyeCanadaStephen Shaw NEGOTIATION
Silvio M SaylorsUnited KingdomOnyama Limba QUALIFIED
Nicolas L DilliardAustraliaIoni Bowcher QUALIFIED
Faith H InouyeBrazilIoni Bowcher QUALIFIED
Alejandro K AlbaresUnited KingdomIvan Magalhaes RENEWAL
Ivar D IturbideRussiaXuxue Feng UNQUALIFIED
Aditya B CaldareraRussiaElwin Sharvill QUALIFIED
Mujtaba D SchemmerJapanBernardo Dominic NEGOTIATION
Ricardo P CaudySpainXuxue Feng UNQUALIFIED
Leon X KuskoGermanyElwin Sharvill NEW
Misaki P ChuiArgentinaAmy Elsner NEW
Johnson E WaycottRussiaXuxue Feng PROPOSAL
Misaki L FigeroaIndiaBernardo Dominic UNQUALIFIED
Morrow U GarufiFranceXuxue Feng UNQUALIFIED
Maisha E KuskoItalyBernardo Dominic NEW
Ashley G FerenczAustraliaStephen Shaw NEGOTIATION
Antonio D StockhamItalyAnna Fali UNQUALIFIED
Mayumi W ShinkoArgentinaStephen Shaw NEW
Maisha C KolmetzAustraliaStephen Shaw UNQUALIFIED
Emily T SlusarskiIndiaIvan Magalhaes UNQUALIFIED
Octavia L PoquetteJapanBernardo Dominic NEW
James T NestleItalyAmy Elsner PROPOSAL
Stacey A RoysterArgentinaIoni Bowcher PROPOSAL
Julie Z NickaArgentinaIvan Magalhaes NEW
Wickens K NickaItalyXuxue Feng RENEWAL
Horizontal
NameCountryRepresentativeStatus
Izzy X BologniaItalyOnyama Limba NEGOTIATION
Nicolas Q CaudyJapanAsiya Javayant NEW
Salvatore S MacleadSpainXuxue Feng NEGOTIATION
Aruna Q RutaBrazilElwin Sharvill UNQUALIFIED
Deepesh H InouyeFranceIoni Bowcher RENEWAL
James P OstroskyBrazilAmy Elsner RENEWAL
Kadeem D NickaUnited KingdomStephen Shaw NEW
Rodrigues C BowleyUnited KingdomElwin Sharvill PROPOSAL
Tony B BriddickIndiaAsiya Javayant QUALIFIED
David Y GarufiArgentinaAmy Elsner NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Nicolas V RutaSpain2026-10-11Truhlar And Truhlar Attys UNQUALIFIED29Bernardo Dominic
1001Aika T FigeroaFrance2026-10-11Commercial Press NEW46Onyama Limba
1002Leja Q ChuiGermany2026-10-24Rangoni Of Florence RENEWAL37Asiya Javayant
1003Emily S ButtCanada2026-10-29Truhlar And Truhlar Attys NEW36Ioni Bowcher
1004Mayumi Z GlickIndia2026-10-09Chemel, James L Cpa RENEWAL97Ioni Bowcher
1005Izzy G FlosiRussia2026-10-22Commercial Press RENEWAL58Ivan Magalhaes
1006Johnson E SchemmerGermany2026-10-16Commercial Press QUALIFIED39Anna Fali
1007Izzy Q WhobreyGermany2026-10-26Buckley Miller Wright NEGOTIATION77Ioni Bowcher
1008Juan Y ChuiArgentina2026-10-23Chapman, Ross E Esq PROPOSAL84Onyama Limba
1009Jefferson E OstroskyUnited Kingdom2026-10-26Chanay, Jeffrey A Esq NEW75Elwin Sharvill
1010Stacey X MorascaJapan2026-10-28Chanay, Jeffrey A Esq UNQUALIFIED24Bernardo Dominic
1011Rodrigues Z DilliardAustralia2026-10-15King, Christopher A Esq UNQUALIFIED91Stephen Shaw
1012Sinclair B KuskoJapan2026-10-14Chanay, Jeffrey A Esq QUALIFIED15Onyama Limba
1013Izzy Q FerenczItaly2026-10-08Rousseaux, Michael Esq NEW9Xuxue Feng
1014Francesco Y SergiJapan2026-09-30Chapman, Ross E Esq UNQUALIFIED12Bernardo Dominic
1015Julie H PoquetteAustralia2026-10-02Rangoni Of Florence PROPOSAL32Anna Fali
1016Kaitlin P KuskoArgentina2026-10-17King, Christopher A Esq RENEWAL87Bernardo Dominic
1017Greenwood U MacleadFrance2026-10-13Printing Dimensions NEW58Bernardo Dominic
1018Jefferson R FigeroaJapan2026-09-30Feltz Printing Service NEW64Bernardo Dominic
1019Chavez M ButtIndia2026-10-14Chapman, Ross E Esq NEW86Onyama Limba
1020Smith R OldroydUnited Kingdom2026-10-21Chanay, Jeffrey A Esq PROPOSAL97Ioni Bowcher
1021Nicolas F KolmetzUnited Kingdom2026-10-03Rangoni Of Florence QUALIFIED15Ioni Bowcher
1022Alejandro S FigeroaFrance2026-10-02Commercial Press UNQUALIFIED57Onyama Limba
1023Octavia D WaycottArgentina2026-10-29Buckley Miller Wright UNQUALIFIED81Asiya Javayant
1024Tony Q DilliardFrance2026-10-04Chemel, James L Cpa NEW77Onyama Limba
1025Julie X FlosiFrance2026-10-09Chemel, James L Cpa QUALIFIED63Ivan Magalhaes
1026Ashley Q MarrierCanada2026-10-11Feltz Printing Service QUALIFIED6Asiya Javayant
1027Faith B RutaFrance2026-10-21Buckley Miller Wright NEW71Xuxue Feng
1028Sinclair D FollerSpain2026-10-02Feltz Printing Service PROPOSAL45Stephen Shaw
1029Isabel E TollnerUnited Kingdom2026-10-25Dorl, James J Esq NEW92Bernardo Dominic
1030Sinclair C PerinSpain2026-10-08Chanay, Jeffrey A Esq QUALIFIED79Elwin Sharvill
1031Jones T RimSpain2026-10-23Feiner Bros NEGOTIATION50Elwin Sharvill
1032Johnson U RulapaughJapan2026-10-16Chemel, James L Cpa PROPOSAL40Ioni Bowcher
1033Leja H MaletItaly2026-10-12Dorl, James J Esq RENEWAL15Ivan Magalhaes
1034Kadeem P OldroydJapan2026-10-24Rousseaux, Michael Esq QUALIFIED8Onyama Limba
1035Mayumi V NickaIndia2026-10-20Commercial Press QUALIFIED10Xuxue Feng
1036Clifford G MorascaGermany2026-10-10Morlong Associates NEGOTIATION8Amy Elsner
1037Adams I DilliardIndia2026-10-02Benton, John B Jr UNQUALIFIED11Asiya Javayant
1038Murillo A CaldareraBrazil2026-10-28Chapman, Ross E Esq NEGOTIATION78Asiya Javayant
1039Sinclair M KuskoUnited Kingdom2026-10-04Morlong Associates UNQUALIFIED95Amy Elsner
1040James F NestleIndia2026-10-22Chemel, James L Cpa NEGOTIATION97Bernardo Dominic
1041Murillo O FlosiUnited Kingdom2026-10-04Printing Dimensions RENEWAL91Ivan Magalhaes
1042David N SlusarskiCanada2026-10-02Benton, John B Jr UNQUALIFIED25Amy Elsner
1043Kaitlin Y RoysterAustralia2026-10-11Morlong Associates QUALIFIED6Xuxue Feng
1044Mayumi K WieserSpain2026-10-16Printing Dimensions UNQUALIFIED53Anna Fali
1045Murillo Q BriddickArgentina2026-10-10Rangoni Of Florence NEW93Xuxue Feng
1046Smith R MarrierCanada2026-10-16Feiner Bros QUALIFIED32Ioni Bowcher
1047David Y SergiJapan2026-10-16Dorl, James J Esq PROPOSAL27Anna Fali
1048Jefferson Q BologniaSpain2026-10-06Commercial Press UNQUALIFIED14Amy Elsner
1049Maisha Q GillianIndia2026-10-08Feiner Bros PROPOSAL61Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Antonio N SchemmerFranceIvan Magalhaes UNQUALIFIED
Johnson Q CaldareraIndiaIoni Bowcher NEW
Smith W KuskoRussiaAsiya Javayant UNQUALIFIED
Silvio S RulapaughSpainAsiya Javayant UNQUALIFIED
Jefferson C RoysterFranceElwin Sharvill UNQUALIFIED
Morrow X MaletFranceIoni Bowcher PROPOSAL
Chavez K DoeUnited KingdomXuxue Feng RENEWAL
Leon N SergiSpainIoni Bowcher QUALIFIED
Ivar Z TollnerFranceOnyama Limba NEGOTIATION
Nicolas H SaylorsFranceStephen Shaw PROPOSAL
Greenwood V AlbaresUnited KingdomAmy Elsner NEW
Jones O RulapaughFranceAmy Elsner UNQUALIFIED
Darci V KolmetzCanadaIoni Bowcher NEGOTIATION
Leon Q CaudyBrazilBernardo Dominic PROPOSAL
Munro J BowleyCanadaIoni Bowcher RENEWAL
Greenwood K CampainJapanXuxue Feng PROPOSAL
Octavia O SaylorsUnited KingdomStephen Shaw NEW
Ricardo I OldroydIndiaStephen Shaw RENEWAL
Ivar G IturbideCanadaElwin Sharvill NEW
Antonio Y WhobreyCanadaIoni Bowcher NEW
Antonio U PaprockiCanadaAmy Elsner NEGOTIATION
Mayumi L StockhamSpainIoni Bowcher PROPOSAL
Kaitlin Z PaprockiIndiaIvan Magalhaes PROPOSAL
Morrow W GlickUnited KingdomElwin Sharvill UNQUALIFIED
Morrow F InouyeCanadaAmy Elsner UNQUALIFIED
Julie J PaprockiIndiaElwin Sharvill QUALIFIED
Jennifer O KolmetzBrazilStephen Shaw NEGOTIATION
Greenwood L BowleyBrazilAnna Fali QUALIFIED
Sinclair N VocelkaGermanyXuxue Feng QUALIFIED
Misaki S FerenczCanadaAmy Elsner PROPOSAL
Faith T MarrierCanadaAmy Elsner NEGOTIATION
Jones Y MacleadAustraliaAnna Fali NEGOTIATION
Arvin C BriddickArgentinaOnyama Limba QUALIFIED
Nicolas C FigeroaJapanXuxue Feng UNQUALIFIED
Leon U FerenczFranceXuxue Feng PROPOSAL
Alejandro S CaldareraBrazilBernardo Dominic RENEWAL
Alejandro G ButtAustraliaAmy Elsner NEGOTIATION
Kadeem D BowleyIndiaAsiya Javayant PROPOSAL
Leon Y SchemmerCanadaElwin Sharvill UNQUALIFIED
Darci Y ChuiGermanyAmy Elsner QUALIFIED
Leon A PerinRussiaStephen Shaw QUALIFIED
Francesco N DoeSpainStephen Shaw RENEWAL
Adams T DoeUnited KingdomXuxue Feng NEW
Salvatore U DarakjyRussiaIoni Bowcher QUALIFIED
Wickens Y SaylorsIndiaOnyama Limba RENEWAL
Sinclair T MaletGermanyIoni Bowcher NEGOTIATION
Emily P PerinCanadaAmy Elsner QUALIFIED
Kadeem T SergiItalyElwin Sharvill QUALIFIED
Nicolas S AmigonAustraliaBernardo Dominic RENEWAL
Faith J FlosiSpainElwin Sharvill NEGOTIATION
Frozen Columns
Name
Greenwood B Figeroa
Leja K Foller
Faith D Kolmetz
Jeanfrancois Q Chui
Jefferson M Rim
Kadeem J Caldarera
Chavez V Bolognia
Wickens H Flosi
Claire P Slusarski
Francesco Z Gillian
Faith N Iturbide
Jones F Venere
Clifford R Malet
Emily U Gaucho
Rodrigues K Vocelka
Nicolas S Sergi
Nicolas O Albares
Antonio R Paprocki
Aika V Dilliard
Leon J Nicka
Chavez K Oldroyd
Claire F Slusarski
Silvio I Glick
Tony P Caudy
Munro K Whobrey
Smith O Caldarera
Stacey B Wieser
Leja R Briddick
Kadeem Q Royster
Julie T Butt
Nicolas P Ostrosky
Arvin Y Stockham
Maria K Briddick
Mayumi M Oldroyd
Maisha C Caldarera
Francesco I Gillian
Aika N Gaucho
Wickens F Nicka
Greenwood J Inouye
Claire D Malet
Antonio H Ruta
Nicolas M Wieser
Stacey V Royster
Julie I Bowley
Isabel A Schemmer
Stacey E Doe
James Q Shinko
Kaitlin D Malet
Alejandro W Wieser
Smith S Rim
IdCountryDate
1000Germany2026-10-21
1001Brazil2026-10-24
1002Brazil2026-10-06
1003United Kingdom2026-10-23
1004France2026-10-14
1005Russia2026-10-10
1006United Kingdom2026-10-21
1007Spain2026-10-03
1008United Kingdom2026-10-09
1009Germany2026-10-28
1010United Kingdom2026-10-20
1011Brazil2026-10-23
1012United Kingdom2026-10-14
1013Germany2026-10-07
1014Australia2026-10-23
1015United Kingdom2026-10-12
1016Australia2026-10-17
1017Japan2026-10-14
1018Australia2026-10-14
1019Australia2026-10-29
1020Germany2026-09-30
1021Russia2026-10-20
1022Brazil2026-10-21
1023Argentina2026-10-29
1024Italy2026-10-20
1025Japan2026-10-28
1026Argentina2026-10-24
1027United Kingdom2026-10-03
1028Germany2026-10-22
1029Italy2026-10-21
1030Brazil2026-10-08
1031India2026-10-23
1032India2026-10-05
1033Italy2026-10-02
1034Spain2026-10-08
1035Japan2026-10-25
1036Russia2026-10-07
1037Argentina2026-10-26
1038India2026-10-06
1039Germany2026-10-03
1040Italy2026-10-16
1041Russia2026-10-23
1042India2026-10-07
1043United Kingdom2026-10-08
1044Germany2026-10-09
1045Brazil2026-10-28
1046United Kingdom2026-10-26
1047France2026-10-18
1048United Kingdom2026-10-09
1049Russia2026-10-01

On-Demand Data

NameIdCountryDate
Morrow N Perin1000Russia2026-10-25
Aditya K Vocelka1001Russia2026-10-02
James N Glick1002Australia2026-10-24
Greenwood W Slusarski1003Russia2026-10-15
Kaitlin E Nicka1004Japan2026-10-13
Arvin Q Inouye1005Russia2026-10-16
Alejandro Q Stenseth1006Russia2026-10-13
Aditya C Sergi1007Spain2026-10-25
Maria A Slusarski1008Spain2026-10-25
Aditya E Ferencz1009Spain2026-10-29
Maria K Nicka1010United Kingdom2026-10-21
Murillo T Oldroyd1011India2026-10-19
James K Ruta1012Argentina2026-10-19
Mayumi D Gaucho1013India2026-10-18
Rodrigues W Briddick1014India2026-10-05
Sinclair F Dilliard1015Argentina2026-10-16
Faith S Maclead1016Germany2026-10-10
Jennifer M Sergi1017Spain2026-10-22
Munro K Bolognia1018Germany2026-10-10
Kadeem Y Garufi1019Italy2026-09-30
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Francesco Y WhobreyBrazilElwin Sharvill NEW
Faith I MorascaItalyAmy Elsner QUALIFIED
Ivar M GarufiIndiaBernardo Dominic QUALIFIED
Maria I OldroydBrazilIoni Bowcher NEW
Rodrigues B WaycottGermanyBernardo Dominic NEW
Costa I StensethUnited KingdomXuxue Feng RENEWAL
Jones V OldroydArgentinaAnna Fali QUALIFIED
Salvatore B ShinkoUnited KingdomXuxue Feng RENEWAL
Aditya L GillianAustraliaBernardo Dominic QUALIFIED
Isabel W VocelkaIndiaXuxue Feng UNQUALIFIED
Emily E FigeroaUnited KingdomAnna Fali NEGOTIATION
Nicolas G VocelkaIndiaElwin Sharvill UNQUALIFIED
Alejandro X StockhamSpainIvan Magalhaes QUALIFIED
Aruna T RutaAustraliaAnna Fali NEW
Clifford F KolmetzFranceIvan Magalhaes RENEWAL
Wickens O MacleadAustraliaElwin Sharvill NEGOTIATION
Jennifer F CaudyUnited KingdomAmy Elsner QUALIFIED
Alejandro L MacleadRussiaIvan Magalhaes QUALIFIED
James A OldroydSpainXuxue Feng RENEWAL
Munro X CampainRussiaAmy Elsner PROPOSAL
Jeanfrancois V CaudyRussiaBernardo Dominic NEW
Murillo W SlusarskiSpainBernardo Dominic PROPOSAL
Kadeem B MaletBrazilXuxue Feng NEGOTIATION
Maisha I BologniaJapanAnna Fali RENEWAL
Cody S VenereSpainOnyama Limba RENEWAL
Antonio V IturbideAustraliaXuxue Feng UNQUALIFIED
James I FerenczCanadaAmy Elsner QUALIFIED
Darci Q GauchoBrazilAnna Fali QUALIFIED
Salvatore P BowleyCanadaOnyama Limba NEW
Munro R GauchoArgentinaXuxue Feng NEGOTIATION
Claire R AlbaresGermanyOnyama Limba RENEWAL
Wickens I DoeBrazilBernardo Dominic NEW
Arvin W MaletSpainOnyama Limba NEW
Murillo U FigeroaGermanyOnyama Limba UNQUALIFIED
Izzy I AmigonIndiaIvan Magalhaes PROPOSAL
Cody P KolmetzJapanBernardo Dominic QUALIFIED
Ricardo T BologniaItalyElwin Sharvill NEW
Francesco Y KuskoItalyIoni Bowcher QUALIFIED
Claire U StensethUnited KingdomAnna Fali NEGOTIATION
Munro W PoquetteItalyAnna Fali 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>