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
Johnson T WaycottArgentinaStephen Shaw UNQUALIFIED
Smith N RoysterArgentinaAsiya Javayant PROPOSAL
Mayumi W CaudyUnited KingdomXuxue Feng NEGOTIATION
Jennifer D MacleadBrazilAsiya Javayant QUALIFIED
Clifford U CampainUnited KingdomAmy Elsner PROPOSAL
James V DarakjyCanadaIvan Magalhaes RENEWAL
Murillo O SaylorsArgentinaAsiya Javayant UNQUALIFIED
Morrow D BowleyGermanyAnna Fali NEW
Clifford A TollnerItalyXuxue Feng PROPOSAL
Aika O BriddickUnited KingdomXuxue Feng RENEWAL
Deepesh E RutaCanadaXuxue Feng UNQUALIFIED
Francesco I MaletItalyElwin Sharvill QUALIFIED
Aika J MaletJapanAmy Elsner PROPOSAL
Morrow L RoysterFranceOnyama Limba QUALIFIED
Claire E WaycottItalyXuxue Feng UNQUALIFIED
Darci U WhobreyBrazilIoni Bowcher PROPOSAL
David I ShinkoIndiaStephen Shaw NEGOTIATION
Maria B MaletAustraliaOnyama Limba NEW
Adams Z ShinkoRussiaOnyama Limba NEW
Ivar T MacleadIndiaAmy Elsner PROPOSAL
Izzy G ButtItalyIvan Magalhaes NEGOTIATION
Adams Q FigeroaUnited KingdomXuxue Feng NEW
Francesco T SergiSpainIoni Bowcher RENEWAL
James M DilliardSpainElwin Sharvill UNQUALIFIED
Jennifer C GillianRussiaOnyama Limba NEGOTIATION
Salvatore Q SchemmerGermanyAnna Fali NEW
Johnson Q GillianJapanBernardo Dominic UNQUALIFIED
Antonio O ButtCanadaAnna Fali PROPOSAL
Sinclair V NickaArgentinaIoni Bowcher QUALIFIED
Wickens F NickaIndiaAmy Elsner NEGOTIATION
Aditya S MarrierArgentinaElwin Sharvill QUALIFIED
Mujtaba J MorascaUnited KingdomIoni Bowcher UNQUALIFIED
Aika Y BriddickBrazilBernardo Dominic QUALIFIED
Ricardo P MacleadBrazilElwin Sharvill NEGOTIATION
Sinclair N RulapaughArgentinaOnyama Limba UNQUALIFIED
Salvatore M SaylorsGermanyStephen Shaw RENEWAL
Costa Y DilliardFranceAmy Elsner UNQUALIFIED
Morrow K MorascaSpainAnna Fali UNQUALIFIED
Chavez C NestleBrazilAmy Elsner RENEWAL
Salvatore C MarrierRussiaOnyama Limba NEGOTIATION
Stacey R RoysterIndiaOnyama Limba UNQUALIFIED
Aika R TollnerCanadaAnna Fali QUALIFIED
Greenwood Y VenereBrazilStephen Shaw NEGOTIATION
Rodrigues Z VocelkaArgentinaIvan Magalhaes PROPOSAL
Arvin Z FerenczGermanyIvan Magalhaes UNQUALIFIED
Aruna K PaprockiCanadaIvan Magalhaes RENEWAL
Aika T BowleyCanadaAnna Fali QUALIFIED
Leja K WaycottSpainIoni Bowcher RENEWAL
Salvatore J CaudyFranceAsiya Javayant PROPOSAL
Leja D ChuiBrazilXuxue Feng NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
David L IturbideBrazilStephen Shaw PROPOSAL
Maria N KolmetzItalyIvan Magalhaes NEW
Morrow B CampainFranceElwin Sharvill UNQUALIFIED
Wickens T BowleyIndiaXuxue Feng PROPOSAL
Salvatore O FlosiItalyIoni Bowcher NEGOTIATION
Aditya X GlickRussiaOnyama Limba NEW
Deepesh G PaprockiCanadaStephen Shaw NEGOTIATION
Murillo D FollerUnited KingdomBernardo Dominic NEW
Darci U VocelkaBrazilOnyama Limba RENEWAL
Kadeem Z IturbideUnited KingdomElwin Sharvill UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Leja T MarrierIndia2026-10-23Chanay, Jeffrey A Esq PROPOSAL63Stephen Shaw
1001Ricardo X RoysterIndia2026-11-05Dorl, James J Esq NEW28Bernardo Dominic
1002Sinclair T DarakjyBrazil2026-10-24Feltz Printing Service PROPOSAL2Anna Fali
1003Claire Q GillianCanada2026-10-16Chapman, Ross E Esq NEW62Bernardo Dominic
1004Ricardo C IturbideSpain2026-10-29Feltz Printing Service QUALIFIED54Xuxue Feng
1005Rodrigues X CampainUnited Kingdom2026-10-17Rousseaux, Michael Esq QUALIFIED66Elwin Sharvill
1006Izzy R OstroskyArgentina2026-10-12Rangoni Of Florence PROPOSAL12Asiya Javayant
1007Adams C MaletAustralia2026-11-04Chapman, Ross E Esq RENEWAL51Asiya Javayant
1008Alejandro D SaylorsAustralia2026-10-30Buckley Miller Wright NEW97Xuxue Feng
1009Greenwood D FerenczBrazil2026-10-12Chemel, James L Cpa NEW97Anna Fali
1010Arvin U MaletItaly2026-11-07Buckley Miller Wright NEW66Elwin Sharvill
1011Kadeem L NickaGermany2026-10-30Buckley Miller Wright NEGOTIATION65Ivan Magalhaes
1012Jeanfrancois M BriddickGermany2026-11-01Benton, John B Jr PROPOSAL56Onyama Limba
1013Maria Z RimAustralia2026-11-09Dorl, James J Esq NEGOTIATION48Asiya Javayant
1014Alejandro C StensethAustralia2026-10-31Commercial Press PROPOSAL21Bernardo Dominic
1015Misaki C CaldareraGermany2026-10-19Truhlar And Truhlar Attys QUALIFIED44Onyama Limba
1016Octavia Y MaletArgentina2026-10-30Morlong Associates NEW77Asiya Javayant
1017Izzy C SaylorsRussia2026-11-01Feiner Bros NEGOTIATION46Asiya Javayant
1018Salvatore U BologniaArgentina2026-11-03Chemel, James L Cpa QUALIFIED33Elwin Sharvill
1019Costa S MorascaJapan2026-10-28King, Christopher A Esq NEW14Anna Fali
1020Greenwood B CaudyArgentina2026-10-25Truhlar And Truhlar Attys UNQUALIFIED29Amy Elsner
1021Tony S GlickGermany2026-10-16Morlong Associates PROPOSAL69Asiya Javayant
1022Aditya F BowleyUnited Kingdom2026-11-03Rangoni Of Florence RENEWAL2Anna Fali
1023Johnson N BriddickRussia2026-10-24Morlong Associates NEW82Onyama Limba
1024Faith L GillianItaly2026-10-18Truhlar And Truhlar Attys RENEWAL41Bernardo Dominic
1025Antonio G NickaFrance2026-11-08Commercial Press PROPOSAL49Xuxue Feng
1026Salvatore H PerinJapan2026-10-23King, Christopher A Esq QUALIFIED99Onyama Limba
1027Jefferson P StensethSpain2026-10-18Chapman, Ross E Esq NEW63Amy Elsner
1028Wickens S GauchoRussia2026-11-02Feltz Printing Service RENEWAL8Ioni Bowcher
1029Greenwood S BologniaIndia2026-11-05Benton, John B Jr NEGOTIATION10Anna Fali
1030Leja H GlickRussia2026-10-22Printing Dimensions NEGOTIATION33Elwin Sharvill
1031Stacey U FigeroaGermany2026-11-02Dorl, James J Esq UNQUALIFIED3Xuxue Feng
1032Darci N CaudyUnited Kingdom2026-11-02King, Christopher A Esq QUALIFIED87Xuxue Feng
1033Morrow L SergiRussia2026-11-05Benton, John B Jr UNQUALIFIED62Ioni Bowcher
1034Johnson N NickaIndia2026-10-17Printing Dimensions PROPOSAL31Stephen Shaw
1035Chavez Q KuskoArgentina2026-10-18Feltz Printing Service RENEWAL33Bernardo Dominic
1036Clifford T GlickGermany2026-10-30Buckley Miller Wright RENEWAL73Ioni Bowcher
1037James Q BowleyGermany2026-10-24Feltz Printing Service QUALIFIED0Stephen Shaw
1038Emily I CaldareraGermany2026-10-18Truhlar And Truhlar Attys RENEWAL67Xuxue Feng
1039Jefferson T SergiIndia2026-10-15Printing Dimensions RENEWAL47Elwin Sharvill
1040Antonio T FerenczRussia2026-10-16Chanay, Jeffrey A Esq NEGOTIATION15Elwin Sharvill
1041Emily Q SaylorsGermany2026-11-09Feltz Printing Service PROPOSAL98Amy Elsner
1042James E PerinUnited Kingdom2026-10-22Chemel, James L Cpa NEW57Xuxue Feng
1043Faith E MarrierSpain2026-11-03Printing Dimensions NEGOTIATION45Ivan Magalhaes
1044Nicolas K MacleadRussia2026-11-09Commercial Press QUALIFIED18Amy Elsner
1045Jeanfrancois E InouyeAustralia2026-11-10Dorl, James J Esq NEGOTIATION57Stephen Shaw
1046Aruna S RimUnited Kingdom2026-11-07Rangoni Of Florence PROPOSAL4Elwin Sharvill
1047Adams A VenereGermany2026-10-25Morlong Associates RENEWAL5Elwin Sharvill
1048Costa P VenereUnited Kingdom2026-11-09Chemel, James L Cpa PROPOSAL10Onyama Limba
1049Smith L PerinCanada2026-10-14Morlong Associates QUALIFIED95Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
David J MaletAustraliaOnyama Limba PROPOSAL
Stacey T DoeCanadaXuxue Feng UNQUALIFIED
Jennifer K RutaArgentinaAnna Fali PROPOSAL
Francesco A SchemmerFranceAmy Elsner QUALIFIED
Rodrigues L ButtArgentinaIoni Bowcher RENEWAL
Isabel D AlbaresGermanyElwin Sharvill RENEWAL
Maisha B DilliardAustraliaBernardo Dominic RENEWAL
Johnson H ButtCanadaBernardo Dominic NEW
Mujtaba Y ButtJapanAsiya Javayant RENEWAL
James D StensethCanadaBernardo Dominic QUALIFIED
Misaki H FlosiUnited KingdomAnna Fali NEGOTIATION
Chavez B DarakjyFranceXuxue Feng QUALIFIED
Mujtaba X PerinBrazilStephen Shaw NEGOTIATION
Ivar A ChuiBrazilBernardo Dominic NEGOTIATION
Mayumi S WaycottAustraliaBernardo Dominic QUALIFIED
Cody B ShinkoArgentinaStephen Shaw QUALIFIED
Leon R DilliardRussiaStephen Shaw NEW
Aruna T NestleItalyOnyama Limba QUALIFIED
Claire X RutaCanadaAnna Fali NEGOTIATION
Nicolas Q MarrierIndiaBernardo Dominic NEGOTIATION
Alejandro C StensethBrazilXuxue Feng QUALIFIED
Misaki L CaldareraCanadaAmy Elsner PROPOSAL
Johnson P OldroydAustraliaAsiya Javayant UNQUALIFIED
Nicolas E CaudyAustraliaStephen Shaw NEGOTIATION
Jones N PerinGermanyOnyama Limba RENEWAL
Julie X WhobreyItalyIoni Bowcher PROPOSAL
Cody S ButtJapanIvan Magalhaes UNQUALIFIED
Stacey Q AlbaresIndiaAsiya Javayant QUALIFIED
Costa Y InouyeFranceBernardo Dominic NEGOTIATION
Juan E PoquetteJapanIoni Bowcher NEW
Silvio I FigeroaItalyBernardo Dominic NEGOTIATION
Leja G SlusarskiCanadaElwin Sharvill NEGOTIATION
Tony Z ShinkoAustraliaAmy Elsner QUALIFIED
Sinclair P FigeroaUnited KingdomOnyama Limba QUALIFIED
Smith F TollnerAustraliaIvan Magalhaes UNQUALIFIED
Aditya E KolmetzCanadaAmy Elsner PROPOSAL
Jones H RoysterGermanyStephen Shaw PROPOSAL
Wickens Z MarrierUnited KingdomOnyama Limba RENEWAL
Isabel G VenereItalyStephen Shaw RENEWAL
Aika S WhobreyBrazilAmy Elsner NEGOTIATION
Julie V ChuiRussiaBernardo Dominic PROPOSAL
Mujtaba F SchemmerBrazilStephen Shaw QUALIFIED
Cody L MacleadSpainAmy Elsner RENEWAL
Mujtaba O FigeroaArgentinaStephen Shaw PROPOSAL
Francesco H MacleadCanadaStephen Shaw QUALIFIED
Salvatore X BologniaIndiaXuxue Feng QUALIFIED
Murillo F ChuiUnited KingdomIvan Magalhaes UNQUALIFIED
Emily J MarrierItalyIoni Bowcher RENEWAL
Clifford I RutaFranceAmy Elsner UNQUALIFIED
Aditya O GarufiFranceStephen Shaw QUALIFIED
Frozen Columns
Name
Rodrigues S Stenseth
Arvin Q Maclead
Aditya H Malet
Morrow M Briddick
Ashley K Doe
Arvin X Nicka
Leon V Vocelka
Rodrigues K Albares
Smith O Briddick
Julie X Royster
Aditya S Iturbide
Aruna B Nestle
Jefferson W Stenseth
Chavez R Vocelka
Smith Z Iturbide
James D Ferencz
Juan B Rulapaugh
Morrow O Ostrosky
Jennifer O Stockham
Jeanfrancois W Inouye
Darci C Oldroyd
Maisha A Stockham
Stacey L Rim
Julie S Sergi
Ivar Y Morasca
Ivar K Foller
Darci V Iturbide
Juan I Saylors
Darci E Rim
Faith J Ruta
Jones B Caldarera
Adams L Kolmetz
Murillo H Waycott
Aruna H Paprocki
Antonio D Bowley
Cody V Stenseth
Johnson C Paprocki
Octavia L Perin
Salvatore B Inouye
Kadeem S Rim
Munro B Amigon
Izzy A Albares
James M Waycott
Cody Q Rim
Octavia U Darakjy
Ricardo K Ruta
Salvatore D Figeroa
Ivar F Briddick
Leja P Figeroa
Jones M Foller
IdCountryDate
1000Spain2026-10-15
1001United Kingdom2026-11-06
1002Canada2026-11-05
1003Canada2026-11-08
1004Canada2026-10-29
1005Japan2026-10-19
1006Brazil2026-10-22
1007Japan2026-11-05
1008Australia2026-10-13
1009Australia2026-10-20
1010Italy2026-11-02
1011Italy2026-11-03
1012Italy2026-11-04
1013Germany2026-10-19
1014Spain2026-11-02
1015France2026-10-18
1016Italy2026-10-13
1017Germany2026-11-02
1018Australia2026-11-01
1019Canada2026-10-12
1020India2026-10-22
1021Germany2026-10-30
1022Italy2026-10-24
1023India2026-10-29
1024Russia2026-10-29
1025India2026-10-21
1026Italy2026-10-25
1027Germany2026-10-30
1028India2026-10-16
1029Spain2026-10-14
1030Australia2026-10-13
1031Japan2026-10-16
1032Japan2026-10-12
1033Spain2026-10-19
1034Italy2026-11-04
1035France2026-11-01
1036Germany2026-11-07
1037United Kingdom2026-10-14
1038Spain2026-10-20
1039Spain2026-10-18
1040France2026-10-19
1041Spain2026-10-22
1042Brazil2026-10-20
1043Spain2026-11-10
1044Russia2026-10-18
1045Spain2026-10-19
1046Argentina2026-11-04
1047Japan2026-10-21
1048Canada2026-10-25
1049India2026-11-07

On-Demand Data

NameIdCountryDate
Alejandro Z Stockham1000Australia2026-11-01
Octavia V Paprocki1001Italy2026-11-06
Greenwood O Iturbide1002Japan2026-10-19
Aditya B Wieser1003Brazil2026-10-19
Adams C Gaucho1004Italy2026-10-12
Juan D Tollner1005France2026-11-06
Jennifer M Amigon1006Brazil2026-10-16
David V Paprocki1007Spain2026-11-03
Smith X Butt1008Japan2026-11-05
Kadeem U Royster1009Italy2026-10-15
Greenwood F Campain1010Australia2026-10-20
Jeanfrancois O Doe1011Italy2026-10-20
Arvin B Ruta1012Germany2026-10-18
Aika L Waycott1013Australia2026-10-26
Emily Y Nestle1014India2026-10-21
Ivar M Saylors1015United Kingdom2026-10-25
Ivar T Garufi1016United Kingdom2026-10-15
Clifford Z Garufi1017United Kingdom2026-11-05
Ricardo W Kusko1018Argentina2026-10-24
Faith B Caudy1019Russia2026-11-05
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aditya Y NickaCanadaAmy Elsner UNQUALIFIED
Salvatore A FlosiSpainElwin Sharvill PROPOSAL
Octavia N VenereGermanyOnyama Limba PROPOSAL
Faith M NestleGermanyOnyama Limba QUALIFIED
Munro F CaudyBrazilStephen Shaw NEGOTIATION
Misaki B WieserFranceOnyama Limba PROPOSAL
Julie P CaudyArgentinaElwin Sharvill RENEWAL
Jones A GlickCanadaAnna Fali QUALIFIED
Aditya U BologniaBrazilStephen Shaw NEGOTIATION
Ashley C FollerFranceIvan Magalhaes QUALIFIED
Stacey Y GauchoGermanyBernardo Dominic RENEWAL
Leja J RutaCanadaAmy Elsner UNQUALIFIED
Cody U SaylorsBrazilAmy Elsner QUALIFIED
Nicolas Q BologniaGermanyBernardo Dominic NEGOTIATION
Jones T InouyeUnited KingdomAnna Fali NEW
Misaki P PoquetteAustraliaAsiya Javayant UNQUALIFIED
Ashley A FlosiArgentinaIvan Magalhaes PROPOSAL
Alejandro Q VenereRussiaOnyama Limba PROPOSAL
David L DoeFranceAsiya Javayant NEW
Tony Z ButtArgentinaXuxue Feng NEGOTIATION
Wickens Y OstroskyAustraliaIoni Bowcher NEGOTIATION
Octavia U MorascaUnited KingdomAmy Elsner QUALIFIED
Leja X RoysterCanadaElwin Sharvill NEGOTIATION
Julie L FlosiIndiaIoni Bowcher RENEWAL
Jefferson W VenereGermanyAmy Elsner PROPOSAL
Ivar A PoquetteAustraliaOnyama Limba PROPOSAL
Jeanfrancois U PoquetteCanadaAnna Fali RENEWAL
Isabel C DarakjyJapanIoni Bowcher RENEWAL
Leon Z WhobreyIndiaOnyama Limba RENEWAL
Misaki D ButtRussiaIvan Magalhaes NEW
Arvin P StockhamFranceElwin Sharvill RENEWAL
Maria N SaylorsArgentinaAmy Elsner NEGOTIATION
Cody W MaletSpainIoni Bowcher NEGOTIATION
Mujtaba K PerinRussiaStephen Shaw QUALIFIED
Emily H MarrierUnited KingdomAnna Fali RENEWAL
Misaki Z BriddickSpainStephen Shaw QUALIFIED
Ashley R PerinFranceBernardo Dominic NEW
Deepesh S BowleyUnited KingdomIoni Bowcher NEGOTIATION
Izzy G SergiArgentinaElwin Sharvill QUALIFIED
Nicolas X PoquetteUnited KingdomXuxue Feng 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>