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 D IturbideIndiaIvan Magalhaes NEW
Jeanfrancois T FollerUnited KingdomXuxue Feng PROPOSAL
David E GarufiBrazilAsiya Javayant PROPOSAL
Jones J AmigonGermanyIoni Bowcher PROPOSAL
Juan A MarrierUnited KingdomIvan Magalhaes NEW
Murillo H SlusarskiRussiaElwin Sharvill RENEWAL
Aika K BriddickGermanyIvan Magalhaes UNQUALIFIED
Clifford G VocelkaSpainAmy Elsner NEW
Clifford V PoquetteJapanElwin Sharvill PROPOSAL
Aditya L FollerUnited KingdomOnyama Limba NEW
Cody X StockhamRussiaOnyama Limba PROPOSAL
Jennifer M SchemmerItalyAnna Fali PROPOSAL
Kaitlin B WieserRussiaBernardo Dominic PROPOSAL
Julie G PerinIndiaIvan Magalhaes PROPOSAL
Tony E FlosiRussiaAnna Fali RENEWAL
Johnson B MarrierGermanyXuxue Feng RENEWAL
Cody F FollerAustraliaAsiya Javayant NEGOTIATION
Mayumi V AlbaresFranceAnna Fali UNQUALIFIED
Tony O IturbideRussiaOnyama Limba RENEWAL
Maria D BowleyJapanBernardo Dominic NEGOTIATION
Faith W StensethUnited KingdomAnna Fali UNQUALIFIED
Jones H PaprockiBrazilAnna Fali QUALIFIED
Munro M PerinFranceElwin Sharvill PROPOSAL
Kadeem V RulapaughSpainAsiya Javayant QUALIFIED
Antonio S BologniaSpainStephen Shaw RENEWAL
Jefferson W CampainUnited KingdomBernardo Dominic NEW
Octavia H ShinkoFranceOnyama Limba QUALIFIED
James N OstroskyArgentinaAnna Fali RENEWAL
Maisha S ButtRussiaAnna Fali NEGOTIATION
Silvio U PerinAustraliaIvan Magalhaes RENEWAL
Morrow T TollnerUnited KingdomStephen Shaw PROPOSAL
Ivar H DarakjyUnited KingdomAsiya Javayant RENEWAL
Stacey U RoysterUnited KingdomXuxue Feng PROPOSAL
Smith A RulapaughUnited KingdomIvan Magalhaes RENEWAL
Cody G RoysterCanadaIoni Bowcher RENEWAL
Izzy J SlusarskiJapanAmy Elsner NEW
Cody I DarakjyJapanAsiya Javayant RENEWAL
Smith Q BologniaSpainXuxue Feng RENEWAL
Alejandro L VenereSpainIoni Bowcher PROPOSAL
Ivar Q SchemmerBrazilStephen Shaw PROPOSAL
Julie J AmigonItalyIoni Bowcher NEGOTIATION
Faith V RoysterCanadaStephen Shaw NEW
Chavez W FollerSpainIvan Magalhaes NEGOTIATION
Jones F RulapaughFranceIoni Bowcher QUALIFIED
Francesco A DarakjyBrazilIvan Magalhaes UNQUALIFIED
Aditya U SlusarskiGermanyOnyama Limba QUALIFIED
Jennifer I VocelkaFranceAnna Fali RENEWAL
Aditya G MaletCanadaXuxue Feng NEGOTIATION
Arvin J StensethRussiaOnyama Limba UNQUALIFIED
Tony J FlosiUnited KingdomAmy Elsner RENEWAL
Horizontal
NameCountryRepresentativeStatus
Misaki V MacleadGermanyIvan Magalhaes RENEWAL
Rodrigues V DilliardArgentinaIvan Magalhaes RENEWAL
Maria O FollerItalyAnna Fali RENEWAL
Chavez C OstroskyFranceAmy Elsner QUALIFIED
Juan B StensethUnited KingdomAmy Elsner PROPOSAL
Francesco K SlusarskiFranceAmy Elsner UNQUALIFIED
Arvin C OldroydIndiaAmy Elsner NEGOTIATION
Leon E DoeRussiaElwin Sharvill UNQUALIFIED
Francesco J FollerItalyElwin Sharvill PROPOSAL
Kadeem F RoysterBrazilElwin Sharvill QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Clifford O NestleRussia2026-10-05Benton, John B Jr RENEWAL91Ioni Bowcher
1001Jefferson G WaycottGermany2026-10-11Buckley Miller Wright NEGOTIATION15Elwin Sharvill
1002Greenwood S CampainUnited Kingdom2026-10-19Printing Dimensions NEGOTIATION43Amy Elsner
1003Nicolas K OldroydUnited Kingdom2026-10-06King, Christopher A Esq NEGOTIATION78Asiya Javayant
1004Wickens T ButtAustralia2026-10-08Chapman, Ross E Esq NEW93Xuxue Feng
1005Faith F MacleadItaly2026-10-03Feltz Printing Service NEW92Stephen Shaw
1006Juan A DoeFrance2026-09-21Rangoni Of Florence RENEWAL18Amy Elsner
1007Jennifer U DilliardBrazil2026-10-08Buckley Miller Wright NEGOTIATION75Anna Fali
1008Smith E NestleCanada2026-10-01Rangoni Of Florence QUALIFIED26Ivan Magalhaes
1009Silvio W OstroskyBrazil2026-10-11Feiner Bros UNQUALIFIED1Bernardo Dominic
1010Leon S RoysterRussia2026-10-14Buckley Miller Wright QUALIFIED80Anna Fali
1011Cody P SergiArgentina2026-10-15Commercial Press NEGOTIATION55Anna Fali
1012Jeanfrancois I BologniaJapan2026-10-09Rousseaux, Michael Esq NEW23Ioni Bowcher
1013Francesco C ShinkoUnited Kingdom2026-10-15Rousseaux, Michael Esq RENEWAL78Asiya Javayant
1014Aditya D FerenczArgentina2026-09-26Morlong Associates RENEWAL61Amy Elsner
1015Rodrigues M RimItaly2026-10-09Feltz Printing Service NEW51Amy Elsner
1016Misaki M KolmetzSpain2026-09-23Chapman, Ross E Esq PROPOSAL34Onyama Limba
1017Alejandro L ButtIndia2026-10-04Commercial Press PROPOSAL23Ivan Magalhaes
1018Emily W FerenczGermany2026-10-02Feltz Printing Service NEGOTIATION80Bernardo Dominic
1019Arvin X GauchoGermany2026-09-29Rangoni Of Florence UNQUALIFIED92Amy Elsner
1020Ricardo D StockhamArgentina2026-10-04Feltz Printing Service RENEWAL21Ivan Magalhaes
1021Ricardo V GauchoCanada2026-10-20Chapman, Ross E Esq QUALIFIED81Amy Elsner
1022Maria D OstroskyJapan2026-10-01Buckley Miller Wright UNQUALIFIED87Xuxue Feng
1023David F GlickJapan2026-10-10Rousseaux, Michael Esq NEGOTIATION7Elwin Sharvill
1024Jefferson L MarrierItaly2026-10-04Feiner Bros NEGOTIATION95Anna Fali
1025Munro E CaudyCanada2026-09-23Rangoni Of Florence RENEWAL8Asiya Javayant
1026Kadeem I VenereIndia2026-09-22Chanay, Jeffrey A Esq PROPOSAL40Xuxue Feng
1027Mujtaba A BowleyArgentina2026-09-21Feiner Bros NEW25Anna Fali
1028Morrow M GauchoItaly2026-10-15Rangoni Of Florence PROPOSAL95Elwin Sharvill
1029Faith W ChuiArgentina2026-10-02Morlong Associates RENEWAL52Ivan Magalhaes
1030Aika V MaletJapan2026-10-01Rousseaux, Michael Esq QUALIFIED70Asiya Javayant
1031James N StockhamAustralia2026-10-13Chanay, Jeffrey A Esq QUALIFIED52Stephen Shaw
1032Nicolas O FollerSpain2026-09-25Rousseaux, Michael Esq PROPOSAL39Stephen Shaw
1033Isabel S CampainRussia2026-09-30Feltz Printing Service RENEWAL17Stephen Shaw
1034Jefferson P WieserUnited Kingdom2026-10-19Chapman, Ross E Esq NEW68Onyama Limba
1035Alejandro B CaldareraAustralia2026-10-16Commercial Press RENEWAL93Onyama Limba
1036Mujtaba V AmigonIndia2026-10-06Printing Dimensions NEW9Asiya Javayant
1037Isabel T OldroydRussia2026-09-30Feltz Printing Service PROPOSAL96Ivan Magalhaes
1038Cody H OstroskyBrazil2026-10-07Feiner Bros NEW43Amy Elsner
1039Munro R DilliardAustralia2026-10-17Rangoni Of Florence PROPOSAL53Asiya Javayant
1040Maisha U RimCanada2026-10-07Rousseaux, Michael Esq NEGOTIATION53Ivan Magalhaes
1041Isabel O StockhamCanada2026-10-07Chapman, Ross E Esq NEGOTIATION45Elwin Sharvill
1042Aika T CampainIndia2026-09-27Chemel, James L Cpa QUALIFIED92Anna Fali
1043Johnson Q CaudyFrance2026-09-29Feiner Bros PROPOSAL84Stephen Shaw
1044Isabel R DarakjyRussia2026-10-11Benton, John B Jr NEW53Elwin Sharvill
1045Mayumi O PaprockiCanada2026-10-01Buckley Miller Wright NEW74Ivan Magalhaes
1046Chavez J FigeroaGermany2026-10-10Chemel, James L Cpa NEGOTIATION23Xuxue Feng
1047Juan R DilliardGermany2026-10-04Feltz Printing Service NEGOTIATION98Ivan Magalhaes
1048Silvio M VenereGermany2026-10-08Chapman, Ross E Esq PROPOSAL57Anna Fali
1049Salvatore O ChuiAustralia2026-10-06Feiner Bros PROPOSAL97Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Murillo L AmigonSpainAsiya Javayant NEW
Jennifer C KolmetzFranceOnyama Limba PROPOSAL
Costa H MaletJapanAnna Fali UNQUALIFIED
Murillo V DoeItalyIvan Magalhaes NEGOTIATION
Sinclair O GauchoJapanAnna Fali PROPOSAL
Greenwood C WaycottSpainAmy Elsner PROPOSAL
Wickens T BowleyCanadaXuxue Feng UNQUALIFIED
Jefferson H TollnerGermanyAmy Elsner NEGOTIATION
Julie O OstroskyBrazilIvan Magalhaes UNQUALIFIED
Smith K NestleAustraliaOnyama Limba QUALIFIED
Jones G StockhamItalyAmy Elsner PROPOSAL
Smith Z MaletBrazilElwin Sharvill PROPOSAL
Leon I BowleyIndiaBernardo Dominic PROPOSAL
Emily Y CaldareraRussiaAsiya Javayant UNQUALIFIED
Jones X WieserJapanAnna Fali UNQUALIFIED
Murillo K DoeCanadaStephen Shaw PROPOSAL
Maria U SlusarskiGermanyAsiya Javayant PROPOSAL
Juan V SergiItalyXuxue Feng QUALIFIED
Francesco H VenereCanadaAsiya Javayant PROPOSAL
Silvio F FerenczSpainStephen Shaw NEW
Kaitlin G RoysterBrazilStephen Shaw QUALIFIED
Aruna H InouyeFranceStephen Shaw PROPOSAL
Jeanfrancois R BowleyBrazilIoni Bowcher NEW
Octavia N OstroskyIndiaAsiya Javayant NEGOTIATION
Jones Z BowleyIndiaAmy Elsner RENEWAL
Darci L CaudyUnited KingdomAnna Fali RENEWAL
Jennifer E RutaGermanyIvan Magalhaes NEW
Octavia X RimRussiaXuxue Feng PROPOSAL
Leon V ButtItalyXuxue Feng PROPOSAL
Tony L BowleyJapanElwin Sharvill UNQUALIFIED
Alejandro D PerinCanadaBernardo Dominic NEW
Ashley V AmigonGermanyIvan Magalhaes RENEWAL
Ivar D RutaCanadaAsiya Javayant RENEWAL
Silvio V KuskoAustraliaIvan Magalhaes QUALIFIED
Leon M RutaJapanElwin Sharvill QUALIFIED
Aruna C CaudyAustraliaAnna Fali QUALIFIED
Morrow S RulapaughItalyOnyama Limba NEW
Izzy W ShinkoBrazilAsiya Javayant NEGOTIATION
Maria Q IturbideFranceIoni Bowcher NEGOTIATION
Ashley V MarrierSpainIoni Bowcher NEW
Leon T FigeroaSpainXuxue Feng PROPOSAL
Kaitlin Q KuskoCanadaXuxue Feng RENEWAL
Adams P BriddickFranceXuxue Feng NEGOTIATION
Cody T VenereArgentinaAnna Fali NEGOTIATION
Alejandro X WhobreyCanadaXuxue Feng UNQUALIFIED
Emily L StockhamBrazilIoni Bowcher NEGOTIATION
Maisha K IturbideFranceBernardo Dominic QUALIFIED
Juan Y RulapaughIndiaAsiya Javayant NEGOTIATION
Juan M RimAustraliaXuxue Feng RENEWAL
Juan J FerenczRussiaAmy Elsner RENEWAL
Frozen Columns
Name
Tony K Darakjy
Ashley Y Oldroyd
Octavia W Ruta
Claire D Poquette
Misaki Y Inouye
Ashley N Nestle
Alejandro P Paprocki
Juan I Nestle
Sinclair A Chui
Misaki Q Gillian
Munro R Schemmer
Sinclair A Glick
Nicolas P Ferencz
Salvatore Q Ruta
Emily B Vocelka
Costa H Perin
Maisha L Dilliard
Smith B Sergi
Misaki M Poquette
Juan W Morasca
Maria E Kolmetz
Smith U Ferencz
Octavia K Caldarera
Alejandro S Stockham
Maria J Paprocki
Kaitlin R Albares
Misaki Z Malet
Salvatore T Vocelka
Darci B Wieser
Tony B Chui
Misaki Q Venere
Ricardo C Schemmer
Maisha L Saylors
Antonio K Caldarera
Wickens E Stockham
Morrow R Vocelka
Emily I Kolmetz
Alejandro D Albares
Chavez T Stockham
Leon Q Ruta
Aika O Ferencz
Munro Z Perin
Greenwood J Inouye
Stacey W Ostrosky
Julie H Caldarera
Morrow L Amigon
Rodrigues N Saylors
Stacey W Albares
Deepesh P Ruta
James Q Oldroyd
IdCountryDate
1000Russia2026-10-11
1001Japan2026-09-23
1002Brazil2026-10-19
1003United Kingdom2026-10-10
1004Australia2026-09-24
1005Argentina2026-10-05
1006Argentina2026-10-03
1007Brazil2026-10-14
1008Brazil2026-09-27
1009Russia2026-09-24
1010Argentina2026-10-15
1011United Kingdom2026-10-09
1012France2026-10-13
1013Japan2026-10-18
1014Argentina2026-10-17
1015Canada2026-10-03
1016Japan2026-09-28
1017Australia2026-10-13
1018Australia2026-09-21
1019United Kingdom2026-10-14
1020United Kingdom2026-10-04
1021Russia2026-10-06
1022France2026-10-15
1023Germany2026-10-16
1024United Kingdom2026-09-27
1025Japan2026-09-27
1026India2026-10-11
1027Canada2026-09-28
1028Russia2026-10-09
1029Italy2026-10-07
1030Argentina2026-10-14
1031Japan2026-10-10
1032Argentina2026-10-12
1033Russia2026-09-26
1034India2026-09-22
1035Brazil2026-10-03
1036Italy2026-10-13
1037Japan2026-10-18
1038Brazil2026-10-20
1039Italy2026-10-02
1040Germany2026-09-24
1041United Kingdom2026-10-11
1042Spain2026-09-25
1043Japan2026-10-17
1044Germany2026-10-07
1045India2026-10-03
1046Japan2026-10-04
1047Brazil2026-10-11
1048Russia2026-09-23
1049United Kingdom2026-09-28

On-Demand Data

NameIdCountryDate
Jennifer V Kolmetz1000India2026-10-03
Faith H Ostrosky1001United Kingdom2026-10-01
Ricardo O Waycott1002Argentina2026-10-10
Claire E Sergi1003Canada2026-09-23
Nicolas U Amigon1004France2026-09-29
David L Sergi1005Russia2026-09-28
Aditya L Sergi1006Canada2026-09-24
Johnson R Bowley1007Germany2026-09-21
Deepesh I Malet1008Japan2026-10-13
Darci W Gillian1009Canada2026-10-02
Emily B Ruta1010India2026-09-27
Silvio Q Poquette1011Argentina2026-10-03
Misaki O Chui1012Australia2026-10-20
Izzy J Venere1013United Kingdom2026-10-01
Jennifer R Malet1014Germany2026-10-17
Julie E Gaucho1015Russia2026-10-11
Clifford Z Garufi1016Australia2026-10-15
Maria M Rulapaugh1017Germany2026-10-07
Francesco B Foller1018United Kingdom2026-10-07
Aruna N Foller1019Japan2026-09-22
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Izzy M GauchoBrazilAsiya Javayant NEGOTIATION
James S WhobreyCanadaOnyama Limba RENEWAL
Kadeem B RutaCanadaElwin Sharvill QUALIFIED
Wickens V OldroydCanadaBernardo Dominic UNQUALIFIED
Ashley M RoysterCanadaXuxue Feng UNQUALIFIED
Juan S GlickAustraliaIvan Magalhaes QUALIFIED
Leja C GarufiItalyAmy Elsner QUALIFIED
Darci Q InouyeFranceOnyama Limba UNQUALIFIED
Mujtaba Z StockhamUnited KingdomIvan Magalhaes UNQUALIFIED
Stacey X MaletSpainAmy Elsner QUALIFIED
Faith R AlbaresJapanIvan Magalhaes UNQUALIFIED
Wickens Q CaudyGermanyAsiya Javayant NEW
Antonio S FlosiBrazilBernardo Dominic PROPOSAL
Emily P BowleyCanadaElwin Sharvill RENEWAL
Deepesh U IturbideCanadaAsiya Javayant RENEWAL
Wickens F MaletArgentinaAnna Fali RENEWAL
Aditya M RoysterIndiaBernardo Dominic PROPOSAL
Mayumi K FollerUnited KingdomAsiya Javayant RENEWAL
Salvatore Q AmigonArgentinaBernardo Dominic NEGOTIATION
Faith L GauchoJapanOnyama Limba UNQUALIFIED
Salvatore V MarrierSpainIoni Bowcher NEGOTIATION
Aruna W DoeItalyAmy Elsner QUALIFIED
Mujtaba E OstroskyBrazilAsiya Javayant NEW
Murillo A VocelkaGermanyElwin Sharvill QUALIFIED
David Q DoeCanadaElwin Sharvill RENEWAL
Kaitlin C MaletAustraliaBernardo Dominic QUALIFIED
Mayumi S NickaCanadaIvan Magalhaes PROPOSAL
Aruna G ShinkoCanadaOnyama Limba UNQUALIFIED
Morrow U KolmetzJapanBernardo Dominic PROPOSAL
Ricardo Y MaletJapanIoni Bowcher NEGOTIATION
David K MaletCanadaIoni Bowcher UNQUALIFIED
Chavez Z AlbaresItalyAsiya Javayant PROPOSAL
Jefferson P GlickUnited KingdomBernardo Dominic PROPOSAL
Leon D MarrierRussiaIvan Magalhaes RENEWAL
Ivar B AlbaresGermanyStephen Shaw QUALIFIED
Clifford H MarrierBrazilAsiya Javayant RENEWAL
Misaki P DoeFranceStephen Shaw RENEWAL
Aditya C PaprockiAustraliaXuxue Feng NEGOTIATION
Isabel X VenereArgentinaAsiya Javayant NEGOTIATION
Mujtaba E DarakjyRussiaIvan Magalhaes 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>