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
Antonio X CampainIndiaXuxue Feng UNQUALIFIED
Murillo N PerinCanadaAsiya Javayant RENEWAL
Kadeem A RimRussiaAmy Elsner RENEWAL
Faith J FollerJapanAnna Fali UNQUALIFIED
Julie Y MaletBrazilAsiya Javayant NEGOTIATION
Nicolas G FigeroaIndiaXuxue Feng NEW
Alejandro N ButtJapanIvan Magalhaes RENEWAL
Maria U SaylorsSpainIoni Bowcher UNQUALIFIED
David M GillianAustraliaBernardo Dominic RENEWAL
Arvin F AlbaresFranceOnyama Limba PROPOSAL
Jones L DilliardGermanyBernardo Dominic NEW
Mayumi N RulapaughBrazilAnna Fali RENEWAL
Munro V PoquetteArgentinaIoni Bowcher NEW
Claire X AlbaresUnited KingdomXuxue Feng UNQUALIFIED
David H FollerGermanyIoni Bowcher NEGOTIATION
Kaitlin V PoquetteAustraliaAmy Elsner NEGOTIATION
James T DoeJapanBernardo Dominic PROPOSAL
Emily D GlickArgentinaElwin Sharvill NEW
Chavez M GillianUnited KingdomStephen Shaw NEGOTIATION
Ricardo F ShinkoCanadaXuxue Feng NEW
Octavia S TollnerSpainIoni Bowcher RENEWAL
Silvio R WaycottSpainStephen Shaw RENEWAL
Deepesh U BowleyRussiaOnyama Limba RENEWAL
Kaitlin N WieserAustraliaAnna Fali NEW
Mujtaba V ShinkoGermanyOnyama Limba NEGOTIATION
Johnson A NickaItalyStephen Shaw UNQUALIFIED
Arvin F KuskoUnited KingdomStephen Shaw UNQUALIFIED
Mujtaba D DilliardCanadaOnyama Limba NEW
Jones I NestleCanadaOnyama Limba UNQUALIFIED
Chavez X GarufiArgentinaIoni Bowcher NEGOTIATION
Johnson H VenereUnited KingdomOnyama Limba NEW
Rodrigues E GauchoUnited KingdomIvan Magalhaes UNQUALIFIED
Kaitlin P ChuiRussiaAsiya Javayant RENEWAL
Kaitlin K GillianBrazilAmy Elsner NEW
Izzy E MaletIndiaBernardo Dominic RENEWAL
Salvatore Y DoeGermanyOnyama Limba NEW
Munro H SlusarskiBrazilXuxue Feng NEGOTIATION
Cody G CampainJapanIoni Bowcher QUALIFIED
Costa L IturbideJapanAsiya Javayant RENEWAL
Misaki A OstroskyCanadaBernardo Dominic QUALIFIED
Arvin F CampainUnited KingdomAsiya Javayant QUALIFIED
Emily J MaletRussiaAsiya Javayant NEW
Rodrigues K NestleItalyAmy Elsner UNQUALIFIED
Jennifer Z FigeroaBrazilBernardo Dominic NEGOTIATION
Arvin Z ButtJapanAsiya Javayant QUALIFIED
Jeanfrancois J AmigonItalyXuxue Feng QUALIFIED
David N BologniaGermanyElwin Sharvill UNQUALIFIED
Murillo Y AmigonCanadaAmy Elsner PROPOSAL
Sinclair J WhobreySpainAsiya Javayant NEW
Juan G PaprockiJapanIoni Bowcher NEW
Horizontal
NameCountryRepresentativeStatus
Jennifer B CampainIndiaAnna Fali UNQUALIFIED
Alejandro I AlbaresAustraliaXuxue Feng PROPOSAL
Misaki F NickaFranceIoni Bowcher NEW
Ashley R GarufiGermanyElwin Sharvill RENEWAL
Mujtaba O OldroydAustraliaAnna Fali RENEWAL
Tony M OstroskyFranceIoni Bowcher NEW
Costa D PaprockiIndiaAsiya Javayant UNQUALIFIED
Silvio N StensethItalyStephen Shaw NEW
Aruna Z ChuiAustraliaXuxue Feng UNQUALIFIED
Salvatore N MaletJapanAnna Fali QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Ricardo J BologniaFrance2026-10-29Rangoni Of Florence RENEWAL72Ioni Bowcher
1001Stacey Y AlbaresItaly2026-11-07Truhlar And Truhlar Attys UNQUALIFIED0Ivan Magalhaes
1002Arvin G TollnerAustralia2026-11-14Chanay, Jeffrey A Esq NEW37Ivan Magalhaes
1003Alejandro P NestleCanada2026-10-27Rangoni Of Florence NEW67Anna Fali
1004Stacey B PerinRussia2026-11-10King, Christopher A Esq QUALIFIED63Onyama Limba
1005Cody C SlusarskiIndia2026-10-22Morlong Associates QUALIFIED32Stephen Shaw
1006Arvin X VocelkaBrazil2026-11-07King, Christopher A Esq QUALIFIED63Onyama Limba
1007David K BriddickGermany2026-10-28Dorl, James J Esq QUALIFIED65Asiya Javayant
1008Mujtaba U BriddickBrazil2026-11-02Benton, John B Jr UNQUALIFIED81Stephen Shaw
1009Jefferson J RulapaughBrazil2026-10-22Rousseaux, Michael Esq NEW30Ivan Magalhaes
1010Mujtaba L SaylorsRussia2026-11-02Rangoni Of Florence NEW36Anna Fali
1011Smith U MarrierFrance2026-10-18Feltz Printing Service QUALIFIED57Onyama Limba
1012Octavia E BologniaCanada2026-10-31Chapman, Ross E Esq NEW22Xuxue Feng
1013Ivar G FlosiRussia2026-11-05Rangoni Of Florence PROPOSAL43Anna Fali
1014Darci O WaycottBrazil2026-11-04Commercial Press PROPOSAL73Asiya Javayant
1015Antonio C SchemmerUnited Kingdom2026-11-08Feiner Bros NEGOTIATION93Bernardo Dominic
1016Faith J FigeroaBrazil2026-11-11Printing Dimensions NEGOTIATION38Xuxue Feng
1017Antonio F PaprockiArgentina2026-10-22Dorl, James J Esq RENEWAL74Ioni Bowcher
1018Arvin M OldroydJapan2026-10-24Chapman, Ross E Esq RENEWAL95Bernardo Dominic
1019Aditya T OstroskyJapan2026-11-06Rangoni Of Florence UNQUALIFIED10Ioni Bowcher
1020Leon O WaycottRussia2026-10-18Feltz Printing Service UNQUALIFIED69Stephen Shaw
1021Jennifer W KolmetzArgentina2026-10-27Feltz Printing Service NEW8Amy Elsner
1022Isabel A WaycottArgentina2026-11-06Dorl, James J Esq UNQUALIFIED22Onyama Limba
1023Antonio A MaletUnited Kingdom2026-10-25Chapman, Ross E Esq PROPOSAL67Ioni Bowcher
1024Julie G MarrierCanada2026-10-17Commercial Press NEW35Ioni Bowcher
1025Maria I NestleBrazil2026-10-27Chanay, Jeffrey A Esq NEGOTIATION75Stephen Shaw
1026Juan E FlosiItaly2026-11-06King, Christopher A Esq UNQUALIFIED45Amy Elsner
1027Aditya B InouyeFrance2026-11-01Chapman, Ross E Esq NEW58Bernardo Dominic
1028Faith H CampainBrazil2026-10-30Truhlar And Truhlar Attys NEGOTIATION5Bernardo Dominic
1029Stacey Z MarrierSpain2026-11-04Printing Dimensions RENEWAL26Amy Elsner
1030Leja O GarufiJapan2026-11-08Buckley Miller Wright PROPOSAL77Ivan Magalhaes
1031Francesco A PaprockiArgentina2026-11-09Chemel, James L Cpa RENEWAL82Xuxue Feng
1032Julie Q PaprockiJapan2026-10-25Chemel, James L Cpa PROPOSAL0Amy Elsner
1033Sinclair B AlbaresAustralia2026-10-28Morlong Associates RENEWAL35Stephen Shaw
1034David Y SaylorsCanada2026-10-24Commercial Press UNQUALIFIED84Elwin Sharvill
1035Munro U KolmetzAustralia2026-11-09Benton, John B Jr QUALIFIED2Stephen Shaw
1036Silvio M MorascaIndia2026-11-03Commercial Press NEW19Xuxue Feng
1037Jeanfrancois P MorascaJapan2026-11-08King, Christopher A Esq UNQUALIFIED70Bernardo Dominic
1038Maria L RoysterUnited Kingdom2026-11-03Rousseaux, Michael Esq UNQUALIFIED60Elwin Sharvill
1039Aruna H NestleBrazil2026-11-05King, Christopher A Esq RENEWAL27Stephen Shaw
1040Jennifer A KolmetzItaly2026-10-28King, Christopher A Esq RENEWAL5Onyama Limba
1041Ricardo M WieserCanada2026-11-06Buckley Miller Wright UNQUALIFIED21Ivan Magalhaes
1042Rodrigues Q AmigonFrance2026-10-18Printing Dimensions PROPOSAL73Amy Elsner
1043Wickens A SergiItaly2026-10-30Buckley Miller Wright UNQUALIFIED1Xuxue Feng
1044Tony O KolmetzCanada2026-11-03Chanay, Jeffrey A Esq NEW5Asiya Javayant
1045Mayumi C RimIndia2026-11-06Benton, John B Jr RENEWAL46Bernardo Dominic
1046Darci T DarakjyAustralia2026-10-23Chemel, James L Cpa QUALIFIED75Ioni Bowcher
1047Sinclair U FigeroaSpain2026-11-14Buckley Miller Wright PROPOSAL60Xuxue Feng
1048Adams M SchemmerUnited Kingdom2026-10-28King, Christopher A Esq QUALIFIED5Ivan Magalhaes
1049Misaki Y RutaCanada2026-11-09Morlong Associates UNQUALIFIED16Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Misaki R GauchoUnited KingdomElwin Sharvill UNQUALIFIED
Murillo E DoeJapanStephen Shaw RENEWAL
Costa H ButtRussiaElwin Sharvill RENEWAL
Misaki C FollerSpainIoni Bowcher NEGOTIATION
Deepesh T NestleAustraliaElwin Sharvill PROPOSAL
Jones B WhobreyRussiaElwin Sharvill NEW
Silvio P BologniaBrazilStephen Shaw NEGOTIATION
Jennifer F VenereCanadaBernardo Dominic NEGOTIATION
Claire P BologniaUnited KingdomElwin Sharvill NEGOTIATION
Deepesh T KuskoSpainAsiya Javayant PROPOSAL
Mayumi V ButtSpainElwin Sharvill QUALIFIED
Mayumi Z CampainCanadaBernardo Dominic NEW
Silvio A AlbaresGermanyAsiya Javayant NEGOTIATION
Ivar A MaletGermanyBernardo Dominic PROPOSAL
Silvio H PoquetteAustraliaBernardo Dominic NEW
Silvio B IturbideArgentinaIvan Magalhaes RENEWAL
Jones Q DarakjyGermanyElwin Sharvill NEW
Julie L VenereAustraliaAmy Elsner NEW
Chavez N VocelkaBrazilXuxue Feng UNQUALIFIED
Claire J CaldareraAustraliaElwin Sharvill PROPOSAL
Tony O ChuiBrazilElwin Sharvill NEGOTIATION
Leon S ButtGermanyOnyama Limba PROPOSAL
Maisha K StockhamCanadaIvan Magalhaes PROPOSAL
Aika M OldroydBrazilOnyama Limba UNQUALIFIED
Leon W GarufiAustraliaOnyama Limba UNQUALIFIED
Isabel C AmigonUnited KingdomIvan Magalhaes RENEWAL
David W DilliardArgentinaXuxue Feng UNQUALIFIED
Tony N DoeIndiaElwin Sharvill RENEWAL
Leon F BologniaSpainElwin Sharvill NEGOTIATION
Aruna D GlickJapanIoni Bowcher PROPOSAL
Smith K PaprockiIndiaBernardo Dominic RENEWAL
Claire P RimJapanAnna Fali RENEWAL
David W MaletArgentinaAsiya Javayant NEGOTIATION
Arvin L TollnerJapanXuxue Feng RENEWAL
Clifford S KolmetzItalyElwin Sharvill QUALIFIED
James S DoeRussiaBernardo Dominic NEW
Aika R MacleadCanadaXuxue Feng NEGOTIATION
Sinclair A SaylorsIndiaIoni Bowcher UNQUALIFIED
Jennifer U VenereGermanyElwin Sharvill QUALIFIED
Mayumi F FerenczSpainAsiya Javayant NEGOTIATION
Greenwood Q SlusarskiBrazilXuxue Feng QUALIFIED
Francesco Q RimAustraliaIoni Bowcher NEW
Maria A GlickItalyIoni Bowcher UNQUALIFIED
Wickens H MorascaItalyXuxue Feng NEGOTIATION
Costa V StensethSpainAnna Fali QUALIFIED
Ivar X MarrierCanadaAnna Fali QUALIFIED
Julie K GillianIndiaIoni Bowcher QUALIFIED
Emily D PaprockiSpainIoni Bowcher PROPOSAL
Sinclair O RoysterRussiaIvan Magalhaes RENEWAL
Ivar K PoquetteFranceIoni Bowcher NEW
Frozen Columns
Name
Julie B Gaucho
Jones Z Slusarski
Kaitlin H Waycott
Munro D Wieser
Wickens W Rulapaugh
Chavez V Gaucho
Leja N Chui
Juan K Venere
Kaitlin H Caldarera
Aruna N Dilliard
Julie W Rim
Antonio W Glick
Chavez Z Kolmetz
Jefferson K Chui
Ricardo R Foller
Deepesh T Maclead
Jeanfrancois L Dilliard
Ivar I Ferencz
Greenwood Q Gillian
Johnson L Iturbide
Nicolas L Rim
Ashley V Nicka
Rodrigues F Vocelka
Silvio F Foller
Tony O Glick
Julie P Ruta
Arvin V Slusarski
Jeanfrancois O Venere
Smith C Perin
Kadeem U Foller
Kaitlin B Darakjy
Izzy Y Saylors
Johnson Q Gaucho
Faith Z Waycott
Adams V Bowley
Julie T Saylors
Murillo A Wieser
Salvatore D Albares
Jennifer N Albares
Kaitlin X Sergi
Ashley V Venere
Stacey T Marrier
Stacey C Foller
Leja O Darakjy
Francesco F Albares
Salvatore M Kolmetz
Murillo H Amigon
Ivar V Ferencz
James Y Albares
Octavia T Ostrosky
IdCountryDate
1000Argentina2026-10-20
1001Germany2026-11-09
1002India2026-11-12
1003United Kingdom2026-11-10
1004Australia2026-11-11
1005Canada2026-10-21
1006Germany2026-10-26
1007India2026-10-25
1008France2026-10-31
1009Germany2026-10-27
1010Spain2026-10-20
1011Italy2026-11-03
1012Spain2026-10-26
1013Germany2026-11-14
1014Canada2026-11-13
1015Argentina2026-10-22
1016France2026-11-06
1017Russia2026-10-24
1018Italy2026-10-28
1019Australia2026-11-08
1020Canada2026-10-18
1021Argentina2026-10-31
1022Brazil2026-10-25
1023Canada2026-10-20
1024France2026-11-03
1025France2026-11-03
1026Italy2026-10-16
1027Japan2026-11-11
1028Brazil2026-10-20
1029India2026-10-30
1030Germany2026-11-02
1031United Kingdom2026-11-12
1032United Kingdom2026-11-03
1033Germany2026-10-25
1034Spain2026-11-01
1035Australia2026-10-17
1036Spain2026-10-22
1037United Kingdom2026-11-13
1038United Kingdom2026-11-02
1039United Kingdom2026-11-05
1040Russia2026-10-18
1041Italy2026-11-01
1042Argentina2026-10-20
1043France2026-11-10
1044India2026-10-18
1045Australia2026-10-25
1046Italy2026-10-18
1047Australia2026-11-09
1048Brazil2026-10-22
1049United Kingdom2026-11-05

On-Demand Data

NameIdCountryDate
Ashley O Campain1000Argentina2026-10-29
Jeanfrancois X Maclead1001Canada2026-11-14
Adams Q Gaucho1002Argentina2026-11-11
Costa S Oldroyd1003India2026-11-06
Claire G Kusko1004Australia2026-10-17
Isabel K Bowley1005Spain2026-10-19
Greenwood W Chui1006France2026-11-09
Juan A Kolmetz1007Canada2026-10-23
Julie V Marrier1008Japan2026-11-07
Mayumi S Slusarski1009Russia2026-11-14
Tony S Dilliard1010Germany2026-11-04
Leja T Inouye1011Russia2026-11-11
Izzy F Poquette1012Argentina2026-10-27
Aika O Oldroyd1013Brazil2026-10-19
Octavia D Caudy1014India2026-11-06
Kadeem T Caldarera1015Brazil2026-11-07
Alejandro R Perin1016Australia2026-10-19
Morrow B Inouye1017India2026-10-20
Murillo G Malet1018United Kingdom2026-11-11
Stacey A Ferencz1019Brazil2026-11-01
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jeanfrancois Z MarrierFranceElwin Sharvill QUALIFIED
Ashley C RulapaughJapanIoni Bowcher PROPOSAL
Salvatore M GarufiAustraliaIoni Bowcher RENEWAL
Sinclair P SlusarskiIndiaXuxue Feng RENEWAL
Salvatore J NestleCanadaXuxue Feng NEW
Jeanfrancois O StensethJapanAsiya Javayant NEW
Johnson O NickaIndiaElwin Sharvill UNQUALIFIED
Morrow T VenereAustraliaAsiya Javayant NEW
Mujtaba P SlusarskiArgentinaBernardo Dominic NEW
Emily K BowleyItalyIvan Magalhaes NEGOTIATION
Francesco H RimCanadaIoni Bowcher QUALIFIED
Mayumi Y RulapaughSpainOnyama Limba PROPOSAL
Deepesh E CaldareraRussiaIoni Bowcher NEGOTIATION
Antonio Y DoeJapanOnyama Limba UNQUALIFIED
Ricardo O PerinItalyIoni Bowcher PROPOSAL
Munro S BologniaJapanElwin Sharvill PROPOSAL
Morrow J DarakjyBrazilStephen Shaw QUALIFIED
Morrow L WaycottSpainIoni Bowcher NEGOTIATION
Jennifer I OldroydJapanAmy Elsner NEW
Nicolas S TollnerGermanyAnna Fali NEGOTIATION
Sinclair Y SergiSpainXuxue Feng QUALIFIED
Cody V RutaBrazilElwin Sharvill PROPOSAL
Wickens L WaycottJapanStephen Shaw NEW
Antonio E StensethCanadaOnyama Limba UNQUALIFIED
Claire N PaprockiIndiaAmy Elsner NEGOTIATION
Jones G IturbideRussiaOnyama Limba QUALIFIED
Mujtaba S RulapaughArgentinaOnyama Limba UNQUALIFIED
Salvatore R CaudyBrazilAnna Fali NEW
Chavez B SchemmerUnited KingdomBernardo Dominic NEW
Faith X OstroskyAustraliaBernardo Dominic PROPOSAL
Rodrigues C BriddickUnited KingdomStephen Shaw RENEWAL
Faith Y MacleadRussiaIvan Magalhaes PROPOSAL
Alejandro O WieserRussiaOnyama Limba RENEWAL
Alejandro H PoquetteSpainIoni Bowcher NEGOTIATION
Leon A IturbideCanadaIoni Bowcher UNQUALIFIED
Alejandro D IturbideCanadaOnyama Limba NEW
Stacey M RimIndiaAnna Fali RENEWAL
Aika P WieserGermanyAmy Elsner RENEWAL
Aruna Y VenereArgentinaAsiya Javayant PROPOSAL
Jefferson S KuskoGermanyStephen Shaw 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>