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
Tony L RutaUnited KingdomXuxue Feng RENEWAL
Faith C GauchoItalyOnyama Limba NEW
Morrow C DoeCanadaAnna Fali NEW
Juan S KolmetzArgentinaIvan Magalhaes PROPOSAL
Julie P GillianFranceAmy Elsner QUALIFIED
Stacey N StensethCanadaBernardo Dominic QUALIFIED
Jefferson N OldroydUnited KingdomIvan Magalhaes QUALIFIED
Ivar L ShinkoBrazilStephen Shaw PROPOSAL
Clifford R DoeRussiaElwin Sharvill NEW
Antonio W InouyeSpainBernardo Dominic NEW
Silvio C CampainBrazilXuxue Feng QUALIFIED
Kaitlin N MacleadRussiaBernardo Dominic UNQUALIFIED
Cody B MacleadIndiaStephen Shaw RENEWAL
Deepesh J MacleadArgentinaBernardo Dominic QUALIFIED
Jennifer Q MacleadUnited KingdomAnna Fali NEGOTIATION
Jones Q RulapaughFranceBernardo Dominic RENEWAL
Mujtaba H GillianGermanyIvan Magalhaes QUALIFIED
Jefferson N KolmetzItalyIoni Bowcher NEW
Emily U AlbaresCanadaOnyama Limba PROPOSAL
Adams X DilliardJapanElwin Sharvill QUALIFIED
Costa A WaycottSpainIvan Magalhaes PROPOSAL
David N FlosiUnited KingdomStephen Shaw RENEWAL
Emily L PerinJapanStephen Shaw NEW
Chavez X KuskoJapanOnyama Limba NEW
Deepesh U RutaAustraliaAmy Elsner NEW
Kadeem Z BriddickArgentinaAmy Elsner NEGOTIATION
Mujtaba C CaudyRussiaAnna Fali UNQUALIFIED
Nicolas F MaletFranceAsiya Javayant QUALIFIED
Sinclair U DoeIndiaAmy Elsner NEGOTIATION
Alejandro G IturbideUnited KingdomXuxue Feng PROPOSAL
Silvio L MaletAustraliaStephen Shaw NEW
Rodrigues L MarrierItalyOnyama Limba NEW
Kadeem M RoysterCanadaAnna Fali PROPOSAL
Emily Q DilliardSpainXuxue Feng PROPOSAL
Clifford E StensethJapanAmy Elsner PROPOSAL
David S GauchoJapanXuxue Feng NEGOTIATION
Jefferson J FerenczItalyAnna Fali PROPOSAL
Izzy M ShinkoArgentinaBernardo Dominic QUALIFIED
Rodrigues R IturbideBrazilAsiya Javayant QUALIFIED
Ricardo V CaudyItalyAnna Fali NEGOTIATION
Smith Q RoysterSpainStephen Shaw PROPOSAL
Leon P KolmetzCanadaAmy Elsner RENEWAL
Izzy A GarufiIndiaIoni Bowcher NEGOTIATION
Maisha H RimJapanIoni Bowcher PROPOSAL
Morrow Y GauchoFranceXuxue Feng NEGOTIATION
Ivar H WaycottCanadaXuxue Feng NEGOTIATION
Isabel E CaudyIndiaIoni Bowcher QUALIFIED
Alejandro L StockhamRussiaStephen Shaw NEGOTIATION
Emily W OstroskyFranceXuxue Feng QUALIFIED
Aditya R StensethFranceAnna Fali NEW
Horizontal
NameCountryRepresentativeStatus
Francesco H FigeroaIndiaElwin Sharvill NEW
Mayumi R FigeroaBrazilStephen Shaw NEGOTIATION
Leja E SaylorsUnited KingdomIoni Bowcher NEW
Johnson R PerinUnited KingdomBernardo Dominic NEGOTIATION
Rodrigues D MacleadSpainAmy Elsner NEGOTIATION
Antonio M FlosiAustraliaBernardo Dominic NEGOTIATION
Costa D SlusarskiGermanyElwin Sharvill QUALIFIED
Aditya T WhobreyArgentinaOnyama Limba PROPOSAL
Aika A AmigonRussiaStephen Shaw QUALIFIED
Greenwood R ButtItalyIoni Bowcher NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Rodrigues E PoquetteArgentina2026-10-16Rangoni Of Florence NEGOTIATION19Anna Fali
1001Ricardo Y RimJapan2026-10-19King, Christopher A Esq UNQUALIFIED75Ivan Magalhaes
1002Smith U VenereGermany2026-10-02Feiner Bros QUALIFIED26Anna Fali
1003Jones P VocelkaArgentina2026-10-19Printing Dimensions NEGOTIATION42Stephen Shaw
1004Aika C ShinkoSpain2026-09-23Commercial Press UNQUALIFIED17Asiya Javayant
1005Tony F CaudyArgentina2026-10-11Feiner Bros RENEWAL13Elwin Sharvill
1006Faith P RimFrance2026-09-23Chapman, Ross E Esq RENEWAL72Asiya Javayant
1007Aditya C RutaRussia2026-09-28Chemel, James L Cpa QUALIFIED23Elwin Sharvill
1008Jefferson V BowleyGermany2026-09-22Truhlar And Truhlar Attys RENEWAL54Onyama Limba
1009Smith M IturbideBrazil2026-09-21Feiner Bros RENEWAL55Bernardo Dominic
1010Kadeem B FollerGermany2026-10-18Chemel, James L Cpa UNQUALIFIED7Xuxue Feng
1011Adams W FollerItaly2026-09-26Rangoni Of Florence RENEWAL87Amy Elsner
1012Misaki U StensethJapan2026-10-07Feltz Printing Service NEGOTIATION41Amy Elsner
1013Kaitlin K AlbaresIndia2026-10-06Chemel, James L Cpa PROPOSAL71Amy Elsner
1014Mujtaba B RulapaughAustralia2026-10-16Dorl, James J Esq QUALIFIED1Onyama Limba
1015Morrow I CaldareraRussia2026-10-19Dorl, James J Esq UNQUALIFIED73Onyama Limba
1016Arvin I VocelkaSpain2026-10-07Benton, John B Jr QUALIFIED1Anna Fali
1017Kadeem G GauchoJapan2026-10-19Feltz Printing Service RENEWAL98Ivan Magalhaes
1018Aditya P MorascaFrance2026-10-10Feltz Printing Service PROPOSAL8Stephen Shaw
1019Faith M NestleAustralia2026-09-29Rousseaux, Michael Esq RENEWAL19Asiya Javayant
1020Leon B RulapaughBrazil2026-10-08Chapman, Ross E Esq NEW36Xuxue Feng
1021David I TollnerItaly2026-10-15Chemel, James L Cpa NEGOTIATION82Bernardo Dominic
1022Ashley E DilliardAustralia2026-10-17Dorl, James J Esq NEW83Onyama Limba
1023Antonio K SchemmerIndia2026-10-05Chemel, James L Cpa QUALIFIED99Anna Fali
1024Jefferson Z FollerGermany2026-10-03Chapman, Ross E Esq NEW11Ivan Magalhaes
1025Octavia K VenereItaly2026-09-30Chanay, Jeffrey A Esq UNQUALIFIED14Ivan Magalhaes
1026Isabel A NestleAustralia2026-09-24Chanay, Jeffrey A Esq RENEWAL73Bernardo Dominic
1027Kadeem Z CaudyBrazil2026-10-18Rousseaux, Michael Esq NEGOTIATION77Ivan Magalhaes
1028Jefferson B VenereArgentina2026-10-13Rangoni Of Florence NEGOTIATION52Stephen Shaw
1029Silvio L FerenczAustralia2026-10-06Truhlar And Truhlar Attys NEW97Elwin Sharvill
1030Silvio I IturbideJapan2026-09-26Rousseaux, Michael Esq UNQUALIFIED34Stephen Shaw
1031Leja W ButtFrance2026-10-08Commercial Press NEW29Onyama Limba
1032Julie F RimFrance2026-10-19King, Christopher A Esq NEGOTIATION60Xuxue Feng
1033Murillo M WieserIndia2026-09-26Rousseaux, Michael Esq UNQUALIFIED40Onyama Limba
1034Adams Y GauchoAustralia2026-10-10Commercial Press UNQUALIFIED80Xuxue Feng
1035Leon N PerinBrazil2026-09-27Truhlar And Truhlar Attys NEW46Ioni Bowcher
1036Jeanfrancois L VocelkaUnited Kingdom2026-09-22Dorl, James J Esq NEGOTIATION73Onyama Limba
1037Isabel C SaylorsBrazil2026-10-13Printing Dimensions UNQUALIFIED54Asiya Javayant
1038Nicolas H DilliardBrazil2026-10-18Feiner Bros PROPOSAL5Ioni Bowcher
1039Juan P SchemmerCanada2026-09-25Dorl, James J Esq RENEWAL25Bernardo Dominic
1040Emily Q BriddickSpain2026-10-18Truhlar And Truhlar Attys UNQUALIFIED77Ivan Magalhaes
1041Octavia V PoquetteFrance2026-09-30Feiner Bros QUALIFIED22Anna Fali
1042Murillo W RutaCanada2026-09-30Rousseaux, Michael Esq QUALIFIED81Xuxue Feng
1043Aditya G SaylorsIndia2026-10-19Rousseaux, Michael Esq PROPOSAL96Ioni Bowcher
1044Claire Y InouyeAustralia2026-09-25Truhlar And Truhlar Attys PROPOSAL27Elwin Sharvill
1045Johnson V StockhamBrazil2026-09-26Rousseaux, Michael Esq UNQUALIFIED74Anna Fali
1046David B KolmetzSpain2026-10-09Feltz Printing Service QUALIFIED0Elwin Sharvill
1047James Q StensethJapan2026-10-11Benton, John B Jr NEGOTIATION57Bernardo Dominic
1048Misaki C ChuiSpain2026-09-27Rangoni Of Florence UNQUALIFIED55Anna Fali
1049Leja I VocelkaSpain2026-09-26Dorl, James J Esq QUALIFIED83Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Ashley A ButtRussiaAnna Fali NEGOTIATION
Arvin O GauchoSpainElwin Sharvill NEW
Costa Z MaletArgentinaAnna Fali PROPOSAL
Kaitlin J SergiArgentinaAnna Fali PROPOSAL
Silvio Q DoeIndiaAsiya Javayant RENEWAL
Aditya C MacleadSpainElwin Sharvill QUALIFIED
Antonio K FollerItalyIoni Bowcher PROPOSAL
Nicolas C DoeItalyAsiya Javayant RENEWAL
Cody K SaylorsCanadaAmy Elsner NEGOTIATION
Stacey U SchemmerUnited KingdomStephen Shaw PROPOSAL
Octavia N NickaAustraliaXuxue Feng NEW
Misaki A CaldareraUnited KingdomIoni Bowcher NEW
Mayumi K MaletAustraliaAnna Fali RENEWAL
Jeanfrancois Y RulapaughBrazilAsiya Javayant RENEWAL
Morrow U SlusarskiArgentinaOnyama Limba NEW
Tony D NickaCanadaStephen Shaw NEGOTIATION
Stacey A DoeItalyBernardo Dominic QUALIFIED
Stacey G AlbaresGermanyOnyama Limba QUALIFIED
Julie W GlickUnited KingdomStephen Shaw QUALIFIED
Misaki K VenereFranceIvan Magalhaes NEGOTIATION
Tony J PerinRussiaAnna Fali NEGOTIATION
Darci Y WaycottJapanIoni Bowcher PROPOSAL
Morrow I CaudyItalyBernardo Dominic RENEWAL
Izzy Q GlickRussiaAnna Fali NEGOTIATION
Murillo L SaylorsItalyAsiya Javayant NEW
Alejandro A MarrierArgentinaElwin Sharvill NEGOTIATION
Misaki R MaletBrazilOnyama Limba QUALIFIED
Darci A SergiArgentinaIoni Bowcher UNQUALIFIED
Jeanfrancois C RoysterFranceXuxue Feng UNQUALIFIED
David U WhobreyIndiaElwin Sharvill UNQUALIFIED
Greenwood C GillianIndiaAsiya Javayant QUALIFIED
Ivar W SergiFranceIoni Bowcher PROPOSAL
Arvin Y SaylorsJapanAmy Elsner QUALIFIED
Salvatore B WaycottJapanElwin Sharvill RENEWAL
Izzy S SchemmerUnited KingdomAnna Fali RENEWAL
Wickens D CampainSpainXuxue Feng UNQUALIFIED
Greenwood Y AlbaresItalyOnyama Limba UNQUALIFIED
Greenwood E AlbaresItalyOnyama Limba RENEWAL
Aika Q KolmetzFranceAsiya Javayant UNQUALIFIED
Emily Z FollerGermanyAmy Elsner PROPOSAL
Deepesh U StockhamArgentinaXuxue Feng UNQUALIFIED
Jennifer O SergiArgentinaAmy Elsner RENEWAL
Cody I ChuiJapanOnyama Limba UNQUALIFIED
Kaitlin K AmigonSpainIvan Magalhaes NEW
Leon J StockhamFranceAmy Elsner RENEWAL
David Q NestleUnited KingdomBernardo Dominic NEGOTIATION
Adams T GauchoJapanBernardo Dominic NEGOTIATION
Rodrigues C SchemmerRussiaStephen Shaw RENEWAL
Misaki K GauchoAustraliaIvan Magalhaes NEW
Faith T DilliardSpainXuxue Feng UNQUALIFIED
Frozen Columns
Name
Arvin F Ostrosky
Isabel B Tollner
Claire S Inouye
Jones B Gillian
Johnson I Wieser
Deepesh K Malet
Leja H Poquette
Claire A Poquette
Johnson K Stenseth
Isabel G Flosi
Aruna C Slusarski
Misaki P Whobrey
Smith K Oldroyd
Francesco C Garufi
Maisha E Chui
Francesco B Glick
Misaki P Gillian
Izzy I Butt
David P Dilliard
Juan D Waycott
Jefferson Q Briddick
Antonio T Ruta
Salvatore O Marrier
Nicolas X Briddick
Ricardo F Caudy
Jeanfrancois O Oldroyd
Faith W Marrier
Ivar V Royster
Morrow M Garufi
Leon X Saylors
Jefferson Y Ferencz
Greenwood C Ostrosky
Mayumi Q Malet
Jeanfrancois I Darakjy
Jeanfrancois D Paprocki
Costa D Malet
Leja Y Stockham
Jefferson Y Figeroa
Greenwood Y Saylors
Jefferson Q Doe
Greenwood T Gaucho
Jennifer Z Ostrosky
Francesco B Waycott
Ashley W Malet
Stacey J Inouye
Misaki B Ostrosky
Aruna E Malet
Aika V Ferencz
Francesco C Glick
Morrow Z Whobrey
IdCountryDate
1000Argentina2026-09-24
1001Russia2026-10-20
1002Canada2026-10-14
1003Germany2026-10-19
1004France2026-10-01
1005Germany2026-09-30
1006Spain2026-10-15
1007Japan2026-10-01
1008Australia2026-10-09
1009Italy2026-10-17
1010Russia2026-10-19
1011Italy2026-09-28
1012Brazil2026-10-16
1013Italy2026-09-24
1014Russia2026-09-25
1015Japan2026-10-06
1016Australia2026-09-21
1017Germany2026-10-01
1018India2026-09-25
1019Japan2026-10-02
1020Brazil2026-10-06
1021Spain2026-10-10
1022Germany2026-10-20
1023Russia2026-10-02
1024Canada2026-09-24
1025Australia2026-10-17
1026Brazil2026-10-14
1027Australia2026-10-10
1028Canada2026-10-15
1029Russia2026-09-24
1030United Kingdom2026-10-18
1031United Kingdom2026-09-24
1032India2026-09-28
1033Japan2026-09-25
1034Spain2026-10-16
1035Italy2026-10-14
1036France2026-09-21
1037Argentina2026-10-18
1038United Kingdom2026-10-01
1039Germany2026-10-14
1040Argentina2026-10-19
1041Spain2026-10-17
1042Italy2026-10-15
1043Argentina2026-10-06
1044Germany2026-10-15
1045Germany2026-09-30
1046Spain2026-10-17
1047Russia2026-09-23
1048Canada2026-10-19
1049Germany2026-10-08

On-Demand Data

NameIdCountryDate
Faith F Malet1000Germany2026-09-24
Ivar R Slusarski1001Argentina2026-10-14
Leon X Rulapaugh1002France2026-10-17
Kaitlin H Caudy1003Brazil2026-09-22
Munro P Malet1004France2026-09-30
Morrow P Gillian1005Italy2026-09-23
Silvio F Kusko1006Spain2026-10-13
James L Malet1007India2026-10-07
Emily K Campain1008Spain2026-09-24
David P Nicka1009Argentina2026-10-01
Tony J Inouye1010Canada2026-10-19
Stacey X Glick1011Brazil2026-09-21
Stacey W Inouye1012Spain2026-10-10
Darci P Darakjy1013Brazil2026-10-19
Cody W Slusarski1014Canada2026-10-17
Nicolas S Malet1015Australia2026-10-08
Kaitlin M Nestle1016Brazil2026-10-05
Deepesh M Malet1017Brazil2026-10-08
Leja X Royster1018Canada2026-10-14
Juan R Stenseth1019Canada2026-10-11
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Murillo E AlbaresItalyBernardo Dominic PROPOSAL
Antonio K InouyeRussiaBernardo Dominic NEW
Murillo P SaylorsIndiaXuxue Feng UNQUALIFIED
Aruna C AlbaresFranceAnna Fali RENEWAL
Arvin H WaycottUnited KingdomAsiya Javayant PROPOSAL
Deepesh S TollnerAustraliaOnyama Limba RENEWAL
Aika Z PaprockiJapanOnyama Limba NEGOTIATION
Darci P PerinItalyAnna Fali NEW
Arvin U ChuiUnited KingdomStephen Shaw RENEWAL
Mayumi B OstroskyIndiaAnna Fali UNQUALIFIED
Silvio H BriddickUnited KingdomElwin Sharvill NEGOTIATION
Leja Q KuskoItalyStephen Shaw QUALIFIED
Sinclair I RimRussiaOnyama Limba UNQUALIFIED
Aruna O DarakjyJapanIvan Magalhaes QUALIFIED
Julie F MaletJapanIvan Magalhaes RENEWAL
Munro H RulapaughJapanAmy Elsner RENEWAL
Rodrigues U SergiArgentinaOnyama Limba UNQUALIFIED
Smith R RimFranceIvan Magalhaes PROPOSAL
Ashley H ShinkoItalyBernardo Dominic NEGOTIATION
Faith K VocelkaCanadaIoni Bowcher NEW
Antonio K GlickArgentinaXuxue Feng NEW
Mujtaba W ShinkoAustraliaAnna Fali QUALIFIED
Faith Q WhobreyIndiaAsiya Javayant NEW
Jefferson P SaylorsIndiaBernardo Dominic QUALIFIED
Antonio T PoquetteUnited KingdomIoni Bowcher UNQUALIFIED
Isabel W RutaItalyIvan Magalhaes RENEWAL
Juan V FollerGermanyStephen Shaw PROPOSAL
Faith C RulapaughItalyIvan Magalhaes QUALIFIED
Johnson Z DarakjyFranceAnna Fali NEW
Francesco K DilliardFranceStephen Shaw RENEWAL
Rodrigues Q StensethCanadaAnna Fali QUALIFIED
Arvin G MaletItalyIvan Magalhaes QUALIFIED
Antonio L BowleyAustraliaStephen Shaw NEGOTIATION
Octavia U MarrierRussiaStephen Shaw PROPOSAL
Clifford I AlbaresItalyAmy Elsner UNQUALIFIED
Silvio B BriddickItalyAsiya Javayant NEGOTIATION
Julie B SlusarskiItalyAmy Elsner NEGOTIATION
Jones Q OldroydFranceElwin Sharvill UNQUALIFIED
Sinclair T DarakjyIndiaElwin Sharvill UNQUALIFIED
Ashley U DilliardSpainBernardo Dominic NEW

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