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
Ricardo H ButtCanadaElwin Sharvill NEW
Johnson C MaletGermanyElwin Sharvill UNQUALIFIED
Kaitlin N RutaFranceXuxue Feng NEW
Johnson H GauchoIndiaAsiya Javayant UNQUALIFIED
Antonio N PoquetteIndiaBernardo Dominic QUALIFIED
Clifford C OldroydFranceElwin Sharvill NEW
Aditya U FerenczGermanyAsiya Javayant QUALIFIED
Aruna G SchemmerJapanIvan Magalhaes UNQUALIFIED
Antonio T IturbideSpainBernardo Dominic UNQUALIFIED
Deepesh H BologniaGermanyXuxue Feng PROPOSAL
Arvin H DilliardRussiaAsiya Javayant NEW
Antonio X MarrierRussiaAnna Fali UNQUALIFIED
Alejandro C TollnerItalyOnyama Limba NEW
Aika A InouyeBrazilOnyama Limba QUALIFIED
Salvatore A MaletFranceElwin Sharvill RENEWAL
Isabel I FerenczItalyAsiya Javayant NEW
Jones G GarufiUnited KingdomElwin Sharvill NEW
Murillo X ShinkoSpainIvan Magalhaes QUALIFIED
Antonio F DarakjyGermanyIvan Magalhaes PROPOSAL
Antonio B MacleadBrazilIvan Magalhaes NEW
Chavez H FigeroaAustraliaBernardo Dominic UNQUALIFIED
Maisha O FerenczIndiaStephen Shaw NEGOTIATION
Costa U FollerGermanyAmy Elsner QUALIFIED
Chavez H SlusarskiJapanXuxue Feng QUALIFIED
Deepesh A AmigonFranceXuxue Feng PROPOSAL
David E InouyeIndiaStephen Shaw QUALIFIED
Rodrigues I FollerGermanyIoni Bowcher QUALIFIED
Murillo S GlickItalyElwin Sharvill NEGOTIATION
James M DarakjyItalyIoni Bowcher NEGOTIATION
Leja K WieserFranceIoni Bowcher RENEWAL
Aika F MaletRussiaBernardo Dominic NEGOTIATION
James B MaletRussiaXuxue Feng NEGOTIATION
Emily L FigeroaRussiaAnna Fali QUALIFIED
Kadeem T WieserFranceXuxue Feng PROPOSAL
Greenwood G MaletSpainXuxue Feng NEW
Antonio Z ButtSpainAsiya Javayant NEW
Tony Q SaylorsItalyIvan Magalhaes QUALIFIED
Mayumi W FollerAustraliaIvan Magalhaes NEW
Darci E StockhamAustraliaAmy Elsner NEW
Leja G RimCanadaAmy Elsner UNQUALIFIED
Maisha W ButtSpainElwin Sharvill UNQUALIFIED
Faith V FlosiRussiaElwin Sharvill UNQUALIFIED
Nicolas R BowleyUnited KingdomIoni Bowcher QUALIFIED
Jones L GillianFranceAsiya Javayant NEW
Tony H SchemmerCanadaElwin Sharvill PROPOSAL
Izzy F SchemmerCanadaElwin Sharvill RENEWAL
Morrow Y DarakjyFranceBernardo Dominic UNQUALIFIED
Claire D MaletAustraliaStephen Shaw UNQUALIFIED
Munro A SchemmerUnited KingdomBernardo Dominic PROPOSAL
Leja C BriddickSpainElwin Sharvill RENEWAL
Horizontal
NameCountryRepresentativeStatus
Emily L NestleSpainAmy Elsner QUALIFIED
Cody T GauchoBrazilAmy Elsner UNQUALIFIED
Leja P NickaBrazilIvan Magalhaes PROPOSAL
Adams L NickaSpainXuxue Feng NEGOTIATION
Greenwood R RimAustraliaIvan Magalhaes UNQUALIFIED
Ivar Z TollnerItalyXuxue Feng QUALIFIED
Greenwood J PaprockiCanadaAnna Fali NEGOTIATION
Ricardo R OstroskyFranceStephen Shaw UNQUALIFIED
Deepesh A OstroskyAustraliaOnyama Limba QUALIFIED
Misaki K DarakjyBrazilIoni Bowcher PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Ricardo P VocelkaAustralia2026-10-12Chanay, Jeffrey A Esq QUALIFIED87Anna Fali
1001David J SlusarskiGermany2026-10-25King, Christopher A Esq QUALIFIED8Anna Fali
1002Aruna J PoquetteArgentina2026-10-04Rangoni Of Florence PROPOSAL8Ioni Bowcher
1003Tony T WaycottRussia2026-10-03Dorl, James J Esq PROPOSAL60Amy Elsner
1004Leon T MaletRussia2026-10-24Dorl, James J Esq NEGOTIATION36Anna Fali
1005Munro C MacleadJapan2026-09-30King, Christopher A Esq QUALIFIED63Ivan Magalhaes
1006Salvatore F AlbaresUnited Kingdom2026-10-20Commercial Press QUALIFIED9Stephen Shaw
1007Wickens O KolmetzUnited Kingdom2026-10-29Rangoni Of Florence NEW17Amy Elsner
1008Jeanfrancois Q MarrierIndia2026-10-22Morlong Associates PROPOSAL57Asiya Javayant
1009Jefferson I WhobreyUnited Kingdom2026-10-03King, Christopher A Esq NEGOTIATION1Amy Elsner
1010Maria G StensethJapan2026-10-27Morlong Associates QUALIFIED65Elwin Sharvill
1011Octavia X DilliardItaly2026-10-13Chemel, James L Cpa RENEWAL7Stephen Shaw
1012Alejandro F MarrierIndia2026-10-05Chapman, Ross E Esq QUALIFIED20Asiya Javayant
1013Izzy G MarrierIndia2026-10-08Chemel, James L Cpa PROPOSAL58Asiya Javayant
1014Darci T ChuiSpain2026-10-19Feiner Bros RENEWAL29Amy Elsner
1015Juan R NestleFrance2026-10-21Feltz Printing Service UNQUALIFIED65Anna Fali
1016Claire H MorascaAustralia2026-10-11Truhlar And Truhlar Attys NEGOTIATION60Ivan Magalhaes
1017David C FlosiArgentina2026-10-18Feiner Bros QUALIFIED32Stephen Shaw
1018Johnson S MacleadItaly2026-10-03Feiner Bros QUALIFIED91Anna Fali
1019Mayumi Z StockhamSpain2026-10-13Chemel, James L Cpa RENEWAL57Elwin Sharvill
1020Aditya P CaldareraAustralia2026-10-16Buckley Miller Wright RENEWAL0Xuxue Feng
1021Silvio X ChuiUnited Kingdom2026-10-27Dorl, James J Esq NEGOTIATION84Stephen Shaw
1022Aika V WhobreyCanada2026-10-13King, Christopher A Esq NEGOTIATION66Xuxue Feng
1023Deepesh V FollerBrazil2026-10-12Printing Dimensions NEGOTIATION27Ivan Magalhaes
1024Mujtaba X PoquetteBrazil2026-10-07Chemel, James L Cpa UNQUALIFIED26Ioni Bowcher
1025Deepesh X VenereBrazil2026-10-16Printing Dimensions QUALIFIED42Xuxue Feng
1026Alejandro J RutaArgentina2026-10-26Chemel, James L Cpa UNQUALIFIED74Amy Elsner
1027Wickens L MarrierItaly2026-10-24Feltz Printing Service UNQUALIFIED60Xuxue Feng
1028Faith S FerenczIndia2026-10-14Printing Dimensions NEGOTIATION93Stephen Shaw
1029Johnson H IturbideCanada2026-10-14Chemel, James L Cpa NEGOTIATION92Ivan Magalhaes
1030Morrow Y FigeroaAustralia2026-10-10Printing Dimensions RENEWAL32Ivan Magalhaes
1031Ashley P SaylorsGermany2026-10-17Chemel, James L Cpa NEGOTIATION13Ioni Bowcher
1032Antonio E InouyeUnited Kingdom2026-10-28Chemel, James L Cpa UNQUALIFIED4Ivan Magalhaes
1033David K SlusarskiJapan2026-10-12Benton, John B Jr QUALIFIED13Anna Fali
1034Munro Y SergiBrazil2026-10-06Commercial Press NEGOTIATION33Onyama Limba
1035Johnson T StockhamSpain2026-10-12Commercial Press UNQUALIFIED1Bernardo Dominic
1036Mayumi A GauchoAustralia2026-10-04Morlong Associates RENEWAL24Xuxue Feng
1037Jefferson R GlickJapan2026-10-01Buckley Miller Wright NEGOTIATION71Stephen Shaw
1038Jennifer L AmigonGermany2026-10-18Feiner Bros PROPOSAL84Ioni Bowcher
1039Deepesh H PoquetteUnited Kingdom2026-10-05Chemel, James L Cpa QUALIFIED39Asiya Javayant
1040Alejandro E GillianSpain2026-10-25Rangoni Of Florence NEGOTIATION4Ioni Bowcher
1041Clifford S BowleyIndia2026-10-22Benton, John B Jr UNQUALIFIED85Ioni Bowcher
1042Stacey W CaldareraCanada2026-09-30Benton, John B Jr NEW17Amy Elsner
1043Nicolas E IturbideArgentina2026-10-01Chanay, Jeffrey A Esq UNQUALIFIED86Bernardo Dominic
1044Jeanfrancois I FigeroaItaly2026-10-26Buckley Miller Wright RENEWAL20Onyama Limba
1045Greenwood L SlusarskiJapan2026-10-17Chemel, James L Cpa PROPOSAL17Anna Fali
1046Arvin B ButtAustralia2026-10-03Chanay, Jeffrey A Esq NEGOTIATION61Amy Elsner
1047Adams G WaycottRussia2026-10-16Benton, John B Jr NEGOTIATION23Ioni Bowcher
1048Wickens H KolmetzUnited Kingdom2026-10-25Truhlar And Truhlar Attys RENEWAL45Amy Elsner
1049Rodrigues P GlickUnited Kingdom2026-10-26Printing Dimensions NEW48Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Leon P MacleadArgentinaAnna Fali RENEWAL
Munro B MarrierSpainBernardo Dominic RENEWAL
Faith A DoeJapanAsiya Javayant QUALIFIED
Tony T GauchoAustraliaBernardo Dominic QUALIFIED
Salvatore T GarufiUnited KingdomAmy Elsner NEW
Sinclair P MaletBrazilAmy Elsner QUALIFIED
Wickens H FlosiBrazilXuxue Feng UNQUALIFIED
Sinclair G GlickAustraliaStephen Shaw RENEWAL
Antonio X CaudyFranceAmy Elsner NEGOTIATION
Darci X IturbideIndiaStephen Shaw PROPOSAL
Ivar J GarufiAustraliaStephen Shaw UNQUALIFIED
Antonio I VenereJapanXuxue Feng NEW
Stacey S ChuiAustraliaAnna Fali NEGOTIATION
Cody M PoquetteUnited KingdomIoni Bowcher UNQUALIFIED
Clifford S StockhamUnited KingdomElwin Sharvill NEGOTIATION
Darci U BologniaArgentinaAsiya Javayant RENEWAL
Darci W WaycottItalyBernardo Dominic RENEWAL
Emily M VocelkaGermanyAmy Elsner PROPOSAL
Aruna W CaudyCanadaBernardo Dominic RENEWAL
Izzy H MacleadAustraliaOnyama Limba QUALIFIED
Costa Y SlusarskiArgentinaIvan Magalhaes QUALIFIED
Tony B BowleyItalyAsiya Javayant RENEWAL
Smith F VocelkaAustraliaXuxue Feng NEGOTIATION
Faith L CaldareraCanadaStephen Shaw RENEWAL
Morrow Z ChuiRussiaAnna Fali RENEWAL
Ashley U NickaBrazilIvan Magalhaes UNQUALIFIED
Sinclair G CampainItalyElwin Sharvill RENEWAL
Leon Z AlbaresFranceXuxue Feng NEGOTIATION
Aditya A GauchoAustraliaXuxue Feng UNQUALIFIED
Jones Y NickaRussiaIoni Bowcher NEGOTIATION
Leon W MacleadCanadaXuxue Feng PROPOSAL
Jeanfrancois Z GillianItalyAsiya Javayant UNQUALIFIED
Arvin I WhobreyBrazilStephen Shaw QUALIFIED
Murillo R StensethUnited KingdomOnyama Limba PROPOSAL
Costa X SchemmerBrazilAnna Fali RENEWAL
Maisha L FigeroaBrazilIoni Bowcher QUALIFIED
Munro H RulapaughUnited KingdomOnyama Limba UNQUALIFIED
Jennifer M FerenczUnited KingdomXuxue Feng NEW
Salvatore Z FlosiJapanOnyama Limba QUALIFIED
Aruna S KolmetzGermanyIoni Bowcher RENEWAL
David F GlickRussiaIvan Magalhaes QUALIFIED
Emily W ButtRussiaXuxue Feng NEGOTIATION
Deepesh D WieserRussiaStephen Shaw UNQUALIFIED
David G AlbaresGermanyStephen Shaw RENEWAL
Costa F RulapaughItalyXuxue Feng NEW
Murillo E BologniaUnited KingdomAsiya Javayant NEW
Isabel H ButtAustraliaAnna Fali QUALIFIED
Emily E NickaSpainAmy Elsner PROPOSAL
Jones N GillianRussiaAnna Fali PROPOSAL
Morrow V ButtCanadaAmy Elsner NEW
Frozen Columns
Name
Juan C Wieser
Mujtaba G Iturbide
Aruna T Sergi
Mayumi T Venere
Kaitlin H Iturbide
Clifford Q Stockham
Juan Y Glick
Greenwood W Saylors
Salvatore G Malet
Munro V Malet
Juan L Perin
Izzy E Malet
Clifford H Figeroa
David T Figeroa
Isabel Z Darakjy
Clifford Z Briddick
Jones Z Bowley
Murillo I Caldarera
Smith F Butt
Ivar C Chui
Maria N Venere
Octavia A Ostrosky
Johnson S Tollner
Francesco G Kolmetz
Cody H Dilliard
Jones O Paprocki
Isabel U Poquette
Leja M Maclead
Costa E Doe
Kadeem D Chui
Darci I Paprocki
Cody P Iturbide
Tony L Bolognia
Costa G Campain
Deepesh F Saylors
Adams J Schemmer
Rodrigues U Shinko
Clifford S Sergi
Ashley T Ruta
Cody X Malet
Leon V Inouye
Jones I Albares
Aika Z Waycott
Octavia U Caudy
Rodrigues M Campain
Jefferson D Venere
Emily X Rulapaugh
Greenwood D Nicka
Aika R Ruta
Jennifer I Foller
IdCountryDate
1000Brazil2026-10-07
1001Canada2026-10-20
1002France2026-10-21
1003Canada2026-10-04
1004Brazil2026-10-10
1005Russia2026-10-01
1006Japan2026-10-19
1007Italy2026-10-11
1008Japan2026-10-25
1009Russia2026-10-19
1010Japan2026-10-05
1011Spain2026-10-07
1012Argentina2026-10-16
1013Australia2026-10-06
1014France2026-10-04
1015France2026-10-28
1016Spain2026-10-25
1017Australia2026-10-17
1018Germany2026-10-19
1019India2026-10-10
1020Japan2026-10-02
1021Russia2026-10-21
1022United Kingdom2026-10-23
1023Brazil2026-10-29
1024France2026-10-01
1025Brazil2026-10-12
1026Brazil2026-10-22
1027Brazil2026-10-22
1028Italy2026-10-23
1029Argentina2026-10-22
1030Germany2026-10-09
1031Canada2026-10-26
1032Argentina2026-10-09
1033France2026-10-18
1034France2026-10-01
1035Brazil2026-10-11
1036Germany2026-10-05
1037Russia2026-10-29
1038Japan2026-10-11
1039Russia2026-10-16
1040Japan2026-10-20
1041Australia2026-10-15
1042Canada2026-10-08
1043India2026-10-08
1044Germany2026-10-15
1045Australia2026-10-16
1046Argentina2026-10-04
1047United Kingdom2026-10-04
1048Italy2026-10-24
1049Canada2026-10-16

On-Demand Data

NameIdCountryDate
Chavez R Foller1000India2026-10-05
Munro D Gaucho1001Russia2026-10-03
Ashley X Malet1002Brazil2026-10-14
Adams R Vocelka1003Italy2026-10-28
Clifford B Briddick1004Spain2026-10-28
Emily A Royster1005Russia2026-10-03
Chavez S Slusarski1006France2026-10-28
Alejandro K Bowley1007United Kingdom2026-10-21
Leja B Shinko1008United Kingdom2026-10-23
Maria G Ferencz1009Russia2026-10-02
Ashley L Ostrosky1010Japan2026-10-03
Murillo A Wieser1011Australia2026-10-10
Leon W Schemmer1012Canada2026-10-16
Leon J Glick1013Argentina2026-10-26
Leon X Ruta1014Italy2026-10-06
Aika O Bowley1015Russia2026-10-25
Jefferson D Foller1016Brazil2026-10-16
Octavia G Briddick1017Spain2026-10-25
Arvin Z Briddick1018France2026-10-02
Kaitlin Y Kusko1019United Kingdom2026-10-24
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Juan M KolmetzArgentinaIvan Magalhaes QUALIFIED
Murillo F CaldareraJapanAmy Elsner RENEWAL
Antonio L FerenczArgentinaAnna Fali PROPOSAL
Kadeem P PerinRussiaIoni Bowcher PROPOSAL
Emily O PoquetteGermanyOnyama Limba RENEWAL
Tony R SaylorsCanadaElwin Sharvill UNQUALIFIED
Greenwood A ButtSpainXuxue Feng PROPOSAL
Darci F TollnerIndiaAsiya Javayant PROPOSAL
Jones J MaletIndiaXuxue Feng UNQUALIFIED
Cody D WieserGermanyElwin Sharvill NEW
Wickens P MaletItalyAmy Elsner QUALIFIED
Jefferson N IturbideBrazilIvan Magalhaes PROPOSAL
Maria U DoeItalyStephen Shaw PROPOSAL
Jones P StensethJapanAmy Elsner NEGOTIATION
Emily M PaprockiJapanOnyama Limba QUALIFIED
Jeanfrancois L WieserGermanyIvan Magalhaes UNQUALIFIED
Nicolas A FlosiAustraliaOnyama Limba RENEWAL
Francesco X DarakjyAustraliaStephen Shaw NEGOTIATION
Greenwood M InouyeUnited KingdomIoni Bowcher UNQUALIFIED
Nicolas F CaudyCanadaXuxue Feng RENEWAL
Kaitlin H DarakjyJapanAnna Fali NEW
Faith K CaldareraArgentinaAsiya Javayant UNQUALIFIED
Greenwood F FollerJapanXuxue Feng UNQUALIFIED
James C WhobreyFranceBernardo Dominic RENEWAL
Stacey G ChuiBrazilAmy Elsner RENEWAL
Jeanfrancois F WhobreySpainOnyama Limba UNQUALIFIED
Kaitlin D VenereUnited KingdomAsiya Javayant NEW
Maria H RutaItalyXuxue Feng RENEWAL
Murillo K DarakjyArgentinaElwin Sharvill QUALIFIED
Maria E FlosiAustraliaAnna Fali PROPOSAL
Rodrigues Y SlusarskiBrazilStephen Shaw NEGOTIATION
Isabel T ButtIndiaBernardo Dominic NEW
Jones C GillianAustraliaXuxue Feng QUALIFIED
Antonio X ChuiAustraliaIvan Magalhaes RENEWAL
Emily M WieserJapanOnyama Limba PROPOSAL
Sinclair A AmigonIndiaXuxue Feng UNQUALIFIED
Jones U MaletUnited KingdomIvan Magalhaes NEGOTIATION
Munro P RutaGermanyAmy Elsner RENEWAL
Juan Y NickaGermanyIvan Magalhaes QUALIFIED
Misaki B OldroydArgentinaAsiya Javayant 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>