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
James F FollerUnited KingdomIvan Magalhaes NEW
Ricardo G SchemmerCanadaXuxue Feng NEGOTIATION
Alejandro J WhobreyArgentinaElwin Sharvill RENEWAL
Chavez P RulapaughGermanyIvan Magalhaes RENEWAL
Clifford S KuskoRussiaBernardo Dominic QUALIFIED
Emily O AmigonFranceAmy Elsner NEGOTIATION
Misaki W SergiGermanyStephen Shaw UNQUALIFIED
Mayumi H NestleRussiaElwin Sharvill NEGOTIATION
Izzy C ShinkoUnited KingdomXuxue Feng NEGOTIATION
Jones O DoeIndiaBernardo Dominic NEGOTIATION
Murillo N PoquetteGermanyAmy Elsner UNQUALIFIED
Costa P BologniaRussiaElwin Sharvill PROPOSAL
Maisha P FlosiAustraliaAnna Fali UNQUALIFIED
Ivar N FigeroaFranceIoni Bowcher NEGOTIATION
Stacey S RutaIndiaXuxue Feng QUALIFIED
Smith M PaprockiGermanyIvan Magalhaes PROPOSAL
Nicolas G WaycottAustraliaOnyama Limba UNQUALIFIED
Sinclair M StensethAustraliaAnna Fali PROPOSAL
Kaitlin B DoeArgentinaIoni Bowcher PROPOSAL
Cody A GarufiRussiaAmy Elsner UNQUALIFIED
Isabel U OstroskyGermanyAnna Fali NEGOTIATION
Faith W ChuiGermanyXuxue Feng UNQUALIFIED
Aika B GauchoFranceIvan Magalhaes NEGOTIATION
Greenwood R PerinFranceOnyama Limba PROPOSAL
Rodrigues S SlusarskiIndiaElwin Sharvill UNQUALIFIED
Cody T ShinkoUnited KingdomBernardo Dominic NEGOTIATION
Munro J RimUnited KingdomIvan Magalhaes UNQUALIFIED
Smith I BologniaAustraliaElwin Sharvill NEW
Murillo I NickaJapanStephen Shaw QUALIFIED
Jennifer S FlosiSpainIoni Bowcher NEGOTIATION
Tony W PerinRussiaXuxue Feng PROPOSAL
Morrow Q FigeroaJapanIoni Bowcher QUALIFIED
Greenwood D WieserFranceAmy Elsner QUALIFIED
Antonio C RoysterCanadaIvan Magalhaes NEW
Leja Z KuskoUnited KingdomOnyama Limba PROPOSAL
Maisha R ShinkoGermanyOnyama Limba NEGOTIATION
Silvio V GlickRussiaIoni Bowcher NEGOTIATION
Mayumi U CampainBrazilXuxue Feng PROPOSAL
Julie N WhobreyFranceBernardo Dominic QUALIFIED
Faith Z WhobreyGermanyXuxue Feng NEGOTIATION
Smith P FigeroaBrazilOnyama Limba PROPOSAL
Costa P ChuiSpainStephen Shaw RENEWAL
Murillo F RimUnited KingdomStephen Shaw QUALIFIED
Juan F InouyeGermanyXuxue Feng NEGOTIATION
Silvio C SergiAustraliaXuxue Feng UNQUALIFIED
Nicolas O SaylorsJapanAnna Fali NEGOTIATION
Murillo N NickaAustraliaOnyama Limba QUALIFIED
Silvio Q MacleadArgentinaXuxue Feng NEW
Juan O MaletRussiaElwin Sharvill UNQUALIFIED
James D PaprockiIndiaStephen Shaw NEW
Horizontal
NameCountryRepresentativeStatus
Cody K InouyeFranceAsiya Javayant RENEWAL
Isabel X FerenczIndiaAsiya Javayant NEGOTIATION
Aditya A StockhamArgentinaIvan Magalhaes PROPOSAL
Tony Z FerenczArgentinaOnyama Limba QUALIFIED
Faith T FerenczCanadaAsiya Javayant QUALIFIED
Johnson L FerenczRussiaIoni Bowcher NEGOTIATION
James T KuskoGermanyIvan Magalhaes RENEWAL
Tony N MaletJapanIoni Bowcher NEGOTIATION
Deepesh P AlbaresSpainAsiya Javayant UNQUALIFIED
Octavia G VocelkaCanadaOnyama Limba QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Leja H ShinkoJapan2026-09-24Commercial Press NEW45Elwin Sharvill
1001James L CaudyBrazil2026-09-19Chapman, Ross E Esq NEW72Asiya Javayant
1002Wickens J AmigonAustralia2026-10-16Rousseaux, Michael Esq QUALIFIED37Asiya Javayant
1003Francesco D RulapaughItaly2026-09-27Chapman, Ross E Esq NEW47Anna Fali
1004Adams L GillianAustralia2026-10-15Buckley Miller Wright NEGOTIATION71Anna Fali
1005Costa P CampainJapan2026-10-11Chapman, Ross E Esq PROPOSAL41Ivan Magalhaes
1006Wickens O RoysterFrance2026-10-18Feltz Printing Service NEW92Elwin Sharvill
1007Sinclair N GlickUnited Kingdom2026-10-12Feltz Printing Service UNQUALIFIED93Bernardo Dominic
1008Antonio A NestleUnited Kingdom2026-10-16Rangoni Of Florence QUALIFIED55Amy Elsner
1009Isabel R OstroskyItaly2026-09-22Buckley Miller Wright NEW67Bernardo Dominic
1010Jennifer S NickaBrazil2026-09-23Chapman, Ross E Esq RENEWAL99Anna Fali
1011Morrow C FlosiFrance2026-09-28Benton, John B Jr QUALIFIED22Anna Fali
1012Francesco F SchemmerCanada2026-10-10Benton, John B Jr NEW3Ivan Magalhaes
1013Jennifer Q DarakjyGermany2026-10-08Chanay, Jeffrey A Esq RENEWAL79Anna Fali
1014Maisha A FigeroaGermany2026-10-13Morlong Associates UNQUALIFIED54Xuxue Feng
1015Aditya Q GarufiItaly2026-10-08Printing Dimensions NEGOTIATION28Asiya Javayant
1016Mayumi R ShinkoCanada2026-10-12Chemel, James L Cpa QUALIFIED73Asiya Javayant
1017Aika E StensethCanada2026-10-15Feltz Printing Service UNQUALIFIED18Ivan Magalhaes
1018Munro N TollnerUnited Kingdom2026-10-06Printing Dimensions PROPOSAL37Stephen Shaw
1019Jones R PoquetteSpain2026-09-25Benton, John B Jr UNQUALIFIED8Ivan Magalhaes
1020Munro R DilliardUnited Kingdom2026-10-01Chemel, James L Cpa PROPOSAL89Ioni Bowcher
1021Juan F DilliardIndia2026-09-24Benton, John B Jr RENEWAL7Bernardo Dominic
1022Octavia B PaprockiUnited Kingdom2026-09-26Benton, John B Jr RENEWAL50Bernardo Dominic
1023Jennifer D VocelkaBrazil2026-10-06Rangoni Of Florence PROPOSAL98Elwin Sharvill
1024Leon L PoquetteAustralia2026-09-24Rangoni Of Florence PROPOSAL1Ivan Magalhaes
1025Leon O RimIndia2026-10-11Rousseaux, Michael Esq PROPOSAL69Ioni Bowcher
1026Octavia D TollnerBrazil2026-10-06Benton, John B Jr RENEWAL2Stephen Shaw
1027Maisha W MarrierJapan2026-10-08Feltz Printing Service PROPOSAL18Bernardo Dominic
1028Aika C WieserIndia2026-10-16Rousseaux, Michael Esq PROPOSAL53Onyama Limba
1029Kaitlin Y SaylorsJapan2026-09-30Benton, John B Jr NEGOTIATION22Anna Fali
1030Jefferson D GillianRussia2026-10-12Buckley Miller Wright RENEWAL70Stephen Shaw
1031Stacey B ButtArgentina2026-09-27Dorl, James J Esq NEGOTIATION84Onyama Limba
1032Murillo P DoeSpain2026-10-12King, Christopher A Esq UNQUALIFIED11Amy Elsner
1033Silvio N PerinRussia2026-10-10Rousseaux, Michael Esq NEW29Elwin Sharvill
1034Costa O RoysterSpain2026-09-19Printing Dimensions QUALIFIED47Ivan Magalhaes
1035Aika K BowleyRussia2026-09-30Morlong Associates UNQUALIFIED84Stephen Shaw
1036Jefferson V MacleadBrazil2026-09-28Chemel, James L Cpa UNQUALIFIED75Elwin Sharvill
1037Antonio E RoysterAustralia2026-09-24Benton, John B Jr NEW1Xuxue Feng
1038Kaitlin W KuskoAustralia2026-10-15Benton, John B Jr QUALIFIED68Ioni Bowcher
1039Leon R NickaUnited Kingdom2026-10-14Benton, John B Jr QUALIFIED26Xuxue Feng
1040Izzy Y DoeCanada2026-10-08Feiner Bros NEGOTIATION73Amy Elsner
1041Sinclair K BriddickBrazil2026-10-04Feiner Bros NEW14Elwin Sharvill
1042Nicolas X WieserRussia2026-10-07Rousseaux, Michael Esq RENEWAL85Xuxue Feng
1043Stacey E OldroydGermany2026-09-29Feltz Printing Service NEW63Ioni Bowcher
1044Darci P MarrierItaly2026-10-06Benton, John B Jr QUALIFIED89Asiya Javayant
1045Leon B FerenczCanada2026-09-29Buckley Miller Wright UNQUALIFIED56Ivan Magalhaes
1046Johnson R ShinkoSpain2026-09-26Chemel, James L Cpa UNQUALIFIED52Stephen Shaw
1047Munro F VenereSpain2026-10-13Chapman, Ross E Esq UNQUALIFIED13Elwin Sharvill
1048Aika N BriddickArgentina2026-10-11Printing Dimensions NEGOTIATION6Anna Fali
1049Izzy P TollnerCanada2026-10-08Morlong Associates PROPOSAL72Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Clifford K GarufiItalyAsiya Javayant RENEWAL
Isabel D OstroskyJapanXuxue Feng NEW
Leon S AmigonArgentinaAsiya Javayant QUALIFIED
Salvatore H CaldareraAustraliaOnyama Limba NEGOTIATION
Octavia X AmigonUnited KingdomIoni Bowcher PROPOSAL
Smith Q TollnerRussiaAnna Fali PROPOSAL
Julie P FerenczBrazilAmy Elsner QUALIFIED
Rodrigues B PaprockiItalyAmy Elsner PROPOSAL
Juan P VenereFranceIvan Magalhaes NEGOTIATION
Emily G CaldareraBrazilElwin Sharvill PROPOSAL
Kadeem Z FerenczRussiaAsiya Javayant UNQUALIFIED
Misaki X SchemmerGermanyXuxue Feng UNQUALIFIED
James Y GauchoRussiaElwin Sharvill NEW
Johnson S VenereJapanElwin Sharvill RENEWAL
Isabel G MarrierUnited KingdomAnna Fali PROPOSAL
Jennifer I TollnerBrazilIvan Magalhaes NEW
David P AlbaresItalyAsiya Javayant PROPOSAL
Aruna X BriddickUnited KingdomElwin Sharvill NEW
Stacey Q WhobreyRussiaXuxue Feng PROPOSAL
Mujtaba J OldroydUnited KingdomAsiya Javayant UNQUALIFIED
Mayumi Q FerenczCanadaAsiya Javayant RENEWAL
Smith C GlickIndiaAsiya Javayant NEGOTIATION
Morrow L CaldareraFranceBernardo Dominic RENEWAL
Leja K WhobreySpainAnna Fali RENEWAL
Emily I KuskoItalyAnna Fali QUALIFIED
Antonio K RutaIndiaElwin Sharvill UNQUALIFIED
Adams N NickaJapanIoni Bowcher NEGOTIATION
Alejandro L VenereBrazilOnyama Limba QUALIFIED
Darci T OldroydRussiaAnna Fali NEGOTIATION
Leja M InouyeSpainElwin Sharvill NEGOTIATION
Aruna V OldroydRussiaElwin Sharvill NEW
Ricardo E VenereCanadaIvan Magalhaes NEGOTIATION
Greenwood A MorascaSpainBernardo Dominic PROPOSAL
Antonio G CampainCanadaIvan Magalhaes QUALIFIED
Izzy Z MaletJapanIvan Magalhaes NEGOTIATION
Stacey S RulapaughItalyBernardo Dominic UNQUALIFIED
Arvin E WhobreyGermanyOnyama Limba NEGOTIATION
Jennifer A WaycottFranceAmy Elsner RENEWAL
Jefferson L VocelkaJapanIvan Magalhaes NEGOTIATION
Rodrigues O MaletCanadaXuxue Feng NEW
Darci M CaldareraItalyStephen Shaw RENEWAL
Clifford S KolmetzItalyOnyama Limba QUALIFIED
Izzy Z RimFranceStephen Shaw QUALIFIED
Costa O RulapaughAustraliaIoni Bowcher QUALIFIED
Francesco I MaletGermanyStephen Shaw QUALIFIED
Darci S PaprockiGermanyAmy Elsner NEW
Leon N AmigonGermanyAsiya Javayant NEGOTIATION
Mujtaba G DilliardFranceIvan Magalhaes NEW
Chavez Y PaprockiRussiaIoni Bowcher QUALIFIED
Antonio L BriddickItalyBernardo Dominic NEGOTIATION
Frozen Columns
Name
Jones W Saylors
Maisha K Sergi
Antonio D Caldarera
Clifford R Perin
Leon T Malet
James M Chui
Francesco B Amigon
Nicolas Y Inouye
Aditya B Paprocki
Maisha Z Glick
Jefferson Z Kolmetz
Munro U Figeroa
Aika N Kolmetz
Maisha G Nicka
Cody N Maclead
Julie J Royster
Wickens T Saylors
Sinclair T Shinko
Leja L Shinko
Izzy G Glick
Jennifer M Amigon
Darci P Caldarera
Adams Z Oldroyd
Deepesh M Bolognia
Arvin E Morasca
Sinclair X Darakjy
Maria M Morasca
Izzy P Stenseth
Ivar G Figeroa
Salvatore T Nicka
Deepesh J Figeroa
James C Rulapaugh
Misaki E Wieser
Rodrigues J Marrier
Adams J Marrier
Stacey N Butt
Misaki R Stenseth
Aika R Stockham
Jones K Kolmetz
Greenwood C Caldarera
Sinclair R Perin
Maria N Royster
Aika R Schemmer
Johnson Y Ostrosky
Alejandro T Tollner
Silvio L Albares
Isabel V Gillian
Ashley W Bolognia
Jennifer E Briddick
Darci A Tollner
IdCountryDate
1000Russia2026-09-20
1001India2026-09-24
1002Argentina2026-09-19
1003France2026-10-15
1004Russia2026-10-17
1005Brazil2026-09-23
1006Spain2026-10-10
1007United Kingdom2026-10-06
1008Italy2026-09-24
1009Italy2026-09-22
1010Russia2026-10-15
1011France2026-10-14
1012India2026-10-05
1013United Kingdom2026-09-28
1014Australia2026-10-11
1015Japan2026-10-09
1016Russia2026-10-05
1017Canada2026-09-22
1018Australia2026-09-21
1019Argentina2026-10-12
1020Brazil2026-10-07
1021India2026-09-29
1022United Kingdom2026-09-25
1023Argentina2026-09-19
1024Italy2026-09-22
1025Argentina2026-10-12
1026Russia2026-09-22
1027France2026-10-14
1028Canada2026-10-05
1029Russia2026-10-13
1030Canada2026-09-29
1031United Kingdom2026-09-25
1032Canada2026-10-04
1033Spain2026-10-07
1034Brazil2026-09-30
1035India2026-10-18
1036Russia2026-09-21
1037Spain2026-10-07
1038Argentina2026-09-24
1039Germany2026-10-01
1040India2026-10-11
1041India2026-10-17
1042Argentina2026-10-09
1043Australia2026-09-22
1044Brazil2026-10-09
1045France2026-10-11
1046Canada2026-10-10
1047France2026-10-18
1048United Kingdom2026-10-04
1049Japan2026-10-09

On-Demand Data

NameIdCountryDate
Rodrigues L Caldarera1000Brazil2026-09-22
Johnson U Waycott1001Canada2026-10-13
Francesco F Caudy1002Canada2026-10-16
Isabel Q Ferencz1003India2026-09-28
Antonio S Albares1004United Kingdom2026-09-30
Greenwood N Campain1005Spain2026-09-24
Greenwood F Ostrosky1006Russia2026-10-16
Leja K Figeroa1007India2026-10-12
Salvatore W Garufi1008Germany2026-09-21
Salvatore F Campain1009Germany2026-10-05
Emily V Poquette1010France2026-09-27
Jones W Ruta1011United Kingdom2026-10-17
Chavez D Gillian1012Japan2026-09-29
Faith E Nicka1013Canada2026-09-19
Jennifer P Doe1014Canada2026-09-22
Chavez F Bolognia1015Argentina2026-09-26
Julie P Malet1016Germany2026-10-12
Aruna X Saylors1017Canada2026-10-16
Julie B Campain1018United Kingdom2026-10-18
David Z Chui1019United Kingdom2026-09-30
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jones C BowleyUnited KingdomAnna Fali UNQUALIFIED
Arvin J MaletSpainStephen Shaw PROPOSAL
Cody Y SchemmerUnited KingdomOnyama Limba NEW
Adams V WaycottFranceAmy Elsner UNQUALIFIED
Chavez K StockhamFranceBernardo Dominic PROPOSAL
Johnson C OstroskyArgentinaIvan Magalhaes QUALIFIED
Arvin Y FerenczBrazilAnna Fali NEGOTIATION
Salvatore U StensethCanadaOnyama Limba NEW
Maisha L OstroskyItalyAsiya Javayant NEW
Maisha X AmigonBrazilXuxue Feng NEGOTIATION
Jones N TollnerUnited KingdomAmy Elsner PROPOSAL
Juan R BriddickFranceElwin Sharvill PROPOSAL
Leja L GauchoJapanOnyama Limba QUALIFIED
Isabel K PerinItalyXuxue Feng QUALIFIED
Adams Z CaldareraRussiaOnyama Limba PROPOSAL
Julie O IturbideIndiaStephen Shaw PROPOSAL
Kadeem R ButtFranceOnyama Limba NEW
Chavez L GillianFranceElwin Sharvill PROPOSAL
Costa L BriddickIndiaAnna Fali NEGOTIATION
Octavia G WieserAustraliaElwin Sharvill NEW
Adams U RoysterIndiaBernardo Dominic UNQUALIFIED
Faith L FigeroaAustraliaOnyama Limba NEGOTIATION
Silvio A RoysterCanadaIvan Magalhaes UNQUALIFIED
Deepesh X DilliardIndiaOnyama Limba NEW
Alejandro M NestleCanadaXuxue Feng PROPOSAL
Costa Z GarufiBrazilAmy Elsner NEW
Alejandro B DoeBrazilAsiya Javayant NEGOTIATION
Stacey I IturbideCanadaXuxue Feng NEGOTIATION
James Q WieserBrazilXuxue Feng QUALIFIED
Tony I KuskoSpainXuxue Feng UNQUALIFIED
Isabel S DilliardAustraliaAmy Elsner NEW
Kadeem A VocelkaArgentinaAnna Fali PROPOSAL
Octavia E SaylorsRussiaElwin Sharvill QUALIFIED
Wickens G FerenczUnited KingdomAmy Elsner UNQUALIFIED
Adams L SergiArgentinaAsiya Javayant QUALIFIED
Kadeem L ButtAustraliaElwin Sharvill PROPOSAL
Ashley N BowleyAustraliaIvan Magalhaes UNQUALIFIED
Faith T MarrierGermanyIoni Bowcher UNQUALIFIED
Nicolas I OstroskyFranceElwin Sharvill QUALIFIED
Sinclair F WieserAustraliaAnna Fali NEGOTIATION

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