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
Chavez S AlbaresAustraliaBernardo Dominic PROPOSAL
Leja Y DoeCanadaElwin Sharvill PROPOSAL
Maisha K MaletUnited KingdomElwin Sharvill NEW
Claire B BologniaUnited KingdomAnna Fali QUALIFIED
Maisha M WaycottBrazilStephen Shaw NEW
Jefferson V PerinUnited KingdomElwin Sharvill RENEWAL
Izzy Q VenereSpainAnna Fali UNQUALIFIED
Aruna R RulapaughBrazilIoni Bowcher NEW
Adams I MaletBrazilAnna Fali QUALIFIED
Darci M KuskoFranceElwin Sharvill NEW
Emily H OldroydIndiaBernardo Dominic RENEWAL
Cody C RoysterItalyAnna Fali NEW
Arvin V StensethUnited KingdomXuxue Feng PROPOSAL
Sinclair T CaldareraItalyXuxue Feng RENEWAL
Maria V FerenczIndiaElwin Sharvill UNQUALIFIED
Kaitlin I RimAustraliaBernardo Dominic NEW
Ivar B MorascaRussiaElwin Sharvill UNQUALIFIED
Octavia D OstroskyGermanyElwin Sharvill NEW
Darci P InouyeAustraliaXuxue Feng NEGOTIATION
Faith B TollnerGermanyAmy Elsner UNQUALIFIED
Kadeem K FollerCanadaAsiya Javayant QUALIFIED
Stacey Z SlusarskiCanadaAmy Elsner QUALIFIED
Misaki F SaylorsBrazilIoni Bowcher UNQUALIFIED
Alejandro Z BologniaUnited KingdomAsiya Javayant NEW
Octavia E FigeroaAustraliaAsiya Javayant PROPOSAL
Jeanfrancois F PaprockiRussiaIoni Bowcher NEW
Antonio Z MorascaUnited KingdomBernardo Dominic UNQUALIFIED
Darci D ButtRussiaAmy Elsner UNQUALIFIED
Aruna E NickaItalyIvan Magalhaes QUALIFIED
Aika Z RimIndiaStephen Shaw NEW
Salvatore B SchemmerJapanAnna Fali UNQUALIFIED
Clifford T CaudyIndiaAnna Fali UNQUALIFIED
Francesco F AlbaresFranceElwin Sharvill NEW
Smith L NickaGermanyElwin Sharvill PROPOSAL
Jefferson Q RutaFranceAsiya Javayant NEW
Ashley E AmigonBrazilAnna Fali UNQUALIFIED
Chavez H StockhamSpainAsiya Javayant RENEWAL
Izzy R MacleadJapanIvan Magalhaes NEW
Francesco W SchemmerRussiaIvan Magalhaes UNQUALIFIED
Clifford R IturbideCanadaXuxue Feng UNQUALIFIED
Aditya X MaletFranceXuxue Feng PROPOSAL
Murillo X CaldareraIndiaIvan Magalhaes NEW
Misaki Q NestleAustraliaElwin Sharvill PROPOSAL
Tony W GlickFranceStephen Shaw UNQUALIFIED
Mujtaba G PerinIndiaXuxue Feng NEW
Maria F CampainGermanyIoni Bowcher RENEWAL
Murillo O DoeIndiaIoni Bowcher PROPOSAL
Maria Z InouyeUnited KingdomIvan Magalhaes NEGOTIATION
Clifford J CaudyCanadaOnyama Limba NEGOTIATION
Emily A IturbideBrazilAsiya Javayant PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Ivar C ChuiRussiaAmy Elsner NEW
Faith N ShinkoArgentinaAsiya Javayant NEW
Ricardo J AlbaresJapanIvan Magalhaes RENEWAL
Leja P SaylorsRussiaStephen Shaw NEW
Aditya H NickaArgentinaStephen Shaw RENEWAL
Juan L RimFranceIoni Bowcher UNQUALIFIED
Antonio F DilliardAustraliaBernardo Dominic NEW
Jefferson R StockhamJapanElwin Sharvill NEGOTIATION
Mayumi B MaletIndiaElwin Sharvill PROPOSAL
Jeanfrancois U StensethUnited KingdomIvan Magalhaes UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jeanfrancois P MacleadAustralia2026-11-13Chapman, Ross E Esq UNQUALIFIED81Ioni Bowcher
1001Ivar O ShinkoBrazil2026-10-17Printing Dimensions UNQUALIFIED72Bernardo Dominic
1002Izzy Z DilliardGermany2026-11-02Buckley Miller Wright NEGOTIATION61Ioni Bowcher
1003Octavia C GillianItaly2026-10-22Feltz Printing Service PROPOSAL66Elwin Sharvill
1004David Z FerenczGermany2026-10-22Feltz Printing Service UNQUALIFIED3Stephen Shaw
1005Aruna U NickaFrance2026-11-06Feiner Bros QUALIFIED43Asiya Javayant
1006Jeanfrancois S BologniaJapan2026-11-14Benton, John B Jr NEW33Amy Elsner
1007Chavez E SergiGermany2026-11-01Rousseaux, Michael Esq PROPOSAL35Anna Fali
1008Cody W FerenczIndia2026-11-04Feiner Bros QUALIFIED88Xuxue Feng
1009Ashley A NestleJapan2026-10-16Morlong Associates PROPOSAL90Elwin Sharvill
1010Sinclair J RutaAustralia2026-10-17Chanay, Jeffrey A Esq NEW33Stephen Shaw
1011Julie O OstroskyIndia2026-11-12Printing Dimensions RENEWAL86Ioni Bowcher
1012Johnson K SaylorsArgentina2026-11-07Dorl, James J Esq NEGOTIATION46Bernardo Dominic
1013Johnson R ButtItaly2026-10-18Feltz Printing Service RENEWAL21Ioni Bowcher
1014Deepesh X SchemmerCanada2026-10-28Rangoni Of Florence UNQUALIFIED53Ioni Bowcher
1015Ashley U KuskoSpain2026-11-07Morlong Associates UNQUALIFIED53Ivan Magalhaes
1016Munro H InouyeCanada2026-10-25Rousseaux, Michael Esq NEGOTIATION18Ivan Magalhaes
1017Murillo D CampainBrazil2026-10-24Buckley Miller Wright NEGOTIATION29Asiya Javayant
1018Julie A AlbaresIndia2026-11-03Dorl, James J Esq NEGOTIATION3Stephen Shaw
1019Mujtaba U RoysterBrazil2026-10-19Buckley Miller Wright QUALIFIED9Elwin Sharvill
1020Jefferson F MaletSpain2026-11-14Feiner Bros UNQUALIFIED48Elwin Sharvill
1021Deepesh N SaylorsArgentina2026-10-16Rousseaux, Michael Esq NEGOTIATION14Stephen Shaw
1022Emily V SaylorsRussia2026-10-17Morlong Associates NEGOTIATION49Stephen Shaw
1023Misaki U BriddickSpain2026-11-05Printing Dimensions NEW31Stephen Shaw
1024Greenwood B BologniaBrazil2026-11-11Rangoni Of Florence RENEWAL31Onyama Limba
1025Leon D IturbideAustralia2026-10-24Commercial Press RENEWAL29Ivan Magalhaes
1026Claire Q RulapaughJapan2026-10-22Chemel, James L Cpa QUALIFIED52Xuxue Feng
1027Alejandro K CampainUnited Kingdom2026-10-17Commercial Press NEGOTIATION18Elwin Sharvill
1028Munro L CaudyFrance2026-11-07Feltz Printing Service NEW74Ivan Magalhaes
1029Morrow X ButtJapan2026-10-30Chemel, James L Cpa NEGOTIATION9Bernardo Dominic
1030Deepesh D FigeroaIndia2026-11-02Commercial Press PROPOSAL55Elwin Sharvill
1031Juan P IturbideUnited Kingdom2026-10-31Benton, John B Jr QUALIFIED12Asiya Javayant
1032Antonio V IturbideFrance2026-11-02Benton, John B Jr PROPOSAL25Onyama Limba
1033Jefferson T FollerCanada2026-10-21King, Christopher A Esq PROPOSAL87Onyama Limba
1034Julie H VenereItaly2026-10-19Printing Dimensions NEW63Ioni Bowcher
1035Antonio H BologniaRussia2026-10-21Buckley Miller Wright NEGOTIATION58Onyama Limba
1036Clifford Q VenereGermany2026-10-19Printing Dimensions PROPOSAL55Stephen Shaw
1037Tony L VocelkaIndia2026-11-10King, Christopher A Esq UNQUALIFIED28Anna Fali
1038Izzy E TollnerCanada2026-11-01Morlong Associates NEGOTIATION58Onyama Limba
1039Leja U DarakjyUnited Kingdom2026-10-17Chanay, Jeffrey A Esq RENEWAL81Ivan Magalhaes
1040Sinclair E GarufiFrance2026-11-10Chemel, James L Cpa NEGOTIATION28Xuxue Feng
1041Greenwood I CampainIndia2026-10-16Dorl, James J Esq QUALIFIED66Asiya Javayant
1042Alejandro H KuskoIndia2026-11-07King, Christopher A Esq NEW98Asiya Javayant
1043Faith G StensethCanada2026-10-27Morlong Associates NEW49Xuxue Feng
1044Jennifer G MorascaGermany2026-10-29Chanay, Jeffrey A Esq RENEWAL90Bernardo Dominic
1045Wickens R NickaFrance2026-10-30Truhlar And Truhlar Attys RENEWAL57Stephen Shaw
1046Mayumi B CaudySpain2026-10-21Benton, John B Jr PROPOSAL56Xuxue Feng
1047Ricardo L FollerUnited Kingdom2026-11-06Dorl, James J Esq NEW65Ivan Magalhaes
1048Tony Y GarufiSpain2026-11-14Benton, John B Jr UNQUALIFIED14Xuxue Feng
1049Aika I WieserGermany2026-11-01Truhlar And Truhlar Attys PROPOSAL69Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Stacey L RoysterRussiaAnna Fali QUALIFIED
Tony K OstroskySpainOnyama Limba UNQUALIFIED
Ivar D MorascaRussiaBernardo Dominic PROPOSAL
Antonio J StensethBrazilStephen Shaw QUALIFIED
Nicolas D ButtIndiaAmy Elsner PROPOSAL
Darci U DilliardItalyXuxue Feng RENEWAL
Wickens X BologniaCanadaIvan Magalhaes UNQUALIFIED
Aditya D FollerFranceStephen Shaw QUALIFIED
Costa I PaprockiUnited KingdomAnna Fali NEW
Maisha A GillianRussiaElwin Sharvill UNQUALIFIED
Ivar W CaudyBrazilIoni Bowcher PROPOSAL
Mujtaba N MorascaCanadaAmy Elsner UNQUALIFIED
Jeanfrancois G PerinAustraliaAmy Elsner UNQUALIFIED
Aruna X GarufiUnited KingdomAnna Fali NEW
Darci U VocelkaSpainOnyama Limba NEW
Faith N FollerFranceXuxue Feng PROPOSAL
Kaitlin Q NickaBrazilStephen Shaw NEGOTIATION
Ricardo A GillianItalyAmy Elsner PROPOSAL
Misaki C NestleArgentinaAnna Fali QUALIFIED
Darci J BowleyBrazilAmy Elsner UNQUALIFIED
Stacey T AmigonGermanyIvan Magalhaes NEGOTIATION
Julie N VocelkaItalyStephen Shaw NEGOTIATION
Munro W StockhamJapanStephen Shaw QUALIFIED
Jefferson Q NickaIndiaOnyama Limba NEGOTIATION
Deepesh Q DarakjyArgentinaOnyama Limba RENEWAL
Wickens I SergiAustraliaAnna Fali NEW
Rodrigues Y SlusarskiRussiaElwin Sharvill RENEWAL
Deepesh R MarrierRussiaElwin Sharvill NEGOTIATION
Francesco J ChuiGermanyBernardo Dominic PROPOSAL
Antonio A DoeRussiaElwin Sharvill NEGOTIATION
Ivar B BriddickCanadaAnna Fali NEGOTIATION
Sinclair B ChuiArgentinaOnyama Limba PROPOSAL
Ricardo O CaudyItalyStephen Shaw QUALIFIED
Jones N StensethSpainAsiya Javayant UNQUALIFIED
Leon A RoysterBrazilIvan Magalhaes NEGOTIATION
Julie O OstroskyBrazilAmy Elsner NEGOTIATION
Cody N GillianAustraliaIoni Bowcher RENEWAL
Jennifer E RulapaughRussiaElwin Sharvill UNQUALIFIED
Mayumi N WhobreyUnited KingdomXuxue Feng QUALIFIED
Leja M MaletAustraliaAsiya Javayant NEGOTIATION
Sinclair T KolmetzCanadaStephen Shaw QUALIFIED
Salvatore H SlusarskiAustraliaElwin Sharvill NEW
Claire L MarrierRussiaElwin Sharvill UNQUALIFIED
Mujtaba F WieserRussiaIvan Magalhaes RENEWAL
Aruna I KolmetzAustraliaElwin Sharvill QUALIFIED
Aika Q OstroskyBrazilAsiya Javayant NEW
Smith W ShinkoFranceIvan Magalhaes PROPOSAL
Adams S FlosiAustraliaIoni Bowcher PROPOSAL
Costa I GarufiCanadaIoni Bowcher PROPOSAL
Smith V RutaItalyXuxue Feng NEGOTIATION
Frozen Columns
Name
Izzy U Kolmetz
Clifford Z Butt
Faith F Schemmer
James C Caldarera
Leja O Vocelka
Wickens E Venere
Wickens E Kusko
Johnson P Nestle
Deepesh G Rulapaugh
Jennifer T Albares
Munro F Perin
Aditya D Amigon
Adams O Royster
David J Malet
Salvatore Q Rulapaugh
Kadeem T Figeroa
James Q Kolmetz
Smith W Vocelka
Leon S Slusarski
Leja M Figeroa
Clifford O Saylors
Wickens Z Campain
Ricardo V Doe
Munro Y Stenseth
Adams T Morasca
Sinclair E Poquette
Julie H Butt
Ricardo H Paprocki
Tony H Gillian
Jeanfrancois V Gaucho
Clifford Y Kolmetz
Arvin Q Paprocki
Misaki B Iturbide
Alejandro U Perin
Isabel B Nestle
Claire U Campain
Clifford K Vocelka
Aika Y Garufi
Misaki Z Figeroa
Darci V Campain
James K Foller
Adams V Venere
Mujtaba F Albares
Costa H Rulapaugh
Alejandro K Poquette
Smith P Caudy
Ashley K Rim
Munro G Oldroyd
Morrow J Inouye
Mujtaba B Gaucho
IdCountryDate
1000Spain2026-11-02
1001Australia2026-10-29
1002United Kingdom2026-11-07
1003Japan2026-10-30
1004Germany2026-10-23
1005Germany2026-11-02
1006Australia2026-11-06
1007Spain2026-10-16
1008Argentina2026-11-01
1009India2026-10-29
1010Argentina2026-11-10
1011Argentina2026-10-24
1012Italy2026-10-19
1013Italy2026-11-01
1014Japan2026-11-03
1015India2026-11-03
1016United Kingdom2026-11-09
1017Russia2026-11-13
1018France2026-10-23
1019Germany2026-11-06
1020Germany2026-11-09
1021Spain2026-10-26
1022United Kingdom2026-11-12
1023Argentina2026-10-30
1024India2026-11-04
1025Australia2026-11-12
1026India2026-10-20
1027India2026-10-16
1028United Kingdom2026-11-14
1029Germany2026-10-20
1030United Kingdom2026-11-05
1031Spain2026-11-13
1032Canada2026-10-21
1033Germany2026-11-08
1034Germany2026-11-14
1035Canada2026-10-31
1036Spain2026-10-22
1037Russia2026-10-22
1038Argentina2026-10-31
1039Canada2026-10-26
1040Japan2026-11-11
1041Canada2026-10-22
1042United Kingdom2026-10-23
1043France2026-10-31
1044Canada2026-11-02
1045Argentina2026-11-07
1046Australia2026-10-21
1047Italy2026-10-28
1048Italy2026-10-29
1049Canada2026-11-02

On-Demand Data

NameIdCountryDate
Antonio F Perin1000Russia2026-10-27
Faith I Gaucho1001Australia2026-11-10
Faith I Royster1002Spain2026-11-06
Misaki P Glick1003France2026-10-20
Ricardo I Royster1004Argentina2026-10-29
Nicolas O Butt1005India2026-10-19
Munro T Sergi1006India2026-11-11
Julie F Bowley1007Spain2026-10-17
Chavez A Caldarera1008Argentina2026-10-30
Greenwood W Poquette1009Germany2026-11-04
Maria E Bolognia1010Argentina2026-11-09
Mayumi O Wieser1011France2026-10-24
Aika V Kusko1012Australia2026-11-12
Munro K Marrier1013Argentina2026-11-03
Emily H Saylors1014Spain2026-10-31
Leja O Chui1015Australia2026-11-03
Greenwood J Wieser1016United Kingdom2026-10-26
Costa K Amigon1017Canada2026-11-07
David L Maclead1018United Kingdom2026-11-03
Ricardo I Briddick1019Germany2026-11-11
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Sinclair K InouyeFranceIoni Bowcher PROPOSAL
Misaki Y DoeUnited KingdomXuxue Feng RENEWAL
Mujtaba B MarrierGermanyAsiya Javayant NEW
Aika F PoquetteIndiaAsiya Javayant NEGOTIATION
Kadeem C SaylorsItalyIoni Bowcher NEGOTIATION
Mujtaba J PerinAustraliaAmy Elsner PROPOSAL
Antonio Y FlosiArgentinaElwin Sharvill NEGOTIATION
Jones N IturbideGermanyIoni Bowcher NEGOTIATION
Julie E IturbideGermanyAsiya Javayant QUALIFIED
Rodrigues D GarufiArgentinaOnyama Limba NEW
Cody S ButtArgentinaElwin Sharvill QUALIFIED
Sinclair F WaycottAustraliaIoni Bowcher QUALIFIED
Faith W InouyeAustraliaIoni Bowcher RENEWAL
Cody N VocelkaRussiaAnna Fali UNQUALIFIED
Isabel T KolmetzGermanyIvan Magalhaes QUALIFIED
Francesco V PoquetteUnited KingdomIvan Magalhaes UNQUALIFIED
Maisha O NickaIndiaAsiya Javayant UNQUALIFIED
Jefferson N MaletRussiaAmy Elsner NEGOTIATION
David F RoysterSpainElwin Sharvill UNQUALIFIED
David W GlickGermanyAnna Fali UNQUALIFIED
Mujtaba W VenereJapanElwin Sharvill NEGOTIATION
Aditya U GauchoItalyIvan Magalhaes QUALIFIED
James R DilliardGermanyElwin Sharvill PROPOSAL
Cody Q PerinIndiaOnyama Limba NEGOTIATION
Johnson N BowleyUnited KingdomStephen Shaw UNQUALIFIED
Isabel Q RimIndiaXuxue Feng PROPOSAL
Munro L SchemmerBrazilStephen Shaw UNQUALIFIED
Morrow O MaletBrazilElwin Sharvill PROPOSAL
Darci G SergiJapanAsiya Javayant UNQUALIFIED
David X WaycottBrazilStephen Shaw UNQUALIFIED
Leja K GillianSpainElwin Sharvill UNQUALIFIED
Johnson A RimFranceAmy Elsner UNQUALIFIED
Johnson P SlusarskiUnited KingdomXuxue Feng NEW
Leon Q FollerRussiaBernardo Dominic NEW
Smith Y TollnerCanadaElwin Sharvill UNQUALIFIED
Julie R BriddickRussiaAnna Fali UNQUALIFIED
Mayumi P SlusarskiSpainStephen Shaw NEGOTIATION
Antonio A InouyeIndiaAmy Elsner PROPOSAL
Ricardo C NickaSpainIoni Bowcher NEW
Salvatore J FlosiJapanIoni Bowcher UNQUALIFIED

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