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 G FigeroaSpainOnyama Limba RENEWAL
Silvio D GillianIndiaBernardo Dominic PROPOSAL
Deepesh L InouyeUnited KingdomAmy Elsner QUALIFIED
Julie V RulapaughRussiaStephen Shaw QUALIFIED
Maria W FlosiItalyXuxue Feng RENEWAL
Silvio J PerinIndiaStephen Shaw UNQUALIFIED
Jefferson A WhobreyAustraliaAsiya Javayant NEGOTIATION
Clifford R NestleSpainOnyama Limba QUALIFIED
Murillo U FerenczCanadaAmy Elsner QUALIFIED
Ivar D GillianJapanStephen Shaw RENEWAL
Jefferson V MorascaAustraliaAmy Elsner QUALIFIED
Kadeem G WieserAustraliaStephen Shaw UNQUALIFIED
Ashley F VenereCanadaStephen Shaw RENEWAL
Jeanfrancois L MaletCanadaBernardo Dominic NEW
Emily H KolmetzAustraliaIvan Magalhaes NEGOTIATION
Julie R ShinkoUnited KingdomAnna Fali RENEWAL
Kadeem C FlosiIndiaIvan Magalhaes NEGOTIATION
Darci K SergiIndiaIoni Bowcher RENEWAL
Arvin G BriddickArgentinaBernardo Dominic RENEWAL
Izzy K ButtAustraliaXuxue Feng QUALIFIED
Julie J DilliardArgentinaOnyama Limba PROPOSAL
Alejandro Z MorascaRussiaBernardo Dominic NEW
Deepesh P MorascaIndiaAnna Fali UNQUALIFIED
Claire O ShinkoUnited KingdomElwin Sharvill NEGOTIATION
Johnson I AlbaresBrazilIvan Magalhaes PROPOSAL
Aditya P WieserAustraliaIvan Magalhaes QUALIFIED
David L InouyeIndiaAmy Elsner QUALIFIED
Maisha W GlickCanadaElwin Sharvill PROPOSAL
Deepesh F SergiBrazilXuxue Feng UNQUALIFIED
Ricardo S TollnerIndiaXuxue Feng QUALIFIED
Darci Y FollerFranceXuxue Feng RENEWAL
Chavez M NickaAustraliaAmy Elsner NEW
Jones F MaletIndiaElwin Sharvill QUALIFIED
Faith Z FlosiFranceBernardo Dominic UNQUALIFIED
Sinclair Z FlosiBrazilAnna Fali UNQUALIFIED
Arvin E NestleSpainElwin Sharvill RENEWAL
Aditya F FigeroaItalyAmy Elsner NEW
Leja Z MorascaItalyIoni Bowcher QUALIFIED
Maria D CaldareraRussiaBernardo Dominic RENEWAL
Murillo O CampainUnited KingdomAnna Fali NEGOTIATION
Sinclair S BowleyBrazilAnna Fali PROPOSAL
Ashley I DilliardGermanyIvan Magalhaes NEW
Costa Y IturbideJapanAmy Elsner UNQUALIFIED
Morrow A WieserFranceBernardo Dominic RENEWAL
Aruna R CampainArgentinaIvan Magalhaes NEGOTIATION
Emily Y BriddickCanadaStephen Shaw NEGOTIATION
Alejandro X ChuiGermanyXuxue Feng UNQUALIFIED
Aruna P RulapaughSpainBernardo Dominic PROPOSAL
Salvatore X SlusarskiIndiaAsiya Javayant PROPOSAL
Maria M FigeroaCanadaElwin Sharvill UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Ricardo L VocelkaGermanyIvan Magalhaes QUALIFIED
Morrow Q GauchoSpainElwin Sharvill RENEWAL
Greenwood C PerinRussiaAsiya Javayant UNQUALIFIED
Mujtaba P KolmetzArgentinaElwin Sharvill NEW
Alejandro P CaldareraSpainStephen Shaw NEW
Ivar P SchemmerIndiaElwin Sharvill UNQUALIFIED
Antonio Z FollerFranceIoni Bowcher UNQUALIFIED
Stacey X KuskoIndiaAnna Fali NEGOTIATION
Ivar V SergiCanadaIvan Magalhaes PROPOSAL
Alejandro Q PerinIndiaAnna Fali QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Isabel U ChuiItaly2026-09-17Morlong Associates NEGOTIATION37Stephen Shaw
1001Ricardo N FigeroaArgentina2026-09-23Chanay, Jeffrey A Esq UNQUALIFIED94Onyama Limba
1002Jefferson T FigeroaFrance2026-09-20Rousseaux, Michael Esq UNQUALIFIED22Bernardo Dominic
1003Clifford T TollnerCanada2026-08-29Feiner Bros NEW93Bernardo Dominic
1004Aruna D BologniaRussia2026-09-12Chanay, Jeffrey A Esq RENEWAL67Elwin Sharvill
1005Deepesh B IturbideCanada2026-09-21Printing Dimensions NEW77Anna Fali
1006Morrow L PoquetteBrazil2026-09-05Chanay, Jeffrey A Esq RENEWAL6Ivan Magalhaes
1007Juan X GarufiJapan2026-08-31Chapman, Ross E Esq NEGOTIATION1Bernardo Dominic
1008Jefferson I MacleadBrazil2026-09-10Printing Dimensions NEW92Asiya Javayant
1009Deepesh R WieserBrazil2026-09-23Benton, John B Jr NEW39Bernardo Dominic
1010Isabel V IturbideArgentina2026-09-11Printing Dimensions RENEWAL41Onyama Limba
1011Leja B WieserFrance2026-09-13Feiner Bros UNQUALIFIED60Elwin Sharvill
1012Costa C GillianAustralia2026-09-03Buckley Miller Wright PROPOSAL22Xuxue Feng
1013Isabel X ButtRussia2026-09-25Buckley Miller Wright PROPOSAL85Bernardo Dominic
1014Tony Y OldroydGermany2026-08-30Rangoni Of Florence PROPOSAL19Ivan Magalhaes
1015Kadeem S AmigonJapan2026-09-06Benton, John B Jr QUALIFIED33Xuxue Feng
1016Juan H GillianAustralia2026-08-28Chapman, Ross E Esq NEGOTIATION41Asiya Javayant
1017Adams O MacleadGermany2026-09-23Morlong Associates UNQUALIFIED51Bernardo Dominic
1018Leon L CaldareraItaly2026-09-19Truhlar And Truhlar Attys PROPOSAL54Ioni Bowcher
1019Faith P PaprockiBrazil2026-09-02Benton, John B Jr NEW73Xuxue Feng
1020Ashley K ShinkoItaly2026-09-17Buckley Miller Wright NEW90Amy Elsner
1021Wickens J ButtUnited Kingdom2026-09-24Chanay, Jeffrey A Esq UNQUALIFIED24Onyama Limba
1022Emily B WhobreyIndia2026-09-12Morlong Associates NEGOTIATION52Asiya Javayant
1023Sinclair F PaprockiRussia2026-09-03Chapman, Ross E Esq NEGOTIATION34Amy Elsner
1024Aruna D OldroydFrance2026-09-16Chemel, James L Cpa NEW87Amy Elsner
1025David K OstroskyItaly2026-09-03Buckley Miller Wright NEGOTIATION26Stephen Shaw
1026Murillo N SlusarskiRussia2026-09-09Chemel, James L Cpa QUALIFIED9Stephen Shaw
1027Clifford Z MacleadArgentina2026-09-15Rangoni Of Florence UNQUALIFIED75Amy Elsner
1028Alejandro T PoquetteGermany2026-09-03King, Christopher A Esq RENEWAL37Asiya Javayant
1029Smith X RutaIndia2026-09-21Rousseaux, Michael Esq UNQUALIFIED62Amy Elsner
1030Jones H InouyeArgentina2026-09-26Dorl, James J Esq QUALIFIED68Stephen Shaw
1031Kaitlin C OldroydSpain2026-09-25Buckley Miller Wright NEGOTIATION47Asiya Javayant
1032Izzy F PaprockiSpain2026-09-09King, Christopher A Esq NEW10Asiya Javayant
1033David S PerinRussia2026-09-19Rangoni Of Florence NEGOTIATION42Ivan Magalhaes
1034Clifford T AmigonItaly2026-09-07Chanay, Jeffrey A Esq PROPOSAL72Stephen Shaw
1035Costa O CaldareraCanada2026-09-12Benton, John B Jr NEGOTIATION15Onyama Limba
1036David F AmigonFrance2026-09-21Printing Dimensions PROPOSAL88Ivan Magalhaes
1037Octavia B AmigonUnited Kingdom2026-09-11Benton, John B Jr NEGOTIATION44Ivan Magalhaes
1038Antonio W IturbideRussia2026-09-17Printing Dimensions PROPOSAL48Bernardo Dominic
1039Deepesh R MacleadAustralia2026-09-01Benton, John B Jr RENEWAL31Bernardo Dominic
1040Kadeem E DarakjyGermany2026-09-12Feltz Printing Service UNQUALIFIED78Elwin Sharvill
1041Salvatore B MarrierAustralia2026-09-24King, Christopher A Esq QUALIFIED74Asiya Javayant
1042Julie J SlusarskiRussia2026-09-15King, Christopher A Esq UNQUALIFIED68Elwin Sharvill
1043Misaki V GillianGermany2026-09-22Feiner Bros NEW73Elwin Sharvill
1044Adams R SchemmerAustralia2026-09-20Morlong Associates NEGOTIATION8Stephen Shaw
1045Aditya O FerenczAustralia2026-09-13Chapman, Ross E Esq QUALIFIED27Elwin Sharvill
1046Octavia A PaprockiRussia2026-09-04Buckley Miller Wright UNQUALIFIED46Bernardo Dominic
1047Cody M TollnerArgentina2026-09-16Chapman, Ross E Esq UNQUALIFIED37Asiya Javayant
1048Tony T SlusarskiGermany2026-09-03Chanay, Jeffrey A Esq RENEWAL39Anna Fali
1049Silvio G SaylorsItaly2026-09-13Buckley Miller Wright PROPOSAL37Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Clifford W BologniaJapanBernardo Dominic PROPOSAL
Rodrigues L AlbaresItalyAmy Elsner UNQUALIFIED
Claire D WaycottItalyAmy Elsner NEW
Darci Q DilliardAustraliaElwin Sharvill PROPOSAL
Juan Z SaylorsIndiaIvan Magalhaes QUALIFIED
Ivar F BowleyFranceAsiya Javayant RENEWAL
Isabel I OstroskyArgentinaIvan Magalhaes PROPOSAL
Izzy Z MaletCanadaElwin Sharvill QUALIFIED
Maisha L RulapaughIndiaAmy Elsner UNQUALIFIED
Murillo W NestleFranceIvan Magalhaes NEGOTIATION
Maisha G StockhamBrazilIoni Bowcher PROPOSAL
Antonio W GlickGermanyAsiya Javayant RENEWAL
Mayumi F ChuiFranceElwin Sharvill NEW
Mujtaba G MaletArgentinaIoni Bowcher RENEWAL
Smith V MarrierSpainXuxue Feng UNQUALIFIED
Smith X PoquetteAustraliaAsiya Javayant RENEWAL
Deepesh H ChuiRussiaXuxue Feng RENEWAL
David F GarufiFranceXuxue Feng NEW
Adams B DilliardCanadaBernardo Dominic RENEWAL
Sinclair Y WhobreyRussiaStephen Shaw RENEWAL
Cody M TollnerFranceElwin Sharvill NEW
Arvin O NestleGermanyIoni Bowcher PROPOSAL
Jeanfrancois J MacleadIndiaStephen Shaw NEGOTIATION
Deepesh Q VocelkaCanadaAmy Elsner RENEWAL
Mujtaba D ChuiBrazilBernardo Dominic RENEWAL
Darci T SergiItalyStephen Shaw QUALIFIED
Rodrigues R KuskoUnited KingdomAnna Fali NEW
Nicolas F TollnerSpainBernardo Dominic PROPOSAL
David U DoeItalyAnna Fali NEW
Clifford B VocelkaSpainBernardo Dominic NEW
Rodrigues F RoysterUnited KingdomIvan Magalhaes NEW
Greenwood J CampainArgentinaOnyama Limba PROPOSAL
Jennifer O SchemmerFranceElwin Sharvill RENEWAL
Costa N KolmetzSpainElwin Sharvill RENEWAL
Cody U ButtAustraliaIvan Magalhaes NEGOTIATION
Wickens C DilliardJapanAmy Elsner UNQUALIFIED
Emily D MaletCanadaAsiya Javayant PROPOSAL
Adams K OldroydFranceIoni Bowcher RENEWAL
Mujtaba J FigeroaJapanBernardo Dominic PROPOSAL
Silvio J MaletRussiaOnyama Limba UNQUALIFIED
Darci A GillianBrazilOnyama Limba NEW
Antonio C RoysterSpainIoni Bowcher QUALIFIED
James K MacleadUnited KingdomOnyama Limba NEGOTIATION
Antonio X SchemmerRussiaElwin Sharvill RENEWAL
Silvio L StockhamUnited KingdomIvan Magalhaes NEW
Mujtaba W CampainUnited KingdomOnyama Limba PROPOSAL
Salvatore F RimRussiaXuxue Feng UNQUALIFIED
Aditya U RulapaughUnited KingdomAnna Fali QUALIFIED
Mayumi M ShinkoSpainBernardo Dominic UNQUALIFIED
Claire K ShinkoCanadaIoni Bowcher UNQUALIFIED
Frozen Columns
Name
Johnson P Albares
Deepesh G Caudy
Leja H Ferencz
Stacey O Gillian
Emily D Ferencz
Ashley W Oldroyd
Johnson G Poquette
Maisha L Sergi
Kaitlin U Slusarski
Nicolas J Morasca
Johnson Z Royster
Aditya P Butt
Aruna T Wieser
Francesco F Ruta
Smith U Rim
Aruna K Figeroa
Murillo B Marrier
Ashley D Flosi
Emily O Marrier
Claire W Albares
Stacey N Glick
Octavia B Ruta
Wickens P Nicka
Mayumi E Vocelka
Nicolas P Ruta
Salvatore H Shinko
Juan G Kusko
Maria B Doe
Leja F Amigon
Francesco O Nestle
Chavez X Ruta
Greenwood W Perin
Clifford Q Doe
Murillo H Morasca
David U Poquette
Murillo C Ferencz
Rodrigues B Stenseth
Leja W Paprocki
David S Saylors
Leon G Gillian
Antonio G Ostrosky
Maria W Ostrosky
Jefferson F Albares
Salvatore U Tollner
Ricardo Q Foller
Adams B Marrier
Izzy K Doe
Claire W Malet
Silvio O Amigon
Rodrigues S Kusko
IdCountryDate
1000United Kingdom2026-08-29
1001Japan2026-09-12
1002Russia2026-09-11
1003Argentina2026-09-23
1004France2026-09-11
1005Russia2026-09-02
1006Japan2026-08-28
1007France2026-09-19
1008Argentina2026-09-17
1009India2026-09-11
1010Germany2026-09-05
1011France2026-09-14
1012France2026-08-30
1013Argentina2026-09-18
1014Canada2026-09-18
1015Argentina2026-09-26
1016Australia2026-09-26
1017United Kingdom2026-09-21
1018Argentina2026-08-30
1019Spain2026-08-31
1020Canada2026-09-05
1021Italy2026-08-30
1022Australia2026-09-03
1023United Kingdom2026-09-16
1024Brazil2026-09-02
1025Spain2026-09-22
1026Russia2026-09-24
1027Australia2026-09-03
1028Germany2026-09-06
1029Russia2026-09-24
1030Germany2026-09-18
1031Australia2026-09-12
1032Canada2026-09-10
1033Argentina2026-09-02
1034France2026-09-04
1035Italy2026-09-07
1036Spain2026-09-25
1037France2026-09-08
1038United Kingdom2026-09-21
1039Canada2026-09-12
1040India2026-09-16
1041Australia2026-09-25
1042Spain2026-09-01
1043France2026-09-14
1044Argentina2026-09-07
1045Italy2026-09-26
1046Germany2026-09-10
1047France2026-09-18
1048Italy2026-09-08
1049Russia2026-09-25

On-Demand Data

NameIdCountryDate
Emily S Ferencz1000Argentina2026-09-22
Salvatore P Kusko1001Germany2026-09-02
Nicolas V Nicka1002Brazil2026-09-16
Ricardo X Perin1003Argentina2026-09-23
Kadeem R Ostrosky1004Brazil2026-09-11
Stacey L Foller1005India2026-09-13
Stacey W Schemmer1006Argentina2026-09-01
Jones S Royster1007Canada2026-09-10
David E Chui1008Australia2026-09-14
Octavia Q Saylors1009Brazil2026-09-13
Francesco L Flosi1010France2026-09-06
Faith Z Briddick1011Italy2026-09-09
Morrow H Gaucho1012France2026-09-13
Emily Q Inouye1013Australia2026-09-13
Smith V Foller1014Italy2026-08-31
Ashley R Shinko1015Argentina2026-09-21
Misaki N Bolognia1016Australia2026-08-31
Alejandro E Gillian1017Germany2026-08-30
Octavia B Ostrosky1018Italy2026-09-06
Leja Y Stockham1019Spain2026-09-10
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Isabel B GlickItalyStephen Shaw PROPOSAL
Rodrigues X CampainCanadaOnyama Limba QUALIFIED
Wickens F OstroskyRussiaAsiya Javayant NEGOTIATION
Costa C FigeroaGermanyXuxue Feng RENEWAL
Nicolas X NestleFranceAsiya Javayant NEW
Greenwood J SaylorsArgentinaIvan Magalhaes NEW
Cody X GillianAustraliaAmy Elsner NEW
Aika W DilliardFranceOnyama Limba PROPOSAL
Aruna C GillianArgentinaIoni Bowcher PROPOSAL
Juan V FlosiGermanyIoni Bowcher NEGOTIATION
Morrow R DilliardAustraliaXuxue Feng PROPOSAL
Julie Q GauchoGermanyXuxue Feng NEGOTIATION
Emily X DarakjyRussiaXuxue Feng UNQUALIFIED
Maria R GarufiCanadaIoni Bowcher NEW
Alejandro M CaldareraUnited KingdomElwin Sharvill UNQUALIFIED
Silvio O DarakjySpainIoni Bowcher NEW
Munro K ChuiSpainStephen Shaw NEGOTIATION
Claire W FerenczCanadaOnyama Limba UNQUALIFIED
Alejandro E AlbaresGermanyIvan Magalhaes NEGOTIATION
Costa M VenereItalyXuxue Feng RENEWAL
Smith Y CaudyCanadaAmy Elsner RENEWAL
Maria J MarrierAustraliaIvan Magalhaes RENEWAL
Nicolas J KuskoRussiaStephen Shaw NEW
Mujtaba L BologniaCanadaIvan Magalhaes PROPOSAL
Leja C RulapaughUnited KingdomIoni Bowcher NEW
Clifford X ButtJapanAsiya Javayant UNQUALIFIED
Silvio S RimAustraliaStephen Shaw RENEWAL
Arvin Q VocelkaIndiaElwin Sharvill QUALIFIED
Aruna I RoysterIndiaBernardo Dominic QUALIFIED
Darci Y InouyeJapanIoni Bowcher NEGOTIATION
Jennifer G WhobreyBrazilXuxue Feng PROPOSAL
Chavez F KolmetzAustraliaXuxue Feng NEW
David D RulapaughAustraliaAsiya Javayant UNQUALIFIED
Tony H BriddickAustraliaElwin Sharvill UNQUALIFIED
Chavez S GarufiGermanyElwin Sharvill UNQUALIFIED
Ashley Y GlickItalyIoni Bowcher PROPOSAL
Silvio I GillianFranceAnna Fali PROPOSAL
Julie Q KolmetzBrazilIvan Magalhaes PROPOSAL
Aruna J RulapaughSpainOnyama Limba UNQUALIFIED
Aika L WhobreyGermanyAnna Fali 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>