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
Silvio I SchemmerCanadaAnna Fali RENEWAL
Leja F IturbideArgentinaAnna Fali RENEWAL
Silvio O CampainItalyOnyama Limba NEW
Leon W IturbideBrazilXuxue Feng RENEWAL
Izzy G WhobreyItalyAmy Elsner NEGOTIATION
Misaki H FigeroaFranceStephen Shaw PROPOSAL
Juan I SchemmerFranceIvan Magalhaes NEGOTIATION
Kaitlin U KuskoGermanyIoni Bowcher UNQUALIFIED
Maisha S KolmetzBrazilStephen Shaw NEGOTIATION
Costa E WaycottGermanyAnna Fali QUALIFIED
Greenwood A FlosiRussiaIvan Magalhaes RENEWAL
Sinclair V KuskoGermanyIvan Magalhaes RENEWAL
James H ChuiGermanyElwin Sharvill RENEWAL
Izzy C OstroskyJapanStephen Shaw UNQUALIFIED
Cody E ChuiItalyStephen Shaw PROPOSAL
Emily F GarufiRussiaStephen Shaw NEGOTIATION
Munro Y PaprockiJapanIvan Magalhaes RENEWAL
Maria V MaletArgentinaIvan Magalhaes UNQUALIFIED
Adams P SchemmerItalyAsiya Javayant NEW
Silvio A WieserJapanOnyama Limba UNQUALIFIED
Johnson E MarrierJapanBernardo Dominic RENEWAL
Ivar K FollerIndiaAnna Fali UNQUALIFIED
Maria Y DarakjyFranceXuxue Feng NEGOTIATION
Maisha R FigeroaCanadaAmy Elsner RENEWAL
Sinclair O CampainArgentinaAsiya Javayant QUALIFIED
Ivar R BowleyJapanElwin Sharvill NEW
Aditya J RulapaughUnited KingdomAsiya Javayant NEW
Cody L AlbaresAustraliaBernardo Dominic RENEWAL
Arvin B AmigonItalyXuxue Feng NEGOTIATION
Claire Y IturbideAustraliaIvan Magalhaes NEGOTIATION
Kadeem A RoysterArgentinaAnna Fali UNQUALIFIED
Kaitlin L CaudyArgentinaAmy Elsner PROPOSAL
Silvio X DilliardAustraliaXuxue Feng PROPOSAL
Johnson H VocelkaAustraliaBernardo Dominic RENEWAL
Stacey P StensethGermanyOnyama Limba UNQUALIFIED
Chavez C ButtCanadaAnna Fali NEGOTIATION
Rodrigues X DilliardJapanIoni Bowcher PROPOSAL
Arvin H FlosiSpainStephen Shaw NEGOTIATION
Stacey K BowleyAustraliaXuxue Feng NEW
Maria V MaletFranceAnna Fali RENEWAL
Greenwood O RutaJapanBernardo Dominic RENEWAL
Darci S FerenczBrazilElwin Sharvill QUALIFIED
David T CampainIndiaElwin Sharvill QUALIFIED
Octavia P CaudyIndiaOnyama Limba NEGOTIATION
Alejandro M VocelkaBrazilAmy Elsner QUALIFIED
Francesco K MarrierArgentinaAnna Fali NEW
Antonio U ButtUnited KingdomAmy Elsner QUALIFIED
Aika P DarakjyIndiaAnna Fali PROPOSAL
Isabel B PaprockiRussiaAsiya Javayant NEW
Stacey K NestleAustraliaElwin Sharvill PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Misaki U MorascaGermanyAsiya Javayant UNQUALIFIED
Clifford U GillianAustraliaElwin Sharvill NEGOTIATION
Juan S StockhamBrazilAnna Fali QUALIFIED
Deepesh J RoysterCanadaStephen Shaw NEW
Ivar Z CampainCanadaStephen Shaw QUALIFIED
Clifford O SchemmerItalyOnyama Limba RENEWAL
Ashley G VenereRussiaAnna Fali RENEWAL
Kadeem D WaycottGermanyOnyama Limba RENEWAL
Isabel I PaprockiUnited KingdomAmy Elsner NEW
Stacey R RoysterSpainAnna Fali NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Johnson E KuskoFrance2026-10-11Chanay, Jeffrey A Esq NEGOTIATION43Stephen Shaw
1001Salvatore T SergiArgentina2026-09-18Chapman, Ross E Esq NEGOTIATION36Ivan Magalhaes
1002Aika P GauchoItaly2026-10-04Buckley Miller Wright NEW2Stephen Shaw
1003Murillo T BriddickBrazil2026-10-07Buckley Miller Wright NEW6Asiya Javayant
1004Isabel S SergiAustralia2026-09-20Feltz Printing Service NEW64Ivan Magalhaes
1005Wickens D CaldareraAustralia2026-09-19Truhlar And Truhlar Attys NEGOTIATION97Onyama Limba
1006Emily A CaudyGermany2026-09-21Rousseaux, Michael Esq NEW23Ioni Bowcher
1007Francesco B MaletItaly2026-10-11Truhlar And Truhlar Attys UNQUALIFIED56Onyama Limba
1008Mujtaba R WaycottRussia2026-10-08Rousseaux, Michael Esq NEW40Elwin Sharvill
1009Nicolas A NickaFrance2026-10-06Dorl, James J Esq QUALIFIED10Ivan Magalhaes
1010Ashley A ShinkoCanada2026-09-19Feltz Printing Service QUALIFIED94Bernardo Dominic
1011Aditya U RimIndia2026-10-16Printing Dimensions NEW26Xuxue Feng
1012Misaki K VocelkaBrazil2026-09-21Chapman, Ross E Esq NEW66Anna Fali
1013Jefferson Y InouyeRussia2026-10-14Feltz Printing Service NEGOTIATION47Stephen Shaw
1014Ashley G MaletIndia2026-10-02Commercial Press QUALIFIED5Bernardo Dominic
1015Antonio K GillianIndia2026-09-19King, Christopher A Esq RENEWAL6Asiya Javayant
1016Jeanfrancois X TollnerJapan2026-09-22Truhlar And Truhlar Attys NEW59Amy Elsner
1017Mayumi M MacleadFrance2026-09-23Chapman, Ross E Esq PROPOSAL87Xuxue Feng
1018Misaki X VenereBrazil2026-09-18Feltz Printing Service QUALIFIED1Asiya Javayant
1019Ricardo M DilliardSpain2026-10-04Benton, John B Jr QUALIFIED80Xuxue Feng
1020Tony P KolmetzItaly2026-09-23Truhlar And Truhlar Attys NEW53Onyama Limba
1021Johnson W MarrierBrazil2026-10-10Feiner Bros PROPOSAL55Elwin Sharvill
1022Ashley Q SaylorsCanada2026-09-17Truhlar And Truhlar Attys QUALIFIED64Onyama Limba
1023Nicolas H WhobreyJapan2026-09-22Chemel, James L Cpa NEW70Anna Fali
1024Tony N BologniaSpain2026-09-27Printing Dimensions NEGOTIATION43Asiya Javayant
1025Ivar J SaylorsUnited Kingdom2026-09-19Rangoni Of Florence UNQUALIFIED65Xuxue Feng
1026Julie R CampainCanada2026-09-19Dorl, James J Esq RENEWAL16Bernardo Dominic
1027Kadeem S AlbaresUnited Kingdom2026-10-12Rousseaux, Michael Esq UNQUALIFIED63Stephen Shaw
1028Costa N RimUnited Kingdom2026-09-20Feltz Printing Service UNQUALIFIED42Onyama Limba
1029Jones F BriddickBrazil2026-10-03Feltz Printing Service RENEWAL18Xuxue Feng
1030Octavia C FollerUnited Kingdom2026-09-24Printing Dimensions PROPOSAL96Amy Elsner
1031Aruna K RulapaughJapan2026-09-26Chanay, Jeffrey A Esq NEGOTIATION24Asiya Javayant
1032Misaki J DarakjyBrazil2026-10-01Buckley Miller Wright NEW56Bernardo Dominic
1033Cody A InouyeCanada2026-09-27Dorl, James J Esq NEGOTIATION66Amy Elsner
1034Maria W DarakjyArgentina2026-09-20Commercial Press NEGOTIATION72Elwin Sharvill
1035Johnson W BriddickIndia2026-10-11Chanay, Jeffrey A Esq RENEWAL66Amy Elsner
1036Leon A BriddickRussia2026-09-22Chapman, Ross E Esq RENEWAL66Elwin Sharvill
1037Smith X NestleAustralia2026-10-14Truhlar And Truhlar Attys QUALIFIED11Asiya Javayant
1038Jennifer Z NickaSpain2026-10-12Benton, John B Jr RENEWAL52Asiya Javayant
1039Maria X RimSpain2026-09-29Commercial Press PROPOSAL93Asiya Javayant
1040James B SaylorsSpain2026-10-13Chemel, James L Cpa RENEWAL88Amy Elsner
1041Kadeem K GillianRussia2026-09-18Truhlar And Truhlar Attys UNQUALIFIED48Stephen Shaw
1042Costa P StockhamCanada2026-09-26Buckley Miller Wright QUALIFIED52Xuxue Feng
1043Maisha G RoysterIndia2026-09-17Printing Dimensions QUALIFIED2Ivan Magalhaes
1044Chavez X RoysterUnited Kingdom2026-09-25King, Christopher A Esq PROPOSAL50Xuxue Feng
1045Morrow B CaldareraFrance2026-09-26Rangoni Of Florence QUALIFIED61Anna Fali
1046Maisha J StensethJapan2026-09-20Printing Dimensions QUALIFIED38Asiya Javayant
1047Ricardo J WhobreyArgentina2026-10-02Benton, John B Jr QUALIFIED25Stephen Shaw
1048David U MaletFrance2026-09-30Chapman, Ross E Esq NEGOTIATION79Stephen Shaw
1049Emily G SchemmerItaly2026-09-27Chapman, Ross E Esq PROPOSAL70Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Greenwood X GlickArgentinaAnna Fali RENEWAL
Faith D MacleadFranceBernardo Dominic UNQUALIFIED
Jones J DarakjyItalyXuxue Feng NEGOTIATION
Arvin K NestleAustraliaAsiya Javayant QUALIFIED
Tony S GarufiItalyIoni Bowcher QUALIFIED
Smith K GillianJapanAsiya Javayant NEGOTIATION
Antonio Q KolmetzJapanXuxue Feng RENEWAL
Ashley D GarufiCanadaOnyama Limba UNQUALIFIED
Emily Y KolmetzAustraliaAnna Fali UNQUALIFIED
Rodrigues W RulapaughCanadaStephen Shaw UNQUALIFIED
Maisha X MarrierFranceIvan Magalhaes RENEWAL
Wickens I ChuiUnited KingdomIvan Magalhaes UNQUALIFIED
Clifford H PoquetteIndiaIoni Bowcher QUALIFIED
Claire E SergiJapanStephen Shaw UNQUALIFIED
Misaki E FerenczCanadaElwin Sharvill NEGOTIATION
Kadeem O TollnerCanadaAsiya Javayant RENEWAL
Juan C GauchoUnited KingdomAsiya Javayant NEGOTIATION
Stacey F ShinkoJapanOnyama Limba NEW
Maisha P SchemmerGermanyOnyama Limba RENEWAL
Sinclair G NickaFranceXuxue Feng PROPOSAL
Deepesh Q SchemmerCanadaAnna Fali UNQUALIFIED
Emily S FigeroaCanadaIvan Magalhaes PROPOSAL
Clifford Q MarrierJapanAmy Elsner PROPOSAL
Jennifer I FerenczItalyBernardo Dominic QUALIFIED
Salvatore P MaletSpainIoni Bowcher RENEWAL
Ricardo D NickaUnited KingdomAsiya Javayant PROPOSAL
Darci H WaycottItalyStephen Shaw RENEWAL
Ricardo S GarufiUnited KingdomStephen Shaw NEGOTIATION
Sinclair L SaylorsAustraliaBernardo Dominic RENEWAL
Arvin L CaudyUnited KingdomAsiya Javayant QUALIFIED
James P BowleyFranceStephen Shaw RENEWAL
Jones Z CaldareraBrazilIvan Magalhaes NEGOTIATION
Tony O BologniaUnited KingdomIvan Magalhaes QUALIFIED
Octavia V CaudyIndiaAmy Elsner UNQUALIFIED
Ashley F VocelkaGermanyIoni Bowcher RENEWAL
Leja R StensethBrazilAsiya Javayant NEW
David J PerinCanadaXuxue Feng NEW
Kaitlin U ChuiIndiaAnna Fali RENEWAL
Johnson G ChuiSpainElwin Sharvill NEW
Faith K PoquetteIndiaIoni Bowcher QUALIFIED
Leon Q TollnerBrazilAmy Elsner NEW
Arvin J StensethUnited KingdomBernardo Dominic RENEWAL
Rodrigues E ButtFranceAmy Elsner QUALIFIED
James W ShinkoAustraliaXuxue Feng NEGOTIATION
Greenwood Q GarufiArgentinaXuxue Feng NEW
Deepesh N GlickItalyAsiya Javayant NEW
Salvatore B SergiBrazilAmy Elsner QUALIFIED
Leja Y RimBrazilElwin Sharvill UNQUALIFIED
Claire Y TollnerUnited KingdomBernardo Dominic QUALIFIED
Smith G DoeJapanAmy Elsner UNQUALIFIED
Frozen Columns
Name
Jones I Caudy
Alejandro D Perin
Clifford A Foller
Izzy R Caldarera
Munro E Royster
Maria B Chui
Darci I Kusko
Clifford X Poquette
Leon A Poquette
Octavia Y Saylors
Adams X Royster
Kaitlin N Sergi
James F Albares
Aika N Sergi
Ivar H Campain
Mujtaba L Saylors
Adams M Stockham
Kaitlin W Malet
Mujtaba O Campain
Leon C Rulapaugh
Murillo K Dilliard
James P Marrier
Juan A Iturbide
Juan X Stockham
Deepesh B Slusarski
Morrow N Dilliard
Nicolas Q Caudy
Faith G Kusko
Leja E Waycott
Faith K Slusarski
Silvio B Bowley
Darci Y Briddick
Faith G Caudy
Ivar Q Paprocki
Misaki X Stockham
Rodrigues F Maclead
Kaitlin M Briddick
Munro T Vocelka
Leja L Stockham
Clifford E Rim
Chavez I Gillian
Wickens M Bolognia
Munro U Royster
Deepesh E Garufi
Aruna Z Briddick
Johnson R Nestle
Mayumi S Ostrosky
Deepesh S Ostrosky
Jones D Dilliard
Jefferson B Bowley
IdCountryDate
1000Germany2026-10-04
1001United Kingdom2026-10-01
1002Japan2026-09-18
1003United Kingdom2026-10-03
1004Australia2026-10-04
1005France2026-10-07
1006India2026-09-28
1007Japan2026-09-23
1008Japan2026-10-13
1009Spain2026-10-01
1010Russia2026-10-09
1011Brazil2026-10-02
1012Germany2026-09-20
1013Russia2026-09-17
1014Spain2026-10-01
1015Spain2026-10-16
1016United Kingdom2026-09-22
1017Germany2026-09-28
1018Russia2026-09-22
1019Argentina2026-09-27
1020United Kingdom2026-10-03
1021Canada2026-09-30
1022Russia2026-09-26
1023Spain2026-10-13
1024France2026-10-12
1025India2026-10-06
1026Russia2026-09-29
1027Spain2026-09-22
1028Germany2026-09-28
1029Italy2026-10-01
1030India2026-10-01
1031Italy2026-09-28
1032Canada2026-10-05
1033United Kingdom2026-10-15
1034Japan2026-09-26
1035Russia2026-10-16
1036Argentina2026-10-12
1037Australia2026-10-02
1038United Kingdom2026-10-02
1039France2026-09-17
1040Japan2026-10-04
1041Russia2026-09-26
1042Argentina2026-09-25
1043Russia2026-10-05
1044Brazil2026-09-24
1045Russia2026-09-18
1046Russia2026-10-02
1047Japan2026-10-03
1048Australia2026-09-24
1049Russia2026-09-18

On-Demand Data

NameIdCountryDate
Costa Q Glick1000India2026-09-30
Murillo O Schemmer1001Brazil2026-10-13
Leja H Kolmetz1002Japan2026-09-28
Johnson F Caldarera1003Brazil2026-10-16
Leja E Marrier1004Italy2026-10-09
Leon M Marrier1005Brazil2026-09-17
Mujtaba J Tollner1006Australia2026-10-01
Adams B Briddick1007Canada2026-09-17
Greenwood F Figeroa1008Russia2026-09-26
Cody R Schemmer1009United Kingdom2026-10-13
Rodrigues A Tollner1010Italy2026-09-18
Darci S Dilliard1011Australia2026-10-09
Maria B Rulapaugh1012Russia2026-10-04
Adams Q Royster1013Italy2026-10-07
Salvatore A Caldarera1014Australia2026-10-04
David F Dilliard1015United Kingdom2026-10-15
Emily A Oldroyd1016India2026-10-12
Leja Y Chui1017Germany2026-10-09
Cody N Gillian1018Brazil2026-10-13
Jones R Saylors1019India2026-09-30
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Kadeem U RutaBrazilStephen Shaw NEGOTIATION
Silvio W CampainRussiaBernardo Dominic NEGOTIATION
Isabel D CampainItalyAnna Fali UNQUALIFIED
Julie R RoysterRussiaStephen Shaw RENEWAL
Juan B FlosiCanadaIvan Magalhaes RENEWAL
Chavez Z GillianIndiaBernardo Dominic PROPOSAL
David R OldroydJapanXuxue Feng RENEWAL
Sinclair P VenereJapanIvan Magalhaes UNQUALIFIED
Costa L AlbaresFranceAmy Elsner NEGOTIATION
Kaitlin H DarakjyArgentinaXuxue Feng NEGOTIATION
Juan S BologniaBrazilXuxue Feng UNQUALIFIED
Jefferson I DarakjyUnited KingdomXuxue Feng NEW
Alejandro G MacleadFranceBernardo Dominic PROPOSAL
Munro D KuskoCanadaElwin Sharvill QUALIFIED
Arvin P TollnerSpainIvan Magalhaes QUALIFIED
Jefferson N RimAustraliaBernardo Dominic NEGOTIATION
Kadeem B MarrierJapanAsiya Javayant RENEWAL
Murillo F StensethUnited KingdomAmy Elsner RENEWAL
Rodrigues Z RulapaughRussiaElwin Sharvill UNQUALIFIED
David C PaprockiGermanyOnyama Limba RENEWAL
Emily K VenereUnited KingdomBernardo Dominic NEGOTIATION
Clifford E RulapaughGermanyBernardo Dominic UNQUALIFIED
Julie K VocelkaUnited KingdomStephen Shaw UNQUALIFIED
Claire T RulapaughArgentinaElwin Sharvill QUALIFIED
James V OstroskyGermanyStephen Shaw RENEWAL
Costa K OstroskyAustraliaIvan Magalhaes QUALIFIED
David H PerinAustraliaXuxue Feng RENEWAL
Tony Z ChuiArgentinaAsiya Javayant PROPOSAL
Maria M BowleyAustraliaStephen Shaw NEW
Julie C StockhamArgentinaAnna Fali QUALIFIED
Isabel D TollnerBrazilIvan Magalhaes PROPOSAL
Octavia L MarrierFranceXuxue Feng PROPOSAL
David U FlosiBrazilElwin Sharvill NEGOTIATION
Leja A SaylorsFranceIvan Magalhaes NEW
Jones U TollnerUnited KingdomOnyama Limba NEW
Morrow N WaycottGermanyOnyama Limba NEGOTIATION
Salvatore J DoeArgentinaIoni Bowcher UNQUALIFIED
Rodrigues V SaylorsBrazilAnna Fali NEGOTIATION
Jefferson A FollerArgentinaIoni Bowcher NEW
Jefferson S GauchoRussiaBernardo Dominic NEW

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