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
Leon K MacleadCanadaXuxue Feng NEW
Johnson Y RimBrazilBernardo Dominic QUALIFIED
Isabel L FigeroaItalyOnyama Limba QUALIFIED
Clifford N CampainArgentinaOnyama Limba PROPOSAL
Arvin N FollerCanadaBernardo Dominic QUALIFIED
Adams R GillianAustraliaOnyama Limba NEW
Leja L DarakjyItalyIvan Magalhaes RENEWAL
David N NickaItalyAmy Elsner NEGOTIATION
Morrow L StensethSpainBernardo Dominic RENEWAL
Maria D VocelkaJapanAsiya Javayant PROPOSAL
Wickens N TollnerArgentinaXuxue Feng PROPOSAL
Johnson N FollerIndiaAmy Elsner RENEWAL
Kadeem J VenereAustraliaAsiya Javayant UNQUALIFIED
Chavez D BowleyItalyAsiya Javayant RENEWAL
Jeanfrancois D VenereBrazilXuxue Feng UNQUALIFIED
Claire T WieserBrazilXuxue Feng QUALIFIED
Tony A DarakjyFranceIoni Bowcher QUALIFIED
Rodrigues M RoysterItalyBernardo Dominic QUALIFIED
David C WieserUnited KingdomIoni Bowcher QUALIFIED
Alejandro I RutaItalyAsiya Javayant UNQUALIFIED
Chavez J WaycottAustraliaElwin Sharvill UNQUALIFIED
Julie D TollnerBrazilOnyama Limba UNQUALIFIED
Salvatore H MaletAustraliaStephen Shaw RENEWAL
Mujtaba Z CaldareraAustraliaElwin Sharvill RENEWAL
Maisha I FigeroaIndiaIoni Bowcher UNQUALIFIED
Smith N KolmetzIndiaBernardo Dominic NEGOTIATION
Kadeem Z OldroydIndiaAnna Fali NEW
Clifford P StensethFranceAnna Fali NEGOTIATION
Smith J RimIndiaAnna Fali PROPOSAL
Izzy L DarakjyUnited KingdomAmy Elsner RENEWAL
Aditya Z CaudyCanadaElwin Sharvill PROPOSAL
Leja Y PoquetteJapanIoni Bowcher UNQUALIFIED
Faith M SlusarskiIndiaIoni Bowcher QUALIFIED
Darci T ChuiRussiaAmy Elsner UNQUALIFIED
Jefferson M ButtFranceXuxue Feng PROPOSAL
Izzy T DarakjyIndiaBernardo Dominic PROPOSAL
Maria L KolmetzCanadaXuxue Feng QUALIFIED
Salvatore F CampainFranceElwin Sharvill UNQUALIFIED
Emily V RulapaughArgentinaBernardo Dominic QUALIFIED
Leon H RoysterUnited KingdomBernardo Dominic UNQUALIFIED
Cody X RutaIndiaAnna Fali UNQUALIFIED
Arvin H CaldareraGermanyXuxue Feng QUALIFIED
Ivar Y OldroydFranceOnyama Limba NEGOTIATION
Greenwood K FigeroaSpainAsiya Javayant QUALIFIED
Antonio L ButtFranceStephen Shaw QUALIFIED
Jennifer D GlickJapanIvan Magalhaes UNQUALIFIED
Ricardo J SergiCanadaElwin Sharvill NEGOTIATION
Adams V MarrierGermanyBernardo Dominic NEGOTIATION
Misaki S SaylorsArgentinaAnna Fali NEW
Cody G MacleadUnited KingdomOnyama Limba PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Alejandro L BologniaSpainAnna Fali QUALIFIED
Alejandro E BowleyCanadaElwin Sharvill NEW
Jefferson M CaudyItalyAnna Fali RENEWAL
Isabel G CaldareraGermanyIoni Bowcher NEGOTIATION
Izzy S InouyeCanadaIvan Magalhaes NEW
Nicolas F FerenczSpainIoni Bowcher QUALIFIED
Smith Q FollerItalyXuxue Feng NEW
Leon H VocelkaRussiaIvan Magalhaes NEW
Deepesh L KolmetzIndiaIoni Bowcher RENEWAL
Murillo N RutaAustraliaBernardo Dominic PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Greenwood Q MorascaSpain2026-10-02Rangoni Of Florence NEW27Ioni Bowcher
1001Ricardo W StockhamAustralia2026-10-23Truhlar And Truhlar Attys PROPOSAL57Ivan Magalhaes
1002Mayumi K BriddickItaly2026-10-24King, Christopher A Esq RENEWAL68Elwin Sharvill
1003Ricardo L RimAustralia2026-10-10Dorl, James J Esq NEGOTIATION89Elwin Sharvill
1004Smith W MarrierGermany2026-10-06Chemel, James L Cpa QUALIFIED0Elwin Sharvill
1005David G ButtUnited Kingdom2026-09-29Chemel, James L Cpa RENEWAL90Bernardo Dominic
1006Aruna J FerenczArgentina2026-10-03Dorl, James J Esq NEGOTIATION40Xuxue Feng
1007Mujtaba P KuskoSpain2026-10-07Dorl, James J Esq NEGOTIATION69Anna Fali
1008Octavia S WaycottItaly2026-10-17Rangoni Of Florence RENEWAL37Stephen Shaw
1009Chavez S WaycottItaly2026-10-05Chanay, Jeffrey A Esq PROPOSAL17Anna Fali
1010Ashley U AmigonIndia2026-10-14Morlong Associates PROPOSAL38Bernardo Dominic
1011Jennifer H RoysterRussia2026-10-27Truhlar And Truhlar Attys UNQUALIFIED54Asiya Javayant
1012Kadeem C RoysterBrazil2026-10-02Rangoni Of Florence RENEWAL75Elwin Sharvill
1013David Q NickaJapan2026-10-14Morlong Associates QUALIFIED10Ivan Magalhaes
1014Smith T RulapaughArgentina2026-10-23Printing Dimensions UNQUALIFIED78Elwin Sharvill
1015Emily J FollerCanada2026-10-18Commercial Press NEGOTIATION11Xuxue Feng
1016Claire Q MarrierBrazil2026-10-06Chanay, Jeffrey A Esq RENEWAL5Ivan Magalhaes
1017Jones B BologniaRussia2026-10-27Morlong Associates NEGOTIATION87Ivan Magalhaes
1018Mayumi E PoquetteArgentina2026-10-03Feiner Bros NEGOTIATION85Elwin Sharvill
1019Smith G PerinAustralia2026-10-26Dorl, James J Esq UNQUALIFIED8Anna Fali
1020Chavez S RoysterIndia2026-10-20Morlong Associates NEW14Anna Fali
1021Darci G StensethBrazil2026-10-26Buckley Miller Wright NEW43Ivan Magalhaes
1022Kadeem Q BologniaFrance2026-10-23Feiner Bros NEGOTIATION81Bernardo Dominic
1023Misaki B FerenczFrance2026-10-11Truhlar And Truhlar Attys UNQUALIFIED83Ioni Bowcher
1024Maisha E DarakjyRussia2026-10-15Chemel, James L Cpa RENEWAL66Stephen Shaw
1025Octavia L PerinAustralia2026-10-03Benton, John B Jr RENEWAL88Xuxue Feng
1026Greenwood S SergiFrance2026-09-29Chemel, James L Cpa RENEWAL29Ioni Bowcher
1027Faith G SergiSpain2026-10-16Rousseaux, Michael Esq NEW44Bernardo Dominic
1028Ashley C PoquetteRussia2026-10-21Chemel, James L Cpa UNQUALIFIED80Stephen Shaw
1029Stacey B KuskoFrance2026-10-09Printing Dimensions QUALIFIED8Anna Fali
1030Murillo I AmigonIndia2026-10-09Commercial Press UNQUALIFIED30Anna Fali
1031Alejandro O SergiItaly2026-10-08Chemel, James L Cpa UNQUALIFIED98Bernardo Dominic
1032Johnson T VenereJapan2026-10-28Rousseaux, Michael Esq QUALIFIED57Xuxue Feng
1033Stacey Q NestleArgentina2026-10-09Chapman, Ross E Esq NEGOTIATION26Asiya Javayant
1034Francesco Y SlusarskiAustralia2026-10-20Rangoni Of Florence PROPOSAL84Amy Elsner
1035Faith U FerenczAustralia2026-10-26Feiner Bros UNQUALIFIED22Bernardo Dominic
1036Isabel E DoeBrazil2026-10-04Dorl, James J Esq NEGOTIATION98Ivan Magalhaes
1037Faith P FlosiRussia2026-09-30Chanay, Jeffrey A Esq UNQUALIFIED94Stephen Shaw
1038Maisha E NickaAustralia2026-10-01Dorl, James J Esq PROPOSAL93Bernardo Dominic
1039Adams A FerenczFrance2026-10-14Rousseaux, Michael Esq RENEWAL63Stephen Shaw
1040James R RimIndia2026-10-04Commercial Press NEW58Onyama Limba
1041Johnson G SchemmerSpain2026-10-06Dorl, James J Esq PROPOSAL33Elwin Sharvill
1042Darci F NestleIndia2026-10-10Buckley Miller Wright UNQUALIFIED22Elwin Sharvill
1043Cody E MorascaGermany2026-10-15Dorl, James J Esq QUALIFIED32Asiya Javayant
1044Murillo S RoysterItaly2026-10-01Feiner Bros NEGOTIATION57Anna Fali
1045Adams H CaldareraUnited Kingdom2026-10-22Rangoni Of Florence UNQUALIFIED84Ioni Bowcher
1046Isabel W WieserSpain2026-10-13Morlong Associates UNQUALIFIED99Xuxue Feng
1047Tony Z FlosiIndia2026-10-15Chapman, Ross E Esq RENEWAL61Amy Elsner
1048Salvatore R StensethJapan2026-10-09Benton, John B Jr PROPOSAL65Asiya Javayant
1049Morrow Z SchemmerBrazil2026-10-03Rousseaux, Michael Esq RENEWAL5Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Smith B MorascaUnited KingdomElwin Sharvill RENEWAL
Jones B RoysterFranceAmy Elsner QUALIFIED
Aika T MorascaJapanOnyama Limba QUALIFIED
Jeanfrancois F SaylorsJapanIvan Magalhaes UNQUALIFIED
Kaitlin I WaycottRussiaIoni Bowcher PROPOSAL
Adams L SlusarskiJapanBernardo Dominic UNQUALIFIED
Sinclair H RulapaughArgentinaAmy Elsner RENEWAL
Jones Z BriddickFranceXuxue Feng RENEWAL
Juan J MacleadUnited KingdomIoni Bowcher UNQUALIFIED
Cody C InouyeIndiaAmy Elsner QUALIFIED
Nicolas G IturbideAustraliaAmy Elsner PROPOSAL
Jennifer R SergiFranceAsiya Javayant QUALIFIED
Jones F FollerItalyStephen Shaw NEW
David V MaletBrazilOnyama Limba PROPOSAL
James Q FlosiRussiaBernardo Dominic NEW
Julie U GauchoFranceAmy Elsner QUALIFIED
Jennifer E FlosiItalyStephen Shaw RENEWAL
Darci F NestleArgentinaAsiya Javayant UNQUALIFIED
Deepesh Z OldroydGermanyIoni Bowcher UNQUALIFIED
Kaitlin J ChuiItalyAmy Elsner UNQUALIFIED
Faith Q AlbaresCanadaIvan Magalhaes PROPOSAL
Arvin E ChuiItalyIoni Bowcher RENEWAL
Jones A VenereFranceIoni Bowcher NEW
Costa D CampainRussiaXuxue Feng QUALIFIED
Rodrigues O VocelkaAustraliaElwin Sharvill NEW
David O ChuiSpainOnyama Limba NEGOTIATION
Ivar U GlickArgentinaIoni Bowcher RENEWAL
Jeanfrancois I FlosiBrazilBernardo Dominic PROPOSAL
Misaki U RutaAustraliaOnyama Limba PROPOSAL
Jones V OldroydArgentinaAmy Elsner NEW
Tony B BowleyGermanyAnna Fali PROPOSAL
Julie K IturbideSpainBernardo Dominic UNQUALIFIED
Alejandro I ChuiBrazilStephen Shaw UNQUALIFIED
Julie P SchemmerIndiaAsiya Javayant QUALIFIED
Greenwood E VenereCanadaAsiya Javayant UNQUALIFIED
Silvio D MorascaRussiaBernardo Dominic RENEWAL
Maria B BowleyAustraliaXuxue Feng UNQUALIFIED
Jennifer Z BriddickAustraliaIoni Bowcher RENEWAL
Emily R MarrierBrazilAsiya Javayant PROPOSAL
Darci U KolmetzUnited KingdomIoni Bowcher UNQUALIFIED
Misaki D RulapaughIndiaOnyama Limba PROPOSAL
Deepesh N MorascaFranceXuxue Feng UNQUALIFIED
Ivar V RoysterItalyElwin Sharvill NEW
Murillo M RimAustraliaAnna Fali NEW
Morrow B DilliardIndiaStephen Shaw NEW
Antonio P MarrierSpainAmy Elsner RENEWAL
Chavez G TollnerJapanStephen Shaw NEGOTIATION
Tony D RimFranceElwin Sharvill UNQUALIFIED
Jennifer Y SaylorsCanadaBernardo Dominic QUALIFIED
Ashley S GlickGermanyBernardo Dominic QUALIFIED
Frozen Columns
Name
Clifford E Inouye
Misaki P Saylors
Leja D Iturbide
Jennifer R Darakjy
Tony P Tollner
Jennifer M Campain
Alejandro A Ruta
Francesco R Shinko
Adams L Dilliard
Adams J Bolognia
Julie D Schemmer
Maisha P Schemmer
Aditya N Rulapaugh
Jones S Kolmetz
Cody U Caldarera
Izzy Y Venere
Morrow C Malet
Munro B Nicka
Greenwood T Maclead
Izzy U Ostrosky
Maria D Wieser
Izzy R Chui
Maria B Shinko
Izzy N Sergi
Greenwood V Garufi
Smith C Kolmetz
Mayumi Z Figeroa
Jones M Venere
Tony J Malet
Mayumi D Shinko
Darci M Perin
Cody I Venere
Faith X Tollner
Adams D Paprocki
Mayumi G Whobrey
Juan R Gillian
Francesco M Waycott
Smith P Caldarera
Misaki W Amigon
Arvin X Gillian
Jones M Tollner
Chavez K Maclead
Kaitlin T Oldroyd
Morrow F Wieser
Misaki G Gaucho
Aditya H Perin
Adams Y Chui
Ricardo K Caudy
Munro N Albares
Greenwood G Whobrey
IdCountryDate
1000Argentina2026-10-03
1001Germany2026-10-02
1002Germany2026-10-06
1003Italy2026-10-05
1004Canada2026-10-09
1005Italy2026-10-01
1006Brazil2026-10-06
1007Canada2026-10-23
1008India2026-10-03
1009India2026-10-22
1010France2026-10-21
1011Italy2026-10-09
1012India2026-09-29
1013France2026-10-27
1014Spain2026-10-12
1015Germany2026-10-24
1016Argentina2026-10-03
1017Brazil2026-10-01
1018Argentina2026-10-06
1019Spain2026-10-04
1020Italy2026-10-13
1021France2026-10-12
1022United Kingdom2026-10-04
1023Japan2026-10-06
1024Russia2026-10-13
1025Japan2026-10-17
1026Canada2026-10-19
1027India2026-10-03
1028Italy2026-10-08
1029France2026-10-17
1030Russia2026-10-09
1031India2026-10-25
1032Argentina2026-10-09
1033United Kingdom2026-10-14
1034Brazil2026-10-25
1035France2026-09-29
1036Australia2026-10-26
1037Japan2026-10-28
1038Japan2026-10-04
1039Russia2026-10-03
1040France2026-10-09
1041Italy2026-10-05
1042Australia2026-10-24
1043United Kingdom2026-10-08
1044United Kingdom2026-10-05
1045Canada2026-10-18
1046India2026-10-25
1047Spain2026-09-29
1048Spain2026-10-14
1049Spain2026-10-24

On-Demand Data

NameIdCountryDate
Aditya N Stenseth1000Brazil2026-10-09
Julie J Venere1001Italy2026-10-28
Sinclair P Butt1002Canada2026-10-16
Jefferson H Vocelka1003Argentina2026-10-20
Mujtaba N Tollner1004Canada2026-10-02
Clifford O Ruta1005Germany2026-10-08
Mayumi N Kusko1006Russia2026-10-11
Wickens M Saylors1007France2026-09-30
Morrow Y Caldarera1008India2026-10-01
Salvatore H Royster1009Germany2026-10-21
Kadeem E Glick1010United Kingdom2026-10-24
Arvin F Gaucho1011India2026-10-09
Rodrigues T Garufi1012Japan2026-10-25
Costa E Stockham1013Argentina2026-10-06
Greenwood H Shinko1014Brazil2026-10-05
Murillo L Dilliard1015Spain2026-10-12
Juan L Dilliard1016India2026-10-23
Chavez U Saylors1017India2026-10-02
Julie E Nestle1018Canada2026-09-29
Isabel B Garufi1019Brazil2026-10-02
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Alejandro Q DilliardAustraliaBernardo Dominic NEW
Deepesh C BologniaUnited KingdomXuxue Feng UNQUALIFIED
Octavia W FlosiIndiaIoni Bowcher RENEWAL
Leon H FigeroaSpainOnyama Limba QUALIFIED
Kadeem E OstroskyCanadaOnyama Limba PROPOSAL
Johnson N GillianIndiaStephen Shaw PROPOSAL
Maria B NickaAustraliaXuxue Feng QUALIFIED
Aika F SaylorsFranceStephen Shaw RENEWAL
Emily M MarrierGermanyAsiya Javayant NEGOTIATION
Mayumi I StockhamJapanAsiya Javayant QUALIFIED
Faith B ButtItalyIvan Magalhaes RENEWAL
Silvio Q DarakjyCanadaBernardo Dominic PROPOSAL
Deepesh E AlbaresUnited KingdomAmy Elsner NEW
Darci Y BologniaItalyAmy Elsner UNQUALIFIED
Maria V VocelkaJapanXuxue Feng NEGOTIATION
Claire T VocelkaArgentinaAnna Fali QUALIFIED
Jeanfrancois Y RutaArgentinaIvan Magalhaes PROPOSAL
Wickens E MaletUnited KingdomStephen Shaw RENEWAL
Salvatore Y DarakjyArgentinaStephen Shaw QUALIFIED
Jeanfrancois Y NickaRussiaStephen Shaw QUALIFIED
Chavez N WaycottSpainElwin Sharvill RENEWAL
Antonio V WhobreyArgentinaXuxue Feng UNQUALIFIED
Adams H StockhamFranceXuxue Feng NEGOTIATION
Aika R MarrierRussiaIoni Bowcher NEW
Ivar V TollnerUnited KingdomBernardo Dominic RENEWAL
Mujtaba B SaylorsFranceAsiya Javayant RENEWAL
Jennifer Y CampainJapanStephen Shaw QUALIFIED
Deepesh C AlbaresFranceStephen Shaw NEW
Claire O KuskoSpainIoni Bowcher NEW
Ricardo E WhobreyJapanStephen Shaw PROPOSAL
Stacey B StensethUnited KingdomAnna Fali UNQUALIFIED
David H IturbideArgentinaElwin Sharvill UNQUALIFIED
Kadeem G MacleadItalyAsiya Javayant QUALIFIED
Jefferson K RoysterCanadaStephen Shaw QUALIFIED
Claire L OstroskyFranceXuxue Feng PROPOSAL
Emily K GillianIndiaAsiya Javayant NEGOTIATION
Wickens J GauchoRussiaOnyama Limba QUALIFIED
Alejandro M DilliardUnited KingdomOnyama Limba NEGOTIATION
Jennifer M StensethItalyAmy Elsner RENEWAL
Faith K OstroskyRussiaElwin Sharvill 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>