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
Johnson L FollerIndiaAnna Fali NEW
Maria T VocelkaUnited KingdomStephen Shaw UNQUALIFIED
Murillo V DilliardGermanyStephen Shaw NEGOTIATION
Chavez X FerenczArgentinaIvan Magalhaes PROPOSAL
Leja V VenereGermanyAsiya Javayant QUALIFIED
Kadeem B VenereCanadaAmy Elsner RENEWAL
Jeanfrancois H RulapaughGermanyBernardo Dominic NEW
Ashley L TollnerItalyXuxue Feng NEGOTIATION
Adams L CaudySpainIoni Bowcher UNQUALIFIED
Wickens Y NestleSpainOnyama Limba NEGOTIATION
Ivar P FerenczBrazilIvan Magalhaes UNQUALIFIED
Julie R OstroskyIndiaElwin Sharvill PROPOSAL
Juan C RutaAustraliaIoni Bowcher NEW
Ricardo R NestleGermanyAnna Fali NEW
Sinclair J BowleyJapanOnyama Limba PROPOSAL
Morrow P MarrierIndiaStephen Shaw PROPOSAL
Tony W SlusarskiSpainIvan Magalhaes UNQUALIFIED
Kaitlin I FigeroaSpainOnyama Limba NEGOTIATION
David Y IturbideRussiaAnna Fali NEGOTIATION
Aditya G ShinkoCanadaIvan Magalhaes RENEWAL
Jones Y GlickUnited KingdomXuxue Feng NEGOTIATION
Kaitlin X MarrierCanadaAsiya Javayant QUALIFIED
Wickens N FerenczSpainBernardo Dominic RENEWAL
Darci I NestleArgentinaAnna Fali PROPOSAL
Maria Q RimAustraliaAsiya Javayant RENEWAL
Adams Z PaprockiCanadaIvan Magalhaes RENEWAL
Deepesh G GlickRussiaIoni Bowcher UNQUALIFIED
Ricardo U CaldareraCanadaAmy Elsner NEGOTIATION
Chavez H AmigonUnited KingdomBernardo Dominic NEGOTIATION
Mayumi T DoeItalyAnna Fali NEGOTIATION
Mayumi I CampainJapanAnna Fali QUALIFIED
Salvatore K PoquetteItalyElwin Sharvill UNQUALIFIED
Aruna L StockhamRussiaIoni Bowcher NEGOTIATION
Jefferson S FigeroaCanadaIoni Bowcher RENEWAL
Maisha V SchemmerGermanyAnna Fali NEGOTIATION
Aika I RoysterArgentinaXuxue Feng NEW
Silvio S PoquetteSpainAsiya Javayant PROPOSAL
Antonio C SchemmerBrazilBernardo Dominic UNQUALIFIED
Deepesh F DoeBrazilXuxue Feng QUALIFIED
Antonio T KuskoAustraliaBernardo Dominic UNQUALIFIED
Mujtaba J MarrierRussiaIoni Bowcher QUALIFIED
Aruna C AlbaresIndiaAnna Fali QUALIFIED
Rodrigues F BowleyJapanXuxue Feng NEW
Maria G GarufiCanadaAmy Elsner UNQUALIFIED
Arvin T ChuiUnited KingdomAnna Fali QUALIFIED
Salvatore V VenereFranceAnna Fali QUALIFIED
Misaki S DarakjyGermanyBernardo Dominic PROPOSAL
Claire T MorascaJapanIoni Bowcher QUALIFIED
Arvin R PaprockiArgentinaOnyama Limba QUALIFIED
Maisha K RimGermanyElwin Sharvill UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Leja V CaldareraSpainXuxue Feng PROPOSAL
Arvin G AmigonSpainBernardo Dominic QUALIFIED
Morrow Q CaldareraGermanyBernardo Dominic QUALIFIED
Murillo N DarakjySpainIoni Bowcher RENEWAL
Arvin Y MorascaJapanAmy Elsner NEGOTIATION
Smith Z GillianRussiaOnyama Limba QUALIFIED
Ashley U CampainBrazilOnyama Limba NEGOTIATION
Wickens G InouyeRussiaAmy Elsner RENEWAL
Alejandro K TollnerGermanyXuxue Feng NEGOTIATION
Murillo O OldroydSpainBernardo Dominic UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Leja N ButtBrazil2026-09-17Buckley Miller Wright PROPOSAL98Asiya Javayant
1001Johnson U VenereIndia2026-09-28Buckley Miller Wright RENEWAL77Stephen Shaw
1002Antonio X OstroskyUnited Kingdom2026-10-08Buckley Miller Wright NEW91Ioni Bowcher
1003Aika D FollerRussia2026-10-06Dorl, James J Esq NEW6Elwin Sharvill
1004Smith J InouyeUnited Kingdom2026-09-20Chapman, Ross E Esq UNQUALIFIED60Amy Elsner
1005Aika J SchemmerBrazil2026-09-19Dorl, James J Esq RENEWAL48Amy Elsner
1006Alejandro F RimUnited Kingdom2026-10-12King, Christopher A Esq UNQUALIFIED26Bernardo Dominic
1007Murillo D OldroydJapan2026-10-11Morlong Associates NEGOTIATION7Xuxue Feng
1008Nicolas D GauchoCanada2026-10-07Dorl, James J Esq NEW60Xuxue Feng
1009Faith O IturbideUnited Kingdom2026-10-14Truhlar And Truhlar Attys RENEWAL85Ivan Magalhaes
1010Ivar T StockhamIndia2026-09-18Feiner Bros UNQUALIFIED79Amy Elsner
1011Octavia S MaletSpain2026-10-16Morlong Associates QUALIFIED80Xuxue Feng
1012Salvatore X SlusarskiArgentina2026-10-06Chanay, Jeffrey A Esq UNQUALIFIED99Onyama Limba
1013Stacey Z SaylorsGermany2026-09-20Truhlar And Truhlar Attys NEW76Xuxue Feng
1014Chavez Q SchemmerBrazil2026-09-30Dorl, James J Esq PROPOSAL50Anna Fali
1015Claire H RulapaughSpain2026-10-03Rousseaux, Michael Esq PROPOSAL98Bernardo Dominic
1016Cody W BriddickItaly2026-09-29Buckley Miller Wright NEGOTIATION30Elwin Sharvill
1017Aditya W NickaBrazil2026-09-24Printing Dimensions NEGOTIATION8Anna Fali
1018Antonio M BologniaRussia2026-10-14Dorl, James J Esq PROPOSAL70Ivan Magalhaes
1019Ivar T CaldareraUnited Kingdom2026-09-29Morlong Associates PROPOSAL18Onyama Limba
1020Johnson R NestleRussia2026-09-22Truhlar And Truhlar Attys QUALIFIED82Onyama Limba
1021Smith O KuskoAustralia2026-10-01Feltz Printing Service NEGOTIATION16Asiya Javayant
1022Kadeem X PerinBrazil2026-10-10Morlong Associates PROPOSAL71Xuxue Feng
1023Salvatore F NestleFrance2026-10-14Buckley Miller Wright NEGOTIATION6Stephen Shaw
1024Leja B AmigonAustralia2026-10-15Buckley Miller Wright NEGOTIATION33Ioni Bowcher
1025Ricardo G CaldareraArgentina2026-09-26Benton, John B Jr PROPOSAL54Anna Fali
1026Alejandro S OldroydCanada2026-10-01Chemel, James L Cpa UNQUALIFIED3Xuxue Feng
1027Johnson V GauchoSpain2026-10-01King, Christopher A Esq NEW6Ioni Bowcher
1028David F WieserGermany2026-09-24Chemel, James L Cpa QUALIFIED72Ivan Magalhaes
1029Alejandro Y GlickIndia2026-10-13Feltz Printing Service NEW95Stephen Shaw
1030Ricardo T SergiFrance2026-09-21Buckley Miller Wright NEGOTIATION19Bernardo Dominic
1031Johnson T AlbaresRussia2026-09-20Rangoni Of Florence QUALIFIED81Bernardo Dominic
1032Aika L AmigonFrance2026-10-16Dorl, James J Esq PROPOSAL45Onyama Limba
1033Ivar Y PerinJapan2026-09-27Rousseaux, Michael Esq UNQUALIFIED86Asiya Javayant
1034Alejandro D ButtGermany2026-10-14Rangoni Of Florence PROPOSAL83Ivan Magalhaes
1035Nicolas I RulapaughAustralia2026-10-03Rangoni Of Florence PROPOSAL17Ioni Bowcher
1036Arvin F ShinkoAustralia2026-09-27Commercial Press PROPOSAL46Amy Elsner
1037Jones U SaylorsRussia2026-09-20Chanay, Jeffrey A Esq PROPOSAL26Stephen Shaw
1038Morrow Q VocelkaRussia2026-10-08King, Christopher A Esq PROPOSAL17Ivan Magalhaes
1039Clifford B OstroskyFrance2026-09-28Printing Dimensions RENEWAL39Ioni Bowcher
1040Francesco E SlusarskiGermany2026-10-09Buckley Miller Wright RENEWAL4Ivan Magalhaes
1041Ricardo J FigeroaUnited Kingdom2026-10-14Benton, John B Jr UNQUALIFIED94Xuxue Feng
1042Munro E BowleyArgentina2026-09-21Truhlar And Truhlar Attys PROPOSAL26Elwin Sharvill
1043Maria S KolmetzUnited Kingdom2026-09-26Rousseaux, Michael Esq PROPOSAL41Elwin Sharvill
1044Mayumi F DoeUnited Kingdom2026-09-17Feiner Bros UNQUALIFIED34Bernardo Dominic
1045Maisha H ButtGermany2026-10-08Morlong Associates RENEWAL4Stephen Shaw
1046Ivar A BriddickJapan2026-10-07Printing Dimensions RENEWAL68Ivan Magalhaes
1047Jones M RoysterFrance2026-10-06Rangoni Of Florence NEW28Asiya Javayant
1048James Z GarufiArgentina2026-09-21Feiner Bros NEW21Onyama Limba
1049Silvio B NestleArgentina2026-09-29Printing Dimensions RENEWAL8Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Costa N ShinkoCanadaIoni Bowcher NEGOTIATION
Wickens N ShinkoCanadaXuxue Feng NEGOTIATION
Kadeem U NickaJapanAmy Elsner RENEWAL
Izzy O PoquetteArgentinaAnna Fali NEGOTIATION
Greenwood W GillianItalyAnna Fali NEW
Greenwood A BriddickCanadaAmy Elsner NEW
Cody T StensethArgentinaAmy Elsner NEGOTIATION
Jennifer Y GlickSpainStephen Shaw UNQUALIFIED
Cody W GarufiUnited KingdomStephen Shaw QUALIFIED
Jefferson K GauchoFranceElwin Sharvill PROPOSAL
Ashley M MarrierAustraliaElwin Sharvill NEGOTIATION
Misaki Q BriddickItalyStephen Shaw RENEWAL
Maria Y WieserCanadaBernardo Dominic PROPOSAL
Isabel T PoquetteCanadaAnna Fali NEW
Aruna X CaldareraRussiaAnna Fali NEGOTIATION
Juan Y RulapaughItalyIvan Magalhaes UNQUALIFIED
Jennifer R AmigonBrazilIoni Bowcher QUALIFIED
Smith A BowleyGermanyIvan Magalhaes NEW
Nicolas T InouyeItalyOnyama Limba NEGOTIATION
Morrow B RoysterJapanAsiya Javayant UNQUALIFIED
Johnson E SaylorsBrazilBernardo Dominic PROPOSAL
Stacey D ChuiJapanElwin Sharvill NEW
James H MaletAustraliaIvan Magalhaes QUALIFIED
Antonio P SergiGermanyIvan Magalhaes RENEWAL
Jefferson P WaycottItalyIvan Magalhaes NEGOTIATION
Deepesh E CaudyBrazilAmy Elsner PROPOSAL
Mujtaba F PaprockiArgentinaAnna Fali NEGOTIATION
Isabel D DarakjyItalyIvan Magalhaes NEW
Mayumi X DilliardJapanAnna Fali NEGOTIATION
Silvio P MarrierUnited KingdomOnyama Limba PROPOSAL
Leon O MarrierArgentinaXuxue Feng NEW
Greenwood X MorascaUnited KingdomIoni Bowcher PROPOSAL
Leon E FollerItalyAsiya Javayant UNQUALIFIED
Leja X KolmetzRussiaAsiya Javayant PROPOSAL
Costa H GillianAustraliaBernardo Dominic RENEWAL
James E CaldareraSpainAsiya Javayant UNQUALIFIED
Aruna F RoysterGermanyStephen Shaw NEGOTIATION
Francesco N FerenczCanadaAmy Elsner PROPOSAL
Salvatore I MacleadSpainIoni Bowcher NEW
Munro Y InouyeIndiaBernardo Dominic RENEWAL
Adams H WhobreyIndiaXuxue Feng NEGOTIATION
Silvio Z StensethIndiaElwin Sharvill NEW
Ivar Q RimRussiaOnyama Limba NEGOTIATION
Leon Y StockhamUnited KingdomIoni Bowcher NEW
Ashley H BowleySpainElwin Sharvill RENEWAL
Morrow M SergiItalyElwin Sharvill QUALIFIED
Adams B PaprockiSpainAnna Fali UNQUALIFIED
David Y MaletJapanAsiya Javayant RENEWAL
Ricardo Q PaprockiGermanyAsiya Javayant UNQUALIFIED
Jeanfrancois B VocelkaFranceIvan Magalhaes NEW
Frozen Columns
Name
James I Doe
Antonio F Glick
Smith K Nestle
Morrow Q Maclead
Antonio J Shinko
Nicolas Z Figeroa
Aditya O Figeroa
Munro B Caudy
Mujtaba B Slusarski
Julie K Rulapaugh
Maisha S Saylors
Clifford E Caldarera
Faith K Waycott
Misaki P Rim
James L Marrier
David A Tollner
Greenwood X Rulapaugh
Costa L Gillian
Jeanfrancois U Caldarera
Chavez H Ostrosky
Jefferson E Amigon
Sinclair F Darakjy
Tony X Sergi
Smith D Nestle
Clifford P Sergi
Clifford Z Nestle
Wickens D Caudy
Jones B Oldroyd
Chavez J Marrier
Misaki W Schemmer
Cody E Stockham
Cody G Kusko
Isabel C Ruta
Izzy U Schemmer
Chavez R Malet
Arvin M Kusko
Kaitlin W Morasca
Costa Q Ruta
Antonio L Malet
Murillo D Venere
Johnson G Stenseth
Smith J Wieser
Adams Z Foller
Cody D Bolognia
Leon G Inouye
Rodrigues H Malet
Izzy X Kusko
Smith M Albares
Kadeem F Briddick
David A Tollner
IdCountryDate
1000Argentina2026-09-20
1001Argentina2026-10-10
1002Japan2026-10-14
1003Russia2026-09-20
1004Italy2026-09-27
1005Canada2026-10-07
1006India2026-10-08
1007Germany2026-10-09
1008Russia2026-10-16
1009Russia2026-09-19
1010Germany2026-09-28
1011Japan2026-10-06
1012Australia2026-09-30
1013Canada2026-10-12
1014Germany2026-10-06
1015Australia2026-09-30
1016Canada2026-09-23
1017Japan2026-10-07
1018United Kingdom2026-10-07
1019Italy2026-10-05
1020Italy2026-09-19
1021Russia2026-09-19
1022Italy2026-10-03
1023Italy2026-10-12
1024Spain2026-09-27
1025Brazil2026-10-13
1026France2026-09-29
1027Germany2026-10-08
1028Spain2026-09-20
1029Russia2026-10-08
1030Argentina2026-09-18
1031Japan2026-10-03
1032Argentina2026-10-08
1033United Kingdom2026-10-07
1034Argentina2026-10-09
1035Italy2026-10-04
1036Canada2026-09-25
1037Argentina2026-10-10
1038Argentina2026-10-12
1039Canada2026-10-12
1040Australia2026-10-09
1041Brazil2026-10-03
1042Argentina2026-10-10
1043Argentina2026-10-15
1044France2026-09-28
1045India2026-10-01
1046France2026-10-16
1047France2026-09-28
1048Australia2026-10-01
1049Germany2026-09-22

On-Demand Data

NameIdCountryDate
Sinclair R Gillian1000Italy2026-09-28
Claire S Briddick1001Argentina2026-09-18
Aika M Nestle1002United Kingdom2026-09-25
Jefferson M Caldarera1003India2026-09-19
Nicolas B Poquette1004Italy2026-10-16
Greenwood P Maclead1005Spain2026-09-21
Stacey O Nestle1006Brazil2026-09-28
Aika K Slusarski1007Brazil2026-09-22
Maisha W Rim1008Japan2026-09-27
Stacey I Ferencz1009Russia2026-09-28
Alejandro C Oldroyd1010Argentina2026-09-25
Aditya B Flosi1011France2026-10-10
Jennifer B Royster1012France2026-10-04
Isabel F Maclead1013United Kingdom2026-09-30
Rodrigues T Stenseth1014Argentina2026-09-27
Rodrigues O Chui1015Russia2026-09-24
Costa B Garufi1016Japan2026-10-02
Morrow E Schemmer1017Australia2026-10-06
Maria Q Ferencz1018United Kingdom2026-09-30
Deepesh C Kusko1019France2026-10-12
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leon R BowleySpainAsiya Javayant QUALIFIED
Adams V MaletAustraliaXuxue Feng QUALIFIED
Mujtaba P InouyeUnited KingdomStephen Shaw QUALIFIED
Octavia R DilliardBrazilOnyama Limba NEW
Aditya O FerenczArgentinaIoni Bowcher NEW
Faith G VocelkaRussiaAmy Elsner RENEWAL
Juan T StensethCanadaElwin Sharvill NEW
Maria J MacleadItalyAnna Fali NEW
Misaki E SergiItalyAmy Elsner PROPOSAL
Antonio P WieserAustraliaBernardo Dominic QUALIFIED
Costa J NickaAustraliaOnyama Limba RENEWAL
Kaitlin G BowleyRussiaAnna Fali NEW
Maisha N PoquetteAustraliaXuxue Feng PROPOSAL
Munro S KolmetzItalyAmy Elsner NEW
Silvio O WaycottGermanyAnna Fali UNQUALIFIED
Sinclair Q StensethRussiaAsiya Javayant QUALIFIED
Smith I StockhamSpainIoni Bowcher QUALIFIED
Izzy V WieserUnited KingdomXuxue Feng UNQUALIFIED
Chavez P AlbaresGermanyAnna Fali PROPOSAL
Mayumi K MacleadRussiaAnna Fali NEW
Octavia F NestleAustraliaAsiya Javayant NEGOTIATION
Salvatore W SlusarskiItalyAsiya Javayant NEGOTIATION
Darci N NickaAustraliaBernardo Dominic PROPOSAL
Aruna A MaletAustraliaAsiya Javayant UNQUALIFIED
Murillo C PoquetteGermanyOnyama Limba PROPOSAL
Munro Q DilliardCanadaIvan Magalhaes UNQUALIFIED
David O MarrierAustraliaAmy Elsner QUALIFIED
Adams J MaletJapanIvan Magalhaes UNQUALIFIED
Arvin D AmigonSpainAnna Fali PROPOSAL
Arvin Y SergiArgentinaAsiya Javayant UNQUALIFIED
Smith W SchemmerItalyAnna Fali NEW
Ivar X DoeCanadaOnyama Limba QUALIFIED
Izzy S MaletFranceAsiya Javayant UNQUALIFIED
Jones H SchemmerArgentinaStephen Shaw NEW
Jeanfrancois G KolmetzRussiaAnna Fali NEW
Mujtaba O GillianCanadaElwin Sharvill NEW
Munro Z DoeArgentinaAmy Elsner PROPOSAL
Mujtaba J WieserArgentinaElwin Sharvill NEW
Alejandro F VocelkaIndiaAsiya Javayant NEW
Juan X MorascaCanadaBernardo Dominic QUALIFIED

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