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
Claire U SchemmerAustraliaAnna Fali NEW
David B FerenczCanadaBernardo Dominic NEGOTIATION
Clifford C GarufiIndiaIoni Bowcher QUALIFIED
Rodrigues M OstroskyUnited KingdomElwin Sharvill NEW
Antonio W NestleAustraliaAnna Fali PROPOSAL
Leon K OstroskyGermanyOnyama Limba PROPOSAL
Faith F VocelkaRussiaIoni Bowcher RENEWAL
Ashley F StockhamAustraliaXuxue Feng RENEWAL
Jennifer U BriddickSpainElwin Sharvill QUALIFIED
Ashley G WaycottItalyAsiya Javayant RENEWAL
James V CaldareraIndiaIoni Bowcher RENEWAL
Clifford M InouyeUnited KingdomXuxue Feng NEW
Rodrigues V KuskoIndiaElwin Sharvill NEW
Deepesh V WhobreyUnited KingdomElwin Sharvill PROPOSAL
Adams I AmigonSpainAnna Fali RENEWAL
Mujtaba F KuskoBrazilAsiya Javayant PROPOSAL
Deepesh D DilliardArgentinaAsiya Javayant NEGOTIATION
Nicolas R VocelkaItalyStephen Shaw RENEWAL
Leja U DoeFranceStephen Shaw UNQUALIFIED
Ricardo L CaldareraJapanIvan Magalhaes NEGOTIATION
Adams Y BologniaIndiaAnna Fali NEGOTIATION
Arvin A InouyeIndiaIoni Bowcher UNQUALIFIED
Faith V RimAustraliaBernardo Dominic QUALIFIED
Aditya C MaletFranceIvan Magalhaes RENEWAL
Clifford W GauchoAustraliaElwin Sharvill NEW
Faith R PerinIndiaIvan Magalhaes NEGOTIATION
Aruna U NestleJapanAmy Elsner UNQUALIFIED
Claire O ChuiAustraliaAmy Elsner UNQUALIFIED
Adams B WaycottIndiaStephen Shaw UNQUALIFIED
David Q ShinkoGermanyOnyama Limba PROPOSAL
Ricardo H KolmetzCanadaAnna Fali PROPOSAL
Aruna N OstroskyItalyIoni Bowcher UNQUALIFIED
Ashley A StensethCanadaIoni Bowcher PROPOSAL
Julie X DilliardRussiaOnyama Limba QUALIFIED
Morrow T NestleJapanElwin Sharvill RENEWAL
Jeanfrancois X StockhamBrazilBernardo Dominic PROPOSAL
Murillo S VenereSpainBernardo Dominic UNQUALIFIED
Aditya U MacleadAustraliaStephen Shaw QUALIFIED
Ivar M IturbideArgentinaXuxue Feng QUALIFIED
Stacey F CampainAustraliaIvan Magalhaes PROPOSAL
Morrow R GillianCanadaAsiya Javayant NEGOTIATION
Jennifer L BologniaArgentinaIvan Magalhaes NEGOTIATION
Jefferson S MaletGermanyAsiya Javayant QUALIFIED
Emily X OstroskyJapanOnyama Limba QUALIFIED
Ricardo X MaletArgentinaIoni Bowcher UNQUALIFIED
Johnson E RimArgentinaIoni Bowcher PROPOSAL
Ricardo C RutaCanadaIoni Bowcher QUALIFIED
Smith S GarufiUnited KingdomElwin Sharvill NEW
Faith E FigeroaRussiaStephen Shaw RENEWAL
Tony X SaylorsIndiaIvan Magalhaes QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Munro B CaldareraBrazilStephen Shaw RENEWAL
James K CaudyRussiaXuxue Feng NEGOTIATION
Ricardo X GlickCanadaAmy Elsner RENEWAL
Smith M PerinGermanyIoni Bowcher NEW
Cody U SchemmerItalyAmy Elsner RENEWAL
Aika L BologniaSpainElwin Sharvill UNQUALIFIED
David E PaprockiItalyIoni Bowcher UNQUALIFIED
Jeanfrancois F MarrierAustraliaElwin Sharvill UNQUALIFIED
Maisha F MaletBrazilAnna Fali PROPOSAL
Jefferson Y VocelkaArgentinaAnna Fali NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Munro X IturbideRussia2026-10-03Chanay, Jeffrey A Esq QUALIFIED23Bernardo Dominic
1001Johnson M OstroskyArgentina2026-09-18Printing Dimensions NEGOTIATION82Ivan Magalhaes
1002Adams R BologniaItaly2026-09-30Feltz Printing Service QUALIFIED74Stephen Shaw
1003Stacey R MaletCanada2026-09-26Chapman, Ross E Esq QUALIFIED90Onyama Limba
1004Cody U BowleyIndia2026-09-27Chemel, James L Cpa PROPOSAL18Ioni Bowcher
1005David N FollerArgentina2026-10-11Rousseaux, Michael Esq QUALIFIED68Ioni Bowcher
1006Aditya B CampainArgentina2026-10-16Benton, John B Jr NEGOTIATION40Bernardo Dominic
1007Jefferson G BologniaArgentina2026-09-22Buckley Miller Wright UNQUALIFIED96Onyama Limba
1008Smith Z CampainItaly2026-09-20Buckley Miller Wright UNQUALIFIED69Onyama Limba
1009Deepesh H RulapaughAustralia2026-09-24Rousseaux, Michael Esq PROPOSAL19Xuxue Feng
1010Stacey Y CaudyJapan2026-10-14Dorl, James J Esq UNQUALIFIED39Onyama Limba
1011Octavia R RimArgentina2026-09-23Morlong Associates NEW42Onyama Limba
1012Mayumi I MaletBrazil2026-10-09King, Christopher A Esq PROPOSAL71Bernardo Dominic
1013Julie C WhobreyItaly2026-10-10King, Christopher A Esq UNQUALIFIED74Anna Fali
1014Greenwood C TollnerFrance2026-09-18Buckley Miller Wright UNQUALIFIED1Elwin Sharvill
1015Jeanfrancois Q NestleArgentina2026-10-11Feiner Bros NEW18Anna Fali
1016Antonio O StensethUnited Kingdom2026-10-10Feiner Bros NEGOTIATION98Bernardo Dominic
1017James X NickaGermany2026-09-30Feiner Bros NEW80Asiya Javayant
1018Smith N RulapaughCanada2026-10-04Rangoni Of Florence UNQUALIFIED18Ioni Bowcher
1019Julie L PoquetteRussia2026-10-09Printing Dimensions UNQUALIFIED9Amy Elsner
1020Johnson B DarakjyAustralia2026-09-24Dorl, James J Esq NEW0Ioni Bowcher
1021Octavia F StensethUnited Kingdom2026-09-25Chanay, Jeffrey A Esq PROPOSAL5Xuxue Feng
1022Francesco T PaprockiJapan2026-09-21Commercial Press RENEWAL16Ivan Magalhaes
1023Silvio Q BologniaGermany2026-09-18Feltz Printing Service RENEWAL57Amy Elsner
1024Maisha H GauchoArgentina2026-09-25Rangoni Of Florence NEW65Amy Elsner
1025Julie D RoysterArgentina2026-09-30Dorl, James J Esq QUALIFIED38Elwin Sharvill
1026Darci N DilliardRussia2026-10-03Printing Dimensions RENEWAL80Xuxue Feng
1027David U BriddickGermany2026-09-28Rangoni Of Florence RENEWAL20Bernardo Dominic
1028Costa P BriddickArgentina2026-10-03Rangoni Of Florence NEGOTIATION7Amy Elsner
1029Munro J ChuiIndia2026-09-29Printing Dimensions RENEWAL60Ioni Bowcher
1030Smith X CaldareraFrance2026-09-17Feiner Bros NEW55Elwin Sharvill
1031Jefferson P FerenczArgentina2026-10-07Chemel, James L Cpa RENEWAL30Bernardo Dominic
1032Sinclair W OstroskyJapan2026-10-15King, Christopher A Esq NEGOTIATION16Ivan Magalhaes
1033Leon Y GauchoUnited Kingdom2026-09-22Benton, John B Jr UNQUALIFIED98Elwin Sharvill
1034Faith P OldroydRussia2026-10-05Chanay, Jeffrey A Esq QUALIFIED44Ioni Bowcher
1035Costa T BowleyAustralia2026-10-01Buckley Miller Wright RENEWAL72Ivan Magalhaes
1036Stacey Y NickaArgentina2026-10-03Truhlar And Truhlar Attys NEW11Stephen Shaw
1037James R DoeUnited Kingdom2026-10-02Morlong Associates NEW46Elwin Sharvill
1038Adams D GarufiCanada2026-10-12Rousseaux, Michael Esq NEW48Amy Elsner
1039Cody L FigeroaBrazil2026-09-23Chanay, Jeffrey A Esq NEGOTIATION68Elwin Sharvill
1040Ricardo C ChuiRussia2026-10-02Truhlar And Truhlar Attys NEW48Elwin Sharvill
1041Mujtaba A RoysterAustralia2026-09-26Dorl, James J Esq RENEWAL30Stephen Shaw
1042Leon A RimCanada2026-10-14Truhlar And Truhlar Attys PROPOSAL75Onyama Limba
1043Leon P IturbideUnited Kingdom2026-10-02Chanay, Jeffrey A Esq NEW40Ivan Magalhaes
1044Darci N WhobreyArgentina2026-10-04Chanay, Jeffrey A Esq PROPOSAL39Anna Fali
1045Alejandro K AlbaresRussia2026-09-28Chapman, Ross E Esq RENEWAL73Stephen Shaw
1046Isabel P RimGermany2026-09-19King, Christopher A Esq NEW53Elwin Sharvill
1047Salvatore K ChuiAustralia2026-09-25Feltz Printing Service NEGOTIATION19Amy Elsner
1048Cody Q MarrierCanada2026-10-11Dorl, James J Esq RENEWAL94Stephen Shaw
1049Clifford J GauchoAustralia2026-09-21Rousseaux, Michael Esq RENEWAL22Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Mayumi N SchemmerGermanyOnyama Limba RENEWAL
Juan I ButtItalyIvan Magalhaes NEW
Munro E PaprockiJapanOnyama Limba NEW
Kadeem B PerinUnited KingdomElwin Sharvill NEW
Silvio Z RulapaughBrazilAmy Elsner NEGOTIATION
Leja J SaylorsSpainElwin Sharvill RENEWAL
Salvatore S FollerArgentinaAnna Fali UNQUALIFIED
Sinclair Q PaprockiSpainStephen Shaw QUALIFIED
Kaitlin C TollnerCanadaAmy Elsner UNQUALIFIED
David L AmigonJapanIvan Magalhaes QUALIFIED
Isabel F ShinkoCanadaOnyama Limba NEGOTIATION
Ricardo G WaycottCanadaXuxue Feng QUALIFIED
Julie N ButtItalyStephen Shaw QUALIFIED
Claire O PoquetteFranceXuxue Feng NEGOTIATION
Kaitlin H RutaBrazilStephen Shaw NEGOTIATION
Costa J InouyeCanadaBernardo Dominic QUALIFIED
Juan H WaycottUnited KingdomBernardo Dominic UNQUALIFIED
Deepesh Y StensethBrazilElwin Sharvill NEW
Julie S WaycottFranceElwin Sharvill RENEWAL
Munro A NickaBrazilBernardo Dominic NEW
Mayumi R PerinCanadaAsiya Javayant NEGOTIATION
Isabel H MaletRussiaIvan Magalhaes NEW
Ashley P InouyeJapanElwin Sharvill UNQUALIFIED
Clifford F PerinRussiaBernardo Dominic UNQUALIFIED
Wickens V StensethGermanyAsiya Javayant PROPOSAL
Sinclair E CampainCanadaBernardo Dominic PROPOSAL
Kaitlin O PoquetteSpainIvan Magalhaes NEGOTIATION
Johnson Q FollerIndiaBernardo Dominic PROPOSAL
Murillo K ShinkoCanadaAmy Elsner QUALIFIED
Murillo Q FlosiJapanAnna Fali RENEWAL
James P NickaBrazilAsiya Javayant UNQUALIFIED
Misaki M TollnerAustraliaOnyama Limba PROPOSAL
Leon E CaldareraIndiaAsiya Javayant PROPOSAL
Murillo J TollnerFranceOnyama Limba RENEWAL
Antonio P PerinJapanStephen Shaw NEW
Octavia T WaycottArgentinaElwin Sharvill NEGOTIATION
Mayumi A DoeUnited KingdomAmy Elsner QUALIFIED
Wickens K AmigonRussiaXuxue Feng UNQUALIFIED
Mayumi J PoquetteCanadaAnna Fali NEW
Ashley A MacleadSpainAmy Elsner NEGOTIATION
Darci J DarakjyJapanXuxue Feng NEGOTIATION
Nicolas B SergiBrazilAmy Elsner QUALIFIED
Salvatore U OstroskyAustraliaIoni Bowcher PROPOSAL
Clifford V PaprockiFranceIoni Bowcher NEGOTIATION
Misaki R GarufiSpainBernardo Dominic NEGOTIATION
David M PerinBrazilAmy Elsner RENEWAL
Cody B WhobreyArgentinaIoni Bowcher QUALIFIED
Adams P PoquetteUnited KingdomStephen Shaw NEGOTIATION
Chavez L SchemmerSpainElwin Sharvill UNQUALIFIED
Jefferson Z GlickAustraliaAnna Fali PROPOSAL
Frozen Columns
Name
Deepesh M Venere
Smith Q Caldarera
Costa D Iturbide
Francesco H Waycott
Costa T Perin
Salvatore A Amigon
David Q Kusko
Claire T Rulapaugh
Rodrigues A Marrier
David B Albares
Chavez G Gaucho
Murillo C Doe
Jennifer B Inouye
Cody X Kolmetz
Wickens X Kusko
Munro I Ostrosky
Jeanfrancois M Ferencz
Johnson O Kusko
Tony Q Shinko
Adams M Dilliard
Deepesh S Schemmer
Munro B Flosi
James F Iturbide
Leon U Garufi
Aruna G Nicka
Smith B Rulapaugh
Nicolas M Caldarera
Maisha K Vocelka
Francesco W Malet
Tony C Gaucho
Leon S Stockham
Leja Q Waycott
Alejandro G Butt
Mayumi O Saylors
Francesco J Doe
Emily A Venere
Maisha E Oldroyd
Aditya U Ruta
Mayumi U Sergi
Ricardo F Morasca
Arvin D Briddick
Chavez W Perin
Emily I Vocelka
Chavez I Iturbide
Wickens C Saylors
Silvio X Flosi
Izzy G Vocelka
Silvio U Marrier
Izzy Z Ostrosky
Jefferson R Glick
IdCountryDate
1000Canada2026-10-06
1001Argentina2026-10-09
1002Brazil2026-10-05
1003Australia2026-10-04
1004France2026-09-22
1005Argentina2026-09-21
1006Canada2026-10-15
1007United Kingdom2026-10-04
1008Russia2026-10-15
1009Germany2026-09-26
1010France2026-09-23
1011Brazil2026-09-18
1012Russia2026-09-17
1013France2026-09-17
1014United Kingdom2026-09-27
1015India2026-10-07
1016United Kingdom2026-09-18
1017India2026-10-05
1018Spain2026-09-23
1019Canada2026-09-26
1020Italy2026-10-06
1021Australia2026-10-16
1022Spain2026-10-10
1023Brazil2026-10-02
1024Italy2026-10-01
1025Canada2026-09-27
1026Russia2026-10-12
1027Germany2026-10-04
1028Spain2026-10-05
1029Spain2026-10-03
1030Argentina2026-10-07
1031India2026-10-11
1032France2026-10-01
1033India2026-10-12
1034France2026-10-03
1035Italy2026-10-03
1036Russia2026-10-07
1037Australia2026-09-30
1038Italy2026-10-16
1039Brazil2026-09-24
1040India2026-09-23
1041France2026-10-07
1042India2026-10-07
1043United Kingdom2026-10-11
1044Italy2026-09-28
1045United Kingdom2026-09-28
1046Spain2026-10-12
1047United Kingdom2026-10-03
1048United Kingdom2026-10-07
1049Australia2026-09-19

On-Demand Data

NameIdCountryDate
Jones X Wieser1000France2026-10-15
Izzy F Albares1001Germany2026-09-28
Johnson C Vocelka1002Italy2026-10-13
Jones T Bowley1003Australia2026-09-28
Faith X Amigon1004Russia2026-09-29
Ivar C Stockham1005Canada2026-09-23
Jeanfrancois M Campain1006Spain2026-09-27
Morrow C Figeroa1007India2026-10-16
Costa Q Flosi1008Argentina2026-10-10
Kaitlin P Rulapaugh1009Germany2026-09-21
Aruna Q Figeroa1010Spain2026-10-03
Chavez K Perin1011Japan2026-10-01
Costa A Maclead1012United Kingdom2026-10-16
Maisha Y Butt1013Russia2026-10-05
Juan M Slusarski1014Germany2026-09-23
Deepesh P Marrier1015Canada2026-09-28
Adams K Kolmetz1016Brazil2026-09-27
Jones A Venere1017Canada2026-10-03
David D Ostrosky1018France2026-10-13
Chavez G Gaucho1019United Kingdom2026-10-15
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leon L VenereCanadaStephen Shaw NEW
Alejandro Z NestleIndiaAnna Fali NEW
Mujtaba A IturbideIndiaIoni Bowcher RENEWAL
Francesco N BriddickBrazilElwin Sharvill NEGOTIATION
Ivar O WieserIndiaXuxue Feng PROPOSAL
Deepesh P WhobreyCanadaAmy Elsner PROPOSAL
Salvatore Q TollnerIndiaAsiya Javayant NEW
Ivar C RutaUnited KingdomIvan Magalhaes UNQUALIFIED
David I ChuiArgentinaIvan Magalhaes RENEWAL
Mayumi D RimIndiaOnyama Limba RENEWAL
Munro K KuskoItalyAnna Fali NEGOTIATION
Jones G VenereBrazilElwin Sharvill NEW
Jefferson L BowleyArgentinaStephen Shaw UNQUALIFIED
Claire C IturbideGermanyAnna Fali NEGOTIATION
Leon D BriddickIndiaElwin Sharvill NEGOTIATION
Maisha B SergiGermanyIvan Magalhaes UNQUALIFIED
Leon K PerinSpainStephen Shaw NEGOTIATION
Emily W GillianRussiaIoni Bowcher NEGOTIATION
Leon N DilliardAustraliaOnyama Limba UNQUALIFIED
Morrow X InouyeCanadaElwin Sharvill PROPOSAL
Smith R PoquetteAustraliaIoni Bowcher UNQUALIFIED
Rodrigues M RulapaughRussiaIoni Bowcher NEW
Leon B InouyeBrazilAmy Elsner QUALIFIED
Kaitlin Z SergiItalyElwin Sharvill NEGOTIATION
Kaitlin A IturbideJapanIvan Magalhaes QUALIFIED
Greenwood T OstroskyArgentinaElwin Sharvill RENEWAL
Ivar Z SaylorsItalyIoni Bowcher NEW
Sinclair R FollerFranceBernardo Dominic PROPOSAL
Mujtaba L FlosiSpainAnna Fali UNQUALIFIED
Claire V CaudyGermanyAmy Elsner NEGOTIATION
Munro B WaycottAustraliaIvan Magalhaes RENEWAL
Isabel F GillianFranceXuxue Feng NEW
Aika M DoeRussiaAsiya Javayant NEGOTIATION
Ashley T AmigonGermanyOnyama Limba QUALIFIED
Isabel B InouyeAustraliaOnyama Limba QUALIFIED
Izzy W FigeroaAustraliaAmy Elsner QUALIFIED
James S MaletGermanyIoni Bowcher NEW
Leon H FigeroaUnited KingdomAsiya Javayant NEGOTIATION
Chavez E CaldareraBrazilIoni Bowcher NEGOTIATION
Ashley P CaudyUnited KingdomIvan Magalhaes 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>