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
Salvatore L PerinRussiaIvan Magalhaes RENEWAL
Silvio I PerinCanadaAsiya Javayant PROPOSAL
Munro D MacleadBrazilAmy Elsner PROPOSAL
Johnson V FollerIndiaAnna Fali UNQUALIFIED
Sinclair U GlickAustraliaXuxue Feng PROPOSAL
Aika S CaldareraArgentinaIvan Magalhaes PROPOSAL
Izzy Z KuskoIndiaAsiya Javayant PROPOSAL
Aditya A SlusarskiAustraliaStephen Shaw PROPOSAL
Aruna Q MorascaAustraliaBernardo Dominic PROPOSAL
Aruna S MorascaCanadaAsiya Javayant NEW
Chavez H KolmetzIndiaXuxue Feng PROPOSAL
Ricardo A GarufiRussiaAsiya Javayant NEGOTIATION
Stacey T PoquetteBrazilAsiya Javayant UNQUALIFIED
Darci M StensethCanadaAnna Fali NEW
Ricardo G RulapaughGermanyXuxue Feng NEW
Kadeem U AlbaresJapanStephen Shaw NEGOTIATION
Arvin H RimArgentinaIoni Bowcher UNQUALIFIED
Izzy U NickaFranceXuxue Feng NEW
Mayumi Y DoeRussiaBernardo Dominic NEGOTIATION
Kaitlin P SlusarskiFranceIvan Magalhaes NEW
Aruna Y SlusarskiArgentinaIvan Magalhaes UNQUALIFIED
Clifford Z ButtBrazilElwin Sharvill PROPOSAL
Cody X ShinkoAustraliaElwin Sharvill NEW
Maisha K PoquetteRussiaOnyama Limba NEGOTIATION
Adams W CampainUnited KingdomBernardo Dominic PROPOSAL
Ashley F MaletCanadaXuxue Feng QUALIFIED
Sinclair A OstroskyItalyXuxue Feng QUALIFIED
Mujtaba N StensethSpainIoni Bowcher QUALIFIED
Juan T MaletRussiaBernardo Dominic RENEWAL
Jones S DarakjyBrazilIvan Magalhaes NEGOTIATION
Claire S FollerArgentinaAmy Elsner UNQUALIFIED
Ricardo N PaprockiRussiaOnyama Limba NEGOTIATION
Julie Q ChuiItalyStephen Shaw PROPOSAL
Johnson Y GauchoFranceStephen Shaw PROPOSAL
Jones R DoeJapanBernardo Dominic QUALIFIED
Julie O MaletGermanyElwin Sharvill RENEWAL
Costa Q PoquetteJapanAsiya Javayant NEW
Arvin C MarrierIndiaBernardo Dominic RENEWAL
Silvio H FlosiRussiaAsiya Javayant PROPOSAL
Chavez T ShinkoSpainAsiya Javayant NEGOTIATION
Munro Q FlosiArgentinaStephen Shaw UNQUALIFIED
Morrow D SlusarskiBrazilElwin Sharvill QUALIFIED
Jennifer N CaudyRussiaXuxue Feng PROPOSAL
Leja L GauchoFranceStephen Shaw QUALIFIED
Aruna U RimFranceElwin Sharvill RENEWAL
Aruna U BologniaItalyIoni Bowcher UNQUALIFIED
Deepesh P DoeFranceElwin Sharvill UNQUALIFIED
Aruna Q OldroydIndiaElwin Sharvill UNQUALIFIED
Chavez C ChuiBrazilAsiya Javayant UNQUALIFIED
Adams P FigeroaSpainXuxue Feng UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Tony A FlosiRussiaOnyama Limba PROPOSAL
James T BologniaJapanXuxue Feng RENEWAL
David K RulapaughIndiaElwin Sharvill NEW
Ricardo V MaletUnited KingdomXuxue Feng QUALIFIED
Octavia Y DarakjyGermanyStephen Shaw QUALIFIED
Jeanfrancois V CaudyGermanyAmy Elsner PROPOSAL
Octavia X BologniaIndiaOnyama Limba NEW
Sinclair B GlickBrazilIvan Magalhaes QUALIFIED
Octavia A SchemmerRussiaOnyama Limba PROPOSAL
Cody O RulapaughUnited KingdomIoni Bowcher PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Kadeem T RimBrazil2026-10-19Chemel, James L Cpa QUALIFIED83Stephen Shaw
1001Jefferson E FollerArgentina2026-10-02Rousseaux, Michael Esq UNQUALIFIED2Onyama Limba
1002Costa T FlosiCanada2026-10-01Benton, John B Jr QUALIFIED59Anna Fali
1003Salvatore Y IturbideGermany2026-10-12Commercial Press RENEWAL5Bernardo Dominic
1004Izzy S IturbideBrazil2026-09-30Feltz Printing Service QUALIFIED21Elwin Sharvill
1005Mayumi Z StensethUnited Kingdom2026-09-28Chemel, James L Cpa RENEWAL5Anna Fali
1006Deepesh E PerinCanada2026-09-28Chapman, Ross E Esq QUALIFIED33Anna Fali
1007Faith P RulapaughRussia2026-10-01Dorl, James J Esq QUALIFIED89Xuxue Feng
1008Chavez G GauchoItaly2026-10-11Buckley Miller Wright UNQUALIFIED98Onyama Limba
1009Wickens W RutaIndia2026-10-19Printing Dimensions PROPOSAL74Onyama Limba
1010Julie H WhobreySpain2026-10-14Feiner Bros QUALIFIED56Onyama Limba
1011Jennifer Y PoquetteArgentina2026-10-07Rousseaux, Michael Esq PROPOSAL47Ioni Bowcher
1012Kadeem L AlbaresUnited Kingdom2026-10-07Feiner Bros RENEWAL2Anna Fali
1013Arvin O MaletIndia2026-09-28Buckley Miller Wright NEW52Amy Elsner
1014Mayumi T GillianGermany2026-10-11Feiner Bros UNQUALIFIED46Anna Fali
1015Antonio W WieserGermany2026-10-05Dorl, James J Esq PROPOSAL75Elwin Sharvill
1016Darci Q SaylorsAustralia2026-09-26Chapman, Ross E Esq NEW85Stephen Shaw
1017Faith T GillianFrance2026-10-21Rousseaux, Michael Esq NEW71Ivan Magalhaes
1018Salvatore W SlusarskiSpain2026-10-07Buckley Miller Wright NEGOTIATION96Onyama Limba
1019Johnson E BowleyArgentina2026-10-01Chapman, Ross E Esq PROPOSAL85Onyama Limba
1020Mayumi X KolmetzIndia2026-10-16Morlong Associates PROPOSAL85Elwin Sharvill
1021Misaki R KolmetzJapan2026-10-19Feltz Printing Service UNQUALIFIED63Onyama Limba
1022Mayumi Y GarufiRussia2026-10-16Chanay, Jeffrey A Esq NEGOTIATION34Asiya Javayant
1023Adams L KuskoBrazil2026-09-25Feiner Bros UNQUALIFIED82Anna Fali
1024Maisha Q KuskoArgentina2026-10-04Feiner Bros QUALIFIED58Anna Fali
1025Tony J StensethAustralia2026-10-03Chanay, Jeffrey A Esq PROPOSAL52Amy Elsner
1026Misaki H BologniaJapan2026-10-10Rousseaux, Michael Esq UNQUALIFIED16Bernardo Dominic
1027Ivar O SchemmerSpain2026-10-21Benton, John B Jr QUALIFIED88Ivan Magalhaes
1028Stacey R ChuiJapan2026-10-08Chapman, Ross E Esq NEGOTIATION62Elwin Sharvill
1029Mayumi J TollnerFrance2026-10-13Truhlar And Truhlar Attys UNQUALIFIED35Elwin Sharvill
1030Tony H ShinkoBrazil2026-10-06Feiner Bros UNQUALIFIED71Bernardo Dominic
1031Jones L OstroskyBrazil2026-09-28Chanay, Jeffrey A Esq NEGOTIATION27Elwin Sharvill
1032Isabel C DilliardFrance2026-09-26Printing Dimensions QUALIFIED20Anna Fali
1033Faith Y RimSpain2026-10-04Feiner Bros QUALIFIED53Xuxue Feng
1034Jennifer R RutaIndia2026-10-20Feiner Bros PROPOSAL46Asiya Javayant
1035Octavia Q InouyeBrazil2026-10-11Chemel, James L Cpa NEGOTIATION74Asiya Javayant
1036Francesco E VocelkaGermany2026-10-21Feltz Printing Service UNQUALIFIED49Asiya Javayant
1037Misaki N TollnerBrazil2026-10-06Benton, John B Jr NEW16Amy Elsner
1038Deepesh E BriddickIndia2026-10-13Printing Dimensions RENEWAL65Bernardo Dominic
1039Leja S OldroydAustralia2026-09-27Truhlar And Truhlar Attys UNQUALIFIED79Ivan Magalhaes
1040Costa Y GauchoGermany2026-09-28Benton, John B Jr QUALIFIED44Stephen Shaw
1041Faith F PoquetteArgentina2026-09-29King, Christopher A Esq NEGOTIATION79Bernardo Dominic
1042James W NestleArgentina2026-10-15Chanay, Jeffrey A Esq QUALIFIED38Bernardo Dominic
1043Maria H ChuiCanada2026-10-17King, Christopher A Esq NEGOTIATION46Elwin Sharvill
1044Alejandro Y VocelkaBrazil2026-10-03Benton, John B Jr QUALIFIED37Onyama Limba
1045Johnson D FollerItaly2026-10-03Chapman, Ross E Esq UNQUALIFIED43Amy Elsner
1046Faith Z GarufiCanada2026-10-14Truhlar And Truhlar Attys PROPOSAL48Onyama Limba
1047Julie N BologniaSpain2026-10-16Chanay, Jeffrey A Esq NEW34Bernardo Dominic
1048James I FerenczRussia2026-10-14Commercial Press NEGOTIATION73Amy Elsner
1049Tony C GillianRussia2026-10-06Feiner Bros QUALIFIED71Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Antonio B FlosiIndiaIoni Bowcher RENEWAL
Octavia E PoquetteItalyAsiya Javayant NEGOTIATION
Smith E MacleadCanadaBernardo Dominic NEGOTIATION
Morrow J ChuiGermanyBernardo Dominic QUALIFIED
Alejandro F DarakjyCanadaElwin Sharvill QUALIFIED
Maisha L SlusarskiRussiaAsiya Javayant QUALIFIED
Faith F GlickJapanIvan Magalhaes PROPOSAL
Aruna L SchemmerSpainElwin Sharvill NEW
Maria R DoeAustraliaOnyama Limba RENEWAL
Mayumi D RimCanadaAmy Elsner UNQUALIFIED
Leja W DilliardUnited KingdomElwin Sharvill QUALIFIED
Chavez R WieserJapanBernardo Dominic NEW
Antonio R DoeAustraliaStephen Shaw RENEWAL
Maisha I RimArgentinaAnna Fali PROPOSAL
Clifford A WieserGermanyOnyama Limba RENEWAL
Stacey C ChuiArgentinaOnyama Limba QUALIFIED
Clifford F MorascaIndiaOnyama Limba NEGOTIATION
Ivar C OldroydUnited KingdomElwin Sharvill NEGOTIATION
Izzy L OstroskyBrazilOnyama Limba NEW
Alejandro M MaletAustraliaBernardo Dominic NEW
Jefferson K DarakjyAustraliaElwin Sharvill NEGOTIATION
Leja X NickaItalyAmy Elsner QUALIFIED
Alejandro X DarakjyGermanyStephen Shaw QUALIFIED
Murillo O MorascaJapanStephen Shaw UNQUALIFIED
Ivar J KolmetzRussiaAmy Elsner RENEWAL
Leon Q DilliardFranceIoni Bowcher UNQUALIFIED
Darci G DoeRussiaStephen Shaw UNQUALIFIED
Ivar S KuskoIndiaIoni Bowcher PROPOSAL
Jones W MarrierBrazilOnyama Limba NEGOTIATION
Sinclair C FlosiGermanyXuxue Feng NEGOTIATION
Tony I MorascaJapanStephen Shaw UNQUALIFIED
Jennifer M CaldareraGermanyAnna Fali UNQUALIFIED
Munro P StockhamCanadaElwin Sharvill QUALIFIED
Jones K NestleBrazilAsiya Javayant QUALIFIED
Johnson U WhobreyBrazilIvan Magalhaes PROPOSAL
Mujtaba H OldroydArgentinaAsiya Javayant NEW
Aruna G VenereAustraliaAsiya Javayant RENEWAL
Chavez T WhobreySpainAnna Fali PROPOSAL
Mujtaba U AmigonBrazilIoni Bowcher PROPOSAL
Antonio Q MaletItalyIoni Bowcher QUALIFIED
Sinclair D FlosiRussiaIoni Bowcher UNQUALIFIED
Deepesh L GillianUnited KingdomStephen Shaw PROPOSAL
Ricardo J DilliardGermanyStephen Shaw UNQUALIFIED
David N CaudyUnited KingdomBernardo Dominic QUALIFIED
Octavia G NestleFranceStephen Shaw QUALIFIED
Costa G ButtUnited KingdomElwin Sharvill PROPOSAL
Smith Q CaldareraIndiaIoni Bowcher QUALIFIED
Francesco R RoysterSpainBernardo Dominic NEW
Isabel N CaldareraUnited KingdomBernardo Dominic PROPOSAL
Greenwood K GarufiJapanAmy Elsner NEW
Frozen Columns
Name
Leon Y Caudy
Stacey Y Saylors
Munro A Venere
Leon X Paprocki
Wickens S Ostrosky
Greenwood L Nestle
Octavia Q Bolognia
Mayumi B Dilliard
Ashley K Malet
Nicolas N Bolognia
Ashley O Inouye
Costa Z Waycott
Stacey M Nicka
Misaki J Wieser
Silvio V Ruta
Julie Y Bowley
Tony O Shinko
Kadeem D Stenseth
James U Flosi
Johnson X Marrier
Francesco W Vocelka
Misaki U Chui
Aika C Morasca
Faith P Perin
Kadeem J Ostrosky
Jeanfrancois R Paprocki
Mayumi W Malet
Alejandro V Paprocki
Maisha M Tollner
Adams U Kolmetz
Salvatore P Shinko
Adams N Oldroyd
Isabel T Figeroa
Isabel I Campain
Nicolas F Paprocki
Aika S Malet
Clifford D Gaucho
David N Garufi
Aika R Waycott
Smith N Darakjy
Izzy J Rim
Maria U Stockham
Maisha F Marrier
Clifford Q Ostrosky
Jones I Wieser
James G Doe
Ivar V Iturbide
Sinclair P Royster
Wickens A Oldroyd
Jennifer G Stockham
IdCountryDate
1000Japan2026-09-30
1001Brazil2026-10-10
1002Argentina2026-10-14
1003Argentina2026-10-21
1004Italy2026-10-10
1005Japan2026-10-01
1006Germany2026-10-03
1007United Kingdom2026-10-14
1008India2026-09-28
1009India2026-10-17
1010India2026-09-30
1011Japan2026-09-26
1012Japan2026-09-27
1013Canada2026-10-05
1014Argentina2026-09-28
1015Canada2026-10-07
1016Australia2026-09-27
1017Argentina2026-10-02
1018Australia2026-10-15
1019Brazil2026-10-04
1020Spain2026-10-09
1021United Kingdom2026-09-30
1022Australia2026-10-20
1023Argentina2026-09-26
1024Australia2026-10-18
1025United Kingdom2026-10-04
1026India2026-10-22
1027Brazil2026-09-29
1028France2026-09-25
1029Russia2026-10-11
1030Japan2026-10-19
1031Australia2026-10-14
1032Japan2026-10-18
1033Brazil2026-10-04
1034Russia2026-10-07
1035Russia2026-10-08
1036France2026-10-06
1037Australia2026-09-28
1038Germany2026-10-18
1039Australia2026-10-18
1040Russia2026-10-08
1041India2026-10-10
1042Russia2026-09-27
1043Japan2026-10-07
1044Japan2026-09-25
1045United Kingdom2026-10-20
1046Russia2026-10-07
1047India2026-10-13
1048Argentina2026-10-05
1049Russia2026-10-18

On-Demand Data

NameIdCountryDate
Leja I Butt1000Canada2026-10-13
Mujtaba C Butt1001France2026-10-19
Kaitlin L Vocelka1002India2026-10-18
Claire J Darakjy1003Spain2026-10-14
Alejandro Y Flosi1004Canada2026-10-11
Darci C Sergi1005France2026-09-29
Sinclair Z Morasca1006Argentina2026-10-12
Emily X Royster1007Australia2026-10-05
Julie V Vocelka1008India2026-09-28
Ricardo K Whobrey1009Australia2026-10-03
Mayumi B Sergi1010Germany2026-10-03
Clifford A Vocelka1011United Kingdom2026-09-28
Izzy Z Nicka1012Brazil2026-10-06
David J Dilliard1013Japan2026-10-13
Mujtaba P Caudy1014Spain2026-10-12
James Z Wieser1015Italy2026-10-14
David N Kolmetz1016India2026-10-23
Greenwood L Malet1017United Kingdom2026-09-29
Juan X Waycott1018Russia2026-09-27
Greenwood U Oldroyd1019France2026-10-15
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Ashley M SaylorsAustraliaAmy Elsner NEW
Jefferson V SaylorsGermanyIvan Magalhaes RENEWAL
Francesco T GauchoJapanBernardo Dominic RENEWAL
Jennifer P DilliardItalyStephen Shaw UNQUALIFIED
Maisha J MacleadGermanyStephen Shaw NEGOTIATION
Francesco K SergiGermanyIoni Bowcher QUALIFIED
Darci W AlbaresGermanyAmy Elsner QUALIFIED
Faith F NickaArgentinaAmy Elsner PROPOSAL
Silvio B InouyeCanadaElwin Sharvill PROPOSAL
Julie H WieserJapanAsiya Javayant QUALIFIED
Greenwood U OldroydFranceIoni Bowcher NEW
Munro K BowleyJapanStephen Shaw QUALIFIED
Julie P AmigonGermanyAmy Elsner RENEWAL
Johnson R DoeArgentinaAnna Fali NEGOTIATION
Johnson R RulapaughBrazilAsiya Javayant PROPOSAL
Ivar Y StensethGermanyIoni Bowcher PROPOSAL
Aruna Q FigeroaSpainOnyama Limba QUALIFIED
Costa N SlusarskiJapanStephen Shaw PROPOSAL
Jeanfrancois D FigeroaFranceXuxue Feng RENEWAL
Jefferson N InouyeArgentinaElwin Sharvill RENEWAL
Stacey Z GlickCanadaAnna Fali NEGOTIATION
Tony H VocelkaSpainAnna Fali NEGOTIATION
Ashley X GauchoFranceBernardo Dominic UNQUALIFIED
Wickens M OldroydFranceAsiya Javayant NEGOTIATION
Maria H NestleJapanAmy Elsner PROPOSAL
Isabel D ChuiBrazilAnna Fali RENEWAL
Kaitlin R SaylorsBrazilOnyama Limba NEW
Aika X DilliardJapanBernardo Dominic UNQUALIFIED
Morrow A VenereUnited KingdomBernardo Dominic PROPOSAL
Francesco P FerenczItalyXuxue Feng QUALIFIED
Johnson N ButtJapanStephen Shaw QUALIFIED
Jones E DoeCanadaElwin Sharvill NEW
Aditya H StensethCanadaStephen Shaw QUALIFIED
Antonio C NestleUnited KingdomAmy Elsner RENEWAL
Arvin W NickaCanadaIoni Bowcher UNQUALIFIED
Faith X BowleyIndiaElwin Sharvill QUALIFIED
Morrow X TollnerAustraliaOnyama Limba NEW
Clifford J NickaFranceAsiya Javayant NEGOTIATION
Nicolas G BriddickSpainBernardo Dominic UNQUALIFIED
Chavez G RimAustraliaIvan Magalhaes 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>