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 D WhobreyFranceStephen Shaw RENEWAL
Munro T RutaIndiaAmy Elsner RENEWAL
Murillo F AlbaresArgentinaIvan Magalhaes NEW
Darci B SergiItalyXuxue Feng NEGOTIATION
Greenwood N KuskoUnited KingdomAmy Elsner UNQUALIFIED
Chavez C SaylorsSpainIoni Bowcher PROPOSAL
Julie W PaprockiUnited KingdomElwin Sharvill QUALIFIED
Clifford I ChuiCanadaAsiya Javayant QUALIFIED
Tony O KolmetzJapanStephen Shaw QUALIFIED
Tony N IturbideCanadaOnyama Limba PROPOSAL
Octavia P InouyeIndiaAsiya Javayant RENEWAL
Alejandro Q ChuiBrazilXuxue Feng QUALIFIED
Nicolas A StensethFranceIvan Magalhaes UNQUALIFIED
Leon P AmigonJapanAsiya Javayant PROPOSAL
Juan X PaprockiItalyAmy Elsner RENEWAL
Smith E CaudyAustraliaIvan Magalhaes QUALIFIED
Wickens J VocelkaBrazilOnyama Limba NEW
Rodrigues C WieserRussiaOnyama Limba PROPOSAL
Kadeem A FigeroaSpainIoni Bowcher NEW
Alejandro R WhobreyCanadaIvan Magalhaes NEW
Aditya R SergiSpainAnna Fali NEGOTIATION
Tony S CaldareraItalyXuxue Feng RENEWAL
Izzy N GauchoGermanyAsiya Javayant RENEWAL
Maisha W RoysterArgentinaAmy Elsner RENEWAL
Salvatore Q WieserIndiaBernardo Dominic QUALIFIED
Jeanfrancois Q NickaIndiaAnna Fali NEW
Ashley U CampainUnited KingdomXuxue Feng NEW
Alejandro A WhobreyItalyAmy Elsner UNQUALIFIED
Munro D MarrierGermanyOnyama Limba UNQUALIFIED
Smith F OldroydArgentinaAnna Fali UNQUALIFIED
Octavia Z FigeroaArgentinaBernardo Dominic PROPOSAL
Greenwood U BologniaIndiaStephen Shaw NEGOTIATION
Kadeem B InouyeJapanStephen Shaw PROPOSAL
Jones W CampainCanadaElwin Sharvill NEGOTIATION
Johnson R OldroydUnited KingdomBernardo Dominic PROPOSAL
Izzy X NickaJapanAnna Fali NEGOTIATION
Chavez C OldroydFranceElwin Sharvill QUALIFIED
Jefferson S MarrierFranceIoni Bowcher NEW
Johnson L MacleadFranceXuxue Feng QUALIFIED
Costa I ChuiAustraliaIoni Bowcher PROPOSAL
Cody E CaudyIndiaIvan Magalhaes NEGOTIATION
Salvatore V DoeJapanIvan Magalhaes UNQUALIFIED
Juan H ButtFranceIoni Bowcher PROPOSAL
Izzy X PerinAustraliaAmy Elsner UNQUALIFIED
Tony C RoysterSpainAmy Elsner UNQUALIFIED
Greenwood B RutaArgentinaIvan Magalhaes PROPOSAL
Morrow U DoeAustraliaIoni Bowcher UNQUALIFIED
Faith P PerinSpainAnna Fali RENEWAL
Isabel K VocelkaBrazilBernardo Dominic RENEWAL
Arvin E VocelkaJapanStephen Shaw PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Maisha Z MacleadItalyAsiya Javayant NEGOTIATION
Julie H ButtGermanyElwin Sharvill NEGOTIATION
Julie C DarakjyGermanyOnyama Limba NEGOTIATION
Claire W RutaUnited KingdomAsiya Javayant PROPOSAL
Chavez E FigeroaRussiaAnna Fali UNQUALIFIED
Jennifer I NestleCanadaAsiya Javayant PROPOSAL
Jennifer M FollerArgentinaAmy Elsner NEGOTIATION
Sinclair T MaletJapanIoni Bowcher NEW
Leja K RulapaughGermanyXuxue Feng PROPOSAL
Maria F SaylorsArgentinaOnyama Limba NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Antonio C FigeroaRussia2026-09-12Buckley Miller Wright UNQUALIFIED5Anna Fali
1001Mujtaba Z FollerJapan2026-09-09Rangoni Of Florence NEGOTIATION88Ivan Magalhaes
1002Aruna C ChuiFrance2026-09-13Printing Dimensions NEW4Stephen Shaw
1003Munro M AlbaresIndia2026-10-01Buckley Miller Wright NEGOTIATION82Ioni Bowcher
1004Ivar T KolmetzRussia2026-10-06Buckley Miller Wright NEGOTIATION78Ioni Bowcher
1005Ricardo V SchemmerJapan2026-09-13Chapman, Ross E Esq PROPOSAL17Bernardo Dominic
1006Sinclair U BriddickArgentina2026-09-11Truhlar And Truhlar Attys QUALIFIED43Stephen Shaw
1007Julie G PerinArgentina2026-09-23Rousseaux, Michael Esq QUALIFIED2Elwin Sharvill
1008Arvin U PoquetteFrance2026-09-07Printing Dimensions UNQUALIFIED53Ioni Bowcher
1009Emily Z SergiFrance2026-09-30Morlong Associates UNQUALIFIED49Stephen Shaw
1010Munro X MarrierFrance2026-09-20Printing Dimensions NEGOTIATION86Onyama Limba
1011David M RutaFrance2026-09-16Feltz Printing Service NEW19Amy Elsner
1012Kadeem H GarufiItaly2026-09-11Printing Dimensions QUALIFIED20Ioni Bowcher
1013Stacey H SaylorsCanada2026-09-25Commercial Press NEW64Elwin Sharvill
1014Kadeem H RutaIndia2026-09-29King, Christopher A Esq UNQUALIFIED74Ivan Magalhaes
1015Julie L RutaJapan2026-09-19Rousseaux, Michael Esq QUALIFIED92Elwin Sharvill
1016Stacey E PaprockiBrazil2026-09-12Chapman, Ross E Esq PROPOSAL96Bernardo Dominic
1017Sinclair K SergiBrazil2026-09-10Rousseaux, Michael Esq RENEWAL74Anna Fali
1018James H AmigonCanada2026-10-04Chanay, Jeffrey A Esq QUALIFIED81Ivan Magalhaes
1019Aruna J TollnerArgentina2026-09-27Commercial Press NEW91Ivan Magalhaes
1020Misaki Y VenereFrance2026-09-12Benton, John B Jr PROPOSAL75Asiya Javayant
1021James J WhobreyJapan2026-09-28Buckley Miller Wright RENEWAL88Bernardo Dominic
1022Aika E OstroskyBrazil2026-09-30Rousseaux, Michael Esq UNQUALIFIED54Stephen Shaw
1023Murillo H MacleadAustralia2026-09-12Commercial Press QUALIFIED24Xuxue Feng
1024Morrow L ShinkoSpain2026-09-22Rangoni Of Florence NEGOTIATION18Xuxue Feng
1025Sinclair X SaylorsJapan2026-09-14Dorl, James J Esq UNQUALIFIED52Ioni Bowcher
1026Mayumi X PoquetteJapan2026-10-03Commercial Press PROPOSAL40Elwin Sharvill
1027Nicolas H MarrierAustralia2026-09-25Chapman, Ross E Esq NEGOTIATION83Ioni Bowcher
1028Johnson J MorascaArgentina2026-09-16Truhlar And Truhlar Attys NEGOTIATION60Xuxue Feng
1029Alejandro W KuskoBrazil2026-09-17Chapman, Ross E Esq RENEWAL72Anna Fali
1030Sinclair S RimBrazil2026-09-29Commercial Press NEGOTIATION99Anna Fali
1031Mayumi M TollnerGermany2026-09-09Feltz Printing Service NEW18Stephen Shaw
1032Darci J VenereAustralia2026-09-23Printing Dimensions NEGOTIATION42Elwin Sharvill
1033Greenwood K CaldareraSpain2026-09-29Morlong Associates PROPOSAL38Anna Fali
1034Mayumi K ButtRussia2026-09-30Rangoni Of Florence PROPOSAL20Stephen Shaw
1035Adams W ShinkoArgentina2026-09-22Chanay, Jeffrey A Esq NEW23Asiya Javayant
1036Murillo S MaletCanada2026-10-03Commercial Press UNQUALIFIED76Elwin Sharvill
1037Kaitlin U FollerJapan2026-09-14Chemel, James L Cpa UNQUALIFIED0Amy Elsner
1038Antonio Z SaylorsIndia2026-09-09King, Christopher A Esq QUALIFIED95Asiya Javayant
1039Aditya M VenereGermany2026-09-28Commercial Press PROPOSAL9Ivan Magalhaes
1040Sinclair T GarufiFrance2026-09-12Morlong Associates NEGOTIATION25Stephen Shaw
1041Alejandro B RimUnited Kingdom2026-09-18Printing Dimensions UNQUALIFIED81Asiya Javayant
1042Sinclair S ChuiBrazil2026-10-06Feiner Bros PROPOSAL74Elwin Sharvill
1043Jefferson V NestleIndia2026-09-23Benton, John B Jr NEW7Asiya Javayant
1044Isabel W SaylorsSpain2026-09-09Benton, John B Jr NEW99Ioni Bowcher
1045Morrow P NestleFrance2026-10-06Feltz Printing Service RENEWAL68Ivan Magalhaes
1046Stacey L GillianJapan2026-09-22Commercial Press RENEWAL92Ioni Bowcher
1047James O NestleIndia2026-09-11Printing Dimensions QUALIFIED61Ivan Magalhaes
1048Salvatore H OldroydFrance2026-09-15Chapman, Ross E Esq QUALIFIED9Asiya Javayant
1049Stacey C BologniaFrance2026-09-14Chanay, Jeffrey A Esq QUALIFIED22Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Smith X WieserUnited KingdomAmy Elsner UNQUALIFIED
Jones R FigeroaRussiaAnna Fali NEW
James P NickaUnited KingdomElwin Sharvill NEW
Costa I GauchoAustraliaXuxue Feng QUALIFIED
Leon A VenereRussiaIvan Magalhaes UNQUALIFIED
Leon I OstroskyUnited KingdomBernardo Dominic UNQUALIFIED
Octavia W GarufiFranceAsiya Javayant QUALIFIED
Clifford R DilliardArgentinaAsiya Javayant NEW
Aika F GauchoJapanXuxue Feng PROPOSAL
Juan Y GillianSpainAsiya Javayant UNQUALIFIED
Jeanfrancois S GarufiJapanIvan Magalhaes RENEWAL
Leon A ChuiFranceAnna Fali UNQUALIFIED
Chavez K StensethRussiaAmy Elsner QUALIFIED
Murillo E MaletRussiaOnyama Limba NEW
Aditya W DilliardRussiaAnna Fali RENEWAL
Ricardo Q SlusarskiBrazilElwin Sharvill RENEWAL
Aruna X DarakjyItalyAsiya Javayant NEGOTIATION
Rodrigues X RutaItalyAsiya Javayant UNQUALIFIED
Jefferson L ButtAustraliaElwin Sharvill UNQUALIFIED
Murillo F StensethRussiaAmy Elsner PROPOSAL
Kaitlin N DarakjyJapanIvan Magalhaes NEW
Jeanfrancois X DilliardBrazilStephen Shaw QUALIFIED
Aika N TollnerGermanyAnna Fali RENEWAL
Chavez I TollnerBrazilAsiya Javayant NEW
Mayumi P CampainGermanyAsiya Javayant NEGOTIATION
Deepesh D MaletJapanAnna Fali NEW
Johnson L WhobreyUnited KingdomXuxue Feng UNQUALIFIED
Costa N NickaCanadaAsiya Javayant PROPOSAL
Arvin S StensethArgentinaAmy Elsner UNQUALIFIED
Stacey A SaylorsRussiaAmy Elsner UNQUALIFIED
Julie N StensethUnited KingdomElwin Sharvill UNQUALIFIED
Jeanfrancois K IturbideFranceAnna Fali PROPOSAL
Chavez B StensethIndiaAmy Elsner UNQUALIFIED
Jeanfrancois L GillianArgentinaIvan Magalhaes UNQUALIFIED
Deepesh A SchemmerUnited KingdomAsiya Javayant UNQUALIFIED
Silvio X StockhamAustraliaElwin Sharvill QUALIFIED
Arvin S ChuiCanadaBernardo Dominic NEGOTIATION
Johnson V CampainSpainAsiya Javayant NEGOTIATION
Aruna U StensethArgentinaBernardo Dominic NEGOTIATION
Jones R WaycottAustraliaBernardo Dominic QUALIFIED
Cody T ButtArgentinaXuxue Feng PROPOSAL
Deepesh D ButtSpainStephen Shaw NEGOTIATION
Costa U PerinUnited KingdomElwin Sharvill RENEWAL
Johnson A SergiSpainAnna Fali UNQUALIFIED
Aruna S FlosiSpainIoni Bowcher PROPOSAL
David V BologniaBrazilElwin Sharvill QUALIFIED
Ashley H CampainUnited KingdomAmy Elsner QUALIFIED
Francesco W InouyeUnited KingdomOnyama Limba PROPOSAL
Jones I GlickArgentinaIvan Magalhaes NEW
Izzy F RulapaughJapanAmy Elsner RENEWAL
Frozen Columns
Name
Antonio W Rulapaugh
Salvatore Y Kusko
Arvin A Waycott
Juan P Slusarski
Mujtaba W Bolognia
Jones B Stockham
Jefferson N Foller
Murillo M Nestle
Johnson M Venere
Nicolas R Shinko
James Q Ostrosky
Mujtaba Q Doe
Mujtaba H Darakjy
Kadeem Y Butt
Tony C Malet
Ivar S Shinko
Leon X Albares
Isabel D Gillian
Clifford J Gillian
Emily L Foller
Kadeem M Amigon
Munro P Oldroyd
Smith J Dilliard
Morrow N Figeroa
Antonio C Gaucho
Jones B Campain
James G Wieser
David O Ferencz
Alejandro L Bowley
Tony W Figeroa
Isabel H Ferencz
Maria T Oldroyd
Morrow N Ruta
Kaitlin L Ostrosky
Adams H Inouye
Nicolas V Gaucho
Alejandro H Figeroa
Isabel F Caldarera
Greenwood J Whobrey
Cody H Slusarski
Leja D Stenseth
Murillo P Royster
Clifford N Caldarera
Maria I Royster
Maisha T Rulapaugh
Murillo Q Rim
Aditya W Rim
Aruna Z Bowley
Sinclair I Malet
Murillo X Campain
IdCountryDate
1000Argentina2026-09-20
1001India2026-10-04
1002France2026-09-28
1003United Kingdom2026-09-07
1004Argentina2026-09-11
1005United Kingdom2026-09-18
1006Japan2026-09-26
1007Spain2026-09-25
1008France2026-09-23
1009India2026-09-24
1010United Kingdom2026-09-19
1011Japan2026-09-17
1012Germany2026-09-19
1013Spain2026-10-02
1014Spain2026-09-15
1015Japan2026-09-19
1016Australia2026-09-08
1017Italy2026-10-04
1018Australia2026-09-21
1019United Kingdom2026-10-05
1020Argentina2026-09-15
1021Germany2026-09-19
1022Spain2026-09-17
1023Canada2026-10-01
1024Canada2026-09-07
1025Germany2026-09-19
1026India2026-09-28
1027Brazil2026-09-21
1028Australia2026-09-26
1029Canada2026-09-29
1030India2026-09-18
1031Italy2026-10-06
1032Brazil2026-09-07
1033Brazil2026-09-29
1034Russia2026-09-16
1035Argentina2026-09-12
1036India2026-09-29
1037Germany2026-09-10
1038Australia2026-10-04
1039Japan2026-09-08
1040Russia2026-09-21
1041Brazil2026-10-04
1042Australia2026-09-08
1043Russia2026-09-29
1044France2026-09-27
1045Australia2026-10-06
1046India2026-10-02
1047Brazil2026-09-15
1048Japan2026-10-04
1049Russia2026-09-24

On-Demand Data

NameIdCountryDate
Aruna S Amigon1000Canada2026-09-13
Leja N Saylors1001France2026-09-19
Stacey Y Wieser1002Australia2026-09-11
Greenwood O Malet1003Spain2026-09-14
Leon S Royster1004Brazil2026-09-09
Julie P Caldarera1005France2026-09-08
David H Kolmetz1006Argentina2026-09-08
Clifford E Ruta1007Canada2026-09-30
Salvatore B Vocelka1008Japan2026-10-05
Jeanfrancois A Shinko1009Australia2026-09-30
Jefferson Y Paprocki1010Germany2026-09-10
Sinclair R Malet1011France2026-10-01
Morrow D Kusko1012India2026-09-19
Kadeem N Chui1013France2026-10-01
Silvio L Albares1014Australia2026-09-09
Ivar L Vocelka1015Spain2026-09-15
Misaki D Gaucho1016Australia2026-09-10
Leja B Slusarski1017Argentina2026-09-11
Wickens P Ostrosky1018Brazil2026-10-04
Aruna Y Albares1019Italy2026-09-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Morrow M KolmetzRussiaIvan Magalhaes PROPOSAL
Deepesh H WhobreySpainAnna Fali RENEWAL
Ivar Y RoysterUnited KingdomXuxue Feng RENEWAL
Izzy E PerinArgentinaAnna Fali QUALIFIED
Clifford K FollerAustraliaAsiya Javayant QUALIFIED
Aruna D NickaArgentinaIvan Magalhaes QUALIFIED
Arvin C WieserBrazilOnyama Limba PROPOSAL
James H CaldareraSpainAsiya Javayant NEGOTIATION
Octavia K CaudyRussiaOnyama Limba UNQUALIFIED
Emily C WieserJapanOnyama Limba UNQUALIFIED
Deepesh M FlosiRussiaOnyama Limba QUALIFIED
Aruna L CaudyAustraliaStephen Shaw QUALIFIED
Kadeem R ShinkoGermanyElwin Sharvill RENEWAL
Mayumi K BriddickIndiaBernardo Dominic PROPOSAL
Aika P SaylorsItalyElwin Sharvill NEGOTIATION
Jefferson P WaycottAustraliaXuxue Feng NEW
Antonio P StensethBrazilIvan Magalhaes RENEWAL
Clifford O WhobreyArgentinaXuxue Feng NEGOTIATION
Morrow T BriddickFranceAsiya Javayant UNQUALIFIED
Octavia S DilliardSpainAmy Elsner RENEWAL
Alejandro H PerinAustraliaElwin Sharvill QUALIFIED
Octavia L FerenczFranceElwin Sharvill QUALIFIED
Jennifer J DarakjyGermanyAmy Elsner PROPOSAL
Juan T GarufiRussiaBernardo Dominic NEGOTIATION
Jennifer R PoquetteSpainOnyama Limba QUALIFIED
Aruna B PoquetteAustraliaIvan Magalhaes NEGOTIATION
Emily A RulapaughAustraliaIoni Bowcher QUALIFIED
Misaki C MorascaFranceElwin Sharvill PROPOSAL
Maria S OldroydItalyAmy Elsner RENEWAL
Johnson E MorascaBrazilXuxue Feng PROPOSAL
Mujtaba T ButtArgentinaOnyama Limba RENEWAL
Misaki T SaylorsUnited KingdomElwin Sharvill QUALIFIED
Octavia S InouyeRussiaAmy Elsner NEW
Faith C DoeArgentinaBernardo Dominic NEW
Tony F FigeroaFranceAmy Elsner PROPOSAL
Rodrigues F CaudyIndiaIoni Bowcher QUALIFIED
Misaki W CaldareraRussiaIvan Magalhaes PROPOSAL
Jefferson Z VenereCanadaAmy Elsner QUALIFIED
Ricardo A RulapaughRussiaAmy Elsner NEGOTIATION
Rodrigues V BologniaSpainAnna 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>