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
Faith M WaycottArgentinaXuxue Feng PROPOSAL
Isabel E AmigonIndiaBernardo Dominic UNQUALIFIED
Izzy E WieserSpainAmy Elsner RENEWAL
Julie Y SergiCanadaBernardo Dominic QUALIFIED
Greenwood F IturbideBrazilElwin Sharvill UNQUALIFIED
Greenwood F BowleyRussiaElwin Sharvill QUALIFIED
Rodrigues B WhobreyUnited KingdomBernardo Dominic QUALIFIED
Aika E StockhamBrazilElwin Sharvill RENEWAL
Stacey R RulapaughJapanAsiya Javayant PROPOSAL
Alejandro D MaletBrazilOnyama Limba RENEWAL
James W MarrierBrazilBernardo Dominic NEW
Misaki A PoquetteCanadaAsiya Javayant UNQUALIFIED
Wickens B PaprockiSpainAsiya Javayant NEW
Jeanfrancois M PoquetteBrazilElwin Sharvill UNQUALIFIED
Greenwood X SchemmerArgentinaBernardo Dominic NEGOTIATION
Leja F BologniaGermanyAsiya Javayant PROPOSAL
David O GillianBrazilBernardo Dominic QUALIFIED
Juan D DilliardIndiaAsiya Javayant RENEWAL
Ivar A AlbaresAustraliaElwin Sharvill QUALIFIED
Nicolas J MaletUnited KingdomOnyama Limba NEW
Tony H StensethSpainAmy Elsner RENEWAL
Clifford H ChuiIndiaAnna Fali UNQUALIFIED
Darci R SchemmerArgentinaXuxue Feng QUALIFIED
Julie V MarrierAustraliaStephen Shaw UNQUALIFIED
Silvio Z VocelkaJapanOnyama Limba PROPOSAL
Greenwood Y MacleadJapanXuxue Feng RENEWAL
Wickens T GauchoFranceXuxue Feng NEW
Mujtaba P SergiJapanIvan Magalhaes QUALIFIED
Clifford Z AmigonAustraliaXuxue Feng PROPOSAL
Clifford F FigeroaGermanyStephen Shaw NEW
Johnson G GarufiCanadaElwin Sharvill NEGOTIATION
Stacey X IturbideFranceElwin Sharvill RENEWAL
Munro K InouyeFranceAsiya Javayant UNQUALIFIED
Mayumi K BowleyGermanyXuxue Feng PROPOSAL
Clifford D MaletJapanStephen Shaw NEGOTIATION
Chavez E RutaGermanyStephen Shaw UNQUALIFIED
Stacey Y OstroskyCanadaBernardo Dominic PROPOSAL
Jefferson A StockhamGermanyXuxue Feng PROPOSAL
Arvin W BologniaFranceAsiya Javayant PROPOSAL
Antonio V RoysterBrazilBernardo Dominic QUALIFIED
Adams P KolmetzAustraliaElwin Sharvill RENEWAL
Aditya G PerinIndiaIoni Bowcher RENEWAL
Mujtaba X StensethJapanBernardo Dominic RENEWAL
Costa Z ChuiUnited KingdomOnyama Limba PROPOSAL
Leja U RimGermanyIoni Bowcher RENEWAL
Stacey N NickaIndiaOnyama Limba RENEWAL
Jones F FollerFranceElwin Sharvill NEGOTIATION
Ivar U WhobreyIndiaIvan Magalhaes UNQUALIFIED
Morrow P WieserCanadaXuxue Feng UNQUALIFIED
Darci I FlosiAustraliaXuxue Feng PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Ashley R StockhamItalyIvan Magalhaes UNQUALIFIED
Cody X DoeUnited KingdomIvan Magalhaes RENEWAL
Mujtaba D VocelkaSpainAnna Fali PROPOSAL
Deepesh J SaylorsIndiaAnna Fali QUALIFIED
Morrow V OstroskyUnited KingdomStephen Shaw NEW
Jefferson Y StockhamGermanyAnna Fali UNQUALIFIED
Ivar S MaletItalyIvan Magalhaes UNQUALIFIED
Mayumi C PerinAustraliaAsiya Javayant PROPOSAL
Jeanfrancois P PoquetteBrazilStephen Shaw NEGOTIATION
Octavia N CaudyArgentinaAnna Fali NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jefferson A MaletGermany2026-09-14Commercial Press QUALIFIED17Xuxue Feng
1001Johnson Y MaletSpain2026-09-22Buckley Miller Wright PROPOSAL62Onyama Limba
1002Jones K RimJapan2026-09-06Truhlar And Truhlar Attys UNQUALIFIED62Bernardo Dominic
1003Faith J WaycottBrazil2026-09-08Truhlar And Truhlar Attys RENEWAL66Xuxue Feng
1004Misaki P FollerItaly2026-09-01Commercial Press NEW56Onyama Limba
1005Aruna W TollnerSpain2026-09-01Commercial Press PROPOSAL29Anna Fali
1006Ashley L GarufiGermany2026-09-14King, Christopher A Esq PROPOSAL68Ioni Bowcher
1007Silvio Y GlickFrance2026-09-11Rousseaux, Michael Esq NEW21Ioni Bowcher
1008Morrow V WhobreyGermany2026-09-27Chanay, Jeffrey A Esq QUALIFIED36Anna Fali
1009Misaki P FlosiGermany2026-09-22Feltz Printing Service PROPOSAL59Xuxue Feng
1010Adams A PaprockiJapan2026-09-16Dorl, James J Esq QUALIFIED48Amy Elsner
1011Kaitlin W MaletGermany2026-09-02Feltz Printing Service RENEWAL26Xuxue Feng
1012Maria H CaudyCanada2026-09-12Printing Dimensions NEW70Elwin Sharvill
1013Smith Q PerinJapan2026-09-11Rangoni Of Florence NEW12Amy Elsner
1014Leja L VenereGermany2026-09-11Morlong Associates PROPOSAL91Elwin Sharvill
1015Alejandro M GarufiCanada2026-09-17Chanay, Jeffrey A Esq UNQUALIFIED59Bernardo Dominic
1016Salvatore U ShinkoRussia2026-08-30King, Christopher A Esq UNQUALIFIED1Anna Fali
1017Arvin F PoquetteCanada2026-09-15Rousseaux, Michael Esq RENEWAL11Amy Elsner
1018Deepesh H BologniaItaly2026-08-29Feiner Bros PROPOSAL97Ivan Magalhaes
1019Maisha H IturbideArgentina2026-09-06Dorl, James J Esq PROPOSAL85Xuxue Feng
1020Francesco Z ShinkoSpain2026-09-03Rangoni Of Florence PROPOSAL51Amy Elsner
1021Darci L CampainFrance2026-09-01Feltz Printing Service UNQUALIFIED56Amy Elsner
1022Morrow X KolmetzGermany2026-09-14Buckley Miller Wright NEW8Ivan Magalhaes
1023Ricardo Y DilliardItaly2026-08-30Chapman, Ross E Esq RENEWAL63Asiya Javayant
1024James Q PerinGermany2026-09-10Dorl, James J Esq NEW69Bernardo Dominic
1025Mayumi C InouyeIndia2026-09-01Commercial Press RENEWAL60Stephen Shaw
1026Clifford A FlosiBrazil2026-09-15Chapman, Ross E Esq RENEWAL16Onyama Limba
1027Isabel Y RutaSpain2026-09-21Chanay, Jeffrey A Esq NEW97Ioni Bowcher
1028Leon I KuskoAustralia2026-09-22Feltz Printing Service NEW20Ivan Magalhaes
1029Sinclair D RutaBrazil2026-09-10Printing Dimensions PROPOSAL47Anna Fali
1030Aditya K BriddickSpain2026-09-11Chapman, Ross E Esq NEW61Elwin Sharvill
1031Aika U DoeUnited Kingdom2026-09-25Benton, John B Jr UNQUALIFIED85Asiya Javayant
1032Ricardo F DarakjyIndia2026-09-12Printing Dimensions UNQUALIFIED67Onyama Limba
1033Aditya B BologniaBrazil2026-09-07Truhlar And Truhlar Attys RENEWAL17Anna Fali
1034Misaki F NestleItaly2026-09-24Benton, John B Jr NEW45Asiya Javayant
1035Octavia U WaycottRussia2026-09-01Buckley Miller Wright NEW97Asiya Javayant
1036Smith E GlickCanada2026-09-06Feiner Bros QUALIFIED63Amy Elsner
1037James S FigeroaRussia2026-09-13Dorl, James J Esq NEGOTIATION36Onyama Limba
1038Johnson D CaudyFrance2026-09-11Benton, John B Jr RENEWAL59Ivan Magalhaes
1039Antonio Z FigeroaGermany2026-09-07Feiner Bros PROPOSAL45Onyama Limba
1040Cody L WhobreyBrazil2026-09-21Rangoni Of Florence QUALIFIED24Bernardo Dominic
1041Stacey W StensethBrazil2026-09-03Chapman, Ross E Esq NEW89Stephen Shaw
1042Tony H NestleItaly2026-09-21Benton, John B Jr RENEWAL84Ioni Bowcher
1043Costa W MaletCanada2026-09-07Buckley Miller Wright UNQUALIFIED45Amy Elsner
1044Silvio D WieserArgentina2026-09-10Chanay, Jeffrey A Esq NEGOTIATION93Anna Fali
1045Ricardo X InouyeItaly2026-09-11Rousseaux, Michael Esq RENEWAL94Ioni Bowcher
1046Cody W OstroskyIndia2026-09-13Feiner Bros QUALIFIED54Stephen Shaw
1047Stacey A GlickArgentina2026-09-14King, Christopher A Esq UNQUALIFIED57Anna Fali
1048Salvatore M AlbaresGermany2026-09-17Feiner Bros QUALIFIED10Amy Elsner
1049Mayumi E SaylorsArgentina2026-09-26Chapman, Ross E Esq NEW34Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Clifford C GillianFranceStephen Shaw QUALIFIED
Antonio O CampainGermanyAmy Elsner RENEWAL
Cody P MacleadFranceXuxue Feng PROPOSAL
Clifford V KolmetzAustraliaIvan Magalhaes QUALIFIED
Jennifer E NickaRussiaAmy Elsner QUALIFIED
Silvio J StockhamRussiaAmy Elsner PROPOSAL
Jennifer R NickaAustraliaStephen Shaw NEGOTIATION
Johnson H MarrierArgentinaXuxue Feng UNQUALIFIED
Johnson Q PerinAustraliaAnna Fali RENEWAL
Arvin J PoquetteSpainIoni Bowcher UNQUALIFIED
Francesco Y NestleItalyAmy Elsner RENEWAL
Francesco Z CampainUnited KingdomIvan Magalhaes QUALIFIED
Salvatore E NickaItalyStephen Shaw UNQUALIFIED
Kaitlin Q GauchoGermanyStephen Shaw PROPOSAL
Aika D AlbaresItalyAmy Elsner RENEWAL
Jefferson J MacleadSpainAmy Elsner QUALIFIED
Jeanfrancois R IturbideAustraliaAsiya Javayant NEGOTIATION
Maisha C RoysterRussiaStephen Shaw NEGOTIATION
Maisha V InouyeIndiaAmy Elsner PROPOSAL
Murillo O SergiSpainIoni Bowcher PROPOSAL
Jennifer Q ChuiAustraliaAmy Elsner QUALIFIED
Leja E GillianSpainBernardo Dominic UNQUALIFIED
Munro R MarrierSpainOnyama Limba PROPOSAL
Misaki Q AmigonJapanIoni Bowcher PROPOSAL
Wickens A SlusarskiSpainBernardo Dominic NEW
Kadeem Q GlickRussiaXuxue Feng PROPOSAL
Aruna G GauchoIndiaAmy Elsner UNQUALIFIED
Ricardo R FlosiIndiaIvan Magalhaes UNQUALIFIED
Murillo W MaletUnited KingdomXuxue Feng NEW
Emily I FlosiJapanAnna Fali QUALIFIED
Morrow U SchemmerUnited KingdomElwin Sharvill PROPOSAL
Chavez G RutaCanadaAmy Elsner RENEWAL
Salvatore Z MarrierItalyIvan Magalhaes UNQUALIFIED
Francesco M WhobreySpainBernardo Dominic NEW
Leja X CaldareraAustraliaElwin Sharvill NEW
Aditya W DoeArgentinaXuxue Feng UNQUALIFIED
Octavia P ChuiUnited KingdomAmy Elsner NEGOTIATION
Munro J BologniaRussiaIvan Magalhaes UNQUALIFIED
Darci I NestleAustraliaAnna Fali PROPOSAL
Maisha R RoysterRussiaAmy Elsner UNQUALIFIED
Ivar J TollnerIndiaBernardo Dominic NEGOTIATION
Tony P FollerJapanAmy Elsner QUALIFIED
Ivar H GillianGermanyOnyama Limba UNQUALIFIED
Isabel F SlusarskiIndiaAsiya Javayant UNQUALIFIED
Greenwood K DarakjyFranceAmy Elsner UNQUALIFIED
Jones G BologniaFranceAmy Elsner NEGOTIATION
James U SlusarskiRussiaXuxue Feng NEW
Faith M ChuiCanadaIvan Magalhaes RENEWAL
Mujtaba P StensethSpainAsiya Javayant QUALIFIED
Mujtaba F SlusarskiJapanStephen Shaw QUALIFIED
Frozen Columns
Name
Darci Y Doe
Jefferson P Chui
Greenwood Y Albares
Isabel Z Figeroa
Jones Z Caudy
James D Albares
Antonio R Rulapaugh
Jones X Caldarera
Ashley T Tollner
Deepesh R Ruta
Costa X Nicka
Sinclair D Foller
Cody P Albares
Aditya E Sergi
Darci F Nestle
Rodrigues I Ruta
Emily F Paprocki
Greenwood M Caldarera
Smith R Inouye
Costa Z Inouye
Johnson J Nestle
Octavia W Caldarera
Wickens R Glick
James E Darakjy
Kadeem S Malet
Mayumi P Tollner
Jones J Shinko
Ricardo A Schemmer
Smith Z Inouye
Chavez P Schemmer
Kaitlin D Marrier
Smith D Kolmetz
Smith R Flosi
Izzy K Schemmer
Aditya Y Malet
Silvio T Poquette
Ashley Y Flosi
Silvio A Rim
Ivar V Stenseth
James P Ruta
Izzy C Rulapaugh
Mujtaba R Bowley
Darci Y Saylors
Stacey U Paprocki
Misaki F Kolmetz
Aruna S Caudy
Emily C Darakjy
Deepesh S Bowley
Leja M Inouye
Jennifer B Stockham
IdCountryDate
1000Russia2026-09-01
1001Argentina2026-09-10
1002France2026-09-04
1003Russia2026-09-19
1004Canada2026-08-30
1005Canada2026-09-18
1006United Kingdom2026-09-04
1007Argentina2026-09-03
1008India2026-08-29
1009India2026-09-27
1010France2026-09-19
1011Argentina2026-09-09
1012Brazil2026-09-10
1013Russia2026-09-11
1014Argentina2026-09-15
1015Brazil2026-09-15
1016France2026-09-03
1017India2026-09-17
1018United Kingdom2026-09-12
1019Russia2026-09-16
1020Argentina2026-09-14
1021United Kingdom2026-09-05
1022Italy2026-08-30
1023India2026-09-22
1024Spain2026-08-30
1025Spain2026-09-10
1026Russia2026-09-16
1027Canada2026-09-07
1028Russia2026-09-16
1029Japan2026-09-13
1030Germany2026-09-20
1031India2026-09-12
1032Spain2026-09-11
1033Canada2026-09-24
1034India2026-09-13
1035Argentina2026-09-25
1036Italy2026-09-13
1037Japan2026-09-12
1038Brazil2026-09-03
1039United Kingdom2026-09-06
1040United Kingdom2026-09-11
1041Japan2026-09-17
1042United Kingdom2026-09-04
1043India2026-09-11
1044Italy2026-09-25
1045Spain2026-09-17
1046Brazil2026-09-17
1047Spain2026-09-03
1048Argentina2026-09-12
1049France2026-09-15

On-Demand Data

NameIdCountryDate
Mujtaba C Amigon1000India2026-09-13
Darci Y Malet1001Canada2026-09-01
Silvio I Foller1002Argentina2026-09-24
Cody G Slusarski1003Japan2026-09-17
Antonio S Foller1004Japan2026-09-14
Kadeem R Chui1005Italy2026-09-10
Octavia F Paprocki1006Brazil2026-08-30
Octavia J Gillian1007Argentina2026-08-29
James F Bowley1008Japan2026-09-08
Jennifer S Butt1009Japan2026-09-25
Jeanfrancois G Malet1010Italy2026-09-09
Nicolas U Caudy1011Canada2026-09-09
Munro U Garufi1012Japan2026-09-23
Murillo U Malet1013Germany2026-09-10
Maisha O Kusko1014Germany2026-09-20
Izzy C Darakjy1015Australia2026-09-05
Antonio A Campain1016Japan2026-09-01
Darci W Schemmer1017India2026-09-15
Munro U Nestle1018Australia2026-09-10
Julie T Oldroyd1019Spain2026-09-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Alejandro Y NickaSpainStephen Shaw UNQUALIFIED
Julie R DarakjyCanadaXuxue Feng RENEWAL
Maisha K PaprockiItalyIoni Bowcher QUALIFIED
Silvio J DarakjyArgentinaElwin Sharvill NEW
Ashley X ShinkoSpainIoni Bowcher RENEWAL
Leon U FlosiItalyAmy Elsner NEGOTIATION
Juan I CaldareraUnited KingdomElwin Sharvill NEGOTIATION
Sinclair Y DoeGermanyOnyama Limba QUALIFIED
Julie R SaylorsCanadaIoni Bowcher RENEWAL
Tony M DoeJapanAnna Fali RENEWAL
Adams L FerenczArgentinaAsiya Javayant NEW
Munro H FerenczIndiaAnna Fali NEGOTIATION
Cody G ChuiFranceXuxue Feng QUALIFIED
Antonio E TollnerFranceAnna Fali UNQUALIFIED
David P StensethGermanyStephen Shaw NEW
Tony V ShinkoJapanElwin Sharvill RENEWAL
Julie Q KuskoIndiaIoni Bowcher PROPOSAL
Darci S CaldareraRussiaAnna Fali RENEWAL
Ashley Y AlbaresArgentinaIoni Bowcher NEW
James E InouyeRussiaElwin Sharvill PROPOSAL
Ricardo L RulapaughIndiaAsiya Javayant NEGOTIATION
Alejandro X StockhamArgentinaXuxue Feng RENEWAL
Costa N InouyeIndiaBernardo Dominic UNQUALIFIED
Nicolas X SlusarskiItalyXuxue Feng UNQUALIFIED
James B DarakjyFranceBernardo Dominic PROPOSAL
Emily B WaycottItalyAsiya Javayant UNQUALIFIED
Salvatore J MaletCanadaStephen Shaw NEGOTIATION
Leja R FerenczFranceAmy Elsner QUALIFIED
Silvio L FlosiSpainBernardo Dominic RENEWAL
Silvio Q IturbideIndiaXuxue Feng QUALIFIED
Isabel P PaprockiCanadaIvan Magalhaes RENEWAL
Johnson L BologniaCanadaOnyama Limba QUALIFIED
Salvatore B VenereArgentinaElwin Sharvill NEGOTIATION
Cody S AlbaresUnited KingdomAmy Elsner UNQUALIFIED
Murillo W GarufiIndiaXuxue Feng NEW
Leon D MarrierRussiaIoni Bowcher NEW
Wickens A SlusarskiGermanyBernardo Dominic NEGOTIATION
Silvio C PerinIndiaIvan Magalhaes UNQUALIFIED
Maisha T PoquetteGermanyAmy Elsner RENEWAL
Jennifer P PoquetteAustraliaOnyama Limba QUALIFIED

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