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 W VocelkaAustraliaIoni Bowcher QUALIFIED
Claire S DarakjyUnited KingdomOnyama Limba NEGOTIATION
Julie G FlosiCanadaStephen Shaw PROPOSAL
Alejandro Q BriddickIndiaAsiya Javayant NEGOTIATION
Silvio R SergiJapanOnyama Limba QUALIFIED
Francesco G BowleyArgentinaIvan Magalhaes PROPOSAL
Izzy Z BowleyIndiaAnna Fali NEW
Darci M MarrierJapanBernardo Dominic PROPOSAL
Ivar G RutaAustraliaIoni Bowcher RENEWAL
Aditya C FollerJapanAsiya Javayant QUALIFIED
David E WieserSpainBernardo Dominic NEGOTIATION
Darci M VocelkaArgentinaIoni Bowcher PROPOSAL
Munro V TollnerAustraliaXuxue Feng QUALIFIED
Munro Y ChuiIndiaElwin Sharvill NEGOTIATION
Aditya H KuskoArgentinaAsiya Javayant PROPOSAL
Chavez A GauchoSpainAsiya Javayant QUALIFIED
Deepesh B FlosiJapanAsiya Javayant PROPOSAL
Jones Y MaletGermanyAsiya Javayant NEW
Costa F DarakjyBrazilStephen Shaw RENEWAL
Izzy Q WieserJapanAmy Elsner QUALIFIED
Aika X PoquetteGermanyIvan Magalhaes QUALIFIED
Jones V NickaItalyOnyama Limba RENEWAL
Jefferson J ShinkoIndiaAnna Fali PROPOSAL
Aditya G IturbideSpainAmy Elsner NEGOTIATION
Izzy L RoysterUnited KingdomStephen Shaw QUALIFIED
Munro A PaprockiAustraliaAnna Fali QUALIFIED
Deepesh A WaycottArgentinaOnyama Limba NEGOTIATION
Ricardo G RimRussiaAnna Fali RENEWAL
Johnson S SchemmerCanadaOnyama Limba NEGOTIATION
Octavia P WieserArgentinaAnna Fali PROPOSAL
Wickens J PoquetteArgentinaXuxue Feng RENEWAL
David J VocelkaBrazilBernardo Dominic RENEWAL
Antonio Y MaletJapanAnna Fali PROPOSAL
Munro F GauchoUnited KingdomElwin Sharvill UNQUALIFIED
Mayumi D StockhamFranceBernardo Dominic UNQUALIFIED
Murillo C ButtCanadaAnna Fali PROPOSAL
Silvio I PerinGermanyIoni Bowcher RENEWAL
Kaitlin V AlbaresCanadaStephen Shaw PROPOSAL
Maisha D VocelkaCanadaOnyama Limba RENEWAL
Clifford V DarakjySpainAsiya Javayant QUALIFIED
Jennifer F FigeroaFranceIvan Magalhaes UNQUALIFIED
Misaki A AlbaresGermanyStephen Shaw UNQUALIFIED
Mujtaba A CaldareraFranceAnna Fali RENEWAL
Francesco K MarrierCanadaAmy Elsner NEGOTIATION
Wickens G RutaCanadaElwin Sharvill NEGOTIATION
Darci J GlickArgentinaAnna Fali PROPOSAL
Rodrigues U RimRussiaAsiya Javayant UNQUALIFIED
Alejandro Y MaletSpainAnna Fali PROPOSAL
Cody M PoquetteBrazilElwin Sharvill RENEWAL
Mujtaba U InouyeItalyAsiya Javayant RENEWAL
Horizontal
NameCountryRepresentativeStatus
Murillo P CaudyFranceElwin Sharvill PROPOSAL
James F SaylorsAustraliaElwin Sharvill UNQUALIFIED
Kadeem F CaudyCanadaAnna Fali NEGOTIATION
David M FerenczArgentinaBernardo Dominic NEW
Octavia T FigeroaFranceIvan Magalhaes NEGOTIATION
Mayumi S RulapaughSpainElwin Sharvill NEW
Leja U ShinkoItalyAsiya Javayant NEW
Greenwood O FlosiArgentinaIoni Bowcher PROPOSAL
Mayumi V FerenczAustraliaAsiya Javayant QUALIFIED
Munro R MacleadArgentinaIoni Bowcher NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Ricardo C ShinkoJapan2026-08-31Morlong Associates PROPOSAL26Bernardo Dominic
1001Ivar O RulapaughItaly2026-09-07Chanay, Jeffrey A Esq QUALIFIED35Onyama Limba
1002Costa E CaudyItaly2026-09-13Feiner Bros RENEWAL48Bernardo Dominic
1003Aruna M MarrierIndia2026-09-03Benton, John B Jr NEGOTIATION89Bernardo Dominic
1004Leon C MaletSpain2026-09-09Dorl, James J Esq RENEWAL51Anna Fali
1005Ricardo Z GauchoAustralia2026-08-29Feltz Printing Service RENEWAL29Ivan Magalhaes
1006Rodrigues B DarakjyGermany2026-09-20Truhlar And Truhlar Attys RENEWAL23Anna Fali
1007Claire T AmigonAustralia2026-09-14Dorl, James J Esq RENEWAL19Onyama Limba
1008Leon Q RoysterIndia2026-08-26Truhlar And Truhlar Attys RENEWAL93Bernardo Dominic
1009Claire N OstroskyIndia2026-09-04Chemel, James L Cpa PROPOSAL30Onyama Limba
1010James S FerenczCanada2026-09-14Feiner Bros NEGOTIATION61Stephen Shaw
1011Ivar K StensethCanada2026-09-12Feltz Printing Service PROPOSAL67Onyama Limba
1012Salvatore C GarufiIndia2026-09-21Morlong Associates PROPOSAL95Onyama Limba
1013Nicolas Z MorascaArgentina2026-09-08Buckley Miller Wright RENEWAL14Elwin Sharvill
1014Costa L RutaRussia2026-08-31Printing Dimensions NEGOTIATION41Amy Elsner
1015Jones N BologniaUnited Kingdom2026-09-06Feiner Bros PROPOSAL39Amy Elsner
1016Smith Z GarufiGermany2026-09-11Rangoni Of Florence QUALIFIED13Anna Fali
1017Adams Q OstroskyIndia2026-09-14Chanay, Jeffrey A Esq PROPOSAL29Ivan Magalhaes
1018Octavia O StensethBrazil2026-09-09Dorl, James J Esq UNQUALIFIED16Elwin Sharvill
1019Izzy F PoquetteArgentina2026-08-30Chanay, Jeffrey A Esq QUALIFIED46Asiya Javayant
1020Antonio L MaletJapan2026-09-02Chapman, Ross E Esq RENEWAL22Anna Fali
1021Rodrigues U MaletBrazil2026-09-09Benton, John B Jr UNQUALIFIED29Ioni Bowcher
1022Maria S TollnerItaly2026-08-28Chanay, Jeffrey A Esq RENEWAL27Amy Elsner
1023Ricardo Y SergiItaly2026-09-05Commercial Press UNQUALIFIED16Onyama Limba
1024Nicolas Z CampainItaly2026-09-03Morlong Associates RENEWAL46Xuxue Feng
1025Julie J FerenczGermany2026-09-10Rangoni Of Florence QUALIFIED93Ioni Bowcher
1026Munro C AlbaresAustralia2026-09-12Morlong Associates UNQUALIFIED42Ioni Bowcher
1027Clifford N FigeroaArgentina2026-09-02Benton, John B Jr NEW10Anna Fali
1028Salvatore V CaudyCanada2026-09-15Chapman, Ross E Esq RENEWAL51Elwin Sharvill
1029Morrow Z GarufiIndia2026-08-26Buckley Miller Wright RENEWAL47Elwin Sharvill
1030Emily H BowleyAustralia2026-09-18Feltz Printing Service QUALIFIED14Bernardo Dominic
1031Aika X GarufiCanada2026-08-31Chapman, Ross E Esq NEGOTIATION32Anna Fali
1032Deepesh U PoquetteAustralia2026-08-30Chapman, Ross E Esq PROPOSAL22Amy Elsner
1033Jeanfrancois Y StockhamItaly2026-08-26Chapman, Ross E Esq RENEWAL13Ivan Magalhaes
1034James B StensethItaly2026-09-19Rousseaux, Michael Esq NEW90Anna Fali
1035Octavia G GlickCanada2026-09-04Chanay, Jeffrey A Esq UNQUALIFIED43Asiya Javayant
1036Alejandro B FigeroaIndia2026-09-09Morlong Associates RENEWAL80Xuxue Feng
1037Silvio F MarrierItaly2026-08-31Chapman, Ross E Esq RENEWAL8Stephen Shaw
1038Faith A IturbideSpain2026-09-11Chanay, Jeffrey A Esq QUALIFIED18Onyama Limba
1039Johnson E FerenczArgentina2026-09-21Buckley Miller Wright NEGOTIATION85Xuxue Feng
1040Greenwood Q OldroydFrance2026-09-06Feltz Printing Service NEW96Amy Elsner
1041Aika W CaldareraCanada2026-08-28Buckley Miller Wright UNQUALIFIED51Asiya Javayant
1042Wickens S ShinkoRussia2026-09-15Chemel, James L Cpa PROPOSAL61Amy Elsner
1043Claire R WieserItaly2026-09-01Benton, John B Jr QUALIFIED5Ivan Magalhaes
1044Smith Y GarufiRussia2026-09-18Morlong Associates UNQUALIFIED60Bernardo Dominic
1045Emily Y RoysterSpain2026-09-18Benton, John B Jr NEW11Asiya Javayant
1046Wickens Q TollnerItaly2026-09-15Rangoni Of Florence NEW81Elwin Sharvill
1047Leja H ChuiAustralia2026-09-13Morlong Associates NEGOTIATION25Asiya Javayant
1048Darci V FlosiItaly2026-09-11King, Christopher A Esq UNQUALIFIED46Ioni Bowcher
1049Sinclair N FigeroaGermany2026-09-01Buckley Miller Wright QUALIFIED55Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Misaki H BriddickCanadaBernardo Dominic QUALIFIED
David R KuskoRussiaOnyama Limba PROPOSAL
Nicolas R VocelkaAustraliaXuxue Feng RENEWAL
Tony P IturbideUnited KingdomIoni Bowcher RENEWAL
Ashley D NestleIndiaOnyama Limba NEGOTIATION
Julie J MaletRussiaIvan Magalhaes PROPOSAL
Octavia X FigeroaFranceAnna Fali QUALIFIED
Murillo O DarakjyFranceBernardo Dominic QUALIFIED
Juan W DarakjyRussiaStephen Shaw NEW
Morrow L RoysterSpainElwin Sharvill NEW
Greenwood X MaletSpainElwin Sharvill UNQUALIFIED
Tony E AmigonUnited KingdomElwin Sharvill UNQUALIFIED
Maisha G BologniaUnited KingdomOnyama Limba NEGOTIATION
Greenwood O KuskoGermanyStephen Shaw RENEWAL
Morrow W RimCanadaAsiya Javayant PROPOSAL
Jennifer T CampainJapanAsiya Javayant PROPOSAL
Octavia A KolmetzIndiaAmy Elsner QUALIFIED
Salvatore E MorascaArgentinaAsiya Javayant NEGOTIATION
Kadeem U RulapaughUnited KingdomAmy Elsner PROPOSAL
Maisha U RoysterSpainIoni Bowcher QUALIFIED
Deepesh A ButtFranceStephen Shaw QUALIFIED
Tony F DarakjyBrazilXuxue Feng NEW
Faith L ChuiFranceXuxue Feng RENEWAL
Salvatore S BriddickArgentinaElwin Sharvill NEGOTIATION
Murillo G DilliardSpainIoni Bowcher RENEWAL
Stacey M BologniaAustraliaStephen Shaw UNQUALIFIED
Rodrigues V KuskoFranceIoni Bowcher UNQUALIFIED
Smith C MorascaArgentinaBernardo Dominic QUALIFIED
Johnson U MacleadCanadaIoni Bowcher RENEWAL
Mujtaba A KuskoUnited KingdomAsiya Javayant UNQUALIFIED
Jennifer X GarufiGermanyBernardo Dominic NEGOTIATION
Wickens V MacleadFranceXuxue Feng UNQUALIFIED
Mayumi N BologniaIndiaIoni Bowcher RENEWAL
Greenwood Q RoysterSpainXuxue Feng PROPOSAL
Mujtaba R SergiAustraliaBernardo Dominic NEW
Stacey B CampainJapanElwin Sharvill RENEWAL
Chavez D BriddickArgentinaAsiya Javayant QUALIFIED
Adams U MarrierAustraliaElwin Sharvill PROPOSAL
Stacey W VenereArgentinaXuxue Feng RENEWAL
Julie Y KuskoCanadaIvan Magalhaes UNQUALIFIED
Ivar G BologniaRussiaAmy Elsner NEW
Deepesh M SaylorsSpainStephen Shaw PROPOSAL
Darci J SergiIndiaAsiya Javayant QUALIFIED
Darci H GillianBrazilAmy Elsner NEGOTIATION
Rodrigues S MarrierJapanIvan Magalhaes NEGOTIATION
Kadeem T SergiRussiaXuxue Feng NEGOTIATION
Julie C SergiUnited KingdomElwin Sharvill NEGOTIATION
Deepesh V TollnerSpainAmy Elsner NEGOTIATION
Nicolas J MaletJapanBernardo Dominic PROPOSAL
Mayumi U PaprockiUnited KingdomAnna Fali QUALIFIED
Frozen Columns
Name
Sinclair J Figeroa
Jennifer C Perin
Smith P Oldroyd
Smith X Ruta
Emily A Sergi
Silvio A Perin
Aruna W Sergi
Alejandro V Kusko
Smith R Kolmetz
Aruna Q Waycott
Costa I Paprocki
Ivar R Amigon
James H Caldarera
Ricardo A Slusarski
Nicolas R Iturbide
James J Royster
Leon A Darakjy
Misaki J Gaucho
Maisha Y Figeroa
Kadeem J Iturbide
Morrow X Caldarera
Maisha G Bolognia
Claire N Foller
Arvin A Kolmetz
Darci M Maclead
Maria U Kusko
Mujtaba S Caudy
Leon X Rulapaugh
Wickens Q Waycott
Rodrigues D Gaucho
Costa T Flosi
Jefferson G Schemmer
Ricardo J Paprocki
Chavez N Waycott
Munro A Tollner
Misaki P Gillian
Rodrigues M Iturbide
Maisha O Amigon
Aika C Campain
Leon N Garufi
Morrow T Waycott
Julie F Bowley
Maisha P Amigon
Salvatore B Figeroa
Nicolas K Stockham
Emily J Inouye
Darci I Bolognia
Wickens I Glick
Murillo F Ostrosky
Arvin H Caudy
IdCountryDate
1000United Kingdom2026-09-04
1001Spain2026-09-08
1002Argentina2026-08-29
1003Brazil2026-09-10
1004Japan2026-09-22
1005Canada2026-09-24
1006Canada2026-09-11
1007Brazil2026-09-17
1008Argentina2026-09-04
1009Spain2026-09-10
1010Japan2026-09-18
1011Spain2026-09-14
1012Russia2026-09-08
1013Spain2026-09-05
1014Japan2026-09-13
1015United Kingdom2026-09-12
1016India2026-09-21
1017Germany2026-09-17
1018Canada2026-08-31
1019Argentina2026-09-18
1020Spain2026-09-05
1021Russia2026-09-16
1022Argentina2026-08-27
1023Italy2026-09-09
1024India2026-09-04
1025Italy2026-09-09
1026France2026-09-09
1027United Kingdom2026-09-18
1028Russia2026-08-27
1029Germany2026-09-15
1030Russia2026-09-13
1031Brazil2026-09-01
1032Brazil2026-09-11
1033India2026-09-10
1034India2026-08-29
1035India2026-09-22
1036France2026-09-01
1037Russia2026-09-12
1038Germany2026-09-17
1039Italy2026-08-26
1040France2026-09-10
1041India2026-09-10
1042France2026-08-30
1043Japan2026-08-26
1044Russia2026-09-03
1045Italy2026-09-12
1046Spain2026-09-10
1047Spain2026-08-29
1048Italy2026-09-13
1049Italy2026-09-09

On-Demand Data

NameIdCountryDate
Silvio W Foller1000Italy2026-09-07
Sinclair L Malet1001France2026-09-03
Ivar L Glick1002Canada2026-09-20
Ivar L Figeroa1003Brazil2026-09-14
Juan G Inouye1004France2026-08-26
Ricardo K Bolognia1005Spain2026-08-27
David A Bolognia1006Japan2026-09-24
Adams Q Venere1007Russia2026-08-31
Maisha A Dilliard1008Russia2026-09-02
Jefferson E Ruta1009United Kingdom2026-09-03
David M Rulapaugh1010France2026-09-03
Darci U Gillian1011Russia2026-09-24
Francesco U Ostrosky1012Russia2026-09-06
Kaitlin P Nicka1013Spain2026-09-13
Murillo Y Gillian1014Russia2026-09-10
Nicolas B Paprocki1015India2026-09-06
Leon I Sergi1016Argentina2026-09-10
Clifford S Kolmetz1017Australia2026-09-19
Johnson W Morasca1018Spain2026-08-27
Morrow K Malet1019Italy2026-09-12
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Mujtaba B StockhamUnited KingdomIvan Magalhaes UNQUALIFIED
Tony V VenereBrazilOnyama Limba PROPOSAL
Deepesh Q KuskoIndiaStephen Shaw UNQUALIFIED
Leja O VocelkaItalyBernardo Dominic QUALIFIED
Silvio W WieserBrazilIoni Bowcher QUALIFIED
Deepesh Y CampainCanadaElwin Sharvill NEW
Clifford U BriddickFranceAnna Fali NEGOTIATION
Kaitlin B AlbaresFranceElwin Sharvill NEGOTIATION
Morrow Z StensethSpainBernardo Dominic RENEWAL
Arvin N GarufiUnited KingdomIoni Bowcher NEW
Kadeem I DarakjyBrazilAmy Elsner QUALIFIED
Johnson B SlusarskiSpainOnyama Limba QUALIFIED
Isabel X CaudyItalyIvan Magalhaes NEGOTIATION
Sinclair X DoeBrazilAmy Elsner QUALIFIED
Costa H StockhamAustraliaXuxue Feng RENEWAL
Aditya H WhobreyJapanStephen Shaw NEW
Silvio Z FollerIndiaIoni Bowcher PROPOSAL
Alejandro W GauchoIndiaAsiya Javayant UNQUALIFIED
Misaki I KuskoArgentinaIvan Magalhaes NEW
Rodrigues M StensethSpainElwin Sharvill NEGOTIATION
Rodrigues M GauchoArgentinaAnna Fali NEGOTIATION
Aruna R FerenczCanadaStephen Shaw NEGOTIATION
David J DoeItalyAsiya Javayant PROPOSAL
Aruna G PerinRussiaAnna Fali RENEWAL
Adams L TollnerJapanAnna Fali NEW
Alejandro Y SaylorsCanadaStephen Shaw QUALIFIED
Claire S CaudyGermanyXuxue Feng NEGOTIATION
Octavia R IturbideFranceStephen Shaw NEGOTIATION
Isabel O GarufiJapanOnyama Limba PROPOSAL
Juan S AmigonFranceIoni Bowcher NEW
Aika I SaylorsRussiaAmy Elsner NEGOTIATION
Chavez B GarufiSpainOnyama Limba RENEWAL
Jennifer I NickaAustraliaStephen Shaw QUALIFIED
Mujtaba G VenereCanadaAsiya Javayant UNQUALIFIED
Tony C BowleyBrazilElwin Sharvill QUALIFIED
Arvin W DoeSpainElwin Sharvill NEGOTIATION
Stacey N OstroskySpainXuxue Feng UNQUALIFIED
Adams X RimItalyElwin Sharvill RENEWAL
Kaitlin H KuskoCanadaElwin Sharvill NEW
Salvatore Q SergiBrazilAsiya Javayant 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>