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
Arvin K PerinFranceIvan Magalhaes PROPOSAL
Darci N MaletArgentinaStephen Shaw NEW
David Z PoquetteItalyIoni Bowcher QUALIFIED
Jones F PoquetteAustraliaAmy Elsner UNQUALIFIED
Greenwood Y GauchoUnited KingdomStephen Shaw UNQUALIFIED
Tony O FerenczSpainElwin Sharvill PROPOSAL
Darci T StockhamUnited KingdomStephen Shaw NEGOTIATION
Kadeem H TollnerItalyXuxue Feng QUALIFIED
Isabel B StockhamBrazilBernardo Dominic NEGOTIATION
Clifford S FerenczIndiaXuxue Feng QUALIFIED
Julie N MaletRussiaAsiya Javayant RENEWAL
Cody F BowleyFranceAmy Elsner UNQUALIFIED
Jeanfrancois U PaprockiSpainAnna Fali UNQUALIFIED
Deepesh W GlickSpainStephen Shaw UNQUALIFIED
Isabel F OldroydAustraliaAnna Fali RENEWAL
David T SchemmerAustraliaBernardo Dominic NEW
David Z KuskoAustraliaOnyama Limba RENEWAL
Wickens Q PoquetteRussiaAsiya Javayant RENEWAL
Wickens G GauchoArgentinaOnyama Limba PROPOSAL
Antonio V KolmetzIndiaBernardo Dominic PROPOSAL
Rodrigues F SchemmerGermanyOnyama Limba NEW
Adams I GlickSpainBernardo Dominic QUALIFIED
Jennifer T NestleIndiaElwin Sharvill QUALIFIED
Antonio U ChuiUnited KingdomBernardo Dominic RENEWAL
Darci A BologniaArgentinaXuxue Feng UNQUALIFIED
Salvatore M FollerArgentinaXuxue Feng PROPOSAL
Murillo J FlosiSpainAmy Elsner NEGOTIATION
Isabel Q GlickSpainIoni Bowcher NEGOTIATION
Leja H FigeroaRussiaAnna Fali PROPOSAL
Clifford M ShinkoBrazilIvan Magalhaes UNQUALIFIED
Juan A DarakjyFranceStephen Shaw UNQUALIFIED
Clifford O ShinkoCanadaAsiya Javayant UNQUALIFIED
Deepesh N OstroskyArgentinaIoni Bowcher NEW
Clifford U DilliardItalyStephen Shaw PROPOSAL
Arvin J CaudyBrazilAnna Fali NEW
Aditya S OstroskyJapanElwin Sharvill PROPOSAL
Jennifer F RoysterItalyOnyama Limba PROPOSAL
Aditya R BologniaFranceXuxue Feng RENEWAL
Costa O InouyeItalyBernardo Dominic PROPOSAL
Adams T AmigonAustraliaAnna Fali PROPOSAL
Emily X CampainSpainAnna Fali PROPOSAL
Maisha Q SchemmerRussiaIvan Magalhaes NEW
Faith C AlbaresFranceStephen Shaw QUALIFIED
Aruna D RulapaughGermanyIoni Bowcher PROPOSAL
Arvin F WaycottRussiaOnyama Limba NEW
Juan I KuskoJapanElwin Sharvill NEW
Salvatore L RimJapanOnyama Limba NEGOTIATION
Greenwood J DilliardSpainStephen Shaw RENEWAL
Jeanfrancois C RoysterUnited KingdomOnyama Limba UNQUALIFIED
Sinclair L GarufiJapanBernardo Dominic RENEWAL
Horizontal
NameCountryRepresentativeStatus
Arvin H VocelkaIndiaBernardo Dominic NEW
Octavia I SlusarskiAustraliaAsiya Javayant RENEWAL
James S MorascaItalyElwin Sharvill UNQUALIFIED
Darci P InouyeJapanBernardo Dominic QUALIFIED
Johnson D ChuiArgentinaIoni Bowcher RENEWAL
Darci I ChuiFranceIoni Bowcher PROPOSAL
Silvio N BriddickFranceIoni Bowcher NEGOTIATION
Wickens S FigeroaGermanyAmy Elsner NEW
Maria B IturbideItalyAnna Fali NEGOTIATION
Wickens J ChuiItalyBernardo Dominic UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Stacey D RutaRussia2026-09-15Chemel, James L Cpa UNQUALIFIED42Bernardo Dominic
1001Juan O BologniaBrazil2026-09-08Commercial Press PROPOSAL3Anna Fali
1002Morrow A OldroydArgentina2026-09-20Dorl, James J Esq QUALIFIED54Anna Fali
1003Kaitlin F PaprockiRussia2026-09-01Buckley Miller Wright NEW16Amy Elsner
1004Mayumi X FerenczAustralia2026-09-06Chemel, James L Cpa UNQUALIFIED64Xuxue Feng
1005Maria M GlickIndia2026-09-13Rangoni Of Florence RENEWAL30Ivan Magalhaes
1006Munro E BologniaArgentina2026-09-02Chemel, James L Cpa UNQUALIFIED87Ioni Bowcher
1007Tony O WhobreySpain2026-09-18Truhlar And Truhlar Attys NEGOTIATION19Onyama Limba
1008Deepesh B MacleadGermany2026-08-30Rangoni Of Florence PROPOSAL44Anna Fali
1009Octavia W PoquetteIndia2026-09-04Chanay, Jeffrey A Esq NEGOTIATION36Ivan Magalhaes
1010Faith I MaletArgentina2026-09-03Chemel, James L Cpa QUALIFIED30Xuxue Feng
1011Munro P VocelkaArgentina2026-09-08Feltz Printing Service NEW81Asiya Javayant
1012Leon U VocelkaRussia2026-09-02Chapman, Ross E Esq QUALIFIED20Elwin Sharvill
1013Emily D PerinIndia2026-09-19Benton, John B Jr UNQUALIFIED24Xuxue Feng
1014Munro S GillianBrazil2026-09-04Rangoni Of Florence UNQUALIFIED2Onyama Limba
1015Deepesh C SchemmerItaly2026-08-29Feltz Printing Service QUALIFIED77Xuxue Feng
1016Jones S AlbaresIndia2026-08-28Commercial Press QUALIFIED37Elwin Sharvill
1017Kaitlin H RulapaughItaly2026-09-16Rangoni Of Florence RENEWAL33Bernardo Dominic
1018Munro G PaprockiJapan2026-09-02Dorl, James J Esq NEGOTIATION55Elwin Sharvill
1019Mujtaba L CaudyIndia2026-09-20Chemel, James L Cpa NEGOTIATION12Onyama Limba
1020Faith D RimUnited Kingdom2026-08-24Feltz Printing Service NEW85Xuxue Feng
1021Jones K MaletUnited Kingdom2026-09-01Chanay, Jeffrey A Esq NEGOTIATION52Anna Fali
1022Octavia C GauchoArgentina2026-09-17Chanay, Jeffrey A Esq QUALIFIED2Amy Elsner
1023Juan J ShinkoCanada2026-08-25Chapman, Ross E Esq NEW49Elwin Sharvill
1024Rodrigues P TollnerAustralia2026-08-27Dorl, James J Esq QUALIFIED90Ivan Magalhaes
1025Emily T RimSpain2026-09-05Truhlar And Truhlar Attys PROPOSAL58Onyama Limba
1026Maisha W RimAustralia2026-09-04Morlong Associates NEW97Ivan Magalhaes
1027Munro T GlickItaly2026-09-08Benton, John B Jr QUALIFIED74Asiya Javayant
1028Smith G AmigonIndia2026-09-09Rousseaux, Michael Esq NEGOTIATION19Asiya Javayant
1029Jones S OstroskyRussia2026-08-30Chanay, Jeffrey A Esq RENEWAL62Ioni Bowcher
1030Smith L MarrierIndia2026-09-15Benton, John B Jr UNQUALIFIED88Xuxue Feng
1031Julie V AlbaresRussia2026-09-12Commercial Press UNQUALIFIED19Stephen Shaw
1032Leja T SchemmerJapan2026-09-15Benton, John B Jr NEGOTIATION52Elwin Sharvill
1033Smith O BowleySpain2026-09-17King, Christopher A Esq UNQUALIFIED95Amy Elsner
1034Murillo C GarufiSpain2026-08-31Rousseaux, Michael Esq NEW72Xuxue Feng
1035Smith X CaudyGermany2026-09-17Feltz Printing Service NEGOTIATION47Elwin Sharvill
1036Johnson C SergiRussia2026-08-24King, Christopher A Esq PROPOSAL87Ivan Magalhaes
1037Izzy X FigeroaSpain2026-09-06Dorl, James J Esq PROPOSAL95Xuxue Feng
1038Rodrigues G DoeIndia2026-08-25Printing Dimensions RENEWAL98Xuxue Feng
1039Juan R MorascaBrazil2026-09-08Morlong Associates NEW21Amy Elsner
1040Faith X OstroskyIndia2026-09-05Truhlar And Truhlar Attys QUALIFIED27Stephen Shaw
1041Maria M BologniaFrance2026-09-11King, Christopher A Esq NEGOTIATION36Xuxue Feng
1042Rodrigues F GillianSpain2026-09-11Commercial Press NEW25Asiya Javayant
1043Leja O IturbideCanada2026-09-04King, Christopher A Esq UNQUALIFIED29Onyama Limba
1044Aika D BriddickAustralia2026-09-07Morlong Associates RENEWAL68Elwin Sharvill
1045Morrow J StensethBrazil2026-09-02Rousseaux, Michael Esq PROPOSAL28Amy Elsner
1046Sinclair F BriddickArgentina2026-09-03Benton, John B Jr RENEWAL91Elwin Sharvill
1047Stacey Z MarrierIndia2026-09-05Rangoni Of Florence UNQUALIFIED64Stephen Shaw
1048Greenwood R AmigonRussia2026-09-09Morlong Associates NEGOTIATION77Anna Fali
1049Faith J SchemmerRussia2026-08-29Buckley Miller Wright UNQUALIFIED51Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Leon Y AmigonSpainXuxue Feng UNQUALIFIED
Ricardo P StensethCanadaIvan Magalhaes NEW
Leon G BologniaItalyXuxue Feng UNQUALIFIED
Smith F WieserUnited KingdomXuxue Feng PROPOSAL
Costa D ButtRussiaStephen Shaw RENEWAL
Alejandro O SergiJapanAnna Fali PROPOSAL
Sinclair Q FigeroaRussiaAsiya Javayant QUALIFIED
Isabel G MacleadSpainBernardo Dominic QUALIFIED
Izzy P WhobreyJapanElwin Sharvill PROPOSAL
Johnson L PerinAustraliaAsiya Javayant UNQUALIFIED
Nicolas Z CaudyFranceAnna Fali PROPOSAL
Adams J PaprockiRussiaOnyama Limba PROPOSAL
Antonio M GauchoItalyElwin Sharvill PROPOSAL
Stacey F PerinCanadaAnna Fali NEW
Smith Q MaletBrazilIoni Bowcher RENEWAL
Juan U GlickFranceStephen Shaw RENEWAL
Cody B PerinItalyXuxue Feng QUALIFIED
Murillo W RoysterUnited KingdomXuxue Feng QUALIFIED
Octavia G RimGermanyIvan Magalhaes PROPOSAL
Darci H WieserGermanyElwin Sharvill QUALIFIED
Maria W NickaRussiaStephen Shaw NEGOTIATION
Claire T DilliardSpainAmy Elsner NEGOTIATION
Antonio W NestleJapanIoni Bowcher UNQUALIFIED
Faith H NickaGermanyElwin Sharvill QUALIFIED
Aruna A GarufiRussiaXuxue Feng NEGOTIATION
Rodrigues N OstroskyJapanIvan Magalhaes NEGOTIATION
Costa W WieserUnited KingdomElwin Sharvill UNQUALIFIED
Cody Q DilliardRussiaElwin Sharvill NEW
Greenwood I DarakjyIndiaAsiya Javayant NEW
Antonio W GarufiAustraliaXuxue Feng UNQUALIFIED
Salvatore V GarufiGermanyAmy Elsner PROPOSAL
Mujtaba F MorascaRussiaIvan Magalhaes UNQUALIFIED
Ashley G StockhamGermanyAmy Elsner UNQUALIFIED
Morrow V PaprockiAustraliaAsiya Javayant QUALIFIED
Aditya L MorascaRussiaXuxue Feng QUALIFIED
Tony M KuskoUnited KingdomBernardo Dominic RENEWAL
Octavia V GarufiFranceIvan Magalhaes NEGOTIATION
James T BriddickRussiaStephen Shaw NEW
James R SchemmerJapanElwin Sharvill RENEWAL
Aruna G ButtAustraliaElwin Sharvill NEGOTIATION
Clifford R DoeSpainIvan Magalhaes PROPOSAL
Wickens C AmigonIndiaIvan Magalhaes RENEWAL
Faith G GarufiUnited KingdomStephen Shaw NEGOTIATION
Darci Y CaldareraUnited KingdomElwin Sharvill PROPOSAL
Smith R NickaArgentinaStephen Shaw NEGOTIATION
Rodrigues A ChuiArgentinaIoni Bowcher NEW
Morrow Z RoysterIndiaElwin Sharvill QUALIFIED
Silvio O WieserGermanyStephen Shaw NEGOTIATION
Wickens B RimItalyIoni Bowcher NEW
Clifford F AlbaresArgentinaAsiya Javayant UNQUALIFIED
Frozen Columns
Name
Stacey I Briddick
Maisha S Schemmer
Costa Y Perin
Deepesh V Ostrosky
Antonio F Gillian
Julie I Amigon
Mayumi R Stockham
Leon Q Tollner
Antonio C Vocelka
Smith L Schemmer
Octavia C Venere
Sinclair J Schemmer
Misaki S Ostrosky
Sinclair W Oldroyd
Jennifer Z Vocelka
Octavia O Amigon
Jennifer P Nestle
Wickens K Royster
Wickens J Amigon
Alejandro P Poquette
Aika P Albares
Mayumi O Schemmer
Greenwood X Iturbide
Darci M Ferencz
Francesco K Butt
Chavez V Chui
Morrow S Rulapaugh
Jennifer G Rulapaugh
Faith H Gillian
Faith L Slusarski
Ivar L Chui
Jennifer D Kolmetz
Emily E Campain
Silvio L Rim
Julie N Vocelka
James W Marrier
Kadeem V Whobrey
Johnson H Sergi
Jefferson G Saylors
Munro S Oldroyd
Ricardo X Darakjy
Johnson G Gillian
Clifford K Morasca
Rodrigues R Nicka
Kadeem E Stockham
Mayumi P Malet
Munro E Saylors
Smith I Rulapaugh
Johnson Q Waycott
Nicolas O Tollner
IdCountryDate
1000India2026-08-26
1001India2026-09-19
1002Spain2026-09-08
1003Italy2026-08-29
1004Japan2026-09-19
1005United Kingdom2026-08-30
1006Argentina2026-08-26
1007Spain2026-08-29
1008Argentina2026-09-22
1009Spain2026-08-30
1010India2026-09-02
1011Russia2026-09-17
1012Canada2026-09-13
1013Brazil2026-09-14
1014Italy2026-09-17
1015Spain2026-09-18
1016Germany2026-09-15
1017United Kingdom2026-09-14
1018France2026-09-12
1019Russia2026-09-20
1020Japan2026-09-01
1021India2026-09-04
1022India2026-09-21
1023Argentina2026-09-12
1024Canada2026-09-13
1025Germany2026-09-12
1026India2026-09-14
1027Japan2026-09-07
1028Spain2026-09-15
1029Australia2026-09-16
1030France2026-09-14
1031Italy2026-09-21
1032Canada2026-08-24
1033Australia2026-09-03
1034India2026-09-19
1035United Kingdom2026-08-26
1036United Kingdom2026-09-13
1037France2026-09-16
1038Canada2026-09-03
1039France2026-08-25
1040Spain2026-09-10
1041Italy2026-09-06
1042Brazil2026-08-25
1043Spain2026-09-22
1044Brazil2026-09-13
1045Brazil2026-08-24
1046Brazil2026-09-13
1047Argentina2026-08-24
1048Canada2026-09-04
1049Japan2026-08-24

On-Demand Data

NameIdCountryDate
Juan J Schemmer1000Spain2026-09-08
Darci Y Vocelka1001Argentina2026-08-30
Ashley W Inouye1002United Kingdom2026-09-12
Chavez E Malet1003Australia2026-09-08
Jefferson G Figeroa1004Japan2026-09-20
Darci Y Rulapaugh1005Argentina2026-08-24
Johnson M Nestle1006Spain2026-08-27
Murillo H Nestle1007Argentina2026-09-09
Kaitlin P Darakjy1008France2026-08-27
Kaitlin C Iturbide1009Japan2026-08-29
Darci N Vocelka1010India2026-09-16
Izzy S Kusko1011Spain2026-09-17
Sinclair Y Ruta1012Germany2026-08-27
Izzy K Caudy1013Argentina2026-08-27
David P Albares1014Argentina2026-09-12
Izzy G Paprocki1015France2026-09-22
Morrow V Perin1016Russia2026-09-01
Claire L Tollner1017India2026-08-25
Isabel U Marrier1018Germany2026-09-14
Claire Q Kolmetz1019United Kingdom2026-09-01
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Nicolas I MorascaGermanyElwin Sharvill NEW
Misaki G NickaArgentinaIoni Bowcher UNQUALIFIED
Cody J ButtFranceAnna Fali NEW
Faith N RimFranceAsiya Javayant PROPOSAL
Murillo O CampainSpainOnyama Limba NEGOTIATION
Morrow Z VocelkaBrazilAmy Elsner UNQUALIFIED
Rodrigues F BriddickJapanAnna Fali NEW
Munro K KuskoGermanyStephen Shaw UNQUALIFIED
Aika Q ButtFranceXuxue Feng NEW
James V WaycottUnited KingdomAnna Fali RENEWAL
Greenwood T GillianJapanIvan Magalhaes PROPOSAL
Sinclair B GauchoSpainStephen Shaw PROPOSAL
Smith E OstroskyBrazilAsiya Javayant UNQUALIFIED
Johnson Q SergiItalyXuxue Feng UNQUALIFIED
Salvatore I CaudyRussiaAnna Fali UNQUALIFIED
Leon I RulapaughJapanXuxue Feng QUALIFIED
Ricardo Z VocelkaSpainStephen Shaw RENEWAL
Leja U BowleyIndiaIvan Magalhaes NEW
Cody S IturbideArgentinaStephen Shaw NEGOTIATION
Tony I RoysterRussiaStephen Shaw UNQUALIFIED
Misaki T SlusarskiFranceElwin Sharvill RENEWAL
Darci W IturbideItalyIoni Bowcher QUALIFIED
Leon H RutaBrazilElwin Sharvill NEGOTIATION
Kadeem U PerinIndiaXuxue Feng QUALIFIED
Stacey Z TollnerArgentinaXuxue Feng NEW
Mujtaba X OldroydGermanyAnna Fali NEGOTIATION
Claire K GauchoGermanyIoni Bowcher UNQUALIFIED
Munro O RimIndiaIoni Bowcher NEW
Faith P TollnerAustraliaOnyama Limba UNQUALIFIED
Sinclair P FlosiCanadaOnyama Limba NEGOTIATION
Jennifer L RutaAustraliaAnna Fali PROPOSAL
Mujtaba W FollerIndiaXuxue Feng PROPOSAL
Salvatore B WaycottArgentinaIvan Magalhaes PROPOSAL
Misaki I RulapaughUnited KingdomOnyama Limba PROPOSAL
Aruna C StockhamGermanyBernardo Dominic PROPOSAL
Misaki E StensethRussiaElwin Sharvill RENEWAL
Deepesh V MacleadArgentinaOnyama Limba NEW
Stacey O GarufiSpainAsiya Javayant RENEWAL
Leja T FigeroaAustraliaElwin Sharvill QUALIFIED
Ashley B GauchoFranceElwin Sharvill 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>