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
Chavez N RulapaughSpainIvan Magalhaes QUALIFIED
Julie H GlickArgentinaBernardo Dominic NEW
David S MacleadUnited KingdomAmy Elsner RENEWAL
Francesco A FigeroaIndiaXuxue Feng NEGOTIATION
Mayumi K FerenczSpainStephen Shaw NEGOTIATION
Ricardo E BowleyFranceBernardo Dominic UNQUALIFIED
Johnson X BriddickAustraliaXuxue Feng NEW
Nicolas K StensethCanadaIoni Bowcher NEW
Aditya G OldroydUnited KingdomAnna Fali NEW
Rodrigues K DilliardFranceIoni Bowcher UNQUALIFIED
James Q GillianSpainElwin Sharvill PROPOSAL
Smith T SchemmerUnited KingdomStephen Shaw NEGOTIATION
Rodrigues E SchemmerAustraliaIvan Magalhaes QUALIFIED
Isabel C SchemmerSpainBernardo Dominic QUALIFIED
Octavia X NestleSpainElwin Sharvill NEW
Ricardo H FollerItalyAsiya Javayant QUALIFIED
Isabel T BowleyAustraliaBernardo Dominic RENEWAL
Jefferson Y RulapaughFranceIoni Bowcher RENEWAL
Smith Y ButtAustraliaOnyama Limba NEW
Stacey T SergiCanadaAnna Fali UNQUALIFIED
Leja X KuskoBrazilBernardo Dominic NEGOTIATION
Cody Q StockhamIndiaAmy Elsner PROPOSAL
Aika I MacleadBrazilIvan Magalhaes RENEWAL
Darci H FerenczItalyElwin Sharvill NEW
Maisha E GillianCanadaXuxue Feng RENEWAL
Cody H GlickSpainOnyama Limba NEW
Sinclair E SergiRussiaStephen Shaw RENEWAL
Isabel A TollnerAustraliaXuxue Feng PROPOSAL
Arvin R MaletAustraliaAmy Elsner UNQUALIFIED
Murillo X BologniaGermanyIvan Magalhaes QUALIFIED
Rodrigues K RoysterAustraliaIvan Magalhaes NEGOTIATION
Izzy A FerenczGermanyOnyama Limba NEGOTIATION
Julie V DilliardAustraliaOnyama Limba NEW
Adams M DoeCanadaAsiya Javayant PROPOSAL
Jennifer S IturbideSpainAsiya Javayant RENEWAL
Antonio K SaylorsBrazilElwin Sharvill PROPOSAL
Leon Z FlosiGermanyAmy Elsner NEGOTIATION
Misaki A ButtAustraliaAmy Elsner QUALIFIED
Sinclair H KuskoFranceIvan Magalhaes RENEWAL
Antonio X InouyeAustraliaStephen Shaw PROPOSAL
Costa S MaletAustraliaBernardo Dominic RENEWAL
Leja B StockhamUnited KingdomIoni Bowcher PROPOSAL
Claire R GillianFranceIvan Magalhaes UNQUALIFIED
Costa X NestleArgentinaBernardo Dominic NEW
Kaitlin F AmigonCanadaAmy Elsner NEW
Chavez Y PerinItalyAsiya Javayant UNQUALIFIED
Francesco C BowleyAustraliaXuxue Feng NEGOTIATION
Rodrigues W WhobreyRussiaAnna Fali NEW
Aditya G PerinGermanyBernardo Dominic QUALIFIED
Leon L OstroskyGermanyAsiya Javayant NEW
Horizontal
NameCountryRepresentativeStatus
Ashley Q VenereGermanyAmy Elsner NEGOTIATION
Francesco F NestleRussiaXuxue Feng NEW
Darci K CaldareraBrazilXuxue Feng PROPOSAL
Salvatore H RulapaughRussiaAsiya Javayant RENEWAL
Jennifer W TollnerBrazilAmy Elsner RENEWAL
Murillo R FlosiSpainAsiya Javayant NEW
Leja W NickaRussiaElwin Sharvill NEW
Emily Y DoeGermanyAmy Elsner QUALIFIED
Jefferson A StockhamSpainXuxue Feng PROPOSAL
Clifford X CaldareraSpainElwin Sharvill NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Smith B BriddickJapan2026-09-21Chanay, Jeffrey A Esq UNQUALIFIED1Elwin Sharvill
1001Maisha R FigeroaJapan2026-09-27Rousseaux, Michael Esq QUALIFIED89Elwin Sharvill
1002Misaki X OldroydGermany2026-09-30Rangoni Of Florence RENEWAL57Asiya Javayant
1003Ivar J CampainArgentina2026-10-15Benton, John B Jr RENEWAL90Amy Elsner
1004Clifford O StensethRussia2026-10-17Dorl, James J Esq RENEWAL5Ivan Magalhaes
1005Mujtaba J MacleadSpain2026-10-10Morlong Associates UNQUALIFIED97Bernardo Dominic
1006David A GillianGermany2026-10-17Truhlar And Truhlar Attys RENEWAL43Stephen Shaw
1007Munro N SaylorsUnited Kingdom2026-09-29Rangoni Of Florence NEW65Onyama Limba
1008Johnson X MaletJapan2026-10-15Feiner Bros NEGOTIATION39Ivan Magalhaes
1009Clifford U DarakjyUnited Kingdom2026-10-16Dorl, James J Esq UNQUALIFIED17Onyama Limba
1010Ashley X RutaFrance2026-10-09Feiner Bros PROPOSAL64Anna Fali
1011Aika W NickaRussia2026-10-14Feiner Bros UNQUALIFIED70Ivan Magalhaes
1012Wickens W RulapaughRussia2026-09-29Chanay, Jeffrey A Esq NEGOTIATION46Stephen Shaw
1013Alejandro L CampainJapan2026-10-12Feltz Printing Service QUALIFIED75Onyama Limba
1014Leja E BowleyFrance2026-10-09Truhlar And Truhlar Attys NEGOTIATION17Elwin Sharvill
1015David Q DilliardGermany2026-10-05Truhlar And Truhlar Attys UNQUALIFIED80Xuxue Feng
1016Sinclair S BowleyIndia2026-09-27Printing Dimensions NEGOTIATION47Asiya Javayant
1017Faith L MaletRussia2026-10-10Buckley Miller Wright RENEWAL56Bernardo Dominic
1018Nicolas A FigeroaArgentina2026-10-04Chapman, Ross E Esq RENEWAL0Ivan Magalhaes
1019Leja X OldroydFrance2026-10-18Chapman, Ross E Esq QUALIFIED46Ioni Bowcher
1020David Y MacleadArgentina2026-10-12Feltz Printing Service QUALIFIED41Ivan Magalhaes
1021Antonio C CampainIndia2026-10-16King, Christopher A Esq NEW74Stephen Shaw
1022Maria Q OldroydRussia2026-09-24Benton, John B Jr RENEWAL69Ivan Magalhaes
1023Jeanfrancois D SlusarskiSpain2026-09-24Dorl, James J Esq PROPOSAL33Asiya Javayant
1024Rodrigues V AmigonBrazil2026-10-16Printing Dimensions NEW46Amy Elsner
1025Francesco V FollerFrance2026-10-09Truhlar And Truhlar Attys NEGOTIATION67Bernardo Dominic
1026Ricardo B WieserFrance2026-10-04Rousseaux, Michael Esq UNQUALIFIED51Elwin Sharvill
1027Sinclair V GarufiFrance2026-10-01Rousseaux, Michael Esq PROPOSAL35Elwin Sharvill
1028Maisha Z MaletUnited Kingdom2026-09-28Chanay, Jeffrey A Esq NEW84Elwin Sharvill
1029Mayumi B OstroskyGermany2026-09-26Buckley Miller Wright NEGOTIATION21Amy Elsner
1030Ivar X RimIndia2026-09-28Dorl, James J Esq UNQUALIFIED62Bernardo Dominic
1031Aika T NestleGermany2026-09-24Truhlar And Truhlar Attys RENEWAL85Asiya Javayant
1032Costa Y AlbaresCanada2026-10-04Dorl, James J Esq UNQUALIFIED92Ivan Magalhaes
1033Julie W MaletBrazil2026-10-11Chemel, James L Cpa UNQUALIFIED97Bernardo Dominic
1034Tony G VocelkaIndia2026-10-02Truhlar And Truhlar Attys UNQUALIFIED63Xuxue Feng
1035Adams N MaletCanada2026-10-10Chapman, Ross E Esq UNQUALIFIED3Amy Elsner
1036Murillo Q KolmetzFrance2026-10-08Dorl, James J Esq QUALIFIED20Onyama Limba
1037Leon W ChuiArgentina2026-10-18Morlong Associates RENEWAL14Xuxue Feng
1038Ricardo K WhobreyBrazil2026-10-01Chanay, Jeffrey A Esq PROPOSAL34Bernardo Dominic
1039Izzy M SaylorsAustralia2026-10-10Truhlar And Truhlar Attys UNQUALIFIED56Asiya Javayant
1040James K NickaGermany2026-09-20Rousseaux, Michael Esq UNQUALIFIED36Bernardo Dominic
1041David P NestleAustralia2026-09-27Feiner Bros QUALIFIED58Ioni Bowcher
1042Maisha R SaylorsIndia2026-10-06Feiner Bros RENEWAL69Anna Fali
1043Leon Z AlbaresCanada2026-10-01Chapman, Ross E Esq NEW85Stephen Shaw
1044Clifford D VocelkaRussia2026-10-05Chemel, James L Cpa PROPOSAL36Bernardo Dominic
1045Alejandro Q PoquetteGermany2026-09-20Benton, John B Jr UNQUALIFIED38Anna Fali
1046Tony R NickaBrazil2026-10-14Rangoni Of Florence UNQUALIFIED51Asiya Javayant
1047Wickens O InouyeRussia2026-09-30Feiner Bros NEGOTIATION69Bernardo Dominic
1048Chavez C VocelkaFrance2026-09-26Morlong Associates RENEWAL49Ioni Bowcher
1049Adams L WieserArgentina2026-10-15Chapman, Ross E Esq UNQUALIFIED72Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Salvatore O InouyeRussiaElwin Sharvill NEW
Isabel X FigeroaAustraliaAmy Elsner RENEWAL
Clifford J GlickBrazilElwin Sharvill NEGOTIATION
Jennifer B FigeroaIndiaIoni Bowcher NEGOTIATION
Johnson L MarrierRussiaBernardo Dominic PROPOSAL
Maisha S PerinSpainIvan Magalhaes NEW
Isabel I NestleGermanyOnyama Limba PROPOSAL
Juan R FollerCanadaXuxue Feng NEW
Leon T BriddickCanadaStephen Shaw QUALIFIED
Octavia N PoquetteSpainBernardo Dominic RENEWAL
Sinclair J RutaJapanElwin Sharvill RENEWAL
Tony B OstroskyRussiaAsiya Javayant RENEWAL
Alejandro L WhobreyJapanXuxue Feng RENEWAL
Rodrigues O PaprockiJapanAmy Elsner RENEWAL
Maria G SchemmerGermanyAsiya Javayant RENEWAL
Munro C SaylorsBrazilAsiya Javayant QUALIFIED
Johnson B KolmetzItalyAnna Fali QUALIFIED
David I TollnerItalyAnna Fali NEGOTIATION
Tony X KuskoSpainOnyama Limba QUALIFIED
Chavez H DarakjyUnited KingdomOnyama Limba QUALIFIED
Kadeem L BriddickBrazilStephen Shaw QUALIFIED
Cody H SaylorsJapanBernardo Dominic RENEWAL
Izzy T GarufiSpainXuxue Feng QUALIFIED
David C PaprockiIndiaAnna Fali RENEWAL
Murillo M MorascaIndiaAnna Fali RENEWAL
Greenwood M BriddickGermanyOnyama Limba QUALIFIED
Murillo L MorascaBrazilIvan Magalhaes PROPOSAL
David Y RutaJapanIoni Bowcher NEGOTIATION
Aditya L NickaArgentinaStephen Shaw QUALIFIED
Smith T CaudyCanadaAmy Elsner PROPOSAL
Maisha Z BologniaCanadaAmy Elsner QUALIFIED
Chavez N CampainRussiaAnna Fali NEGOTIATION
Emily I PerinUnited KingdomAmy Elsner PROPOSAL
Sinclair K OldroydAustraliaStephen Shaw QUALIFIED
Clifford M PoquetteIndiaIvan Magalhaes QUALIFIED
Leon M OldroydUnited KingdomBernardo Dominic QUALIFIED
Greenwood I MarrierCanadaElwin Sharvill NEGOTIATION
Smith Q CaudyGermanyOnyama Limba RENEWAL
Jones V ButtFranceAsiya Javayant QUALIFIED
Isabel I BriddickJapanElwin Sharvill RENEWAL
Smith Y SchemmerGermanyIoni Bowcher UNQUALIFIED
Kadeem K NestleUnited KingdomOnyama Limba RENEWAL
Alejandro H GillianJapanAmy Elsner PROPOSAL
Mujtaba I WaycottBrazilAmy Elsner PROPOSAL
Aditya Y VenereItalyOnyama Limba NEW
Smith L SlusarskiUnited KingdomIvan Magalhaes RENEWAL
David G CaudySpainAsiya Javayant NEW
Leon V MorascaFranceAmy Elsner PROPOSAL
Rodrigues J MarrierBrazilOnyama Limba NEGOTIATION
Clifford D CaldareraSpainXuxue Feng NEW
Frozen Columns
Name
Izzy U Saylors
Octavia Q Slusarski
Cody Z Stockham
Jennifer A Vocelka
Jennifer N Waycott
Deepesh C Foller
Jones A Kolmetz
Jones Z Flosi
Aika A Iturbide
Mayumi C Amigon
Juan T Shinko
Deepesh K Malet
Aditya F Venere
Leja U Poquette
Ashley H Chui
Nicolas B Vocelka
Julie X Figeroa
Munro U Stenseth
Octavia D Tollner
Nicolas C Poquette
Salvatore Z Kolmetz
Deepesh T Amigon
Morrow W Stenseth
Misaki O Chui
Maisha D Iturbide
Julie C Oldroyd
Jones S Darakjy
Juan E Flosi
Sinclair Q Gaucho
Nicolas H Venere
Octavia E Nicka
Morrow N Amigon
Francesco R Rim
Mayumi C Garufi
Julie Z Sergi
Misaki U Stenseth
Johnson T Ruta
Juan C Morasca
Clifford A Bowley
Jeanfrancois J Waycott
Alejandro B Schemmer
Misaki Q Saylors
Tony F Bolognia
Clifford D Tollner
Mayumi D Ferencz
Mayumi G Royster
Izzy O Paprocki
Izzy A Gaucho
Deepesh P Marrier
Aika P Waycott
IdCountryDate
1000Argentina2026-10-09
1001Canada2026-10-04
1002Australia2026-09-24
1003Australia2026-09-20
1004Brazil2026-10-12
1005United Kingdom2026-09-27
1006Brazil2026-10-16
1007Australia2026-10-06
1008United Kingdom2026-10-14
1009Canada2026-10-02
1010Russia2026-09-28
1011France2026-09-21
1012Russia2026-09-30
1013Spain2026-10-18
1014Germany2026-09-22
1015Russia2026-09-29
1016Japan2026-10-16
1017Germany2026-10-14
1018France2026-09-28
1019Russia2026-10-04
1020Japan2026-09-29
1021Brazil2026-09-25
1022Canada2026-10-02
1023Russia2026-10-05
1024France2026-10-19
1025Canada2026-10-13
1026France2026-09-27
1027Italy2026-09-21
1028Argentina2026-10-09
1029Brazil2026-10-03
1030Spain2026-10-07
1031Argentina2026-10-06
1032Australia2026-10-02
1033Australia2026-10-13
1034India2026-10-15
1035Canada2026-10-03
1036Germany2026-09-20
1037Australia2026-10-04
1038Japan2026-09-26
1039United Kingdom2026-10-16
1040Canada2026-10-11
1041India2026-10-15
1042Canada2026-09-21
1043Russia2026-09-26
1044France2026-10-11
1045Japan2026-10-18
1046Argentina2026-10-16
1047Spain2026-10-02
1048Canada2026-10-15
1049Argentina2026-09-25

On-Demand Data

NameIdCountryDate
Claire L Maclead1000United Kingdom2026-10-11
Maisha X Maclead1001Brazil2026-09-29
Wickens M Schemmer1002India2026-10-19
Chavez Q Caudy1003Canada2026-10-16
Antonio N Bowley1004Germany2026-10-08
James D Caldarera1005Brazil2026-10-05
Ricardo W Doe1006Argentina2026-10-18
Claire D Wieser1007India2026-10-11
Emily J Royster1008Japan2026-09-30
Cody X Stenseth1009France2026-09-28
Kaitlin R Waycott1010Argentina2026-10-16
Murillo V Gaucho1011Argentina2026-09-29
Francesco C Briddick1012Russia2026-10-12
Aika L Saylors1013France2026-10-07
Stacey A Briddick1014Canada2026-10-12
Johnson J Schemmer1015Germany2026-10-11
Emily D Chui1016Canada2026-10-15
Octavia I Foller1017Italy2026-09-21
Kaitlin D Oldroyd1018India2026-10-14
Misaki A Ferencz1019Russia2026-09-28
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Nicolas E MaletJapanIoni Bowcher PROPOSAL
David E ChuiFranceBernardo Dominic NEW
Aruna X MacleadJapanBernardo Dominic RENEWAL
Alejandro L NickaCanadaStephen Shaw QUALIFIED
Johnson A NestleRussiaAmy Elsner QUALIFIED
Leon N OstroskySpainOnyama Limba RENEWAL
Morrow J SlusarskiRussiaElwin Sharvill UNQUALIFIED
Greenwood X ButtJapanIvan Magalhaes PROPOSAL
Darci I StensethJapanBernardo Dominic QUALIFIED
Jennifer L StockhamAustraliaAsiya Javayant PROPOSAL
Deepesh Q AmigonIndiaElwin Sharvill QUALIFIED
Murillo E SergiCanadaOnyama Limba QUALIFIED
Francesco G MaletJapanIoni Bowcher PROPOSAL
Kaitlin N SchemmerSpainIvan Magalhaes RENEWAL
Wickens I SchemmerBrazilElwin Sharvill RENEWAL
Smith T SchemmerCanadaAnna Fali QUALIFIED
Maria L MaletRussiaElwin Sharvill QUALIFIED
Smith A TollnerItalyAsiya Javayant UNQUALIFIED
Claire S GauchoAustraliaAmy Elsner RENEWAL
Smith D CaldareraFranceStephen Shaw RENEWAL
Cody D CampainRussiaStephen Shaw UNQUALIFIED
Tony B ButtBrazilOnyama Limba QUALIFIED
Claire H SchemmerRussiaAnna Fali PROPOSAL
Greenwood X FigeroaAustraliaBernardo Dominic UNQUALIFIED
Emily Y FollerGermanyElwin Sharvill RENEWAL
Aika V BowleyBrazilIoni Bowcher NEGOTIATION
Antonio F AlbaresGermanyStephen Shaw NEW
Julie L MorascaGermanyBernardo Dominic PROPOSAL
Isabel U GauchoGermanyIvan Magalhaes UNQUALIFIED
Chavez U AmigonGermanyBernardo Dominic NEGOTIATION
Isabel M PoquetteAustraliaBernardo Dominic UNQUALIFIED
Morrow H AmigonRussiaIoni Bowcher PROPOSAL
Aika C ButtGermanyIvan Magalhaes NEW
Rodrigues Q WaycottFranceOnyama Limba NEGOTIATION
Jeanfrancois C SaylorsAustraliaIvan Magalhaes NEW
Claire L RutaRussiaIoni Bowcher NEW
Kaitlin G SlusarskiRussiaAnna Fali UNQUALIFIED
Aika K WieserItalyBernardo Dominic NEGOTIATION
Maria U FigeroaFranceAsiya Javayant NEGOTIATION
Misaki E VocelkaArgentinaAmy Elsner 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>