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
Aruna I SergiGermanyStephen Shaw RENEWAL
Julie D PaprockiIndiaAsiya Javayant UNQUALIFIED
Aika I SaylorsArgentinaElwin Sharvill RENEWAL
Jennifer B ShinkoIndiaElwin Sharvill QUALIFIED
Sinclair O FerenczCanadaBernardo Dominic QUALIFIED
Morrow T CampainRussiaBernardo Dominic NEW
Ivar M AlbaresArgentinaBernardo Dominic PROPOSAL
Tony B CampainItalyAsiya Javayant PROPOSAL
Ricardo W CaudyUnited KingdomAsiya Javayant UNQUALIFIED
Jones Z StockhamUnited KingdomAsiya Javayant UNQUALIFIED
Ricardo D NestleAustraliaIvan Magalhaes UNQUALIFIED
Darci T ChuiSpainAmy Elsner UNQUALIFIED
Izzy N RutaBrazilIvan Magalhaes NEGOTIATION
Smith M GlickJapanOnyama Limba RENEWAL
Isabel W MaletRussiaElwin Sharvill QUALIFIED
Sinclair J NestleFranceIvan Magalhaes RENEWAL
Alejandro E FlosiBrazilOnyama Limba RENEWAL
Aika Z OstroskyGermanyElwin Sharvill NEW
Murillo P AmigonBrazilOnyama Limba UNQUALIFIED
Claire F RutaFranceStephen Shaw NEGOTIATION
Aditya I MarrierSpainStephen Shaw UNQUALIFIED
Jeanfrancois Z FigeroaJapanIoni Bowcher QUALIFIED
Nicolas N PerinRussiaAnna Fali RENEWAL
Antonio H FollerCanadaAnna Fali UNQUALIFIED
Faith S WhobreyAustraliaXuxue Feng RENEWAL
David Y MaletUnited KingdomXuxue Feng RENEWAL
Arvin F IturbideItalyXuxue Feng RENEWAL
Aika S RoysterUnited KingdomAsiya Javayant RENEWAL
Darci O CaldareraSpainAmy Elsner PROPOSAL
Aruna K RutaGermanyAsiya Javayant UNQUALIFIED
Jeanfrancois L DarakjyArgentinaStephen Shaw QUALIFIED
Aditya G KuskoArgentinaBernardo Dominic NEGOTIATION
Kaitlin U MarrierFranceStephen Shaw RENEWAL
Aruna C MorascaCanadaStephen Shaw NEW
Mayumi O GlickGermanyBernardo Dominic NEGOTIATION
Claire A ButtJapanIoni Bowcher PROPOSAL
Jeanfrancois F GarufiCanadaStephen Shaw UNQUALIFIED
Aika K AmigonRussiaXuxue Feng QUALIFIED
Rodrigues O ButtCanadaAnna Fali NEW
Aditya H FigeroaItalyIvan Magalhaes PROPOSAL
David P TollnerBrazilIoni Bowcher UNQUALIFIED
Ricardo I SlusarskiArgentinaStephen Shaw UNQUALIFIED
Juan U IturbideAustraliaIvan Magalhaes NEW
Jones F ShinkoSpainAsiya Javayant NEGOTIATION
Nicolas E StockhamUnited KingdomElwin Sharvill UNQUALIFIED
Ashley S PaprockiIndiaAsiya Javayant QUALIFIED
Emily T GarufiIndiaAsiya Javayant QUALIFIED
Chavez L WaycottRussiaIvan Magalhaes PROPOSAL
Costa G RimJapanElwin Sharvill UNQUALIFIED
James X ChuiArgentinaAsiya Javayant NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Salvatore L GauchoItalyStephen Shaw NEGOTIATION
Octavia G GauchoRussiaStephen Shaw RENEWAL
Johnson V NickaUnited KingdomBernardo Dominic QUALIFIED
Cody E CaldareraCanadaXuxue Feng RENEWAL
Stacey T PaprockiJapanAsiya Javayant NEW
Octavia Q AmigonGermanyElwin Sharvill UNQUALIFIED
Maria U PaprockiUnited KingdomAnna Fali RENEWAL
Adams O FlosiIndiaElwin Sharvill RENEWAL
Murillo N NestleAustraliaIoni Bowcher PROPOSAL
Leja J SchemmerRussiaXuxue Feng RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jennifer P KuskoUnited Kingdom2026-10-31Dorl, James J Esq NEGOTIATION50Elwin Sharvill
1001Emily H KolmetzIndia2026-11-05Rousseaux, Michael Esq RENEWAL65Ioni Bowcher
1002Antonio J GillianCanada2026-10-22Feltz Printing Service RENEWAL35Elwin Sharvill
1003Octavia Y AmigonUnited Kingdom2026-10-16Commercial Press NEGOTIATION0Ivan Magalhaes
1004Octavia A SergiIndia2026-10-12Rousseaux, Michael Esq PROPOSAL96Asiya Javayant
1005Antonio R PaprockiJapan2026-11-03Buckley Miller Wright NEW46Amy Elsner
1006Stacey G VenereJapan2026-10-27Morlong Associates RENEWAL53Asiya Javayant
1007Misaki G CampainFrance2026-10-30Printing Dimensions QUALIFIED33Elwin Sharvill
1008Costa X RutaArgentina2026-11-07Commercial Press PROPOSAL74Xuxue Feng
1009Francesco Z VocelkaJapan2026-11-03Printing Dimensions NEW95Bernardo Dominic
1010Isabel V RulapaughJapan2026-10-28Feltz Printing Service NEW78Anna Fali
1011Silvio V OldroydCanada2026-10-26Rousseaux, Michael Esq NEW92Ivan Magalhaes
1012Maria H WieserFrance2026-10-13Chanay, Jeffrey A Esq NEGOTIATION39Anna Fali
1013Silvio O DilliardItaly2026-11-05Rangoni Of Florence PROPOSAL63Onyama Limba
1014James P MorascaBrazil2026-11-01Commercial Press UNQUALIFIED54Elwin Sharvill
1015Stacey X MarrierGermany2026-10-29Chanay, Jeffrey A Esq UNQUALIFIED92Amy Elsner
1016Ricardo A PerinFrance2026-10-24Truhlar And Truhlar Attys RENEWAL20Anna Fali
1017Maisha T VenereUnited Kingdom2026-11-02King, Christopher A Esq QUALIFIED21Bernardo Dominic
1018Mujtaba E NickaArgentina2026-11-03Feltz Printing Service NEGOTIATION43Onyama Limba
1019Jeanfrancois N NestleSpain2026-10-28Rousseaux, Michael Esq NEGOTIATION85Amy Elsner
1020Jeanfrancois A SchemmerJapan2026-11-01Buckley Miller Wright PROPOSAL81Bernardo Dominic
1021Silvio N BriddickIndia2026-10-19Commercial Press NEGOTIATION4Elwin Sharvill
1022Morrow W DoeBrazil2026-10-27Commercial Press QUALIFIED14Amy Elsner
1023Maisha D WieserRussia2026-11-01Feiner Bros NEGOTIATION64Ioni Bowcher
1024Aruna U NestleUnited Kingdom2026-10-12Chapman, Ross E Esq UNQUALIFIED59Stephen Shaw
1025Ashley U MarrierGermany2026-11-05Chapman, Ross E Esq PROPOSAL60Asiya Javayant
1026Francesco O NestleIndia2026-10-12Commercial Press RENEWAL85Elwin Sharvill
1027Emily P VenereRussia2026-10-16Rousseaux, Michael Esq UNQUALIFIED50Onyama Limba
1028Wickens J KolmetzBrazil2026-11-05Rousseaux, Michael Esq RENEWAL15Stephen Shaw
1029Darci X FollerFrance2026-10-11King, Christopher A Esq RENEWAL85Bernardo Dominic
1030Jennifer J FigeroaBrazil2026-10-29Chemel, James L Cpa NEW63Ivan Magalhaes
1031Murillo Y RimJapan2026-10-22Printing Dimensions NEW62Ioni Bowcher
1032Juan E VenereUnited Kingdom2026-10-16Benton, John B Jr QUALIFIED54Ivan Magalhaes
1033Nicolas Q StockhamJapan2026-10-31Truhlar And Truhlar Attys NEGOTIATION19Onyama Limba
1034Kadeem T GlickUnited Kingdom2026-10-18Rangoni Of Florence QUALIFIED41Bernardo Dominic
1035Ricardo T SchemmerBrazil2026-10-14Commercial Press NEGOTIATION54Asiya Javayant
1036Julie N AmigonFrance2026-10-16Feiner Bros UNQUALIFIED50Xuxue Feng
1037Claire J RimArgentina2026-10-24Morlong Associates UNQUALIFIED52Onyama Limba
1038Nicolas D NestleItaly2026-10-18Rousseaux, Michael Esq PROPOSAL75Elwin Sharvill
1039Murillo N WaycottRussia2026-10-25Buckley Miller Wright UNQUALIFIED7Bernardo Dominic
1040Jeanfrancois J CampainSpain2026-10-28Buckley Miller Wright UNQUALIFIED33Xuxue Feng
1041Smith B ChuiJapan2026-10-30Chanay, Jeffrey A Esq UNQUALIFIED73Bernardo Dominic
1042Aruna P FerenczIndia2026-11-01Feltz Printing Service NEW25Asiya Javayant
1043Alejandro W FlosiCanada2026-10-29Chanay, Jeffrey A Esq NEW42Elwin Sharvill
1044Arvin S FlosiRussia2026-10-13Morlong Associates NEW22Asiya Javayant
1045Chavez Q FigeroaBrazil2026-11-02King, Christopher A Esq NEGOTIATION65Bernardo Dominic
1046Ashley U GlickJapan2026-10-27Rangoni Of Florence RENEWAL40Onyama Limba
1047Leja Y SlusarskiSpain2026-11-01Chemel, James L Cpa NEGOTIATION71Amy Elsner
1048Darci T DoeGermany2026-10-25Feltz Printing Service PROPOSAL28Xuxue Feng
1049Munro O KolmetzBrazil2026-11-03Benton, John B Jr RENEWAL93Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Leja X MaletRussiaOnyama Limba NEW
Sinclair S DarakjyJapanXuxue Feng UNQUALIFIED
Izzy T FigeroaArgentinaOnyama Limba RENEWAL
Tony K IturbideGermanyAsiya Javayant PROPOSAL
Isabel K GlickIndiaAnna Fali PROPOSAL
Cody G SchemmerAustraliaIoni Bowcher QUALIFIED
Julie D RulapaughUnited KingdomStephen Shaw RENEWAL
Darci C WhobreySpainIoni Bowcher NEGOTIATION
Misaki T GauchoArgentinaAsiya Javayant QUALIFIED
Izzy B GlickJapanXuxue Feng NEGOTIATION
Isabel M IturbideUnited KingdomStephen Shaw PROPOSAL
Mayumi I GarufiFranceAnna Fali PROPOSAL
Jeanfrancois L BowleyUnited KingdomElwin Sharvill UNQUALIFIED
Adams T OldroydCanadaAnna Fali UNQUALIFIED
Aika M FerenczBrazilXuxue Feng NEW
Johnson B StockhamCanadaIvan Magalhaes NEGOTIATION
Greenwood X BologniaRussiaElwin Sharvill PROPOSAL
Johnson E MarrierCanadaIoni Bowcher UNQUALIFIED
Ricardo M BologniaFranceStephen Shaw UNQUALIFIED
Costa C FollerAustraliaIvan Magalhaes RENEWAL
Mayumi P MacleadCanadaStephen Shaw NEGOTIATION
Antonio W ChuiRussiaIoni Bowcher RENEWAL
Aruna L FlosiSpainXuxue Feng QUALIFIED
Alejandro Z FlosiSpainIoni Bowcher QUALIFIED
Mayumi H TollnerGermanyElwin Sharvill RENEWAL
Smith W CaldareraGermanyAnna Fali QUALIFIED
Nicolas J BriddickFranceIoni Bowcher RENEWAL
Morrow J OldroydAustraliaXuxue Feng NEW
Ivar S IturbideRussiaIoni Bowcher UNQUALIFIED
James T GillianIndiaXuxue Feng PROPOSAL
Salvatore M BowleySpainBernardo Dominic RENEWAL
David G WaycottUnited KingdomAmy Elsner RENEWAL
Ivar U ChuiSpainBernardo Dominic UNQUALIFIED
Darci E GarufiGermanyAsiya Javayant RENEWAL
Wickens Z MarrierItalyAnna Fali RENEWAL
Jones P KolmetzRussiaAmy Elsner PROPOSAL
Sinclair E MaletFranceIvan Magalhaes QUALIFIED
David W KolmetzArgentinaAmy Elsner NEW
Sinclair T CampainJapanIoni Bowcher RENEWAL
Clifford U CaudyArgentinaAsiya Javayant QUALIFIED
Stacey I VenereRussiaElwin Sharvill RENEWAL
Claire E FlosiIndiaAsiya Javayant QUALIFIED
Francesco X FerenczRussiaIoni Bowcher NEW
David J MorascaAustraliaIvan Magalhaes NEW
Aika M MacleadJapanAnna Fali NEW
Mujtaba K DilliardCanadaBernardo Dominic QUALIFIED
Aruna L FigeroaFranceElwin Sharvill NEGOTIATION
Clifford V FlosiIndiaAmy Elsner NEW
Rodrigues V ButtArgentinaAsiya Javayant QUALIFIED
Maisha N RimIndiaElwin Sharvill PROPOSAL
Frozen Columns
Name
Emily F Kolmetz
Antonio G Dilliard
Aruna D Darakjy
Darci C Venere
Aruna O Gaucho
Darci X Inouye
Aruna A Campain
Arvin C Poquette
Arvin P Stenseth
Juan X Tollner
Leon B Malet
Salvatore F Ferencz
Claire N Malet
Deepesh E Darakjy
Arvin T Saylors
Smith Z Rim
Aditya K Malet
Stacey M Kolmetz
Julie N Schemmer
Stacey J Caldarera
Alejandro D Albares
Maria D Briddick
Nicolas X Ruta
Darci C Glick
Aditya G Iturbide
Cody E Caldarera
Misaki V Iturbide
Jefferson V Kusko
Maria G Glick
Maria J Caudy
Kadeem T Malet
Mayumi S Campain
Ivar H Darakjy
Morrow O Stenseth
Kaitlin L Sergi
Antonio P Bolognia
Darci T Albares
Octavia R Schemmer
Izzy I Butt
Rodrigues X Venere
Julie V Perin
Francesco B Ruta
Misaki K Paprocki
Clifford Q Schemmer
Stacey Q Chui
Arvin R Venere
Octavia E Campain
Octavia J Nestle
Jefferson S Rulapaugh
David K Oldroyd
IdCountryDate
1000France2026-11-05
1001Spain2026-10-10
1002Spain2026-11-06
1003India2026-10-25
1004India2026-10-21
1005Spain2026-10-29
1006France2026-10-15
1007United Kingdom2026-10-18
1008Japan2026-11-03
1009Brazil2026-10-27
1010Brazil2026-10-15
1011Japan2026-11-01
1012Italy2026-10-20
1013Italy2026-10-17
1014Russia2026-10-19
1015India2026-10-31
1016Canada2026-10-23
1017Italy2026-10-23
1018France2026-11-02
1019Australia2026-10-19
1020Canada2026-11-06
1021Spain2026-10-13
1022Germany2026-11-05
1023Canada2026-10-11
1024Argentina2026-10-11
1025Argentina2026-10-10
1026Australia2026-10-28
1027Spain2026-10-20
1028Russia2026-10-26
1029Russia2026-10-20
1030Brazil2026-11-06
1031Germany2026-10-10
1032Italy2026-10-16
1033Germany2026-10-28
1034United Kingdom2026-10-30
1035Canada2026-10-31
1036India2026-10-12
1037Japan2026-11-06
1038Argentina2026-11-07
1039Canada2026-10-22
1040Australia2026-11-02
1041Spain2026-10-16
1042Italy2026-10-16
1043Japan2026-10-24
1044Brazil2026-10-26
1045Germany2026-10-30
1046Spain2026-10-24
1047India2026-10-27
1048Argentina2026-10-28
1049India2026-10-30

On-Demand Data

NameIdCountryDate
Kaitlin P Doe1000Italy2026-10-13
Morrow S Waycott1001Spain2026-11-08
Leon J Darakjy1002Canada2026-10-13
Izzy N Stockham1003Spain2026-10-30
Costa K Waycott1004Canada2026-10-24
Faith O Dilliard1005Germany2026-11-06
Maria J Butt1006Japan2026-10-19
Kadeem U Gillian1007Argentina2026-11-02
Johnson S Morasca1008Italy2026-10-10
Maisha Z Flosi1009Russia2026-10-26
Aruna H Waycott1010Russia2026-10-15
Leon S Shinko1011Italy2026-10-20
Adams P Briddick1012France2026-10-17
Deepesh V Waycott1013Canada2026-10-25
Jefferson W Stenseth1014Russia2026-10-25
Mayumi M Poquette1015Brazil2026-10-11
Aditya P Butt1016Japan2026-11-06
Maria L Garufi1017Spain2026-10-20
Maisha R Kolmetz1018Brazil2026-10-25
Aditya C Garufi1019Russia2026-11-01
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Alejandro N CampainCanadaIvan Magalhaes PROPOSAL
Izzy F PaprockiFranceIoni Bowcher UNQUALIFIED
Chavez W SchemmerAustraliaIvan Magalhaes PROPOSAL
Misaki W StensethSpainXuxue Feng NEGOTIATION
Maisha P MaletItalyIvan Magalhaes UNQUALIFIED
Smith D StockhamSpainIoni Bowcher RENEWAL
Greenwood W VocelkaJapanElwin Sharvill PROPOSAL
Nicolas I FollerRussiaAnna Fali RENEWAL
Adams K BowleyJapanStephen Shaw UNQUALIFIED
Alejandro N GillianRussiaXuxue Feng NEGOTIATION
James Y FigeroaRussiaOnyama Limba RENEWAL
Munro Y MorascaCanadaElwin Sharvill UNQUALIFIED
Tony Y RoysterCanadaAnna Fali NEGOTIATION
Arvin B BriddickCanadaOnyama Limba RENEWAL
Emily P MaletIndiaStephen Shaw NEGOTIATION
Johnson I BologniaBrazilElwin Sharvill RENEWAL
Munro D SaylorsBrazilStephen Shaw NEGOTIATION
Emily B ButtUnited KingdomAmy Elsner UNQUALIFIED
Antonio D OstroskyArgentinaXuxue Feng QUALIFIED
Rodrigues L IturbideSpainBernardo Dominic QUALIFIED
James L MorascaBrazilIoni Bowcher NEGOTIATION
Johnson O KuskoItalyXuxue Feng NEGOTIATION
Kadeem K SlusarskiSpainIoni Bowcher UNQUALIFIED
Claire K MaletCanadaElwin Sharvill NEGOTIATION
Sinclair I MacleadArgentinaAsiya Javayant NEW
Ivar O FollerRussiaIvan Magalhaes NEGOTIATION
Wickens D AlbaresFranceIvan Magalhaes UNQUALIFIED
Faith K GarufiIndiaStephen Shaw NEGOTIATION
Mujtaba L VocelkaSpainAnna Fali PROPOSAL
Greenwood I RutaFranceAmy Elsner NEW
Misaki P GillianSpainXuxue Feng UNQUALIFIED
Silvio W GillianSpainBernardo Dominic NEW
Nicolas Z KuskoSpainElwin Sharvill UNQUALIFIED
Morrow T WhobreyJapanXuxue Feng UNQUALIFIED
Leon Z DoeItalyIvan Magalhaes NEW
Leon V AlbaresRussiaAnna Fali UNQUALIFIED
Nicolas O PerinGermanyAmy Elsner RENEWAL
Leon Q MaletArgentinaAmy Elsner NEW
Murillo H SergiBrazilAnna Fali RENEWAL
Munro S RulapaughBrazilBernardo Dominic 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>