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
Smith K OstroskyUnited KingdomBernardo Dominic PROPOSAL
Maisha S WhobreyJapanIoni Bowcher UNQUALIFIED
Leon O VocelkaItalyIvan Magalhaes QUALIFIED
Stacey E GillianCanadaStephen Shaw UNQUALIFIED
Mayumi V PaprockiCanadaIoni Bowcher RENEWAL
Ivar J VenereSpainStephen Shaw NEW
Emily R StensethGermanyElwin Sharvill NEW
Jones H IturbideItalyAsiya Javayant RENEWAL
Jones E SaylorsGermanyIoni Bowcher NEW
Murillo Z ShinkoFranceBernardo Dominic NEGOTIATION
Clifford B GauchoArgentinaXuxue Feng RENEWAL
Clifford X AmigonJapanIvan Magalhaes QUALIFIED
Greenwood Q IturbideSpainOnyama Limba NEGOTIATION
Smith J ShinkoBrazilOnyama Limba PROPOSAL
David D SergiBrazilStephen Shaw RENEWAL
Tony K KolmetzRussiaAmy Elsner NEW
David I SlusarskiIndiaElwin Sharvill RENEWAL
Smith L ShinkoGermanyElwin Sharvill RENEWAL
Maisha X GillianArgentinaAmy Elsner RENEWAL
Aruna I RoysterItalyIvan Magalhaes UNQUALIFIED
Francesco W ShinkoArgentinaOnyama Limba RENEWAL
Salvatore O SaylorsFranceAmy Elsner UNQUALIFIED
Leon V StensethSpainIoni Bowcher NEW
Mujtaba V CampainIndiaXuxue Feng NEGOTIATION
Leon Z KolmetzIndiaXuxue Feng NEW
Adams F AlbaresAustraliaBernardo Dominic PROPOSAL
Jennifer C NickaBrazilElwin Sharvill NEGOTIATION
Ricardo D PerinGermanyOnyama Limba PROPOSAL
Misaki Y WaycottBrazilIoni Bowcher RENEWAL
Faith W StensethRussiaAmy Elsner PROPOSAL
Izzy L ShinkoItalyIvan Magalhaes NEGOTIATION
Jefferson Q PaprockiBrazilOnyama Limba RENEWAL
Morrow M AmigonAustraliaXuxue Feng UNQUALIFIED
Antonio X WaycottUnited KingdomStephen Shaw NEW
Jennifer F IturbideGermanyXuxue Feng RENEWAL
Wickens G FerenczJapanAnna Fali RENEWAL
Jennifer G OldroydRussiaAnna Fali RENEWAL
Deepesh A SergiJapanElwin Sharvill PROPOSAL
Deepesh R MaletArgentinaAsiya Javayant NEGOTIATION
Morrow H GlickSpainAsiya Javayant QUALIFIED
Leon C OldroydIndiaAnna Fali NEW
Costa I AmigonUnited KingdomOnyama Limba QUALIFIED
Smith E ShinkoItalyAmy Elsner NEW
Julie J MorascaUnited KingdomAmy Elsner PROPOSAL
Johnson R WhobreyCanadaElwin Sharvill QUALIFIED
Kaitlin L GillianJapanElwin Sharvill PROPOSAL
Tony J StensethBrazilAsiya Javayant PROPOSAL
Nicolas B RutaArgentinaStephen Shaw UNQUALIFIED
Rodrigues B BriddickArgentinaAmy Elsner UNQUALIFIED
Wickens T AlbaresJapanOnyama Limba UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Clifford Z IturbideIndiaIvan Magalhaes NEW
Faith J RimSpainElwin Sharvill QUALIFIED
James K CaldareraSpainXuxue Feng NEW
Mayumi F OstroskyAustraliaOnyama Limba UNQUALIFIED
Leon C OstroskyGermanyAsiya Javayant NEGOTIATION
Arvin H WaycottArgentinaElwin Sharvill QUALIFIED
Nicolas X OstroskyArgentinaOnyama Limba NEW
Cody J TollnerCanadaOnyama Limba NEW
Mujtaba V StockhamCanadaOnyama Limba NEW
Maisha S VocelkaGermanyAmy Elsner RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Arvin K WieserGermany2026-10-21Commercial Press PROPOSAL93Elwin Sharvill
1001Ashley N MaletRussia2026-10-09Rousseaux, Michael Esq PROPOSAL9Ioni Bowcher
1002Faith U RimJapan2026-10-22Morlong Associates QUALIFIED2Asiya Javayant
1003Cody Q VenereRussia2026-10-19Truhlar And Truhlar Attys NEGOTIATION56Stephen Shaw
1004Clifford U RutaRussia2026-11-02Benton, John B Jr UNQUALIFIED0Anna Fali
1005Ricardo L CaudyAustralia2026-10-17Buckley Miller Wright PROPOSAL81Asiya Javayant
1006Adams L FerenczGermany2026-10-20Morlong Associates UNQUALIFIED24Amy Elsner
1007Maria L PaprockiJapan2026-10-18Feltz Printing Service UNQUALIFIED29Ioni Bowcher
1008Costa Y FigeroaArgentina2026-10-20Morlong Associates NEGOTIATION86Bernardo Dominic
1009Misaki Q WhobreyJapan2026-10-29Benton, John B Jr NEW60Elwin Sharvill
1010Darci I WhobreySpain2026-10-23Morlong Associates QUALIFIED69Elwin Sharvill
1011Murillo K RimAustralia2026-10-08Chemel, James L Cpa NEW70Ivan Magalhaes
1012Sinclair O MarrierSpain2026-10-20Morlong Associates UNQUALIFIED70Xuxue Feng
1013Greenwood F MorascaIndia2026-10-20King, Christopher A Esq UNQUALIFIED94Anna Fali
1014Kadeem A MacleadUnited Kingdom2026-11-01Printing Dimensions QUALIFIED55Elwin Sharvill
1015Rodrigues X BriddickRussia2026-10-08Rangoni Of Florence UNQUALIFIED21Amy Elsner
1016Kadeem S MaletItaly2026-11-01Feiner Bros PROPOSAL10Anna Fali
1017Mayumi J OldroydIndia2026-10-05Morlong Associates PROPOSAL78Ioni Bowcher
1018Antonio O WaycottUnited Kingdom2026-10-05Buckley Miller Wright RENEWAL67Xuxue Feng
1019Tony J RutaUnited Kingdom2026-10-18Feiner Bros RENEWAL9Onyama Limba
1020Maria B TollnerIndia2026-10-11Chapman, Ross E Esq UNQUALIFIED34Asiya Javayant
1021Clifford J RutaIndia2026-10-06Chanay, Jeffrey A Esq NEGOTIATION34Xuxue Feng
1022Isabel W KolmetzJapan2026-11-02Rangoni Of Florence PROPOSAL68Ioni Bowcher
1023Smith N InouyeUnited Kingdom2026-10-23Buckley Miller Wright RENEWAL47Anna Fali
1024Salvatore Y KuskoCanada2026-10-23Morlong Associates NEW29Xuxue Feng
1025Emily A MacleadIndia2026-10-24Morlong Associates RENEWAL12Stephen Shaw
1026James R KuskoAustralia2026-10-26Commercial Press NEGOTIATION78Amy Elsner
1027Jennifer I KolmetzIndia2026-10-07Feltz Printing Service UNQUALIFIED88Stephen Shaw
1028Sinclair T PoquetteUnited Kingdom2026-10-28Rangoni Of Florence UNQUALIFIED63Stephen Shaw
1029Jefferson I MarrierUnited Kingdom2026-10-21King, Christopher A Esq NEW18Amy Elsner
1030Johnson P DarakjyItaly2026-10-14Rousseaux, Michael Esq RENEWAL51Xuxue Feng
1031Cody E IturbideItaly2026-10-14Buckley Miller Wright NEGOTIATION53Stephen Shaw
1032Nicolas E CampainAustralia2026-10-28Rangoni Of Florence NEW36Stephen Shaw
1033Claire S NickaIndia2026-10-12Printing Dimensions UNQUALIFIED99Bernardo Dominic
1034Deepesh W WhobreyItaly2026-10-12Truhlar And Truhlar Attys RENEWAL44Asiya Javayant
1035Chavez U KuskoArgentina2026-10-05Chanay, Jeffrey A Esq PROPOSAL16Stephen Shaw
1036Sinclair B MorascaJapan2026-10-25Dorl, James J Esq UNQUALIFIED17Anna Fali
1037Nicolas H BologniaSpain2026-10-24Dorl, James J Esq NEGOTIATION58Stephen Shaw
1038Alejandro E RutaJapan2026-10-31Chanay, Jeffrey A Esq UNQUALIFIED45Xuxue Feng
1039Munro J OstroskyItaly2026-10-05Chapman, Ross E Esq NEW50Amy Elsner
1040David Q NestleFrance2026-11-02King, Christopher A Esq QUALIFIED0Amy Elsner
1041Leon M FerenczFrance2026-10-31Dorl, James J Esq NEGOTIATION8Stephen Shaw
1042Greenwood L BologniaArgentina2026-10-28Dorl, James J Esq PROPOSAL3Elwin Sharvill
1043Aditya L BriddickJapan2026-11-02Chemel, James L Cpa NEGOTIATION95Ioni Bowcher
1044Smith T RulapaughBrazil2026-10-08Rangoni Of Florence PROPOSAL65Bernardo Dominic
1045Jeanfrancois H AlbaresJapan2026-11-03Dorl, James J Esq NEGOTIATION95Elwin Sharvill
1046Chavez I NickaJapan2026-10-05Printing Dimensions QUALIFIED42Bernardo Dominic
1047Maria T AmigonItaly2026-10-11Rousseaux, Michael Esq NEW58Ioni Bowcher
1048Octavia R CaldareraArgentina2026-10-16Buckley Miller Wright NEGOTIATION12Elwin Sharvill
1049Jefferson B BriddickSpain2026-10-25Dorl, James J Esq PROPOSAL50Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Jones J KuskoCanadaAnna Fali NEW
Isabel W RimFranceStephen Shaw NEW
Jefferson T MarrierSpainElwin Sharvill QUALIFIED
Antonio Q ChuiRussiaOnyama Limba NEGOTIATION
Nicolas Z MaletItalyIoni Bowcher QUALIFIED
Jefferson C CaldareraItalyXuxue Feng QUALIFIED
Wickens H KolmetzAustraliaIoni Bowcher NEW
Murillo Q SchemmerItalyStephen Shaw RENEWAL
Octavia X MacleadRussiaAmy Elsner NEGOTIATION
Chavez U WhobreyArgentinaIvan Magalhaes NEGOTIATION
Costa Z VenereUnited KingdomBernardo Dominic UNQUALIFIED
Octavia U GauchoBrazilAnna Fali NEW
Silvio K FlosiRussiaStephen Shaw PROPOSAL
Sinclair K TollnerBrazilXuxue Feng UNQUALIFIED
Ricardo D VenereUnited KingdomOnyama Limba PROPOSAL
Kadeem I DilliardCanadaAsiya Javayant NEGOTIATION
Darci X AmigonIndiaAmy Elsner UNQUALIFIED
Aruna M GauchoIndiaElwin Sharvill NEW
Ivar J ShinkoAustraliaAmy Elsner NEGOTIATION
Misaki P FollerFranceOnyama Limba RENEWAL
Costa X DoeSpainIvan Magalhaes RENEWAL
Cody Y FerenczFranceIvan Magalhaes RENEWAL
Arvin M ButtRussiaAsiya Javayant PROPOSAL
Arvin Q WaycottFranceXuxue Feng NEW
Costa S AlbaresSpainXuxue Feng QUALIFIED
Mayumi S RimGermanyAmy Elsner NEGOTIATION
Juan Z InouyeItalyAsiya Javayant QUALIFIED
Cody M DilliardRussiaAsiya Javayant QUALIFIED
Maria H AmigonAustraliaXuxue Feng PROPOSAL
Smith C RutaArgentinaIoni Bowcher UNQUALIFIED
Isabel K WieserGermanyOnyama Limba NEGOTIATION
Clifford U ButtGermanyOnyama Limba UNQUALIFIED
Alejandro I OstroskyCanadaIvan Magalhaes QUALIFIED
Francesco U RulapaughJapanElwin Sharvill PROPOSAL
James G MacleadArgentinaAnna Fali NEGOTIATION
Kadeem W BriddickRussiaIvan Magalhaes NEW
Juan I NestleGermanyAmy Elsner NEW
Jennifer W DarakjyRussiaIvan Magalhaes NEW
Sinclair Q IturbideGermanyIvan Magalhaes NEGOTIATION
Antonio R PoquetteUnited KingdomBernardo Dominic NEGOTIATION
Jones A StockhamJapanAmy Elsner PROPOSAL
Julie H SlusarskiGermanyBernardo Dominic NEW
Rodrigues V RutaRussiaElwin Sharvill PROPOSAL
Leon C WieserGermanyAmy Elsner NEGOTIATION
Leon G AlbaresRussiaAsiya Javayant QUALIFIED
Darci Y PaprockiUnited KingdomAsiya Javayant QUALIFIED
James E PoquetteRussiaIoni Bowcher QUALIFIED
David T WaycottUnited KingdomXuxue Feng RENEWAL
Faith F MaletUnited KingdomIoni Bowcher QUALIFIED
Isabel J PaprockiBrazilBernardo Dominic RENEWAL
Frozen Columns
Name
Octavia H Sergi
Johnson X Flosi
Sinclair H Garufi
Murillo I Darakjy
Ashley L Caudy
Silvio D Ruta
Morrow B Tollner
Chavez K Royster
Silvio B Caldarera
Leon P Morasca
Johnson X Inouye
Misaki N Gillian
Leja M Briddick
Francesco H Bowley
Munro O Paprocki
Izzy G Darakjy
Nicolas X Nestle
Adams C Foller
Claire O Gillian
Clifford F Marrier
Mujtaba Q Doe
Cody H Nestle
Aika V Garufi
Mayumi F Paprocki
Aruna O Darakjy
Faith X Kusko
Arvin N Shinko
Misaki R Rulapaugh
Greenwood V Glick
Juan E Rim
Murillo G Royster
Aruna Y Garufi
Faith Y Amigon
Faith Z Kolmetz
Alejandro M Albares
Jones X Schemmer
Kadeem R Rulapaugh
Clifford V Chui
Salvatore D Caldarera
Aika J Gaucho
Jones U Dilliard
Ivar T Gillian
Clifford N Maclead
Darci W Ostrosky
Francesco F Glick
Claire J Tollner
Antonio O Ostrosky
Jefferson Y Marrier
Arvin A Dilliard
Misaki A Kusko
IdCountryDate
1000Spain2026-10-18
1001Spain2026-11-03
1002Italy2026-10-14
1003Japan2026-10-11
1004Russia2026-10-28
1005Germany2026-10-31
1006Japan2026-10-27
1007Brazil2026-10-25
1008Germany2026-10-19
1009United Kingdom2026-10-21
1010France2026-10-18
1011Germany2026-10-14
1012France2026-10-31
1013Italy2026-10-20
1014Italy2026-10-23
1015France2026-10-29
1016Japan2026-10-30
1017Germany2026-10-17
1018Italy2026-10-14
1019Canada2026-10-10
1020Italy2026-11-01
1021Australia2026-10-07
1022France2026-10-17
1023Italy2026-10-12
1024Australia2026-10-30
1025Japan2026-11-02
1026Japan2026-10-09
1027Brazil2026-10-30
1028Spain2026-11-01
1029Canada2026-10-17
1030Italy2026-10-25
1031United Kingdom2026-10-07
1032India2026-10-09
1033Argentina2026-10-26
1034United Kingdom2026-10-07
1035Japan2026-10-21
1036United Kingdom2026-10-28
1037United Kingdom2026-10-14
1038Canada2026-10-17
1039United Kingdom2026-10-28
1040India2026-10-19
1041Germany2026-11-01
1042Germany2026-10-22
1043Italy2026-10-15
1044India2026-10-20
1045France2026-10-18
1046United Kingdom2026-10-05
1047Argentina2026-10-16
1048Germany2026-10-28
1049India2026-11-03

On-Demand Data

NameIdCountryDate
Kadeem V Bowley1000Brazil2026-10-08
Ivar H Nicka1001Germany2026-11-02
Jefferson L Iturbide1002Germany2026-10-11
Deepesh M Maclead1003Brazil2026-10-19
Isabel R Nicka1004Japan2026-10-15
Leon U Tollner1005Australia2026-10-09
Deepesh V Briddick1006Brazil2026-10-22
Octavia H Gillian1007United Kingdom2026-10-16
Wickens J Campain1008Germany2026-10-16
Chavez R Slusarski1009Italy2026-10-13
Wickens L Waycott1010Russia2026-10-05
Johnson W Paprocki1011Japan2026-10-17
Claire Q Slusarski1012Germany2026-11-01
Jennifer G Malet1013Australia2026-10-08
Mayumi W Bolognia1014Spain2026-10-14
Julie E Malet1015France2026-10-27
Wickens V Ferencz1016Germany2026-10-11
Ashley A Albares1017United Kingdom2026-10-14
Smith F Sergi1018Brazil2026-10-22
Sinclair L Nestle1019Australia2026-10-21
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Darci F WaycottJapanXuxue Feng NEGOTIATION
Costa Z VenereAustraliaXuxue Feng NEGOTIATION
Aruna R GlickBrazilIvan Magalhaes NEW
Aditya N VocelkaJapanIvan Magalhaes NEGOTIATION
Jefferson U GarufiRussiaIoni Bowcher PROPOSAL
Mujtaba V VocelkaSpainStephen Shaw QUALIFIED
Izzy Y ChuiSpainAmy Elsner PROPOSAL
Ivar W GlickItalyBernardo Dominic PROPOSAL
Leja Q BologniaIndiaAsiya Javayant UNQUALIFIED
Alejandro P SchemmerArgentinaBernardo Dominic PROPOSAL
Maria P InouyeItalyAnna Fali UNQUALIFIED
Cody B RutaGermanyBernardo Dominic NEW
Julie W CaudyFranceAsiya Javayant QUALIFIED
Leja Y StensethArgentinaAnna Fali NEW
Cody F StensethBrazilStephen Shaw QUALIFIED
Kadeem B VocelkaUnited KingdomIvan Magalhaes QUALIFIED
Mayumi T AlbaresItalyXuxue Feng RENEWAL
Claire T RulapaughArgentinaAnna Fali NEGOTIATION
Izzy D InouyeSpainElwin Sharvill NEW
Leja U FerenczBrazilStephen Shaw NEGOTIATION
Octavia E FlosiSpainIvan Magalhaes NEGOTIATION
Misaki Z DilliardAustraliaBernardo Dominic NEGOTIATION
Faith I InouyeGermanyIoni Bowcher QUALIFIED
Maisha F FerenczUnited KingdomBernardo Dominic NEW
Mujtaba T PerinJapanElwin Sharvill PROPOSAL
Darci J MaletCanadaAsiya Javayant PROPOSAL
Emily N PaprockiUnited KingdomIoni Bowcher NEW
Ashley H DoeArgentinaBernardo Dominic NEW
Clifford C StensethUnited KingdomAnna Fali UNQUALIFIED
Isabel Z SchemmerArgentinaStephen Shaw QUALIFIED
Sinclair Z BowleyArgentinaXuxue Feng RENEWAL
Ricardo A RimArgentinaXuxue Feng PROPOSAL
Antonio P AlbaresIndiaStephen Shaw RENEWAL
Claire T TollnerCanadaIoni Bowcher NEW
Jennifer U SaylorsSpainAmy Elsner PROPOSAL
Maria L InouyeItalyAsiya Javayant NEGOTIATION
Mayumi P IturbideIndiaAsiya Javayant UNQUALIFIED
Salvatore Z DoeAustraliaOnyama Limba PROPOSAL
Mujtaba D StensethSpainAmy Elsner NEGOTIATION
Cody N CampainAustraliaBernardo 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>