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
Stacey F MacleadBrazilAsiya Javayant RENEWAL
Alejandro E SaylorsCanadaElwin Sharvill QUALIFIED
Julie N RutaArgentinaStephen Shaw PROPOSAL
Ricardo F BriddickGermanyAsiya Javayant RENEWAL
Johnson O WaycottIndiaAsiya Javayant QUALIFIED
Kadeem A StockhamItalyIoni Bowcher RENEWAL
Clifford S GauchoItalyElwin Sharvill QUALIFIED
Jefferson I PerinItalyXuxue Feng UNQUALIFIED
Mujtaba S FerenczUnited KingdomAnna Fali QUALIFIED
Sinclair R RimBrazilIvan Magalhaes NEW
Kadeem Z StockhamSpainElwin Sharvill PROPOSAL
Aruna F GauchoCanadaOnyama Limba UNQUALIFIED
Mayumi P NestleRussiaStephen Shaw NEGOTIATION
Kadeem D RimJapanAsiya Javayant QUALIFIED
James W VocelkaBrazilBernardo Dominic QUALIFIED
Misaki C FlosiFranceAnna Fali NEW
Murillo R CampainFranceAnna Fali NEW
Munro P DoeIndiaBernardo Dominic UNQUALIFIED
Sinclair M DilliardRussiaAmy Elsner RENEWAL
Johnson X FigeroaGermanyAsiya Javayant QUALIFIED
Cody D NickaItalyAmy Elsner NEW
Octavia Z GauchoAustraliaIvan Magalhaes NEGOTIATION
Jennifer D DilliardCanadaStephen Shaw UNQUALIFIED
Leja Q DarakjyBrazilOnyama Limba QUALIFIED
Isabel V OstroskyUnited KingdomAmy Elsner PROPOSAL
Cody N MaletGermanyXuxue Feng NEW
Aditya E OldroydBrazilIvan Magalhaes RENEWAL
Alejandro T PerinAustraliaAnna Fali PROPOSAL
Tony S PerinIndiaAsiya Javayant UNQUALIFIED
Izzy M SergiIndiaElwin Sharvill PROPOSAL
Clifford I StockhamAustraliaXuxue Feng QUALIFIED
Deepesh H BriddickSpainXuxue Feng NEW
Antonio L CaldareraJapanStephen Shaw RENEWAL
Izzy G SchemmerArgentinaIvan Magalhaes RENEWAL
Silvio Y RulapaughGermanyAsiya Javayant PROPOSAL
Rodrigues R KuskoUnited KingdomXuxue Feng NEGOTIATION
Greenwood H WieserAustraliaAmy Elsner UNQUALIFIED
Clifford Z RoysterItalyStephen Shaw UNQUALIFIED
Chavez M MorascaItalyOnyama Limba RENEWAL
Adams S WieserAustraliaAnna Fali NEGOTIATION
Jennifer Z MaletCanadaIoni Bowcher RENEWAL
Salvatore P RoysterIndiaAnna Fali QUALIFIED
Aruna Q PoquetteCanadaAmy Elsner RENEWAL
Juan N ChuiSpainAmy Elsner NEGOTIATION
Faith X WhobreyJapanAmy Elsner UNQUALIFIED
Faith C DilliardFranceAmy Elsner NEGOTIATION
Cody D PaprockiSpainAnna Fali PROPOSAL
Isabel E GlickUnited KingdomElwin Sharvill QUALIFIED
Wickens F InouyeAustraliaXuxue Feng PROPOSAL
Jennifer H StockhamIndiaAmy Elsner PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Arvin A BowleyGermanyBernardo Dominic NEGOTIATION
Nicolas Y PaprockiFranceBernardo Dominic RENEWAL
James R SaylorsItalyStephen Shaw NEW
Darci F KolmetzJapanElwin Sharvill PROPOSAL
Antonio H PerinItalyOnyama Limba RENEWAL
Emily B GarufiCanadaXuxue Feng NEGOTIATION
Octavia O ShinkoFranceStephen Shaw NEW
Salvatore C NickaItalyStephen Shaw NEGOTIATION
Aditya S StockhamSpainXuxue Feng PROPOSAL
David M ShinkoRussiaAnna Fali UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Maria N CaudyArgentina2026-10-23Truhlar And Truhlar Attys PROPOSAL9Xuxue Feng
1001Leon V BriddickGermany2026-11-10Chapman, Ross E Esq NEGOTIATION1Elwin Sharvill
1002Leja Y KuskoFrance2026-11-07Truhlar And Truhlar Attys QUALIFIED62Ioni Bowcher
1003Emily P FigeroaAustralia2026-10-15King, Christopher A Esq RENEWAL11Elwin Sharvill
1004Francesco I GarufiFrance2026-11-01Rangoni Of Florence PROPOSAL55Ioni Bowcher
1005Faith A FollerAustralia2026-11-07Buckley Miller Wright NEGOTIATION55Onyama Limba
1006Jeanfrancois L FigeroaFrance2026-10-19Chapman, Ross E Esq RENEWAL64Ivan Magalhaes
1007Antonio O WhobreyItaly2026-11-04Chanay, Jeffrey A Esq PROPOSAL99Xuxue Feng
1008Misaki U PoquetteItaly2026-10-29King, Christopher A Esq NEW95Stephen Shaw
1009Kadeem J IturbideRussia2026-10-20Buckley Miller Wright NEW7Stephen Shaw
1010Misaki K ChuiArgentina2026-11-03Feltz Printing Service QUALIFIED31Elwin Sharvill
1011Jeanfrancois Q NestleSpain2026-10-12Printing Dimensions UNQUALIFIED55Elwin Sharvill
1012Stacey P PaprockiGermany2026-10-14Chemel, James L Cpa NEGOTIATION75Amy Elsner
1013Claire H VenereUnited Kingdom2026-10-23Rousseaux, Michael Esq RENEWAL72Onyama Limba
1014Jennifer V MarrierArgentina2026-11-06Feltz Printing Service RENEWAL15Bernardo Dominic
1015Stacey J PoquetteItaly2026-10-22Printing Dimensions QUALIFIED79Stephen Shaw
1016Deepesh U MorascaAustralia2026-10-21Chapman, Ross E Esq NEGOTIATION64Xuxue Feng
1017Leja K StensethUnited Kingdom2026-10-16Buckley Miller Wright NEGOTIATION62Ioni Bowcher
1018James A SchemmerFrance2026-10-21Truhlar And Truhlar Attys NEGOTIATION61Ivan Magalhaes
1019Octavia Q OldroydRussia2026-10-21Chapman, Ross E Esq QUALIFIED93Xuxue Feng
1020Mayumi M SlusarskiIndia2026-10-12Buckley Miller Wright RENEWAL68Xuxue Feng
1021Isabel J FlosiGermany2026-11-05King, Christopher A Esq PROPOSAL55Bernardo Dominic
1022Jones Q SchemmerFrance2026-10-28Benton, John B Jr PROPOSAL70Anna Fali
1023Arvin D TollnerItaly2026-11-08Truhlar And Truhlar Attys QUALIFIED46Stephen Shaw
1024Claire U WaycottGermany2026-10-17Feiner Bros QUALIFIED9Ioni Bowcher
1025Adams E AlbaresAustralia2026-10-21Buckley Miller Wright UNQUALIFIED78Onyama Limba
1026Smith S AlbaresRussia2026-10-31Printing Dimensions UNQUALIFIED15Bernardo Dominic
1027Jennifer F NickaRussia2026-10-19Rousseaux, Michael Esq RENEWAL23Anna Fali
1028Stacey K WieserJapan2026-10-17King, Christopher A Esq QUALIFIED49Ioni Bowcher
1029Arvin Z RulapaughCanada2026-10-26Chanay, Jeffrey A Esq RENEWAL90Stephen Shaw
1030Kaitlin M SaylorsItaly2026-11-08Rangoni Of Florence NEGOTIATION34Amy Elsner
1031Antonio R GauchoCanada2026-10-13Benton, John B Jr NEGOTIATION94Stephen Shaw
1032Sinclair B CaudyItaly2026-10-17Truhlar And Truhlar Attys NEGOTIATION71Ioni Bowcher
1033Clifford T RulapaughGermany2026-11-06Feiner Bros NEW19Stephen Shaw
1034Costa O PaprockiCanada2026-10-26Chemel, James L Cpa RENEWAL30Anna Fali
1035Julie C BowleyGermany2026-10-28Benton, John B Jr NEW68Asiya Javayant
1036Clifford Z GillianGermany2026-10-17Rousseaux, Michael Esq UNQUALIFIED46Xuxue Feng
1037Arvin K ChuiUnited Kingdom2026-10-19Morlong Associates QUALIFIED29Ivan Magalhaes
1038Chavez M SaylorsUnited Kingdom2026-11-08Chapman, Ross E Esq PROPOSAL57Ioni Bowcher
1039Jones J AmigonArgentina2026-10-27Rousseaux, Michael Esq RENEWAL4Bernardo Dominic
1040Salvatore D MorascaRussia2026-11-08King, Christopher A Esq NEGOTIATION28Xuxue Feng
1041Mayumi V DarakjyJapan2026-11-04Rangoni Of Florence RENEWAL65Bernardo Dominic
1042Salvatore N GlickUnited Kingdom2026-10-18Rousseaux, Michael Esq RENEWAL21Onyama Limba
1043Munro A OldroydIndia2026-10-16Printing Dimensions NEGOTIATION37Asiya Javayant
1044Kaitlin V BowleyUnited Kingdom2026-10-30Commercial Press NEGOTIATION5Onyama Limba
1045Ivar G IturbideJapan2026-10-27Chemel, James L Cpa PROPOSAL43Ivan Magalhaes
1046Deepesh Q DilliardSpain2026-11-02Feiner Bros QUALIFIED25Ivan Magalhaes
1047Kaitlin L ButtFrance2026-10-12Printing Dimensions RENEWAL3Stephen Shaw
1048Wickens L KolmetzUnited Kingdom2026-10-28Chanay, Jeffrey A Esq PROPOSAL19Bernardo Dominic
1049Misaki W WhobreyRussia2026-10-25Commercial Press UNQUALIFIED88Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Smith V MarrierUnited KingdomStephen Shaw NEW
Morrow H IturbideItalyBernardo Dominic QUALIFIED
Kadeem C BriddickBrazilXuxue Feng UNQUALIFIED
Greenwood X DarakjyGermanyXuxue Feng NEGOTIATION
Isabel N NickaBrazilAsiya Javayant NEGOTIATION
Aruna M FigeroaRussiaIoni Bowcher RENEWAL
Adams R MorascaFranceXuxue Feng UNQUALIFIED
Rodrigues V OldroydBrazilAnna Fali NEW
Deepesh Z ShinkoArgentinaXuxue Feng QUALIFIED
Deepesh Y DilliardArgentinaElwin Sharvill UNQUALIFIED
Julie Y FlosiBrazilElwin Sharvill NEW
Clifford M MorascaIndiaAsiya Javayant UNQUALIFIED
Jones O BriddickIndiaXuxue Feng UNQUALIFIED
Claire S KolmetzUnited KingdomAsiya Javayant RENEWAL
Kaitlin B AmigonRussiaAsiya Javayant QUALIFIED
Darci U VocelkaBrazilIvan Magalhaes PROPOSAL
Antonio K BologniaIndiaAnna Fali UNQUALIFIED
Stacey B DilliardGermanyAnna Fali QUALIFIED
Claire S StockhamRussiaAmy Elsner NEGOTIATION
Sinclair I DarakjyItalyOnyama Limba PROPOSAL
Nicolas F OldroydUnited KingdomOnyama Limba NEGOTIATION
Alejandro J PerinJapanStephen Shaw UNQUALIFIED
Ivar X BriddickCanadaXuxue Feng NEGOTIATION
Adams O AmigonFranceAnna Fali RENEWAL
Costa G SchemmerUnited KingdomOnyama Limba RENEWAL
Julie V DoeBrazilStephen Shaw NEW
Arvin F OldroydUnited KingdomIoni Bowcher RENEWAL
James A ShinkoArgentinaStephen Shaw NEW
Nicolas I KolmetzRussiaBernardo Dominic NEGOTIATION
Kadeem D DilliardGermanyIvan Magalhaes QUALIFIED
Chavez W RimIndiaStephen Shaw UNQUALIFIED
Deepesh Y OstroskyCanadaXuxue Feng PROPOSAL
Rodrigues O VocelkaItalyOnyama Limba RENEWAL
Maria L SlusarskiFranceStephen Shaw UNQUALIFIED
Sinclair K KuskoJapanStephen Shaw RENEWAL
Leon L DoeItalyAnna Fali RENEWAL
Jeanfrancois Z RimUnited KingdomAnna Fali NEGOTIATION
Emily L FlosiBrazilOnyama Limba NEW
Aditya Q SchemmerItalyAnna Fali PROPOSAL
Mayumi P AmigonSpainIoni Bowcher PROPOSAL
Maisha H InouyeUnited KingdomBernardo Dominic RENEWAL
Claire H StensethIndiaElwin Sharvill NEW
Ashley D AlbaresFranceBernardo Dominic QUALIFIED
Ashley E AmigonBrazilAsiya Javayant NEW
Smith Q OldroydFranceAnna Fali NEW
Rodrigues V GauchoFranceAsiya Javayant PROPOSAL
Juan D StensethRussiaStephen Shaw PROPOSAL
Nicolas Q MarrierIndiaBernardo Dominic NEW
Murillo S SaylorsItalyIoni Bowcher QUALIFIED
Maisha Z NestleJapanXuxue Feng RENEWAL
Frozen Columns
Name
Arvin Q Slusarski
Rodrigues B Iturbide
Ashley G Doe
Leja I Shinko
Deepesh P Glick
Jennifer B Garufi
David C Butt
Deepesh C Tollner
Salvatore Q Amigon
Murillo T Bowley
Smith V Venere
Isabel B Briddick
Darci T Gillian
Aruna M Stenseth
Morrow C Malet
Claire I Nicka
Kadeem Y Shinko
Faith W Caudy
Johnson D Saylors
Tony F Stenseth
Maisha K Paprocki
Jones T Slusarski
Alejandro E Nicka
Maisha F Royster
Morrow P Rim
Emily U Briddick
Cody Z Dilliard
Tony Z Rim
Stacey P Foller
Tony K Morasca
Antonio C Flosi
Leja R Rim
Salvatore P Albares
Maisha N Poquette
Nicolas J Royster
Smith S Campain
Izzy L Flosi
Julie P Royster
Deepesh K Gillian
Ricardo L Iturbide
James O Iturbide
Leja E Waycott
Smith P Malet
Jefferson V Briddick
Emily I Stockham
Adams E Campain
Ivar F Royster
Kadeem M Figeroa
David H Ruta
Isabel O Foller
IdCountryDate
1000Germany2026-10-14
1001Australia2026-11-08
1002Brazil2026-10-29
1003Brazil2026-10-16
1004Brazil2026-10-16
1005Russia2026-10-18
1006United Kingdom2026-11-06
1007Spain2026-11-04
1008Italy2026-10-21
1009United Kingdom2026-10-12
1010Canada2026-11-07
1011Russia2026-11-05
1012Russia2026-10-22
1013Brazil2026-11-01
1014Russia2026-10-30
1015Italy2026-11-08
1016Argentina2026-10-15
1017United Kingdom2026-10-18
1018France2026-11-02
1019United Kingdom2026-10-31
1020United Kingdom2026-10-18
1021Argentina2026-11-10
1022Russia2026-11-08
1023Argentina2026-11-03
1024Brazil2026-11-09
1025India2026-11-03
1026Brazil2026-10-18
1027Brazil2026-10-18
1028Australia2026-10-14
1029Italy2026-10-29
1030India2026-10-25
1031Russia2026-11-06
1032Canada2026-10-30
1033Australia2026-10-12
1034Canada2026-10-14
1035Australia2026-10-20
1036Japan2026-10-16
1037Brazil2026-10-20
1038Brazil2026-10-19
1039Japan2026-11-02
1040Canada2026-10-18
1041Russia2026-10-29
1042Germany2026-10-30
1043Germany2026-10-25
1044France2026-10-16
1045France2026-10-23
1046Brazil2026-11-01
1047Australia2026-10-17
1048Japan2026-10-31
1049Canada2026-11-08

On-Demand Data

NameIdCountryDate
Isabel N Flosi1000Brazil2026-10-14
Alejandro M Iturbide1001Russia2026-10-29
Cody W Rulapaugh1002Canada2026-10-12
Mujtaba G Morasca1003Italy2026-10-22
Mayumi C Wieser1004Germany2026-10-26
Costa Q Campain1005Brazil2026-11-04
Morrow E Oldroyd1006Australia2026-11-04
David J Glick1007Brazil2026-10-22
Silvio V Iturbide1008Argentina2026-11-04
Munro M Morasca1009Spain2026-10-18
Faith B Slusarski1010Japan2026-10-27
Morrow V Bolognia1011Australia2026-11-04
Jennifer J Saylors1012Brazil2026-10-20
Stacey S Stenseth1013India2026-10-20
Ivar U Malet1014Germany2026-10-12
James B Slusarski1015Australia2026-10-30
Arvin T Slusarski1016Italy2026-11-07
Costa G Paprocki1017United Kingdom2026-11-02
Maisha Q Gaucho1018Brazil2026-10-24
Darci R Marrier1019Germany2026-11-10
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Tony P WieserArgentinaStephen Shaw UNQUALIFIED
Wickens P PerinBrazilElwin Sharvill UNQUALIFIED
Darci Y BowleySpainIoni Bowcher UNQUALIFIED
Ashley Y MacleadFranceAmy Elsner NEW
Antonio V StockhamBrazilIoni Bowcher NEGOTIATION
Alejandro E FollerAustraliaXuxue Feng RENEWAL
Faith J RulapaughSpainOnyama Limba UNQUALIFIED
Octavia F BowleyItalyOnyama Limba UNQUALIFIED
James S CampainRussiaAsiya Javayant UNQUALIFIED
Julie F MaletGermanyAnna Fali RENEWAL
David A VocelkaFranceAsiya Javayant QUALIFIED
Chavez O MaletGermanyIoni Bowcher RENEWAL
Jefferson H RimFranceAsiya Javayant PROPOSAL
Emily M FerenczRussiaIoni Bowcher RENEWAL
Leon S MacleadItalyAsiya Javayant UNQUALIFIED
Darci C OldroydFranceIoni Bowcher NEW
Kaitlin C ChuiJapanAsiya Javayant UNQUALIFIED
Mayumi G FollerItalyIvan Magalhaes NEW
Emily A CaldareraFranceXuxue Feng RENEWAL
Jones P DoeItalyStephen Shaw RENEWAL
Francesco K StensethIndiaIvan Magalhaes NEW
Cody I GillianGermanyAsiya Javayant NEGOTIATION
Silvio P WhobreyUnited KingdomIoni Bowcher NEW
Salvatore U VenereSpainStephen Shaw RENEWAL
Alejandro V WhobreyFranceXuxue Feng RENEWAL
Maisha X MacleadCanadaAsiya Javayant NEW
Costa U BowleyRussiaAnna Fali UNQUALIFIED
Leon P FigeroaAustraliaAsiya Javayant NEW
Misaki R NestleIndiaBernardo Dominic RENEWAL
Munro B DilliardFranceStephen Shaw RENEWAL
Jefferson T MaletUnited KingdomStephen Shaw NEGOTIATION
Claire U FlosiRussiaStephen Shaw QUALIFIED
Leja P SlusarskiFranceAmy Elsner PROPOSAL
Aruna H RimAustraliaXuxue Feng QUALIFIED
Maria B IturbideFranceBernardo Dominic UNQUALIFIED
Wickens A RutaItalyAsiya Javayant PROPOSAL
Salvatore B BriddickJapanIoni Bowcher NEGOTIATION
Octavia A RutaCanadaIvan Magalhaes QUALIFIED
Greenwood H DoeBrazilOnyama Limba RENEWAL
Mujtaba L NickaArgentinaXuxue Feng 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>