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 X CampainRussiaAnna Fali NEW
Aika C FlosiRussiaBernardo Dominic NEW
Juan X NickaRussiaAnna Fali RENEWAL
Stacey J MaletFranceOnyama Limba PROPOSAL
Jennifer X SaylorsItalyOnyama Limba UNQUALIFIED
Julie B BologniaArgentinaElwin Sharvill PROPOSAL
Jefferson N CaldareraSpainIoni Bowcher QUALIFIED
Chavez B MarrierArgentinaStephen Shaw RENEWAL
Smith V WieserRussiaAmy Elsner PROPOSAL
Jefferson E BriddickArgentinaAmy Elsner PROPOSAL
Wickens H MorascaBrazilXuxue Feng NEW
Antonio O RulapaughItalyAsiya Javayant PROPOSAL
Maria Y SaylorsItalyAsiya Javayant NEW
Alejandro F VocelkaFranceBernardo Dominic NEW
Jennifer X CaudyFranceElwin Sharvill UNQUALIFIED
Arvin N InouyeRussiaStephen Shaw QUALIFIED
Ashley S PoquetteRussiaIoni Bowcher NEGOTIATION
Rodrigues H ButtIndiaOnyama Limba QUALIFIED
Nicolas T PaprockiBrazilAsiya Javayant NEGOTIATION
Mayumi A ChuiFranceAmy Elsner UNQUALIFIED
Aika U OldroydArgentinaIoni Bowcher NEGOTIATION
Aika U BologniaBrazilXuxue Feng NEGOTIATION
Faith J MaletJapanOnyama Limba PROPOSAL
Ashley Q NestleArgentinaStephen Shaw UNQUALIFIED
Claire X MacleadUnited KingdomAnna Fali PROPOSAL
Darci L OstroskyUnited KingdomAnna Fali RENEWAL
Deepesh O PerinCanadaAnna Fali RENEWAL
Jones N RutaIndiaAsiya Javayant RENEWAL
Claire V MarrierGermanyIvan Magalhaes RENEWAL
Nicolas P MaletCanadaXuxue Feng NEW
Mayumi V DarakjyItalyIoni Bowcher UNQUALIFIED
Chavez I MaletUnited KingdomAnna Fali UNQUALIFIED
Murillo I AlbaresCanadaAnna Fali QUALIFIED
Kaitlin T OstroskyJapanAmy Elsner QUALIFIED
Adams V MorascaItalyBernardo Dominic RENEWAL
Ashley O WaycottSpainIoni Bowcher UNQUALIFIED
Costa T PaprockiItalyAmy Elsner QUALIFIED
Emily P ChuiAustraliaAnna Fali RENEWAL
Julie N OstroskySpainAnna Fali PROPOSAL
Sinclair C ShinkoBrazilAmy Elsner RENEWAL
Maria N VocelkaJapanAmy Elsner UNQUALIFIED
Deepesh C CampainGermanyXuxue Feng NEGOTIATION
Misaki T ShinkoCanadaOnyama Limba UNQUALIFIED
Aika K AlbaresArgentinaElwin Sharvill PROPOSAL
Stacey G RoysterAustraliaElwin Sharvill NEGOTIATION
Isabel U MacleadBrazilXuxue Feng UNQUALIFIED
Adams W DarakjySpainAsiya Javayant QUALIFIED
Kaitlin Y SergiAustraliaIoni Bowcher PROPOSAL
Stacey L NestleArgentinaStephen Shaw QUALIFIED
Aika A MarrierUnited KingdomAmy Elsner PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Arvin Q FollerCanadaIoni Bowcher NEGOTIATION
Kaitlin Q PerinRussiaXuxue Feng PROPOSAL
Kadeem V GlickAustraliaElwin Sharvill NEW
Kaitlin X MaletCanadaAsiya Javayant PROPOSAL
Adams L PaprockiItalyAnna Fali QUALIFIED
Murillo Y WhobreyRussiaElwin Sharvill RENEWAL
Rodrigues T MorascaUnited KingdomIoni Bowcher NEW
Claire J DoeUnited KingdomBernardo Dominic UNQUALIFIED
Izzy H FollerBrazilOnyama Limba PROPOSAL
Jennifer W CaudyJapanElwin Sharvill NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Tony A CaldareraItaly2026-09-24Chemel, James L Cpa NEGOTIATION89Asiya Javayant
1001Juan W VenereSpain2026-09-25Chemel, James L Cpa UNQUALIFIED18Ivan Magalhaes
1002David V BologniaArgentina2026-09-06Buckley Miller Wright RENEWAL26Ioni Bowcher
1003Ivar D MaletArgentina2026-09-20Rousseaux, Michael Esq PROPOSAL14Stephen Shaw
1004Tony P FlosiRussia2026-08-31Feltz Printing Service NEGOTIATION57Amy Elsner
1005Leon Z VenereUnited Kingdom2026-09-14Printing Dimensions UNQUALIFIED19Ioni Bowcher
1006Morrow M NestleAustralia2026-09-23Feltz Printing Service RENEWAL17Bernardo Dominic
1007Nicolas A RoysterItaly2026-09-13Rangoni Of Florence NEW11Bernardo Dominic
1008Aika B ShinkoUnited Kingdom2026-09-21Chanay, Jeffrey A Esq RENEWAL46Ivan Magalhaes
1009Chavez Z FigeroaCanada2026-09-23Truhlar And Truhlar Attys UNQUALIFIED76Anna Fali
1010Rodrigues O ButtUnited Kingdom2026-09-10Buckley Miller Wright RENEWAL15Onyama Limba
1011Murillo V ChuiBrazil2026-09-20Printing Dimensions UNQUALIFIED88Anna Fali
1012Sinclair T SchemmerUnited Kingdom2026-09-12Printing Dimensions NEW29Bernardo Dominic
1013Faith F DoeFrance2026-09-16Benton, John B Jr NEW3Xuxue Feng
1014Arvin W BriddickIndia2026-09-10Truhlar And Truhlar Attys UNQUALIFIED46Stephen Shaw
1015Jefferson E FigeroaFrance2026-09-08Chanay, Jeffrey A Esq NEW74Stephen Shaw
1016Rodrigues C MaletAustralia2026-09-24Printing Dimensions UNQUALIFIED76Onyama Limba
1017Octavia J GarufiArgentina2026-09-01Benton, John B Jr UNQUALIFIED33Ioni Bowcher
1018Mujtaba K FlosiSpain2026-09-14Commercial Press QUALIFIED32Asiya Javayant
1019Smith X NickaIndia2026-09-19Commercial Press QUALIFIED80Stephen Shaw
1020Adams F InouyeUnited Kingdom2026-09-16Morlong Associates RENEWAL10Elwin Sharvill
1021Leon X BowleyUnited Kingdom2026-09-13Feiner Bros QUALIFIED82Stephen Shaw
1022David U FollerArgentina2026-09-02Chapman, Ross E Esq QUALIFIED72Onyama Limba
1023Darci X WhobreyIndia2026-09-17Chapman, Ross E Esq NEGOTIATION53Bernardo Dominic
1024Jones Y MarrierIndia2026-09-14Morlong Associates NEGOTIATION18Stephen Shaw
1025Greenwood T StensethBrazil2026-08-29Commercial Press NEW40Xuxue Feng
1026Isabel Q VocelkaGermany2026-09-04Commercial Press QUALIFIED16Anna Fali
1027Arvin M RoysterArgentina2026-09-02King, Christopher A Esq PROPOSAL5Anna Fali
1028Ivar N MacleadFrance2026-09-17King, Christopher A Esq NEW0Elwin Sharvill
1029Costa P SergiAustralia2026-09-03Chanay, Jeffrey A Esq NEW85Elwin Sharvill
1030Mayumi O OstroskySpain2026-09-24Chanay, Jeffrey A Esq QUALIFIED82Asiya Javayant
1031Mujtaba H SergiGermany2026-09-02Buckley Miller Wright UNQUALIFIED64Onyama Limba
1032Mujtaba F VenereRussia2026-08-30Rousseaux, Michael Esq PROPOSAL20Anna Fali
1033Chavez X GarufiIndia2026-08-29King, Christopher A Esq PROPOSAL97Elwin Sharvill
1034Jones Y PaprockiFrance2026-09-27Dorl, James J Esq PROPOSAL43Elwin Sharvill
1035Cody G AlbaresAustralia2026-09-16Chemel, James L Cpa UNQUALIFIED28Xuxue Feng
1036Ashley B SergiIndia2026-09-25Rousseaux, Michael Esq QUALIFIED15Xuxue Feng
1037Cody W FigeroaGermany2026-09-01Chemel, James L Cpa RENEWAL58Asiya Javayant
1038Tony L ButtItaly2026-09-23Truhlar And Truhlar Attys UNQUALIFIED65Asiya Javayant
1039Adams B NickaFrance2026-09-01Buckley Miller Wright RENEWAL55Onyama Limba
1040Kadeem O RulapaughArgentina2026-09-06Printing Dimensions UNQUALIFIED64Ivan Magalhaes
1041Leja S SlusarskiIndia2026-09-15Buckley Miller Wright PROPOSAL87Bernardo Dominic
1042Munro X DarakjyIndia2026-09-19Morlong Associates NEGOTIATION59Bernardo Dominic
1043Misaki X ShinkoAustralia2026-09-05Commercial Press PROPOSAL54Ivan Magalhaes
1044Cody R DoeUnited Kingdom2026-09-02Dorl, James J Esq UNQUALIFIED73Elwin Sharvill
1045Darci M AmigonArgentina2026-09-11Feiner Bros PROPOSAL27Xuxue Feng
1046Faith N BologniaUnited Kingdom2026-09-17Commercial Press RENEWAL69Elwin Sharvill
1047Wickens D OldroydUnited Kingdom2026-09-10Rousseaux, Michael Esq NEGOTIATION53Onyama Limba
1048Ivar K CampainFrance2026-09-08Rousseaux, Michael Esq UNQUALIFIED14Amy Elsner
1049Francesco M SlusarskiSpain2026-09-22King, Christopher A Esq PROPOSAL72Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Ashley S VenereUnited KingdomXuxue Feng NEGOTIATION
Munro T SchemmerItalyStephen Shaw UNQUALIFIED
Alejandro X RulapaughItalyAsiya Javayant QUALIFIED
Clifford P CampainItalyAsiya Javayant RENEWAL
Sinclair U WaycottUnited KingdomIvan Magalhaes NEW
Silvio E RutaAustraliaOnyama Limba QUALIFIED
Jefferson K TollnerBrazilXuxue Feng NEW
Deepesh G NestleAustraliaBernardo Dominic QUALIFIED
Octavia S SaylorsAustraliaAnna Fali PROPOSAL
Isabel U VocelkaRussiaIvan Magalhaes NEGOTIATION
Ashley M MarrierBrazilAmy Elsner NEGOTIATION
Arvin W SergiUnited KingdomXuxue Feng RENEWAL
Isabel E VocelkaSpainIvan Magalhaes UNQUALIFIED
Stacey W IturbideIndiaAnna Fali PROPOSAL
Ivar G SlusarskiUnited KingdomIoni Bowcher RENEWAL
James E GauchoItalyIoni Bowcher PROPOSAL
Greenwood P SergiArgentinaXuxue Feng PROPOSAL
Kaitlin D WieserBrazilIvan Magalhaes PROPOSAL
Aruna T BowleyIndiaAsiya Javayant RENEWAL
Juan G FerenczRussiaAmy Elsner UNQUALIFIED
Jennifer M MarrierArgentinaIvan Magalhaes NEGOTIATION
Emily V TollnerUnited KingdomIvan Magalhaes UNQUALIFIED
Isabel M ButtItalyAmy Elsner NEW
Jefferson Q FigeroaSpainXuxue Feng NEGOTIATION
Aditya E MacleadFranceXuxue Feng QUALIFIED
Murillo Q RoysterCanadaElwin Sharvill NEGOTIATION
Aditya W KuskoCanadaElwin Sharvill NEW
Emily F PaprockiJapanAsiya Javayant QUALIFIED
Misaki P InouyeUnited KingdomElwin Sharvill NEW
Juan I DarakjyFranceElwin Sharvill PROPOSAL
Greenwood P MaletBrazilXuxue Feng NEGOTIATION
Maisha B FlosiIndiaXuxue Feng RENEWAL
Misaki H DoeFranceXuxue Feng QUALIFIED
Greenwood B WaycottUnited KingdomIvan Magalhaes QUALIFIED
Chavez L OldroydJapanIvan Magalhaes NEW
Nicolas Q WhobreyAustraliaStephen Shaw NEW
Mayumi W DarakjyIndiaIoni Bowcher RENEWAL
Ashley J ButtGermanyIoni Bowcher PROPOSAL
Chavez H AmigonItalyAmy Elsner QUALIFIED
Alejandro P MaletFranceAmy Elsner RENEWAL
Morrow R CaldareraJapanAsiya Javayant PROPOSAL
Tony T NestleAustraliaIoni Bowcher QUALIFIED
Salvatore U SchemmerItalyStephen Shaw PROPOSAL
Antonio X RutaAustraliaElwin Sharvill RENEWAL
Octavia K WhobreyArgentinaIvan Magalhaes UNQUALIFIED
Juan C KuskoGermanyStephen Shaw UNQUALIFIED
Antonio B FlosiFranceIvan Magalhaes QUALIFIED
Ivar L GarufiAustraliaXuxue Feng PROPOSAL
Claire H MaletJapanAsiya Javayant RENEWAL
Ashley H CaldareraAustraliaStephen Shaw NEW
Frozen Columns
Name
Claire Z Caudy
Tony J Oldroyd
Darci C Stenseth
Ashley E Rulapaugh
Clifford C Gillian
Chavez H Kusko
Cody O Malet
Johnson Y Rim
Ashley W Campain
Tony F Iturbide
Nicolas H Caldarera
Greenwood I Whobrey
David D Kolmetz
Aruna Y Inouye
Ivar V Whobrey
Costa B Venere
Greenwood B Caldarera
Jennifer E Rim
Misaki S Schemmer
Arvin A Poquette
Ricardo I Gillian
Leja Q Kolmetz
Octavia S Oldroyd
Smith E Stenseth
Mujtaba I Flosi
Mayumi U Waycott
Ricardo O Doe
Kadeem Q Morasca
Leja T Butt
James R Rulapaugh
Silvio E Schemmer
Juan Y Poquette
Salvatore V Kolmetz
Leja R Rulapaugh
Salvatore P Kolmetz
Deepesh E Oldroyd
Izzy L Darakjy
Sinclair X Glick
Wickens Q Maclead
Julie F Amigon
Tony Z Waycott
Mayumi B Shinko
Johnson R Amigon
Antonio Z Waycott
Ivar D Gillian
Leon S Whobrey
Leon Q Foller
Salvatore P Morasca
Aika F Malet
Cody L Glick
IdCountryDate
1000India2026-09-13
1001Canada2026-09-15
1002Germany2026-09-25
1003Brazil2026-09-08
1004France2026-09-18
1005India2026-09-05
1006United Kingdom2026-09-22
1007Brazil2026-09-04
1008France2026-09-19
1009Spain2026-09-05
1010Russia2026-09-09
1011India2026-09-24
1012Canada2026-09-04
1013United Kingdom2026-09-24
1014Italy2026-09-26
1015Japan2026-09-26
1016Italy2026-09-17
1017Australia2026-09-22
1018Australia2026-09-13
1019Brazil2026-09-11
1020Spain2026-08-30
1021India2026-09-16
1022Japan2026-09-07
1023Germany2026-09-22
1024Japan2026-08-30
1025Russia2026-09-09
1026Spain2026-09-16
1027Spain2026-09-13
1028Argentina2026-09-26
1029Brazil2026-09-20
1030India2026-08-30
1031Brazil2026-09-24
1032Canada2026-09-27
1033India2026-09-08
1034Italy2026-09-12
1035Germany2026-09-10
1036Germany2026-09-12
1037Australia2026-09-27
1038Spain2026-09-17
1039United Kingdom2026-09-08
1040Japan2026-09-07
1041Brazil2026-09-20
1042Italy2026-09-11
1043Australia2026-09-09
1044Canada2026-09-24
1045United Kingdom2026-09-13
1046Italy2026-08-31
1047United Kingdom2026-09-17
1048Japan2026-09-21
1049Australia2026-09-17

On-Demand Data

NameIdCountryDate
Leja P Stenseth1000Germany2026-09-16
Tony J Inouye1001Japan2026-08-29
Claire M Oldroyd1002India2026-09-01
Salvatore O Ruta1003Australia2026-09-17
Misaki B Nestle1004France2026-09-07
Maria F Bowley1005India2026-09-26
Kaitlin H Flosi1006Australia2026-09-12
Deepesh Q Bolognia1007Germany2026-09-20
Murillo N Caudy1008Germany2026-09-08
Antonio J Venere1009Germany2026-08-30
Ricardo J Nestle1010Australia2026-09-15
Arvin D Stenseth1011France2026-09-27
Wickens C Ruta1012Brazil2026-09-22
Smith I Slusarski1013United Kingdom2026-08-30
Julie A Shinko1014Canada2026-09-01
Clifford N Vocelka1015Russia2026-08-29
Jefferson J Campain1016United Kingdom2026-09-09
Leon T Perin1017France2026-09-05
Tony T Perin1018Canada2026-09-03
Tony B Oldroyd1019Spain2026-09-11
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leja Y NestleIndiaXuxue Feng RENEWAL
Smith S BriddickAustraliaElwin Sharvill NEW
Octavia R NestleJapanXuxue Feng QUALIFIED
Leja Z RoysterUnited KingdomStephen Shaw NEGOTIATION
Wickens M WieserRussiaIoni Bowcher NEW
Salvatore J FigeroaAustraliaAsiya Javayant NEGOTIATION
Clifford N FigeroaItalyBernardo Dominic NEGOTIATION
Darci M ShinkoBrazilIoni Bowcher PROPOSAL
Octavia M OstroskyBrazilAnna Fali UNQUALIFIED
Silvio I RutaUnited KingdomElwin Sharvill NEGOTIATION
Emily U RulapaughSpainElwin Sharvill RENEWAL
Deepesh D RimItalyStephen Shaw NEGOTIATION
Kaitlin C NestleRussiaOnyama Limba NEGOTIATION
Costa G SergiUnited KingdomAnna Fali NEW
Octavia B MorascaSpainAsiya Javayant UNQUALIFIED
Aruna F BriddickGermanyIvan Magalhaes QUALIFIED
Tony E WieserItalyElwin Sharvill NEGOTIATION
Kadeem H DilliardRussiaAnna Fali NEGOTIATION
Costa J KolmetzJapanAmy Elsner UNQUALIFIED
Greenwood Y IturbideBrazilAsiya Javayant RENEWAL
Sinclair M RutaCanadaBernardo Dominic UNQUALIFIED
Claire H KolmetzUnited KingdomAnna Fali UNQUALIFIED
Alejandro Z BriddickIndiaStephen Shaw NEGOTIATION
Alejandro E BologniaUnited KingdomElwin Sharvill UNQUALIFIED
Kadeem X TollnerCanadaAsiya Javayant QUALIFIED
Jefferson A PoquetteSpainAmy Elsner PROPOSAL
Antonio Z NickaGermanyStephen Shaw PROPOSAL
Sinclair I PerinAustraliaXuxue Feng QUALIFIED
Clifford T SaylorsItalyStephen Shaw PROPOSAL
David M InouyeRussiaIoni Bowcher QUALIFIED
Murillo K RimItalyStephen Shaw NEGOTIATION
Munro Q DoeRussiaStephen Shaw QUALIFIED
Clifford L GauchoUnited KingdomOnyama Limba QUALIFIED
Cody Q RutaArgentinaStephen Shaw NEGOTIATION
Morrow V IturbideJapanOnyama Limba PROPOSAL
Salvatore H RulapaughFranceAmy Elsner NEGOTIATION
Jennifer F FerenczJapanBernardo Dominic UNQUALIFIED
Jefferson I ButtRussiaXuxue Feng NEW
Greenwood A CaldareraSpainAsiya Javayant RENEWAL
Kaitlin Y WieserAustraliaXuxue Feng QUALIFIED

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