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 VocelkaItalyXuxue Feng QUALIFIED
James U AmigonGermanyIoni Bowcher PROPOSAL
Chavez Y StockhamArgentinaBernardo Dominic NEGOTIATION
Juan O VocelkaArgentinaXuxue Feng PROPOSAL
Izzy S IturbideSpainIvan Magalhaes UNQUALIFIED
Juan N CampainAustraliaStephen Shaw RENEWAL
Cody G PaprockiRussiaAmy Elsner RENEWAL
Ashley J ButtIndiaOnyama Limba PROPOSAL
Aika Z GauchoJapanElwin Sharvill UNQUALIFIED
Mujtaba H WhobreyRussiaElwin Sharvill PROPOSAL
Francesco V NickaGermanyBernardo Dominic NEGOTIATION
Leon D GarufiBrazilXuxue Feng PROPOSAL
Juan Q MaletAustraliaBernardo Dominic RENEWAL
Juan T DilliardCanadaIvan Magalhaes UNQUALIFIED
Claire D SergiAustraliaStephen Shaw NEW
Nicolas H MarrierSpainElwin Sharvill UNQUALIFIED
Misaki L VenereSpainAsiya Javayant NEW
Jennifer W PaprockiBrazilXuxue Feng NEGOTIATION
Greenwood Z ShinkoBrazilXuxue Feng NEW
Antonio B OldroydRussiaBernardo Dominic NEW
Julie R PoquetteIndiaElwin Sharvill QUALIFIED
Alejandro K BowleyArgentinaAsiya Javayant RENEWAL
Octavia A PaprockiAustraliaOnyama Limba NEW
Tony U WhobreyIndiaBernardo Dominic UNQUALIFIED
Maria O RoysterGermanyElwin Sharvill PROPOSAL
Silvio L RoysterAustraliaXuxue Feng NEGOTIATION
Juan R FlosiRussiaBernardo Dominic PROPOSAL
Aika X MarrierUnited KingdomIvan Magalhaes UNQUALIFIED
Chavez N MaletAustraliaXuxue Feng RENEWAL
Claire F SaylorsRussiaAnna Fali RENEWAL
Costa A FigeroaJapanIoni Bowcher PROPOSAL
Leja K VenereUnited KingdomAnna Fali NEW
Leja K StockhamCanadaAsiya Javayant QUALIFIED
Adams I CampainFranceIvan Magalhaes RENEWAL
Darci G DilliardRussiaElwin Sharvill PROPOSAL
Adams J WaycottUnited KingdomIvan Magalhaes QUALIFIED
Claire C WaycottBrazilOnyama Limba RENEWAL
Maisha K OstroskyRussiaBernardo Dominic QUALIFIED
Smith Z RoysterArgentinaAnna Fali NEW
Stacey V SlusarskiAustraliaAmy Elsner RENEWAL
Tony G MacleadCanadaAsiya Javayant PROPOSAL
Maisha A TollnerGermanyAsiya Javayant PROPOSAL
Jefferson V SaylorsJapanXuxue Feng NEGOTIATION
Francesco Y MorascaItalyAnna Fali RENEWAL
Aditya J SergiFranceBernardo Dominic NEGOTIATION
David S DoeSpainStephen Shaw QUALIFIED
Arvin O StensethSpainStephen Shaw UNQUALIFIED
Chavez X StockhamJapanIvan Magalhaes PROPOSAL
Adams S InouyeJapanElwin Sharvill NEGOTIATION
Jennifer E OldroydSpainAnna Fali NEW
Horizontal
NameCountryRepresentativeStatus
Maisha C OldroydAustraliaElwin Sharvill UNQUALIFIED
Aditya O BologniaJapanOnyama Limba NEGOTIATION
Nicolas E WhobreyItalyOnyama Limba NEGOTIATION
Juan Z DilliardSpainXuxue Feng NEW
David H PerinArgentinaIoni Bowcher NEGOTIATION
Munro S GarufiSpainElwin Sharvill UNQUALIFIED
Costa E WhobreyUnited KingdomElwin Sharvill PROPOSAL
Jones Z NickaItalyOnyama Limba QUALIFIED
Adams N WaycottGermanyAsiya Javayant NEGOTIATION
Clifford O BriddickIndiaAsiya Javayant QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jefferson U CaldareraUnited Kingdom2026-10-13Rangoni Of Florence PROPOSAL53Asiya Javayant
1001Faith T DoeUnited Kingdom2026-11-04Chemel, James L Cpa NEGOTIATION29Onyama Limba
1002Johnson M GillianItaly2026-10-29Rangoni Of Florence RENEWAL60Ivan Magalhaes
1003Rodrigues Y KolmetzUnited Kingdom2026-11-01King, Christopher A Esq NEW98Ioni Bowcher
1004Maisha D GarufiBrazil2026-10-30Buckley Miller Wright NEGOTIATION86Xuxue Feng
1005Isabel D WaycottFrance2026-10-18Rousseaux, Michael Esq RENEWAL15Anna Fali
1006Emily U MorascaCanada2026-10-08King, Christopher A Esq NEW64Onyama Limba
1007Mujtaba W FlosiJapan2026-10-14Morlong Associates QUALIFIED86Stephen Shaw
1008Leon V FigeroaIndia2026-10-15Dorl, James J Esq UNQUALIFIED25Xuxue Feng
1009Salvatore W VocelkaArgentina2026-10-10Buckley Miller Wright RENEWAL4Ivan Magalhaes
1010Murillo U StensethArgentina2026-10-17Truhlar And Truhlar Attys RENEWAL17Ivan Magalhaes
1011Wickens V GlickIndia2026-10-30Rangoni Of Florence PROPOSAL82Amy Elsner
1012Aruna V NickaIndia2026-10-10Benton, John B Jr NEW74Anna Fali
1013David Z SaylorsItaly2026-10-21Chanay, Jeffrey A Esq PROPOSAL57Onyama Limba
1014Munro V FerenczGermany2026-10-26Chapman, Ross E Esq UNQUALIFIED61Xuxue Feng
1015Leon L WaycottArgentina2026-10-21Dorl, James J Esq QUALIFIED9Amy Elsner
1016Maria E ShinkoGermany2026-11-02Printing Dimensions NEGOTIATION47Xuxue Feng
1017Adams M CampainCanada2026-10-22Buckley Miller Wright NEW73Amy Elsner
1018Kadeem O VenereAustralia2026-10-26Chemel, James L Cpa UNQUALIFIED81Elwin Sharvill
1019Juan J ButtAustralia2026-10-21King, Christopher A Esq QUALIFIED10Ioni Bowcher
1020Francesco N NestleJapan2026-11-01King, Christopher A Esq RENEWAL72Onyama Limba
1021Wickens S IturbideItaly2026-11-04Rangoni Of Florence RENEWAL59Xuxue Feng
1022Munro H SergiCanada2026-10-22Morlong Associates RENEWAL81Ioni Bowcher
1023Kaitlin R WieserIndia2026-10-19Rangoni Of Florence UNQUALIFIED97Stephen Shaw
1024Stacey I MacleadFrance2026-10-29Chapman, Ross E Esq QUALIFIED37Bernardo Dominic
1025Aditya E NestleSpain2026-10-19Truhlar And Truhlar Attys RENEWAL72Anna Fali
1026Cody V InouyeRussia2026-10-29Truhlar And Truhlar Attys QUALIFIED36Xuxue Feng
1027Ashley W StensethArgentina2026-10-15Feltz Printing Service NEGOTIATION29Amy Elsner
1028Emily G OstroskyBrazil2026-10-22Printing Dimensions RENEWAL31Stephen Shaw
1029Nicolas F DoeArgentina2026-10-20Dorl, James J Esq NEGOTIATION45Elwin Sharvill
1030Aika Z ButtCanada2026-10-09King, Christopher A Esq PROPOSAL13Ivan Magalhaes
1031Morrow U MaletUnited Kingdom2026-10-14King, Christopher A Esq UNQUALIFIED52Xuxue Feng
1032Octavia E TollnerIndia2026-10-13Commercial Press PROPOSAL6Ivan Magalhaes
1033Kaitlin W SaylorsRussia2026-10-12Rangoni Of Florence NEGOTIATION54Amy Elsner
1034Clifford I GauchoIndia2026-10-09Rangoni Of Florence PROPOSAL98Ivan Magalhaes
1035Leja Z FollerGermany2026-10-24Printing Dimensions NEGOTIATION68Onyama Limba
1036Costa X WieserBrazil2026-10-18Dorl, James J Esq NEW19Stephen Shaw
1037Kaitlin C GlickCanada2026-10-08Rangoni Of Florence NEW9Ivan Magalhaes
1038Deepesh O RutaJapan2026-10-19Chapman, Ross E Esq QUALIFIED75Elwin Sharvill
1039Kadeem W FollerCanada2026-10-20Feltz Printing Service RENEWAL71Onyama Limba
1040Aruna R MacleadUnited Kingdom2026-10-11Dorl, James J Esq RENEWAL44Bernardo Dominic
1041Aika V SchemmerArgentina2026-10-17Dorl, James J Esq UNQUALIFIED56Elwin Sharvill
1042Leon L FerenczFrance2026-10-08Commercial Press QUALIFIED89Anna Fali
1043Silvio L RoysterIndia2026-10-07Benton, John B Jr NEGOTIATION6Xuxue Feng
1044Tony X GauchoAustralia2026-10-08Rousseaux, Michael Esq QUALIFIED37Ivan Magalhaes
1045Aika W BriddickGermany2026-10-26Chanay, Jeffrey A Esq UNQUALIFIED11Xuxue Feng
1046Jefferson R DarakjyIndia2026-10-07Printing Dimensions UNQUALIFIED7Anna Fali
1047Cody P KuskoFrance2026-11-05Benton, John B Jr NEGOTIATION87Amy Elsner
1048Francesco G ShinkoIndia2026-10-07Truhlar And Truhlar Attys NEGOTIATION58Xuxue Feng
1049Morrow X DoeAustralia2026-10-28Chapman, Ross E Esq NEGOTIATION37Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Aruna H FerenczUnited KingdomIvan Magalhaes NEW
Faith Y RutaBrazilAnna Fali QUALIFIED
Arvin V RulapaughSpainBernardo Dominic QUALIFIED
Ashley P VenereCanadaIoni Bowcher UNQUALIFIED
Ivar Y GauchoIndiaOnyama Limba QUALIFIED
Aika K CampainSpainXuxue Feng NEGOTIATION
Jefferson S VenereJapanAsiya Javayant UNQUALIFIED
Isabel R MarrierAustraliaAsiya Javayant QUALIFIED
Aditya D PaprockiJapanIoni Bowcher UNQUALIFIED
Leon L ShinkoSpainElwin Sharvill PROPOSAL
Morrow S VenereSpainIoni Bowcher NEGOTIATION
Mujtaba E CampainRussiaStephen Shaw NEW
Chavez B FigeroaCanadaIvan Magalhaes UNQUALIFIED
Salvatore V CaudyCanadaAsiya Javayant QUALIFIED
Chavez I NestleJapanIvan Magalhaes RENEWAL
Isabel M OldroydUnited KingdomBernardo Dominic PROPOSAL
Wickens I VenereSpainAmy Elsner NEGOTIATION
Izzy P GillianBrazilIoni Bowcher NEGOTIATION
Antonio S CampainFranceOnyama Limba NEGOTIATION
Cody S StensethIndiaAsiya Javayant RENEWAL
Greenwood M DarakjyBrazilAmy Elsner QUALIFIED
Morrow I KuskoIndiaBernardo Dominic UNQUALIFIED
Maisha E StockhamJapanIvan Magalhaes NEGOTIATION
Morrow I StockhamIndiaAsiya Javayant UNQUALIFIED
Isabel F MacleadIndiaAsiya Javayant UNQUALIFIED
Juan N MacleadFranceBernardo Dominic UNQUALIFIED
Munro A MarrierJapanStephen Shaw NEGOTIATION
Julie V GlickGermanyAmy Elsner NEGOTIATION
Chavez B FigeroaIndiaOnyama Limba QUALIFIED
Jeanfrancois A OldroydFranceElwin Sharvill QUALIFIED
Ivar N MaletItalyOnyama Limba RENEWAL
Johnson T MaletCanadaStephen Shaw RENEWAL
Aditya C NestleIndiaElwin Sharvill NEW
Antonio H BologniaFranceIoni Bowcher RENEWAL
James Y MorascaIndiaXuxue Feng UNQUALIFIED
Kaitlin C SergiBrazilStephen Shaw UNQUALIFIED
Morrow K AlbaresArgentinaBernardo Dominic UNQUALIFIED
Cody D DarakjyIndiaXuxue Feng PROPOSAL
Deepesh T StockhamItalyStephen Shaw NEW
Mujtaba O InouyeJapanOnyama Limba RENEWAL
Costa S ShinkoItalyIvan Magalhaes RENEWAL
Stacey F CaldareraSpainElwin Sharvill QUALIFIED
Misaki S OstroskyUnited KingdomAnna Fali NEGOTIATION
Emily K KolmetzArgentinaBernardo Dominic RENEWAL
Munro Q SaylorsGermanyAmy Elsner NEW
Silvio M IturbideBrazilOnyama Limba NEGOTIATION
Cody W WieserBrazilAmy Elsner NEW
Misaki I RoysterItalyStephen Shaw PROPOSAL
Maria J GauchoIndiaAmy Elsner PROPOSAL
Ivar Q RimArgentinaBernardo Dominic RENEWAL
Frozen Columns
Name
Maria O Royster
Alejandro V Inouye
Kaitlin Q Saylors
James L Waycott
Misaki Q Oldroyd
Morrow U Dilliard
Johnson N Nicka
Costa H Vocelka
Stacey W Gillian
Johnson R Inouye
Wickens N Iturbide
Murillo W Stenseth
Greenwood E Nicka
Adams Y Nestle
Kadeem N Waycott
Wickens K Albares
Alejandro O Poquette
Kaitlin W Gillian
Wickens Z Royster
Aditya Q Morasca
Leon T Waycott
Adams E Nestle
David W Kolmetz
Julie B Gillian
Claire Z Stockham
Jeanfrancois L Nicka
Jennifer I Garufi
Misaki W Figeroa
Aditya J Schemmer
Leja K Darakjy
Costa B Ruta
Misaki A Caudy
Darci O Gillian
Maisha H Kusko
Nicolas G Caldarera
Darci P Rulapaugh
Ricardo Z Rulapaugh
Aika N Sergi
Jennifer S Bowley
Maria G Flosi
Greenwood G Garufi
Juan Q Garufi
Stacey W Schemmer
Stacey T Briddick
Stacey X Flosi
Isabel L Stenseth
Aruna D Bolognia
Jones M Bolognia
Alejandro N Whobrey
Ashley F Iturbide
IdCountryDate
1000United Kingdom2026-10-13
1001Russia2026-10-16
1002Japan2026-10-13
1003Russia2026-10-22
1004Spain2026-10-25
1005Japan2026-10-18
1006Germany2026-10-25
1007Japan2026-10-27
1008Brazil2026-10-14
1009Brazil2026-10-31
1010Japan2026-11-04
1011Canada2026-10-11
1012Russia2026-10-17
1013Brazil2026-10-10
1014Spain2026-10-19
1015Russia2026-10-21
1016Canada2026-10-11
1017Australia2026-10-08
1018Brazil2026-10-20
1019Japan2026-10-15
1020France2026-10-23
1021Spain2026-11-04
1022Russia2026-10-30
1023Canada2026-10-30
1024Spain2026-10-14
1025France2026-10-09
1026France2026-10-10
1027Brazil2026-11-04
1028Russia2026-10-17
1029United Kingdom2026-10-10
1030Germany2026-10-10
1031Brazil2026-11-02
1032Russia2026-10-08
1033Japan2026-10-16
1034United Kingdom2026-10-30
1035Spain2026-10-08
1036France2026-10-26
1037Germany2026-10-14
1038United Kingdom2026-10-08
1039Spain2026-10-30
1040United Kingdom2026-10-21
1041Russia2026-10-18
1042United Kingdom2026-10-14
1043Australia2026-10-27
1044India2026-10-17
1045Russia2026-10-23
1046Spain2026-10-28
1047United Kingdom2026-11-03
1048Canada2026-10-07
1049Australia2026-10-12

On-Demand Data

NameIdCountryDate
Leja F Dilliard1000India2026-10-24
Kadeem X Ferencz1001United Kingdom2026-10-18
Ricardo W Stenseth1002United Kingdom2026-10-22
Aruna K Morasca1003United Kingdom2026-10-12
Leon O Rulapaugh1004Japan2026-11-03
Ricardo W Waycott1005Brazil2026-10-19
Jennifer A Gillian1006United Kingdom2026-10-12
Salvatore T Figeroa1007Spain2026-10-20
Claire I Waycott1008Russia2026-10-22
Greenwood M Rim1009Canada2026-10-08
Deepesh C Dilliard1010India2026-10-10
Mujtaba A Paprocki1011Australia2026-10-09
Costa C Whobrey1012France2026-10-17
Darci O Wieser1013France2026-10-19
Aruna B Stenseth1014Russia2026-10-31
Sinclair D Maclead1015Japan2026-10-19
Darci A Doe1016Italy2026-10-11
Arvin L Campain1017Brazil2026-10-28
Francesco S Maclead1018Germany2026-10-27
David Y Darakjy1019Brazil2026-10-14
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Rodrigues V OstroskyGermanyAmy Elsner NEW
Stacey O WhobreyJapanOnyama Limba NEGOTIATION
Jennifer F MaletIndiaAsiya Javayant NEGOTIATION
Julie G TollnerGermanyIoni Bowcher QUALIFIED
Aditya K DilliardArgentinaElwin Sharvill QUALIFIED
Aditya V RutaCanadaIoni Bowcher PROPOSAL
Mayumi F RoysterItalyAsiya Javayant QUALIFIED
Aruna Z TollnerSpainOnyama Limba NEW
Chavez F BriddickItalyAsiya Javayant PROPOSAL
Maria X DilliardGermanyAsiya Javayant UNQUALIFIED
Nicolas N VenereAustraliaAsiya Javayant QUALIFIED
Cody M WaycottFranceAsiya Javayant RENEWAL
Aika K ButtIndiaOnyama Limba PROPOSAL
Murillo B DoeUnited KingdomXuxue Feng RENEWAL
Izzy C SaylorsSpainElwin Sharvill PROPOSAL
Morrow E VocelkaIndiaIoni Bowcher QUALIFIED
Greenwood W SchemmerUnited KingdomAmy Elsner QUALIFIED
Greenwood T BowleyBrazilAnna Fali RENEWAL
Cody U FigeroaArgentinaBernardo Dominic NEW
Jefferson W ButtIndiaBernardo Dominic NEW
Emily R CaldareraArgentinaXuxue Feng RENEWAL
Morrow S MaletBrazilXuxue Feng PROPOSAL
Maisha L BriddickAustraliaStephen Shaw RENEWAL
Alejandro V RulapaughAustraliaXuxue Feng PROPOSAL
Wickens N WhobreyAustraliaAsiya Javayant NEGOTIATION
Misaki W GillianBrazilElwin Sharvill NEGOTIATION
Darci F ShinkoSpainOnyama Limba PROPOSAL
Silvio B VenereIndiaElwin Sharvill PROPOSAL
Misaki X KolmetzAustraliaAnna Fali UNQUALIFIED
Jefferson Z WhobreyCanadaAmy Elsner UNQUALIFIED
Clifford W GlickItalyIvan Magalhaes QUALIFIED
Isabel F RimRussiaStephen Shaw NEW
Emily D GlickGermanyStephen Shaw NEW
Isabel B DoeSpainElwin Sharvill UNQUALIFIED
Johnson K RoysterGermanyIoni Bowcher NEW
Silvio R SergiRussiaStephen Shaw PROPOSAL
Adams S WieserGermanyStephen Shaw NEW
Salvatore R KuskoItalyElwin Sharvill NEGOTIATION
Ivar P KuskoFranceIvan Magalhaes NEW
Deepesh V SlusarskiRussiaXuxue Feng PROPOSAL

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