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
Stacey K VocelkaItalyAmy Elsner RENEWAL
Sinclair Y MaletBrazilIoni Bowcher NEW
Antonio M CampainIndiaAsiya Javayant QUALIFIED
Mujtaba K WhobreyAustraliaElwin Sharvill NEW
Ashley P DarakjyUnited KingdomElwin Sharvill PROPOSAL
Faith L CampainSpainAnna Fali UNQUALIFIED
Leon T SergiUnited KingdomElwin Sharvill NEGOTIATION
Leja N FollerBrazilStephen Shaw NEGOTIATION
Kadeem G GillianRussiaAsiya Javayant QUALIFIED
Jennifer B MaletSpainAmy Elsner QUALIFIED
James I VenereRussiaOnyama Limba QUALIFIED
Jeanfrancois C RulapaughGermanyAsiya Javayant UNQUALIFIED
Aruna Y IturbideUnited KingdomElwin Sharvill PROPOSAL
Wickens C OstroskyBrazilIoni Bowcher UNQUALIFIED
Morrow Z CampainAustraliaAnna Fali UNQUALIFIED
Adams F DilliardJapanElwin Sharvill QUALIFIED
Wickens V BologniaRussiaOnyama Limba NEGOTIATION
Chavez N CaudyItalyElwin Sharvill RENEWAL
Stacey N WieserGermanyElwin Sharvill RENEWAL
Aika Y MacleadUnited KingdomElwin Sharvill PROPOSAL
Morrow A RoysterAustraliaStephen Shaw PROPOSAL
Izzy W DilliardRussiaOnyama Limba RENEWAL
Emily O StockhamUnited KingdomBernardo Dominic QUALIFIED
Julie F RutaCanadaOnyama Limba PROPOSAL
Ivar A TollnerIndiaBernardo Dominic UNQUALIFIED
Deepesh N FigeroaBrazilAnna Fali NEW
James S MarrierItalyAnna Fali QUALIFIED
Francesco A AmigonIndiaAmy Elsner QUALIFIED
Stacey B RimJapanBernardo Dominic PROPOSAL
Jeanfrancois U KuskoJapanBernardo Dominic RENEWAL
Maisha L DoeIndiaAsiya Javayant NEW
Octavia I CampainBrazilStephen Shaw PROPOSAL
Jones L BowleySpainOnyama Limba UNQUALIFIED
Francesco N FigeroaBrazilAmy Elsner NEW
Stacey A FerenczJapanIvan Magalhaes UNQUALIFIED
Ivar Q RimArgentinaStephen Shaw NEGOTIATION
Aditya I PerinRussiaXuxue Feng PROPOSAL
Cody U IturbideFranceBernardo Dominic NEGOTIATION
Tony A OldroydItalyAmy Elsner QUALIFIED
Ivar U BriddickArgentinaStephen Shaw NEGOTIATION
Jeanfrancois R VocelkaCanadaIvan Magalhaes NEW
Smith S TollnerGermanyIvan Magalhaes NEW
Alejandro A GarufiUnited KingdomIoni Bowcher UNQUALIFIED
Octavia R FerenczSpainStephen Shaw NEW
Stacey M ShinkoBrazilOnyama Limba NEW
Claire V CampainRussiaElwin Sharvill QUALIFIED
Julie A ButtSpainElwin Sharvill NEW
Rodrigues G BowleyGermanyAmy Elsner PROPOSAL
Mayumi H PaprockiRussiaElwin Sharvill NEW
Tony X StensethUnited KingdomOnyama Limba NEW
Horizontal
NameCountryRepresentativeStatus
Mujtaba U MacleadCanadaIoni Bowcher RENEWAL
Izzy D IturbideSpainAmy Elsner RENEWAL
Jefferson A AmigonBrazilAsiya Javayant UNQUALIFIED
James U AmigonGermanyOnyama Limba PROPOSAL
Silvio X CaldareraJapanIvan Magalhaes RENEWAL
Cody H CaldareraGermanyOnyama Limba PROPOSAL
Ivar A RimAustraliaBernardo Dominic RENEWAL
Alejandro T StensethAustraliaBernardo Dominic QUALIFIED
Rodrigues S MarrierFranceOnyama Limba UNQUALIFIED
Juan H MorascaItalyIvan Magalhaes QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Greenwood P StockhamRussia2026-09-10Benton, John B Jr PROPOSAL51Elwin Sharvill
1001Julie V ChuiUnited Kingdom2026-09-09Benton, John B Jr NEW91Ivan Magalhaes
1002Ivar W NickaRussia2026-09-22Buckley Miller Wright QUALIFIED40Ioni Bowcher
1003Jefferson Q WhobreyArgentina2026-09-11King, Christopher A Esq NEW76Xuxue Feng
1004Wickens Q CaldareraItaly2026-10-03Rangoni Of Florence NEGOTIATION33Ivan Magalhaes
1005Arvin K PoquetteCanada2026-09-23Buckley Miller Wright QUALIFIED6Onyama Limba
1006Faith Z GillianAustralia2026-09-19Rousseaux, Michael Esq NEGOTIATION49Xuxue Feng
1007Arvin N GillianArgentina2026-09-24Truhlar And Truhlar Attys RENEWAL30Anna Fali
1008Kaitlin I ButtAustralia2026-10-02Feiner Bros PROPOSAL46Ioni Bowcher
1009Juan W WaycottSpain2026-09-05Feiner Bros NEGOTIATION47Elwin Sharvill
1010Salvatore V PerinJapan2026-09-22Commercial Press RENEWAL2Stephen Shaw
1011Johnson J DilliardRussia2026-09-08Dorl, James J Esq QUALIFIED49Bernardo Dominic
1012Chavez Z RimFrance2026-09-15Rangoni Of Florence RENEWAL74Bernardo Dominic
1013Julie V InouyeArgentina2026-09-05King, Christopher A Esq PROPOSAL29Asiya Javayant
1014Octavia F OstroskyItaly2026-09-06Rousseaux, Michael Esq QUALIFIED60Ioni Bowcher
1015Morrow V DoeSpain2026-09-24Commercial Press QUALIFIED69Elwin Sharvill
1016Rodrigues X AlbaresJapan2026-09-15Feltz Printing Service RENEWAL57Anna Fali
1017Wickens W GauchoSpain2026-09-24Rangoni Of Florence RENEWAL30Onyama Limba
1018Silvio M IturbideArgentina2026-10-01Rousseaux, Michael Esq RENEWAL5Stephen Shaw
1019Stacey F RulapaughSpain2026-09-12Feiner Bros NEW12Ioni Bowcher
1020Smith R WaycottFrance2026-09-07Buckley Miller Wright NEGOTIATION6Amy Elsner
1021Francesco Q MaletUnited Kingdom2026-10-02Morlong Associates NEGOTIATION97Ioni Bowcher
1022Sinclair K SchemmerAustralia2026-09-21Buckley Miller Wright RENEWAL79Ivan Magalhaes
1023Jennifer R KolmetzRussia2026-09-10Morlong Associates UNQUALIFIED58Amy Elsner
1024Julie O FlosiFrance2026-09-05Chemel, James L Cpa UNQUALIFIED83Xuxue Feng
1025Maisha R MorascaArgentina2026-09-13Rangoni Of Florence NEGOTIATION38Stephen Shaw
1026Ivar W NestleArgentina2026-09-07Commercial Press RENEWAL29Asiya Javayant
1027Jefferson U RulapaughGermany2026-09-22Chanay, Jeffrey A Esq UNQUALIFIED15Bernardo Dominic
1028Salvatore E PerinUnited Kingdom2026-09-15Dorl, James J Esq RENEWAL35Onyama Limba
1029Aruna K AlbaresGermany2026-09-26Commercial Press NEGOTIATION19Anna Fali
1030Adams G CampainBrazil2026-09-15Truhlar And Truhlar Attys NEW9Anna Fali
1031Mujtaba T VocelkaIndia2026-09-14Feltz Printing Service RENEWAL96Onyama Limba
1032Ashley Z MaletJapan2026-10-03Truhlar And Truhlar Attys RENEWAL82Ioni Bowcher
1033Chavez W DarakjyIndia2026-09-26Benton, John B Jr RENEWAL91Amy Elsner
1034Wickens B FollerArgentina2026-09-24Feiner Bros QUALIFIED26Bernardo Dominic
1035Jennifer W AlbaresAustralia2026-09-15Feiner Bros PROPOSAL71Amy Elsner
1036Greenwood J DilliardSpain2026-09-16Benton, John B Jr PROPOSAL74Anna Fali
1037Kaitlin N CaudyCanada2026-09-13Benton, John B Jr UNQUALIFIED96Bernardo Dominic
1038David O DoeUnited Kingdom2026-09-24Feltz Printing Service NEGOTIATION93Amy Elsner
1039Julie D MorascaSpain2026-09-07Chapman, Ross E Esq NEW92Onyama Limba
1040Costa Q DoeCanada2026-09-24Benton, John B Jr PROPOSAL92Ioni Bowcher
1041Alejandro C RoysterFrance2026-09-04King, Christopher A Esq QUALIFIED0Ioni Bowcher
1042Juan N SergiJapan2026-09-04Chapman, Ross E Esq NEW45Xuxue Feng
1043Tony L AmigonArgentina2026-10-01Chemel, James L Cpa NEW66Onyama Limba
1044Claire G GauchoRussia2026-09-18Morlong Associates RENEWAL17Onyama Limba
1045Rodrigues Q PerinCanada2026-09-04Feiner Bros NEGOTIATION23Elwin Sharvill
1046Chavez A NestleGermany2026-09-20Chapman, Ross E Esq PROPOSAL0Onyama Limba
1047Claire N WaycottRussia2026-10-02Chemel, James L Cpa PROPOSAL25Amy Elsner
1048Isabel U ShinkoGermany2026-09-20Rangoni Of Florence QUALIFIED85Bernardo Dominic
1049Murillo N SchemmerCanada2026-10-02Chemel, James L Cpa NEGOTIATION46Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Arvin Z GarufiIndiaOnyama Limba NEW
Arvin Y RimArgentinaElwin Sharvill PROPOSAL
Leja C KuskoIndiaStephen Shaw NEW
Smith N WaycottSpainOnyama Limba QUALIFIED
Octavia F CaudyCanadaAmy Elsner NEW
James S StockhamCanadaBernardo Dominic PROPOSAL
Alejandro M OstroskyJapanStephen Shaw NEW
Greenwood M AlbaresUnited KingdomElwin Sharvill NEW
Stacey W SergiArgentinaIoni Bowcher RENEWAL
Rodrigues O GlickJapanIoni Bowcher QUALIFIED
Smith M DoeFranceXuxue Feng QUALIFIED
Adams B GarufiRussiaStephen Shaw PROPOSAL
Leja X WaycottSpainAsiya Javayant QUALIFIED
Johnson S DarakjySpainOnyama Limba PROPOSAL
Leja N SergiBrazilElwin Sharvill NEGOTIATION
Jeanfrancois N OstroskyUnited KingdomAmy Elsner PROPOSAL
Cody C CaudyAustraliaElwin Sharvill UNQUALIFIED
Aika I FollerArgentinaXuxue Feng UNQUALIFIED
Aika D SlusarskiJapanStephen Shaw NEW
Juan C DoeBrazilAnna Fali NEW
Emily O BowleyBrazilOnyama Limba RENEWAL
Misaki T DilliardBrazilAnna Fali PROPOSAL
Ricardo I SlusarskiAustraliaIoni Bowcher PROPOSAL
Tony N MaletFranceIvan Magalhaes NEGOTIATION
Smith L ButtSpainIoni Bowcher PROPOSAL
Maria Q VenereUnited KingdomAmy Elsner NEW
Chavez T CaldareraAustraliaStephen Shaw RENEWAL
Aditya B RulapaughGermanyAnna Fali QUALIFIED
Deepesh K VocelkaJapanIvan Magalhaes NEGOTIATION
Juan U DarakjyIndiaElwin Sharvill NEW
Wickens D RulapaughArgentinaAnna Fali PROPOSAL
Kaitlin P RutaAustraliaAsiya Javayant NEGOTIATION
Munro T TollnerUnited KingdomIvan Magalhaes NEW
Adams Y FlosiAustraliaAnna Fali UNQUALIFIED
Darci C GauchoArgentinaAmy Elsner RENEWAL
Rodrigues I FerenczJapanBernardo Dominic PROPOSAL
Cody L KolmetzFranceIoni Bowcher NEW
Morrow A CaldareraAustraliaAsiya Javayant PROPOSAL
Jeanfrancois G SlusarskiCanadaElwin Sharvill NEGOTIATION
Leon T CaldareraSpainStephen Shaw RENEWAL
Rodrigues J AlbaresArgentinaAsiya Javayant NEGOTIATION
Chavez Z WaycottBrazilOnyama Limba PROPOSAL
Wickens Z GlickGermanyIvan Magalhaes NEW
Salvatore N ButtRussiaStephen Shaw QUALIFIED
Maisha D GlickItalyIvan Magalhaes PROPOSAL
Greenwood Y PerinIndiaAnna Fali NEGOTIATION
Morrow W VenereAustraliaAnna Fali UNQUALIFIED
Rodrigues D KolmetzRussiaAsiya Javayant RENEWAL
Juan J PaprockiCanadaIvan Magalhaes UNQUALIFIED
Claire K CampainRussiaIoni Bowcher NEGOTIATION
Frozen Columns
Name
Maisha K Darakjy
Leon J Garufi
Leon C Shinko
Emily V Kolmetz
James R Stockham
Antonio V Albares
Mujtaba B Marrier
Aika B Poquette
Morrow Y Wieser
Adams O Figeroa
Stacey A Dilliard
Sinclair R Bowley
Emily H Schemmer
Aika B Gaucho
Misaki C Sergi
Aika B Malet
Julie E Amigon
Deepesh Q Oldroyd
Kaitlin P Foller
Maria I Perin
Octavia H Figeroa
Rodrigues Y Gaucho
Ivar F Malet
Octavia H Waycott
Ashley I Doe
Stacey J Caudy
Munro T Poquette
Rodrigues X Poquette
Kaitlin L Schemmer
Rodrigues R Doe
Morrow Q Butt
Juan Y Marrier
Jennifer V Gillian
Rodrigues Q Inouye
Sinclair H Venere
Jefferson U Venere
Nicolas W Ostrosky
Darci I Royster
Cody P Malet
Juan N Maclead
Munro M Poquette
Clifford B Paprocki
Silvio B Slusarski
Ashley X Maclead
Murillo E Royster
Darci I Foller
Octavia Z Whobrey
Claire I Slusarski
Emily C Gaucho
Nicolas N Royster
IdCountryDate
1000United Kingdom2026-09-11
1001Japan2026-09-13
1002United Kingdom2026-09-22
1003Germany2026-09-10
1004Brazil2026-09-15
1005Russia2026-10-03
1006Brazil2026-09-28
1007Italy2026-09-07
1008Germany2026-09-15
1009France2026-09-06
1010Italy2026-09-16
1011France2026-09-12
1012Argentina2026-09-23
1013Australia2026-09-24
1014India2026-09-09
1015Australia2026-09-13
1016India2026-09-23
1017Brazil2026-09-04
1018Spain2026-09-12
1019Australia2026-09-18
1020United Kingdom2026-10-02
1021Canada2026-09-22
1022Japan2026-09-25
1023Argentina2026-09-05
1024India2026-09-23
1025Germany2026-09-22
1026India2026-09-14
1027Italy2026-09-12
1028United Kingdom2026-09-11
1029United Kingdom2026-09-25
1030Russia2026-09-30
1031Spain2026-09-22
1032Russia2026-09-08
1033Spain2026-09-10
1034Argentina2026-09-28
1035Germany2026-09-19
1036Italy2026-09-07
1037Brazil2026-10-03
1038Spain2026-09-11
1039India2026-09-28
1040Russia2026-09-22
1041Argentina2026-09-11
1042Russia2026-09-13
1043Australia2026-09-20
1044France2026-09-09
1045Japan2026-09-25
1046Brazil2026-09-23
1047Argentina2026-09-24
1048Australia2026-09-16
1049Russia2026-09-07

On-Demand Data

NameIdCountryDate
James O Ferencz1000Brazil2026-09-28
Mujtaba X Vocelka1001Italy2026-10-01
Smith M Wieser1002India2026-10-01
Silvio S Albares1003India2026-09-18
Mayumi E Garufi1004Italy2026-09-09
Julie J Stenseth1005Australia2026-09-30
Octavia X Paprocki1006India2026-09-19
James A Vocelka1007Germany2026-10-03
Jeanfrancois Z Campain1008Brazil2026-09-19
Wickens A Vocelka1009Canada2026-09-07
Wickens F Shinko1010Australia2026-09-18
Jones V Kusko1011Argentina2026-09-04
Juan J Vocelka1012Russia2026-09-27
Claire C Caldarera1013Australia2026-09-06
Mujtaba A Malet1014Italy2026-09-23
Leja N Morasca1015United Kingdom2026-09-06
Ricardo C Ferencz1016Germany2026-09-26
Mujtaba F Bowley1017India2026-10-02
Maria O Butt1018Argentina2026-09-23
Isabel Z Royster1019United Kingdom2026-09-18
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Alejandro P DilliardRussiaStephen Shaw RENEWAL
Izzy M DilliardArgentinaIvan Magalhaes NEW
Nicolas N ButtIndiaStephen Shaw NEW
Ricardo X ButtFranceElwin Sharvill QUALIFIED
Aditya Q KuskoRussiaElwin Sharvill UNQUALIFIED
Clifford J FlosiFranceElwin Sharvill NEGOTIATION
Julie F SaylorsFranceXuxue Feng UNQUALIFIED
Aika L SchemmerRussiaAsiya Javayant PROPOSAL
Aditya E WaycottAustraliaOnyama Limba NEGOTIATION
Emily H BriddickGermanyXuxue Feng NEW
Alejandro R RimArgentinaElwin Sharvill NEW
Adams L DilliardCanadaAmy Elsner RENEWAL
Arvin J CaudyArgentinaAmy Elsner NEW
Izzy A CampainAustraliaIoni Bowcher PROPOSAL
Deepesh B WieserSpainIoni Bowcher NEGOTIATION
Maisha V CampainGermanyIoni Bowcher NEGOTIATION
Isabel G KolmetzIndiaBernardo Dominic PROPOSAL
Leon T SlusarskiAustraliaAsiya Javayant UNQUALIFIED
Antonio D DilliardAustraliaOnyama Limba QUALIFIED
Leja A RoysterGermanyIvan Magalhaes RENEWAL
Mujtaba V StockhamFranceStephen Shaw NEGOTIATION
Smith E BriddickGermanyElwin Sharvill RENEWAL
Maisha R DilliardUnited KingdomStephen Shaw NEGOTIATION
Arvin J WaycottBrazilOnyama Limba NEGOTIATION
Adams L StockhamRussiaAmy Elsner PROPOSAL
Francesco U StensethRussiaXuxue Feng NEGOTIATION
Aditya W BologniaGermanyAsiya Javayant NEW
Claire R AlbaresGermanyStephen Shaw UNQUALIFIED
Wickens R SlusarskiCanadaIoni Bowcher NEW
Aika Z CaldareraArgentinaBernardo Dominic PROPOSAL
Jeanfrancois R SergiJapanXuxue Feng UNQUALIFIED
Darci Z ButtJapanAsiya Javayant NEGOTIATION
Morrow E VocelkaRussiaOnyama Limba NEGOTIATION
Leon A RoysterGermanyIvan Magalhaes QUALIFIED
Alejandro A MaletUnited KingdomAnna Fali RENEWAL
Izzy X MaletAustraliaAmy Elsner UNQUALIFIED
Rodrigues V NickaAustraliaIoni Bowcher PROPOSAL
Francesco Y FlosiRussiaIvan Magalhaes PROPOSAL
Stacey O VocelkaUnited KingdomStephen Shaw PROPOSAL
Mayumi T MarrierArgentinaIvan Magalhaes 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>