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
James T PaprockiArgentinaElwin Sharvill NEGOTIATION
Adams K GauchoIndiaIoni Bowcher NEGOTIATION
Kadeem N OldroydJapanStephen Shaw NEW
Mujtaba H StensethSpainOnyama Limba PROPOSAL
Costa D WhobreyAustraliaElwin Sharvill PROPOSAL
Aruna P OldroydUnited KingdomBernardo Dominic PROPOSAL
Clifford P PaprockiArgentinaIvan Magalhaes NEW
Nicolas B DarakjyGermanyXuxue Feng RENEWAL
Octavia K NestleFranceElwin Sharvill UNQUALIFIED
Stacey Q RoysterFranceIoni Bowcher UNQUALIFIED
Jones G SlusarskiRussiaAnna Fali QUALIFIED
Isabel A AlbaresRussiaAnna Fali QUALIFIED
Rodrigues C NestleBrazilIvan Magalhaes UNQUALIFIED
Faith K OstroskyIndiaBernardo Dominic RENEWAL
Silvio R TollnerItalyStephen Shaw QUALIFIED
Morrow Y VenereSpainXuxue Feng RENEWAL
Chavez N BologniaGermanyIvan Magalhaes QUALIFIED
Ashley I AlbaresAustraliaAnna Fali QUALIFIED
Leon E RulapaughIndiaBernardo Dominic NEW
Smith B BologniaUnited KingdomAnna Fali PROPOSAL
Aika B NestleBrazilIoni Bowcher UNQUALIFIED
Aruna F SaylorsJapanIoni Bowcher RENEWAL
Darci I PerinIndiaOnyama Limba UNQUALIFIED
Greenwood U VenereRussiaIoni Bowcher PROPOSAL
Francesco I RoysterFranceAsiya Javayant NEW
Johnson P FigeroaRussiaIvan Magalhaes NEW
Costa X MacleadRussiaBernardo Dominic NEGOTIATION
Leon O NickaIndiaAmy Elsner NEGOTIATION
Aditya F SlusarskiFranceElwin Sharvill RENEWAL
Mayumi F GauchoSpainIoni Bowcher NEGOTIATION
Maria G WhobreyFranceAsiya Javayant QUALIFIED
Claire H RoysterCanadaBernardo Dominic QUALIFIED
Salvatore Q NickaJapanIoni Bowcher NEGOTIATION
Arvin T ShinkoGermanyAnna Fali PROPOSAL
Mujtaba L ChuiJapanElwin Sharvill UNQUALIFIED
Salvatore D OldroydBrazilAnna Fali NEW
Nicolas V DarakjyFranceOnyama Limba QUALIFIED
Costa C RimFranceBernardo Dominic QUALIFIED
Octavia J RoysterArgentinaElwin Sharvill UNQUALIFIED
Mayumi L ShinkoUnited KingdomAmy Elsner QUALIFIED
Juan P VenereGermanyXuxue Feng UNQUALIFIED
Murillo F DarakjyArgentinaAsiya Javayant NEGOTIATION
Francesco S DilliardUnited KingdomIvan Magalhaes NEW
Sinclair S ChuiUnited KingdomIvan Magalhaes QUALIFIED
Emily H PerinIndiaIoni Bowcher NEW
Jeanfrancois R FerenczCanadaIvan Magalhaes PROPOSAL
Isabel B FigeroaAustraliaAmy Elsner RENEWAL
Sinclair L ButtRussiaElwin Sharvill NEGOTIATION
Emily Y DilliardIndiaAnna Fali NEGOTIATION
Costa D FigeroaBrazilAmy Elsner RENEWAL
Horizontal
NameCountryRepresentativeStatus
Aruna Z WieserAustraliaAnna Fali NEGOTIATION
Ricardo Q DarakjyBrazilIoni Bowcher NEW
Maria S FerenczFranceIvan Magalhaes NEGOTIATION
Aditya I MarrierFranceIvan Magalhaes NEW
Deepesh L FigeroaUnited KingdomElwin Sharvill NEGOTIATION
Leja J FerenczJapanAsiya Javayant QUALIFIED
Francesco P AmigonArgentinaStephen Shaw QUALIFIED
Alejandro K KolmetzBrazilAsiya Javayant NEGOTIATION
Aika T InouyeUnited KingdomOnyama Limba UNQUALIFIED
Tony U SergiJapanAnna Fali PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Kaitlin O NickaGermany2026-10-01Benton, John B Jr UNQUALIFIED74Elwin Sharvill
1001Sinclair O NestleItaly2026-09-26Chapman, Ross E Esq NEGOTIATION48Onyama Limba
1002Rodrigues K ChuiAustralia2026-09-17Chapman, Ross E Esq PROPOSAL28Asiya Javayant
1003Emily W PoquetteGermany2026-09-19Truhlar And Truhlar Attys NEW63Onyama Limba
1004Aruna Q MarrierAustralia2026-09-29Chanay, Jeffrey A Esq NEGOTIATION8Xuxue Feng
1005David B ChuiSpain2026-09-08Morlong Associates NEGOTIATION89Ioni Bowcher
1006Octavia H StockhamCanada2026-09-17Chapman, Ross E Esq UNQUALIFIED53Onyama Limba
1007Ashley L SlusarskiJapan2026-09-16Dorl, James J Esq PROPOSAL9Elwin Sharvill
1008Jennifer P GillianCanada2026-09-22Rangoni Of Florence RENEWAL57Xuxue Feng
1009Octavia R VocelkaGermany2026-09-11Printing Dimensions QUALIFIED75Anna Fali
1010Stacey Y PoquetteFrance2026-09-13Morlong Associates QUALIFIED54Stephen Shaw
1011Arvin H RoysterSpain2026-09-11Rousseaux, Michael Esq PROPOSAL66Bernardo Dominic
1012Munro X IturbideIndia2026-09-09Chanay, Jeffrey A Esq UNQUALIFIED23Stephen Shaw
1013Morrow E DarakjyFrance2026-10-01Truhlar And Truhlar Attys RENEWAL29Anna Fali
1014Johnson T ButtArgentina2026-09-12Printing Dimensions RENEWAL33Xuxue Feng
1015Kaitlin L SergiIndia2026-09-11Benton, John B Jr NEW89Ioni Bowcher
1016Aditya K SaylorsJapan2026-09-13Chapman, Ross E Esq UNQUALIFIED22Xuxue Feng
1017Francesco D SlusarskiCanada2026-09-27Rousseaux, Michael Esq RENEWAL60Stephen Shaw
1018Arvin R OstroskyBrazil2026-09-25Benton, John B Jr PROPOSAL72Amy Elsner
1019Leja Q RulapaughArgentina2026-09-28Truhlar And Truhlar Attys NEW54Bernardo Dominic
1020Rodrigues G MorascaIndia2026-09-19Feltz Printing Service RENEWAL30Anna Fali
1021Nicolas V RulapaughIndia2026-09-14Buckley Miller Wright NEW0Onyama Limba
1022Jones Z DoeGermany2026-09-23Commercial Press PROPOSAL72Asiya Javayant
1023Jefferson E DarakjySpain2026-09-06Chanay, Jeffrey A Esq RENEWAL69Amy Elsner
1024Nicolas I IturbideFrance2026-09-22Feltz Printing Service QUALIFIED36Bernardo Dominic
1025James X PoquetteArgentina2026-09-24Feiner Bros QUALIFIED84Ioni Bowcher
1026Juan R BologniaRussia2026-09-17Feltz Printing Service NEGOTIATION77Anna Fali
1027Antonio T StensethRussia2026-09-24Truhlar And Truhlar Attys QUALIFIED76Ioni Bowcher
1028Aika P ShinkoCanada2026-09-24Printing Dimensions NEGOTIATION18Stephen Shaw
1029Nicolas A ChuiItaly2026-09-11Rangoni Of Florence NEGOTIATION60Anna Fali
1030James K WhobreyAustralia2026-09-09Printing Dimensions NEW16Xuxue Feng
1031Ricardo Q MaletCanada2026-10-03Morlong Associates PROPOSAL38Bernardo Dominic
1032Isabel N RimFrance2026-09-16Feltz Printing Service NEW72Onyama Limba
1033Francesco S ChuiFrance2026-09-18Printing Dimensions QUALIFIED36Asiya Javayant
1034Francesco P OstroskyRussia2026-10-03Rousseaux, Michael Esq PROPOSAL76Ioni Bowcher
1035Mayumi E MacleadSpain2026-10-04Benton, John B Jr QUALIFIED68Amy Elsner
1036Tony U WaycottFrance2026-09-11Chapman, Ross E Esq NEW97Asiya Javayant
1037Ashley X CampainGermany2026-10-03King, Christopher A Esq RENEWAL58Stephen Shaw
1038Alejandro U SergiUnited Kingdom2026-09-29Feiner Bros PROPOSAL46Amy Elsner
1039Arvin L CampainRussia2026-09-14Chemel, James L Cpa NEGOTIATION5Ivan Magalhaes
1040Ashley F RulapaughAustralia2026-09-27Feltz Printing Service QUALIFIED65Elwin Sharvill
1041Jefferson Y StensethArgentina2026-10-05King, Christopher A Esq UNQUALIFIED29Ioni Bowcher
1042Nicolas X OstroskyUnited Kingdom2026-09-26Chapman, Ross E Esq NEW53Xuxue Feng
1043Adams D RoysterRussia2026-09-08Benton, John B Jr NEW68Xuxue Feng
1044Greenwood Q BologniaSpain2026-09-08Truhlar And Truhlar Attys QUALIFIED45Amy Elsner
1045Morrow G FollerAustralia2026-09-22Chemel, James L Cpa RENEWAL35Anna Fali
1046Claire V BriddickIndia2026-09-11King, Christopher A Esq PROPOSAL81Bernardo Dominic
1047Izzy H VocelkaBrazil2026-09-13Buckley Miller Wright NEW29Anna Fali
1048Deepesh F PerinAustralia2026-09-19Chanay, Jeffrey A Esq UNQUALIFIED22Ivan Magalhaes
1049Murillo J MarrierSpain2026-10-01Feltz Printing Service QUALIFIED77Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Nicolas T AlbaresItalyXuxue Feng NEW
Octavia J PaprockiUnited KingdomAnna Fali NEW
Leon H BriddickIndiaAsiya Javayant NEW
Silvio M WhobreyRussiaOnyama Limba RENEWAL
Jeanfrancois K RoysterBrazilIoni Bowcher PROPOSAL
Misaki D PerinFranceStephen Shaw NEW
Cody O GillianItalyOnyama Limba NEW
Nicolas G MarrierUnited KingdomBernardo Dominic NEW
Cody G RoysterCanadaXuxue Feng NEGOTIATION
Darci B GlickUnited KingdomIoni Bowcher NEW
Nicolas Z RoysterFranceAsiya Javayant NEGOTIATION
Leja H VenereCanadaElwin Sharvill PROPOSAL
Maria G SchemmerRussiaOnyama Limba RENEWAL
Johnson L MarrierCanadaAmy Elsner NEGOTIATION
Emily A RutaItalyIvan Magalhaes NEW
Mayumi G KolmetzGermanyElwin Sharvill NEGOTIATION
Emily H NickaIndiaXuxue Feng NEGOTIATION
Julie W BologniaCanadaAsiya Javayant NEW
Johnson K ChuiArgentinaXuxue Feng UNQUALIFIED
Stacey A RimArgentinaIvan Magalhaes UNQUALIFIED
Munro T SlusarskiFranceAnna Fali UNQUALIFIED
Munro D GarufiArgentinaOnyama Limba PROPOSAL
Kadeem O ShinkoRussiaAnna Fali NEW
Julie Z PerinFranceIvan Magalhaes NEGOTIATION
Jefferson X MarrierItalyIoni Bowcher NEW
Jeanfrancois X StensethJapanIoni Bowcher NEW
Jefferson Y MorascaBrazilXuxue Feng NEW
Adams D MacleadFranceIoni Bowcher UNQUALIFIED
Nicolas P PerinUnited KingdomStephen Shaw NEGOTIATION
Murillo A RimJapanIoni Bowcher NEW
Jefferson E WhobreyBrazilIvan Magalhaes PROPOSAL
Deepesh B AlbaresRussiaIvan Magalhaes NEGOTIATION
Claire K PoquetteGermanyBernardo Dominic RENEWAL
Rodrigues H VenereBrazilAnna Fali NEW
James W ChuiJapanXuxue Feng QUALIFIED
Adams W PoquetteCanadaAmy Elsner QUALIFIED
Leon W AmigonIndiaIvan Magalhaes NEGOTIATION
Salvatore G FigeroaBrazilAnna Fali QUALIFIED
Aruna U GauchoArgentinaOnyama Limba NEGOTIATION
Octavia F InouyeUnited KingdomElwin Sharvill PROPOSAL
Alejandro Y CaudyRussiaAnna Fali QUALIFIED
Kadeem T GauchoAustraliaBernardo Dominic RENEWAL
Tony I InouyeUnited KingdomElwin Sharvill RENEWAL
Aika V NickaGermanyAsiya Javayant PROPOSAL
Sinclair L GarufiItalyAmy Elsner NEGOTIATION
Jeanfrancois N RulapaughCanadaAnna Fali RENEWAL
Sinclair H MaletArgentinaAsiya Javayant RENEWAL
Kaitlin T DilliardCanadaIoni Bowcher UNQUALIFIED
Smith S StockhamCanadaIvan Magalhaes UNQUALIFIED
Aika U VenereItalyBernardo Dominic NEW
Frozen Columns
Name
Rodrigues A Whobrey
Sinclair F Albares
Salvatore K Ferencz
Smith Z Chui
Antonio K Briddick
Darci I Oldroyd
Rodrigues B Chui
Rodrigues J Butt
Alejandro Y Figeroa
Leja G Ostrosky
Leja F Gaucho
Salvatore I Slusarski
David W Caudy
Mayumi I Flosi
Greenwood P Vocelka
Jones P Briddick
Deepesh X Ferencz
Isabel S Flosi
Claire H Briddick
Antonio V Shinko
Aditya S Tollner
Alejandro I Briddick
Darci P Caldarera
Juan K Briddick
Tony D Slusarski
Ricardo K Malet
Arvin A Slusarski
Jones Y Slusarski
Kadeem G Chui
Claire Q Ruta
Ivar O Sergi
Ricardo O Oldroyd
Kadeem H Wieser
David W Caldarera
Maisha X Briddick
Jefferson C Slusarski
Francesco Y Malet
Juan A Paprocki
Faith L Stockham
Stacey J Poquette
Stacey S Wieser
Juan A Ferencz
Faith T Gaucho
Stacey X Tollner
Mayumi N Poquette
Jones M Poquette
Salvatore Q Kolmetz
Munro Q Campain
Ricardo A Ruta
Stacey P Gillian
IdCountryDate
1000Russia2026-09-23
1001India2026-09-20
1002India2026-09-14
1003India2026-09-20
1004Germany2026-09-20
1005Australia2026-09-27
1006Russia2026-09-10
1007Brazil2026-09-29
1008Japan2026-09-07
1009Russia2026-09-20
1010Italy2026-09-15
1011Russia2026-09-07
1012India2026-09-13
1013France2026-09-26
1014Germany2026-09-20
1015Italy2026-09-28
1016Japan2026-09-08
1017Russia2026-09-11
1018Argentina2026-09-18
1019Canada2026-09-07
1020India2026-10-04
1021Brazil2026-09-12
1022France2026-09-17
1023Spain2026-09-12
1024Canada2026-09-27
1025Spain2026-09-24
1026Australia2026-10-02
1027Spain2026-10-04
1028Germany2026-09-28
1029Brazil2026-09-26
1030France2026-09-06
1031India2026-09-25
1032United Kingdom2026-09-12
1033India2026-09-16
1034United Kingdom2026-10-02
1035Canada2026-09-17
1036Canada2026-10-02
1037Spain2026-09-11
1038Australia2026-09-08
1039United Kingdom2026-09-12
1040Canada2026-09-20
1041Spain2026-09-20
1042Germany2026-09-17
1043Germany2026-09-23
1044France2026-09-23
1045Italy2026-09-15
1046Germany2026-09-20
1047France2026-09-12
1048Japan2026-09-26
1049Australia2026-09-20

On-Demand Data

NameIdCountryDate
Misaki A Campain1000France2026-09-24
Mayumi M Morasca1001Spain2026-10-03
Jeanfrancois I Vocelka1002Argentina2026-09-25
Ivar Q Venere1003Russia2026-09-08
Izzy M Garufi1004Argentina2026-09-27
Leon B Shinko1005Italy2026-09-27
Kaitlin H Wieser1006Japan2026-09-28
Kadeem A Rulapaugh1007Spain2026-09-20
Nicolas U Bolognia1008Argentina2026-09-06
Clifford V Saylors1009Canada2026-09-22
Costa X Morasca1010Australia2026-09-10
Leon L Stockham1011Australia2026-09-06
Jones N Stenseth1012Japan2026-09-27
Izzy M Kolmetz1013Spain2026-09-13
Johnson T Dilliard1014France2026-09-26
Jefferson L Caldarera1015Canada2026-09-16
Smith O Campain1016Italy2026-10-03
Deepesh J Figeroa1017Italy2026-10-03
Costa Z Iturbide1018Argentina2026-09-21
Adams B Wieser1019Australia2026-09-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Ashley T SlusarskiItalyAnna Fali PROPOSAL
Ricardo D OldroydArgentinaAmy Elsner NEGOTIATION
Maria N KuskoRussiaAmy Elsner UNQUALIFIED
Isabel Y MacleadFranceIvan Magalhaes NEGOTIATION
Leon X RoysterSpainXuxue Feng QUALIFIED
Alejandro P WieserItalyBernardo Dominic NEW
Mayumi Y GauchoJapanAsiya Javayant QUALIFIED
Costa G MaletSpainAnna Fali NEW
Ricardo D MaletCanadaXuxue Feng NEGOTIATION
Murillo P CampainArgentinaXuxue Feng QUALIFIED
Mujtaba K WhobreyGermanyXuxue Feng NEGOTIATION
Wickens Z BriddickGermanyIvan Magalhaes UNQUALIFIED
Munro A CaldareraGermanyElwin Sharvill NEW
Maisha D SergiBrazilBernardo Dominic NEGOTIATION
James O MacleadRussiaOnyama Limba PROPOSAL
Morrow W CaldareraRussiaIoni Bowcher RENEWAL
Faith I RutaUnited KingdomAnna Fali PROPOSAL
Clifford R FigeroaUnited KingdomElwin Sharvill PROPOSAL
Chavez R GillianUnited KingdomAnna Fali PROPOSAL
Darci N DilliardAustraliaXuxue Feng NEW
Silvio D FerenczRussiaAmy Elsner QUALIFIED
Salvatore R ButtGermanyBernardo Dominic QUALIFIED
Silvio I BriddickAustraliaElwin Sharvill QUALIFIED
Izzy X FollerFranceAnna Fali UNQUALIFIED
Darci E FigeroaGermanyXuxue Feng PROPOSAL
Francesco H SchemmerRussiaElwin Sharvill QUALIFIED
Jeanfrancois Z BowleyUnited KingdomAnna Fali NEW
Jefferson J SergiGermanyElwin Sharvill RENEWAL
Morrow Y ButtBrazilElwin Sharvill UNQUALIFIED
Deepesh V OldroydUnited KingdomAnna Fali UNQUALIFIED
Emily L FollerUnited KingdomIoni Bowcher PROPOSAL
Izzy I PerinRussiaElwin Sharvill NEGOTIATION
Octavia A FerenczRussiaXuxue Feng RENEWAL
Nicolas B InouyeUnited KingdomAsiya Javayant PROPOSAL
Clifford U WieserRussiaAmy Elsner PROPOSAL
Morrow E RutaGermanyElwin Sharvill NEW
Chavez T DoeAustraliaStephen Shaw QUALIFIED
Ivar A RulapaughAustraliaXuxue Feng PROPOSAL
Jennifer V GarufiArgentinaOnyama Limba RENEWAL
Claire R NickaArgentinaXuxue Feng PROPOSAL

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