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
Mujtaba Q InouyeUnited KingdomXuxue Feng PROPOSAL
Chavez I StockhamRussiaIoni Bowcher QUALIFIED
Aruna I ShinkoGermanyElwin Sharvill PROPOSAL
Alejandro M KolmetzGermanyAnna Fali PROPOSAL
David W RimUnited KingdomAsiya Javayant UNQUALIFIED
Greenwood B BowleyUnited KingdomIvan Magalhaes UNQUALIFIED
James P BologniaItalyIoni Bowcher NEGOTIATION
Ashley L CaldareraFranceIvan Magalhaes PROPOSAL
Jeanfrancois K TollnerBrazilBernardo Dominic UNQUALIFIED
Isabel Y OstroskyUnited KingdomAmy Elsner QUALIFIED
Nicolas K NickaJapanIvan Magalhaes UNQUALIFIED
Kaitlin J SergiIndiaAsiya Javayant PROPOSAL
Isabel J KolmetzIndiaIvan Magalhaes PROPOSAL
Johnson G PoquetteItalyXuxue Feng NEW
James G ShinkoSpainAnna Fali NEGOTIATION
Maisha G TollnerCanadaIvan Magalhaes NEGOTIATION
Ivar H IturbideIndiaAsiya Javayant PROPOSAL
Kaitlin I BologniaRussiaIoni Bowcher NEW
Ricardo J TollnerIndiaAsiya Javayant UNQUALIFIED
Adams L DilliardBrazilIvan Magalhaes QUALIFIED
Faith W GarufiJapanAnna Fali PROPOSAL
Greenwood A GarufiItalyAsiya Javayant RENEWAL
Kadeem E VenereArgentinaStephen Shaw RENEWAL
Jones F KolmetzAustraliaAnna Fali UNQUALIFIED
Murillo T NestleRussiaOnyama Limba NEW
Costa Z PaprockiCanadaStephen Shaw QUALIFIED
Isabel W RimUnited KingdomAnna Fali PROPOSAL
Aditya W BriddickAustraliaIoni Bowcher NEGOTIATION
Aruna A SlusarskiCanadaAsiya Javayant RENEWAL
Octavia P PoquetteAustraliaOnyama Limba NEW
Munro O KuskoCanadaStephen Shaw NEW
Kadeem U GarufiRussiaBernardo Dominic PROPOSAL
Leon E BowleyArgentinaElwin Sharvill QUALIFIED
Juan V MaletItalyIvan Magalhaes RENEWAL
Morrow U NestleRussiaXuxue Feng NEW
Nicolas B RoysterUnited KingdomIoni Bowcher UNQUALIFIED
Jefferson D SlusarskiGermanyBernardo Dominic NEW
Jones O DarakjyUnited KingdomIoni Bowcher NEW
Maisha B GillianItalyAmy Elsner NEW
Kaitlin N InouyeJapanIvan Magalhaes PROPOSAL
David V AmigonRussiaAmy Elsner RENEWAL
Rodrigues J MaletGermanyIoni Bowcher RENEWAL
Kadeem H KuskoJapanAmy Elsner UNQUALIFIED
Cody J FerenczGermanyAmy Elsner PROPOSAL
Claire W PaprockiCanadaAsiya Javayant NEW
Isabel L OldroydBrazilStephen Shaw QUALIFIED
Claire Y WieserRussiaStephen Shaw PROPOSAL
Isabel K NickaRussiaElwin Sharvill RENEWAL
Kaitlin J KolmetzCanadaElwin Sharvill NEGOTIATION
Leon Q WhobreyBrazilAnna Fali UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Faith K NestleJapanOnyama Limba NEGOTIATION
Isabel B DoeCanadaBernardo Dominic NEW
Chavez P ChuiGermanyAsiya Javayant QUALIFIED
Sinclair J ChuiCanadaIoni Bowcher UNQUALIFIED
Jeanfrancois L SaylorsSpainElwin Sharvill NEW
Juan L KuskoArgentinaBernardo Dominic NEW
Jones V MorascaAustraliaIvan Magalhaes NEW
Sinclair O ShinkoItalyStephen Shaw UNQUALIFIED
Claire N PaprockiIndiaIvan Magalhaes RENEWAL
Greenwood K GillianIndiaStephen Shaw NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Rodrigues U MaletSpain2026-11-08King, Christopher A Esq PROPOSAL82Ioni Bowcher
1001Silvio G StensethItaly2026-11-12King, Christopher A Esq NEGOTIATION34Asiya Javayant
1002Sinclair Y SaylorsArgentina2026-10-23Feiner Bros PROPOSAL30Onyama Limba
1003Izzy K SaylorsBrazil2026-11-02Benton, John B Jr UNQUALIFIED10Asiya Javayant
1004Maisha H TollnerBrazil2026-11-05Rousseaux, Michael Esq NEGOTIATION70Stephen Shaw
1005Faith J GillianCanada2026-11-07Printing Dimensions PROPOSAL52Anna Fali
1006Costa S PerinBrazil2026-10-22Feiner Bros PROPOSAL30Ioni Bowcher
1007Maria N NickaBrazil2026-10-16Chemel, James L Cpa NEGOTIATION69Onyama Limba
1008Deepesh M VocelkaItaly2026-11-07Truhlar And Truhlar Attys UNQUALIFIED3Onyama Limba
1009Leon G PerinItaly2026-10-29Chapman, Ross E Esq PROPOSAL58Asiya Javayant
1010Clifford T KuskoCanada2026-10-18Chapman, Ross E Esq NEW16Stephen Shaw
1011Kadeem V BriddickBrazil2026-11-14Chanay, Jeffrey A Esq RENEWAL15Elwin Sharvill
1012Greenwood J BriddickUnited Kingdom2026-10-20King, Christopher A Esq UNQUALIFIED33Onyama Limba
1013Maria C MorascaUnited Kingdom2026-10-28Commercial Press NEGOTIATION46Amy Elsner
1014Francesco D SchemmerGermany2026-10-20Morlong Associates PROPOSAL93Bernardo Dominic
1015Morrow W FigeroaCanada2026-10-30Rousseaux, Michael Esq NEGOTIATION92Xuxue Feng
1016Clifford K MorascaCanada2026-10-17Printing Dimensions UNQUALIFIED10Anna Fali
1017Chavez S SlusarskiIndia2026-11-13Feltz Printing Service NEGOTIATION43Ioni Bowcher
1018Misaki A RutaFrance2026-11-13Chapman, Ross E Esq NEGOTIATION54Ioni Bowcher
1019Ashley V KolmetzGermany2026-10-17Buckley Miller Wright NEW41Onyama Limba
1020Greenwood Q VocelkaJapan2026-11-10Rangoni Of Florence RENEWAL23Elwin Sharvill
1021Isabel R StockhamBrazil2026-11-10Chapman, Ross E Esq PROPOSAL19Elwin Sharvill
1022Antonio H BologniaUnited Kingdom2026-11-13Printing Dimensions RENEWAL48Xuxue Feng
1023Chavez L StockhamSpain2026-10-29Dorl, James J Esq UNQUALIFIED68Bernardo Dominic
1024Smith O AmigonUnited Kingdom2026-10-28Buckley Miller Wright RENEWAL68Anna Fali
1025Faith Q RulapaughArgentina2026-11-04Chemel, James L Cpa NEW70Elwin Sharvill
1026Jeanfrancois W PerinUnited Kingdom2026-10-22Buckley Miller Wright PROPOSAL77Ioni Bowcher
1027Jefferson Q BologniaBrazil2026-10-24Chemel, James L Cpa RENEWAL93Xuxue Feng
1028Kadeem T RimBrazil2026-10-21Rangoni Of Florence RENEWAL10Asiya Javayant
1029Johnson B ChuiArgentina2026-11-12King, Christopher A Esq UNQUALIFIED44Onyama Limba
1030Alejandro R AmigonAustralia2026-11-12King, Christopher A Esq NEW61Xuxue Feng
1031Isabel T WhobreyRussia2026-11-06Morlong Associates NEW5Amy Elsner
1032Costa Z CaudyGermany2026-11-08Chanay, Jeffrey A Esq QUALIFIED56Onyama Limba
1033Wickens J GauchoJapan2026-10-21Benton, John B Jr QUALIFIED44Asiya Javayant
1034Maria M MarrierItaly2026-10-29Feltz Printing Service PROPOSAL96Bernardo Dominic
1035Stacey J CaldareraRussia2026-10-18Rangoni Of Florence NEW41Bernardo Dominic
1036Chavez E OstroskyBrazil2026-10-30Chemel, James L Cpa UNQUALIFIED86Anna Fali
1037Julie I StockhamCanada2026-10-28Truhlar And Truhlar Attys QUALIFIED35Xuxue Feng
1038Jennifer V SaylorsUnited Kingdom2026-10-24Dorl, James J Esq UNQUALIFIED86Asiya Javayant
1039Tony G ShinkoBrazil2026-11-12Feiner Bros NEW52Stephen Shaw
1040Murillo P BriddickRussia2026-10-29Morlong Associates NEGOTIATION27Asiya Javayant
1041Jefferson S StensethGermany2026-10-23Chemel, James L Cpa QUALIFIED44Ivan Magalhaes
1042Aditya O MacleadUnited Kingdom2026-10-17Chemel, James L Cpa PROPOSAL74Amy Elsner
1043Costa G KuskoItaly2026-10-23King, Christopher A Esq PROPOSAL44Bernardo Dominic
1044Greenwood K OldroydJapan2026-11-13Dorl, James J Esq PROPOSAL67Bernardo Dominic
1045Munro J NestleSpain2026-11-03Morlong Associates UNQUALIFIED85Asiya Javayant
1046Alejandro N StensethArgentina2026-11-01Chemel, James L Cpa NEGOTIATION72Stephen Shaw
1047Leon L PerinSpain2026-11-14Feltz Printing Service QUALIFIED50Bernardo Dominic
1048Costa L WhobreyFrance2026-10-18King, Christopher A Esq QUALIFIED36Xuxue Feng
1049Smith A PaprockiCanada2026-11-13Chemel, James L Cpa UNQUALIFIED11Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Isabel L GauchoRussiaIvan Magalhaes NEW
Octavia Y RulapaughCanadaXuxue Feng RENEWAL
Adams R NestleGermanyStephen Shaw PROPOSAL
Salvatore N RutaSpainOnyama Limba PROPOSAL
Chavez U ChuiUnited KingdomAnna Fali QUALIFIED
Deepesh I MacleadFranceAsiya Javayant RENEWAL
Costa V CampainCanadaElwin Sharvill PROPOSAL
Faith L SergiAustraliaIoni Bowcher NEGOTIATION
Nicolas F KolmetzUnited KingdomElwin Sharvill PROPOSAL
Clifford R OstroskyCanadaXuxue Feng NEGOTIATION
Francesco C SchemmerBrazilXuxue Feng NEGOTIATION
Ivar Z CaldareraItalyAnna Fali NEGOTIATION
Chavez J OstroskyGermanyXuxue Feng QUALIFIED
Darci R MaletItalyElwin Sharvill RENEWAL
Greenwood X CaudyFranceBernardo Dominic NEW
Salvatore C CaldareraCanadaElwin Sharvill NEGOTIATION
Jennifer Y RoysterItalyIvan Magalhaes QUALIFIED
Aruna O KolmetzGermanyAsiya Javayant RENEWAL
Aruna E WieserAustraliaAnna Fali QUALIFIED
Kadeem P WhobreyItalyAsiya Javayant PROPOSAL
Julie K SchemmerCanadaAnna Fali UNQUALIFIED
Jefferson V SlusarskiCanadaElwin Sharvill UNQUALIFIED
Octavia V ChuiItalyOnyama Limba RENEWAL
Francesco Z IturbideJapanAsiya Javayant RENEWAL
Darci Q FollerBrazilAnna Fali NEGOTIATION
Alejandro N AmigonRussiaOnyama Limba NEGOTIATION
Morrow N MaletItalyIvan Magalhaes QUALIFIED
Greenwood K MarrierRussiaXuxue Feng UNQUALIFIED
Darci J KuskoArgentinaAmy Elsner NEW
Jennifer N PaprockiAustraliaStephen Shaw NEW
Clifford A PaprockiFranceAnna Fali UNQUALIFIED
Aika S KuskoGermanyStephen Shaw NEW
Silvio E CampainAustraliaAmy Elsner QUALIFIED
Greenwood J GauchoArgentinaAsiya Javayant NEW
Stacey Z FlosiSpainAnna Fali NEW
Izzy Y InouyeRussiaIoni Bowcher PROPOSAL
Stacey E InouyeBrazilXuxue Feng UNQUALIFIED
Adams E StensethUnited KingdomElwin Sharvill PROPOSAL
Salvatore X AmigonBrazilOnyama Limba RENEWAL
Emily E WieserRussiaBernardo Dominic NEW
Ivar T RutaBrazilIoni Bowcher NEGOTIATION
Jennifer B AmigonItalyElwin Sharvill QUALIFIED
Stacey U SergiItalyAnna Fali QUALIFIED
James R FerenczSpainOnyama Limba RENEWAL
Greenwood I MacleadUnited KingdomXuxue Feng NEW
Isabel Q MacleadSpainIvan Magalhaes RENEWAL
Jefferson J AlbaresUnited KingdomAnna Fali NEW
Adams E StockhamAustraliaOnyama Limba NEW
Wickens Q ShinkoCanadaStephen Shaw NEW
Francesco B VenereArgentinaIoni Bowcher UNQUALIFIED
Frozen Columns
Name
Tony H Ostrosky
Murillo S Flosi
Maria P Poquette
Kadeem T Waycott
Silvio F Ostrosky
Tony N Ruta
Ashley H Maclead
Leon F Shinko
Maisha W Albares
Mujtaba L Waycott
Maria O Doe
Misaki J Bolognia
Johnson V Wieser
Julie B Whobrey
Stacey K Venere
Jennifer A Schemmer
Julie H Royster
Adams A Nicka
James V Amigon
Maisha R Rim
Antonio E Oldroyd
Munro U Nicka
Misaki C Amigon
Antonio A Figeroa
Smith L Whobrey
David Z Schemmer
Kadeem Y Morasca
Wickens V Nicka
Clifford A Morasca
Nicolas I Glick
David C Maclead
Nicolas S Chui
Alejandro B Malet
Juan S Flosi
Cody W Darakjy
Leon U Slusarski
Munro M Flosi
Smith I Sergi
Murillo I Figeroa
Ivar N Caldarera
Munro W Amigon
Stacey Y Butt
Aditya W Garufi
Smith H Shinko
Isabel M Schemmer
Aruna R Morasca
Mujtaba J Butt
Maisha I Campain
Mayumi L Whobrey
Jones B Stenseth
IdCountryDate
1000Australia2026-10-21
1001Canada2026-10-17
1002Japan2026-10-18
1003Spain2026-11-10
1004Germany2026-11-03
1005France2026-10-17
1006United Kingdom2026-10-18
1007Argentina2026-11-09
1008Russia2026-10-31
1009Spain2026-11-12
1010United Kingdom2026-11-03
1011Russia2026-10-20
1012Russia2026-11-06
1013Japan2026-11-03
1014Italy2026-11-07
1015Russia2026-11-05
1016Germany2026-11-06
1017Australia2026-11-01
1018France2026-10-25
1019Germany2026-10-29
1020Argentina2026-11-14
1021Italy2026-10-29
1022Germany2026-11-14
1023Spain2026-11-11
1024Spain2026-10-17
1025Japan2026-10-16
1026Argentina2026-10-25
1027Brazil2026-10-29
1028Spain2026-10-27
1029Spain2026-10-29
1030Italy2026-11-09
1031Brazil2026-11-13
1032Canada2026-11-13
1033Spain2026-11-05
1034United Kingdom2026-10-21
1035Germany2026-10-20
1036Canada2026-10-16
1037Canada2026-10-24
1038Russia2026-11-03
1039Japan2026-10-26
1040Australia2026-11-06
1041France2026-10-27
1042Spain2026-11-14
1043Canada2026-10-20
1044Russia2026-11-13
1045Russia2026-11-03
1046Germany2026-11-07
1047Canada2026-10-21
1048United Kingdom2026-11-12
1049Germany2026-10-18

On-Demand Data

NameIdCountryDate
Stacey S Chui1000Spain2026-11-14
Ivar D Kusko1001Russia2026-11-05
Octavia E Amigon1002Japan2026-11-13
Maisha I Butt1003United Kingdom2026-11-13
Murillo B Sergi1004Brazil2026-11-14
Salvatore V Figeroa1005Argentina2026-11-03
Stacey H Stockham1006France2026-11-10
Nicolas L Albares1007India2026-10-30
Nicolas M Saylors1008Argentina2026-11-07
Smith D Stockham1009Australia2026-10-26
Clifford A Briddick1010Australia2026-11-04
Murillo G Bowley1011India2026-10-20
Sinclair D Iturbide1012Canada2026-10-18
Octavia O Stockham1013Italy2026-11-11
Octavia K Iturbide1014United Kingdom2026-10-19
Maisha O Tollner1015Spain2026-10-24
Deepesh X Ruta1016Russia2026-11-03
Maria C Nicka1017France2026-11-09
Ashley G Stockham1018Russia2026-11-09
Clifford T Royster1019France2026-10-27
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Juan I RimArgentinaAnna Fali RENEWAL
Alejandro M DilliardItalyIoni Bowcher UNQUALIFIED
Sinclair Y FlosiBrazilXuxue Feng NEGOTIATION
Octavia B TollnerRussiaAnna Fali UNQUALIFIED
James K WieserFranceAnna Fali PROPOSAL
Ricardo S TollnerCanadaIoni Bowcher QUALIFIED
Izzy W FlosiCanadaElwin Sharvill NEW
David N VocelkaItalyAnna Fali NEW
Munro J FigeroaAustraliaOnyama Limba NEGOTIATION
Morrow S MacleadFranceStephen Shaw NEGOTIATION
Antonio M IturbideIndiaAsiya Javayant QUALIFIED
Chavez D FigeroaArgentinaBernardo Dominic UNQUALIFIED
Chavez R ButtJapanElwin Sharvill UNQUALIFIED
James Q GauchoCanadaIvan Magalhaes QUALIFIED
Greenwood S RimAustraliaOnyama Limba NEGOTIATION
Nicolas F OstroskyArgentinaBernardo Dominic NEW
Arvin H BologniaGermanyIoni Bowcher NEW
Chavez W SlusarskiJapanXuxue Feng NEGOTIATION
Arvin R ButtBrazilElwin Sharvill PROPOSAL
Murillo Y StockhamGermanyXuxue Feng NEGOTIATION
Maisha J VenereRussiaBernardo Dominic NEW
Faith J OldroydAustraliaAsiya Javayant PROPOSAL
Izzy L MaletSpainAmy Elsner NEGOTIATION
Nicolas V AmigonIndiaOnyama Limba RENEWAL
Alejandro E OldroydFranceElwin Sharvill RENEWAL
Leja W FigeroaRussiaOnyama Limba NEGOTIATION
Arvin E BologniaBrazilIvan Magalhaes PROPOSAL
Claire U ChuiItalyAmy Elsner QUALIFIED
Aditya J RulapaughAustraliaBernardo Dominic NEW
Munro P PaprockiJapanAmy Elsner NEW
Smith X RutaJapanStephen Shaw QUALIFIED
Deepesh D IturbideUnited KingdomElwin Sharvill QUALIFIED
Aika Z GarufiBrazilOnyama Limba NEW
Silvio R FigeroaJapanOnyama Limba QUALIFIED
Misaki C SaylorsSpainIoni Bowcher UNQUALIFIED
Ricardo N ButtCanadaElwin Sharvill RENEWAL
Octavia Q NickaBrazilAmy Elsner UNQUALIFIED
Adams A BowleyBrazilOnyama Limba NEW
Maisha U NickaAustraliaAnna Fali PROPOSAL
Jefferson X FlosiUnited KingdomXuxue Feng RENEWAL

<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>