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
Murillo J MacleadRussiaStephen Shaw NEW
Deepesh H RutaItalyAsiya Javayant NEW
James G CampainAustraliaIvan Magalhaes UNQUALIFIED
Emily B BriddickAustraliaStephen Shaw QUALIFIED
Jeanfrancois C DoeRussiaIoni Bowcher NEGOTIATION
Stacey A PaprockiCanadaAsiya Javayant NEW
Cody P FlosiGermanyAnna Fali RENEWAL
Kadeem E FigeroaUnited KingdomIoni Bowcher NEGOTIATION
Clifford Z SergiGermanyElwin Sharvill QUALIFIED
Arvin M WhobreyCanadaIvan Magalhaes QUALIFIED
Emily S ChuiItalyAmy Elsner QUALIFIED
Jefferson W OstroskyAustraliaAnna Fali QUALIFIED
Antonio V SchemmerFranceIoni Bowcher UNQUALIFIED
James X RutaAustraliaIvan Magalhaes PROPOSAL
Faith S CaldareraGermanyIvan Magalhaes PROPOSAL
Nicolas X GlickFranceXuxue Feng NEGOTIATION
Ivar N SchemmerRussiaAsiya Javayant NEGOTIATION
Antonio U RimGermanyAnna Fali RENEWAL
Silvio F BowleyBrazilAnna Fali NEGOTIATION
Sinclair C VocelkaBrazilStephen Shaw RENEWAL
James L AlbaresUnited KingdomIoni Bowcher RENEWAL
Munro J DoeBrazilStephen Shaw PROPOSAL
Deepesh Z MaletIndiaIoni Bowcher NEGOTIATION
Maisha N GlickItalyAnna Fali PROPOSAL
Silvio S InouyeAustraliaXuxue Feng PROPOSAL
Munro Q BriddickCanadaBernardo Dominic PROPOSAL
Tony C BriddickBrazilStephen Shaw PROPOSAL
Darci N MacleadArgentinaAnna Fali NEW
Jeanfrancois A MacleadFranceAmy Elsner UNQUALIFIED
Claire O ShinkoBrazilIvan Magalhaes RENEWAL
Leon L ButtFranceIvan Magalhaes NEGOTIATION
Johnson M AmigonIndiaXuxue Feng UNQUALIFIED
Cody S InouyeItalyOnyama Limba QUALIFIED
Jones O DarakjyBrazilIoni Bowcher NEGOTIATION
Misaki K SergiArgentinaIoni Bowcher RENEWAL
Ivar Q ButtAustraliaOnyama Limba QUALIFIED
Jones S MarrierSpainAsiya Javayant UNQUALIFIED
Adams T KuskoAustraliaIoni Bowcher NEW
Costa B TollnerArgentinaIvan Magalhaes QUALIFIED
Faith R VocelkaIndiaAmy Elsner NEW
Claire O AlbaresAustraliaAnna Fali PROPOSAL
Ashley M BowleyIndiaAnna Fali NEW
Kaitlin T WaycottItalyOnyama Limba RENEWAL
Francesco I MorascaJapanElwin Sharvill PROPOSAL
Ivar N FollerBrazilAsiya Javayant NEGOTIATION
Chavez U MarrierSpainElwin Sharvill UNQUALIFIED
Deepesh L InouyeAustraliaAmy Elsner PROPOSAL
Clifford P GarufiCanadaAnna Fali NEGOTIATION
Mujtaba I GlickSpainAsiya Javayant QUALIFIED
Munro R DilliardFranceElwin Sharvill QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Juan P OldroydRussiaAsiya Javayant NEW
Maisha M SlusarskiFranceBernardo Dominic UNQUALIFIED
David G ButtAustraliaElwin Sharvill NEW
Arvin S PaprockiCanadaStephen Shaw NEW
Smith P FlosiIndiaAnna Fali NEGOTIATION
Deepesh B WaycottBrazilAsiya Javayant PROPOSAL
Ricardo D MaletArgentinaAnna Fali QUALIFIED
Aruna U BriddickSpainBernardo Dominic QUALIFIED
Isabel O MarrierUnited KingdomAnna Fali UNQUALIFIED
Smith E CampainGermanyOnyama Limba NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Maisha J CaudyItaly2026-08-21Chemel, James L Cpa UNQUALIFIED81Ivan Magalhaes
1001James H PoquetteSpain2026-09-03Chemel, James L Cpa RENEWAL32Ivan Magalhaes
1002Aruna I PoquetteItaly2026-09-09Rousseaux, Michael Esq NEW45Xuxue Feng
1003Tony X GauchoIndia2026-08-27Dorl, James J Esq PROPOSAL7Amy Elsner
1004Arvin Z SaylorsFrance2026-08-20Feiner Bros NEW32Amy Elsner
1005Alejandro B AlbaresRussia2026-09-17Rousseaux, Michael Esq NEW47Stephen Shaw
1006Aika A PoquetteRussia2026-08-19Chanay, Jeffrey A Esq NEGOTIATION55Elwin Sharvill
1007Smith N BowleyArgentina2026-08-21Feltz Printing Service PROPOSAL70Elwin Sharvill
1008Jefferson R WaycottRussia2026-08-31Commercial Press NEW56Xuxue Feng
1009Chavez H PerinGermany2026-08-24Rangoni Of Florence NEGOTIATION96Asiya Javayant
1010Emily Q DoeFrance2026-09-02Rangoni Of Florence NEGOTIATION18Asiya Javayant
1011Jefferson G DilliardRussia2026-09-08Commercial Press RENEWAL88Onyama Limba
1012Jeanfrancois Q WaycottFrance2026-09-02Chanay, Jeffrey A Esq RENEWAL35Xuxue Feng
1013Aditya Z OldroydUnited Kingdom2026-09-03Truhlar And Truhlar Attys UNQUALIFIED64Bernardo Dominic
1014Costa V StockhamUnited Kingdom2026-09-01Buckley Miller Wright NEGOTIATION41Xuxue Feng
1015Morrow L SchemmerSpain2026-09-09Feltz Printing Service NEGOTIATION85Elwin Sharvill
1016Juan G OldroydRussia2026-09-05Morlong Associates QUALIFIED48Anna Fali
1017Faith N SaylorsCanada2026-08-23Rangoni Of Florence NEGOTIATION70Bernardo Dominic
1018Stacey T BowleyRussia2026-08-21Feltz Printing Service UNQUALIFIED42Elwin Sharvill
1019Francesco O RutaIndia2026-09-01Commercial Press NEW39Ioni Bowcher
1020Maria S VocelkaUnited Kingdom2026-09-05Chanay, Jeffrey A Esq RENEWAL82Ivan Magalhaes
1021Ashley P SaylorsBrazil2026-09-14Feiner Bros RENEWAL32Bernardo Dominic
1022Silvio U OldroydUnited Kingdom2026-08-28Rousseaux, Michael Esq PROPOSAL26Anna Fali
1023Sinclair P NickaFrance2026-08-21Chapman, Ross E Esq NEGOTIATION82Elwin Sharvill
1024Silvio A DilliardArgentina2026-09-17Feltz Printing Service NEGOTIATION43Bernardo Dominic
1025Adams T SchemmerArgentina2026-08-27Benton, John B Jr UNQUALIFIED93Onyama Limba
1026Tony V GarufiAustralia2026-09-06Truhlar And Truhlar Attys NEW34Ioni Bowcher
1027Ivar U DoeBrazil2026-09-12Printing Dimensions UNQUALIFIED58Onyama Limba
1028Ivar I BologniaCanada2026-09-12Feltz Printing Service NEW64Asiya Javayant
1029Emily T NickaArgentina2026-09-16Truhlar And Truhlar Attys QUALIFIED85Ioni Bowcher
1030Aditya J KuskoSpain2026-08-29Morlong Associates RENEWAL1Xuxue Feng
1031Emily S GlickFrance2026-09-05Benton, John B Jr RENEWAL91Asiya Javayant
1032Chavez J StensethIndia2026-08-27Chanay, Jeffrey A Esq NEGOTIATION5Xuxue Feng
1033Cody K CaudyFrance2026-09-08Rousseaux, Michael Esq UNQUALIFIED11Elwin Sharvill
1034Wickens D MacleadGermany2026-08-25Chapman, Ross E Esq RENEWAL83Asiya Javayant
1035Arvin F RulapaughItaly2026-09-04Chanay, Jeffrey A Esq QUALIFIED78Ivan Magalhaes
1036Ricardo N PaprockiRussia2026-09-03Chapman, Ross E Esq RENEWAL17Onyama Limba
1037Costa F PaprockiUnited Kingdom2026-08-27Rousseaux, Michael Esq RENEWAL61Onyama Limba
1038Wickens D FollerSpain2026-09-11Printing Dimensions NEGOTIATION8Bernardo Dominic
1039Ashley N RulapaughAustralia2026-09-09Buckley Miller Wright NEGOTIATION92Anna Fali
1040Costa I FerenczItaly2026-08-26Chemel, James L Cpa NEW28Stephen Shaw
1041Smith X WaycottUnited Kingdom2026-09-14Chemel, James L Cpa NEGOTIATION22Stephen Shaw
1042Claire F FlosiRussia2026-08-28Printing Dimensions NEW31Onyama Limba
1043Munro Q GlickUnited Kingdom2026-09-12Buckley Miller Wright NEW27Asiya Javayant
1044Smith G GarufiIndia2026-09-10Benton, John B Jr QUALIFIED23Stephen Shaw
1045Cody R MaletRussia2026-08-23Feiner Bros NEW44Ivan Magalhaes
1046Jeanfrancois Q DoeCanada2026-09-03Feltz Printing Service QUALIFIED12Asiya Javayant
1047Maria H NestleUnited Kingdom2026-09-17Morlong Associates NEGOTIATION7Ioni Bowcher
1048Nicolas X CampainJapan2026-08-20Chanay, Jeffrey A Esq RENEWAL34Ivan Magalhaes
1049Rodrigues H SaylorsGermany2026-09-17Rousseaux, Michael Esq NEGOTIATION92Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Johnson X WaycottGermanyOnyama Limba PROPOSAL
Leon C InouyeFranceIoni Bowcher QUALIFIED
Morrow V CaldareraCanadaStephen Shaw NEGOTIATION
Rodrigues L OldroydFranceElwin Sharvill RENEWAL
Darci K WieserItalyAnna Fali QUALIFIED
James K SaylorsSpainIvan Magalhaes PROPOSAL
Jefferson D RimGermanyIvan Magalhaes PROPOSAL
Ivar B RimIndiaBernardo Dominic PROPOSAL
Faith Y GlickAustraliaAsiya Javayant QUALIFIED
Leja M MaletCanadaIoni Bowcher RENEWAL
Alejandro L FlosiArgentinaOnyama Limba NEGOTIATION
David B GillianRussiaIoni Bowcher UNQUALIFIED
David P PaprockiRussiaAnna Fali RENEWAL
Morrow I ChuiAustraliaStephen Shaw UNQUALIFIED
Alejandro E StensethIndiaOnyama Limba UNQUALIFIED
Johnson B FerenczBrazilXuxue Feng NEW
Julie G InouyeGermanyIoni Bowcher UNQUALIFIED
Antonio J SaylorsAustraliaXuxue Feng UNQUALIFIED
Ricardo M InouyeRussiaElwin Sharvill QUALIFIED
Costa X TollnerArgentinaAnna Fali UNQUALIFIED
Stacey R OldroydItalyStephen Shaw QUALIFIED
Tony P BriddickBrazilAnna Fali NEGOTIATION
Stacey K MaletGermanyAsiya Javayant RENEWAL
Antonio I RimCanadaStephen Shaw NEW
Wickens R DoeAustraliaAnna Fali UNQUALIFIED
Stacey E IturbideItalyXuxue Feng RENEWAL
Izzy S CaudyIndiaElwin Sharvill QUALIFIED
Octavia C BologniaRussiaAnna Fali PROPOSAL
David P OldroydRussiaStephen Shaw NEGOTIATION
Ivar H SaylorsUnited KingdomOnyama Limba QUALIFIED
Johnson Y FollerIndiaOnyama Limba PROPOSAL
Julie V WaycottJapanStephen Shaw QUALIFIED
Juan P BologniaFranceXuxue Feng RENEWAL
Darci E PerinJapanStephen Shaw UNQUALIFIED
Ashley L VocelkaRussiaAmy Elsner UNQUALIFIED
Stacey E BologniaUnited KingdomBernardo Dominic RENEWAL
Deepesh N DoeSpainStephen Shaw NEGOTIATION
Maria Y NestleArgentinaBernardo Dominic PROPOSAL
Clifford Q BowleyArgentinaAnna Fali NEW
Smith T DilliardJapanIvan Magalhaes QUALIFIED
Greenwood M GlickIndiaIvan Magalhaes QUALIFIED
Antonio L CampainJapanXuxue Feng QUALIFIED
Emily W SchemmerAustraliaBernardo Dominic QUALIFIED
Chavez V WieserItalyBernardo Dominic UNQUALIFIED
Leja D DilliardFranceIoni Bowcher NEGOTIATION
Ashley Z SaylorsGermanyAsiya Javayant NEW
Leon T SergiRussiaIvan Magalhaes RENEWAL
James E SlusarskiAustraliaAmy Elsner NEGOTIATION
Maisha Y SchemmerUnited KingdomOnyama Limba NEGOTIATION
Silvio O BologniaUnited KingdomIvan Magalhaes NEW
Frozen Columns
Name
Aditya O Amigon
Antonio I Paprocki
David S Kolmetz
Arvin J Waycott
Francesco B Kolmetz
Francesco O Rim
Aruna I Gaucho
Julie Y Morasca
Ricardo E Tollner
Mayumi H Chui
Ivar H Oldroyd
Cody V Figeroa
Kaitlin I Stenseth
Cody Y Wieser
Salvatore H Perin
Aditya N Rulapaugh
Kadeem L Schemmer
Munro L Figeroa
Wickens Z Kusko
Tony J Dilliard
Leon Y Gaucho
James X Gillian
Juan E Schemmer
Octavia C Caudy
Octavia B Schemmer
Antonio T Kusko
Octavia W Butt
David A Whobrey
Darci U Stenseth
Darci G Caudy
Kaitlin K Foller
Salvatore L Paprocki
Emily K Bolognia
Cody U Sergi
Maria W Slusarski
Munro W Flosi
Aditya P Flosi
Ivar O Ostrosky
Johnson H Bolognia
Johnson S Inouye
Costa G Foller
Deepesh L Caudy
Aika N Perin
Arvin J Amigon
James N Slusarski
Jones D Albares
Salvatore Z Maclead
Clifford P Nicka
Sinclair F Tollner
Maria R Schemmer
IdCountryDate
1000Italy2026-09-15
1001Russia2026-08-25
1002United Kingdom2026-09-12
1003Brazil2026-08-22
1004Canada2026-09-09
1005Canada2026-08-31
1006Spain2026-09-04
1007Germany2026-08-27
1008Australia2026-08-28
1009Argentina2026-08-21
1010United Kingdom2026-09-11
1011Japan2026-08-24
1012Canada2026-09-11
1013Australia2026-08-27
1014India2026-09-02
1015France2026-09-13
1016Spain2026-08-21
1017Germany2026-08-24
1018India2026-09-14
1019Australia2026-08-20
1020United Kingdom2026-08-31
1021Brazil2026-09-08
1022Russia2026-09-05
1023Russia2026-09-04
1024Australia2026-09-12
1025Italy2026-09-03
1026India2026-09-06
1027United Kingdom2026-08-31
1028Germany2026-09-03
1029Australia2026-08-21
1030Russia2026-08-31
1031Argentina2026-08-19
1032United Kingdom2026-08-23
1033India2026-08-27
1034France2026-09-05
1035Japan2026-08-22
1036Canada2026-09-01
1037Russia2026-09-16
1038Spain2026-09-16
1039Canada2026-09-08
1040Germany2026-09-06
1041Argentina2026-09-11
1042Canada2026-09-10
1043Argentina2026-09-14
1044Brazil2026-08-24
1045Spain2026-09-16
1046United Kingdom2026-08-30
1047Spain2026-09-04
1048Germany2026-08-30
1049India2026-09-15

On-Demand Data

NameIdCountryDate
Aruna B Sergi1000India2026-09-12
Arvin R Schemmer1001Australia2026-08-30
Francesco A Maclead1002United Kingdom2026-08-27
Arvin V Malet1003India2026-08-19
Francesco P Ostrosky1004Russia2026-09-16
Ricardo R Marrier1005Germany2026-09-10
Izzy A Maclead1006Australia2026-09-05
Isabel J Poquette1007Argentina2026-09-03
Jefferson O Vocelka1008Argentina2026-09-01
Ashley Q Bolognia1009United Kingdom2026-08-31
Silvio D Whobrey1010Spain2026-09-08
Rodrigues S Malet1011Argentina2026-09-15
Jennifer V Paprocki1012Japan2026-08-24
Chavez O Ruta1013United Kingdom2026-08-24
Johnson W Rulapaugh1014United Kingdom2026-09-13
Izzy X Caldarera1015France2026-09-02
Chavez I Waycott1016United Kingdom2026-08-31
Julie A Amigon1017Russia2026-09-09
Kadeem F Gillian1018Brazil2026-08-22
Maisha O Slusarski1019Australia2026-09-11
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Alejandro L RulapaughIndiaStephen Shaw NEW
Claire T InouyeUnited KingdomAsiya Javayant NEGOTIATION
Morrow T DoeCanadaXuxue Feng NEW
Claire X NickaAustraliaIvan Magalhaes UNQUALIFIED
Cody V SlusarskiSpainBernardo Dominic PROPOSAL
Cody U StockhamBrazilBernardo Dominic PROPOSAL
Francesco T ButtFranceXuxue Feng NEGOTIATION
Silvio N BowleyGermanyIoni Bowcher NEW
Greenwood K MaletArgentinaXuxue Feng NEGOTIATION
Maria Q DilliardUnited KingdomAsiya Javayant QUALIFIED
Chavez P CampainRussiaBernardo Dominic NEGOTIATION
Aika A VocelkaJapanOnyama Limba NEGOTIATION
Jeanfrancois J CaudyIndiaStephen Shaw QUALIFIED
Faith N OldroydJapanAsiya Javayant NEW
Munro M ChuiCanadaIoni Bowcher UNQUALIFIED
Johnson Z PerinIndiaAnna Fali QUALIFIED
Chavez E PaprockiGermanyAmy Elsner RENEWAL
Aditya I ButtUnited KingdomStephen Shaw QUALIFIED
Jefferson K CaudyCanadaStephen Shaw UNQUALIFIED
Ivar G SlusarskiGermanyAmy Elsner NEGOTIATION
Isabel K PoquetteCanadaAmy Elsner NEW
Emily T BowleyIndiaAnna Fali NEGOTIATION
Julie J IturbideItalyXuxue Feng NEW
Mayumi R RulapaughCanadaAmy Elsner PROPOSAL
Francesco J MaletJapanIvan Magalhaes NEGOTIATION
Julie L GillianAustraliaIvan Magalhaes PROPOSAL
Faith Q RutaSpainIvan Magalhaes NEW
Arvin E CaldareraAustraliaStephen Shaw PROPOSAL
Greenwood V CaldareraBrazilOnyama Limba NEW
Arvin A BriddickRussiaElwin Sharvill PROPOSAL
Ashley F CampainAustraliaAsiya Javayant PROPOSAL
Rodrigues V BowleyCanadaIoni Bowcher PROPOSAL
Juan M RoysterIndiaIoni Bowcher NEGOTIATION
Stacey R DoeItalyAnna Fali UNQUALIFIED
Arvin W KuskoArgentinaIoni Bowcher UNQUALIFIED
Aditya H BologniaRussiaAnna Fali UNQUALIFIED
Octavia U WieserJapanIvan Magalhaes NEW
Morrow S GlickAustraliaOnyama Limba RENEWAL
Kaitlin G MarrierArgentinaElwin Sharvill QUALIFIED
Izzy I GlickFranceIoni Bowcher 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>