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
Ashley H GillianGermanyAnna Fali QUALIFIED
Silvio Q RulapaughRussiaAnna Fali RENEWAL
Salvatore F GlickFranceStephen Shaw QUALIFIED
Emily L AmigonBrazilAsiya Javayant NEGOTIATION
Kadeem D NickaCanadaOnyama Limba NEW
Deepesh D RulapaughBrazilIvan Magalhaes UNQUALIFIED
Claire V RulapaughUnited KingdomAmy Elsner UNQUALIFIED
Octavia K RimSpainXuxue Feng NEW
Jefferson M GauchoBrazilElwin Sharvill UNQUALIFIED
Claire Z ChuiAustraliaXuxue Feng RENEWAL
Deepesh A GlickRussiaAmy Elsner NEW
Jefferson A GlickSpainOnyama Limba NEW
Isabel J WaycottFranceElwin Sharvill NEGOTIATION
Aruna W SlusarskiIndiaBernardo Dominic UNQUALIFIED
Cody U PaprockiItalyAsiya Javayant NEW
Deepesh W TollnerRussiaOnyama Limba RENEWAL
Alejandro F GarufiSpainAmy Elsner NEW
Leon L AmigonRussiaIvan Magalhaes PROPOSAL
Antonio Z FerenczIndiaAmy Elsner NEGOTIATION
Aditya S DoeItalyAmy Elsner RENEWAL
James E PerinGermanyStephen Shaw RENEWAL
Morrow Q StensethAustraliaAnna Fali NEW
Jeanfrancois Y ShinkoBrazilAsiya Javayant RENEWAL
Aditya E MaletCanadaAsiya Javayant NEGOTIATION
Mayumi A FigeroaCanadaOnyama Limba QUALIFIED
Aika V BologniaBrazilOnyama Limba PROPOSAL
Costa A MaletGermanyIvan Magalhaes PROPOSAL
Morrow Q SlusarskiRussiaAnna Fali PROPOSAL
Tony T IturbideAustraliaOnyama Limba QUALIFIED
Ashley S MaletItalyStephen Shaw UNQUALIFIED
Wickens X FollerRussiaAmy Elsner NEW
Ashley K TollnerAustraliaAnna Fali NEW
Julie E CampainBrazilBernardo Dominic QUALIFIED
Jennifer R FollerSpainIvan Magalhaes QUALIFIED
Arvin N SlusarskiItalyAmy Elsner RENEWAL
Alejandro X FlosiGermanyStephen Shaw NEW
Darci O CaldareraBrazilOnyama Limba NEGOTIATION
Faith T StockhamFranceBernardo Dominic NEGOTIATION
Alejandro D VocelkaCanadaElwin Sharvill NEW
Ivar P SaylorsUnited KingdomAnna Fali UNQUALIFIED
Isabel N MaletBrazilXuxue Feng UNQUALIFIED
James U SaylorsSpainXuxue Feng NEW
Mujtaba P DilliardSpainOnyama Limba QUALIFIED
Smith U ChuiArgentinaOnyama Limba RENEWAL
Tony D BowleyBrazilStephen Shaw RENEWAL
Johnson A InouyeBrazilBernardo Dominic UNQUALIFIED
Mujtaba M RimRussiaXuxue Feng QUALIFIED
Sinclair N PerinGermanyBernardo Dominic UNQUALIFIED
Maisha I MaletIndiaAmy Elsner NEGOTIATION
Johnson P FollerIndiaOnyama Limba NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Mayumi X IturbideAustraliaStephen Shaw NEW
David A FollerCanadaStephen Shaw UNQUALIFIED
Costa H InouyeCanadaAsiya Javayant QUALIFIED
Julie M MacleadSpainElwin Sharvill NEW
Clifford Q CaldareraSpainIvan Magalhaes NEW
Costa Q BowleyArgentinaOnyama Limba NEW
Morrow R MarrierSpainAnna Fali RENEWAL
Smith Z FlosiSpainElwin Sharvill PROPOSAL
Francesco E CampainBrazilBernardo Dominic PROPOSAL
Jeanfrancois I NickaFranceElwin Sharvill NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000David Q RutaJapan2026-09-19Rousseaux, Michael Esq QUALIFIED87Anna Fali
1001Morrow Y ChuiUnited Kingdom2026-09-03Morlong Associates UNQUALIFIED21Stephen Shaw
1002David N AmigonBrazil2026-09-14Chanay, Jeffrey A Esq QUALIFIED70Onyama Limba
1003Clifford E WaycottRussia2026-09-23Feiner Bros PROPOSAL1Ioni Bowcher
1004Kaitlin W InouyeUnited Kingdom2026-10-02Feltz Printing Service NEGOTIATION37Ivan Magalhaes
1005Ricardo L KolmetzSpain2026-09-27Feiner Bros NEGOTIATION73Stephen Shaw
1006Aruna W FerenczAustralia2026-09-25Feiner Bros RENEWAL52Stephen Shaw
1007Adams W DilliardRussia2026-09-30Truhlar And Truhlar Attys NEW65Ioni Bowcher
1008Jeanfrancois W SaylorsSpain2026-09-08Feltz Printing Service NEW58Elwin Sharvill
1009Mujtaba T RutaRussia2026-09-10Printing Dimensions RENEWAL45Ivan Magalhaes
1010Francesco G SchemmerBrazil2026-09-09Buckley Miller Wright PROPOSAL3Asiya Javayant
1011Jeanfrancois H MacleadFrance2026-09-06Printing Dimensions NEGOTIATION52Onyama Limba
1012Cody U PerinUnited Kingdom2026-09-07Rangoni Of Florence NEGOTIATION97Elwin Sharvill
1013Mayumi R RutaRussia2026-09-10Rangoni Of Florence PROPOSAL26Xuxue Feng
1014Faith Z GillianJapan2026-09-16Printing Dimensions NEGOTIATION20Elwin Sharvill
1015Nicolas D VocelkaIndia2026-09-12Chapman, Ross E Esq QUALIFIED37Ivan Magalhaes
1016Morrow U SergiUnited Kingdom2026-09-05Printing Dimensions PROPOSAL91Ivan Magalhaes
1017Antonio K SaylorsJapan2026-09-19Rangoni Of Florence NEGOTIATION74Bernardo Dominic
1018James Z StockhamRussia2026-09-21Morlong Associates NEW85Anna Fali
1019Smith Y OldroydCanada2026-09-30Dorl, James J Esq NEGOTIATION56Ivan Magalhaes
1020Mujtaba U MarrierBrazil2026-09-04Commercial Press NEGOTIATION54Amy Elsner
1021Isabel K AmigonJapan2026-09-29Chemel, James L Cpa NEGOTIATION30Asiya Javayant
1022Emily E SchemmerAustralia2026-10-01Buckley Miller Wright UNQUALIFIED40Anna Fali
1023Tony G SchemmerItaly2026-10-01Morlong Associates NEW43Xuxue Feng
1024Tony Z VenereUnited Kingdom2026-09-30Printing Dimensions UNQUALIFIED42Anna Fali
1025Leja E FollerAustralia2026-09-07Dorl, James J Esq PROPOSAL15Ivan Magalhaes
1026Deepesh E DilliardUnited Kingdom2026-09-29Commercial Press PROPOSAL99Ioni Bowcher
1027Deepesh Z RutaAustralia2026-09-17Buckley Miller Wright RENEWAL81Amy Elsner
1028Costa H AmigonBrazil2026-09-09Commercial Press NEGOTIATION79Stephen Shaw
1029Ivar P KolmetzArgentina2026-09-04Rousseaux, Michael Esq UNQUALIFIED44Xuxue Feng
1030Maisha D MorascaJapan2026-10-01Chemel, James L Cpa NEGOTIATION53Elwin Sharvill
1031Francesco F AlbaresCanada2026-09-21Feiner Bros UNQUALIFIED20Onyama Limba
1032James H DilliardSpain2026-09-21Feiner Bros PROPOSAL52Bernardo Dominic
1033Julie N RoysterRussia2026-09-28Chanay, Jeffrey A Esq UNQUALIFIED25Amy Elsner
1034Tony H GauchoFrance2026-09-09Chanay, Jeffrey A Esq NEGOTIATION13Anna Fali
1035Salvatore K GillianJapan2026-09-05Buckley Miller Wright UNQUALIFIED52Stephen Shaw
1036Francesco K RulapaughJapan2026-09-25Buckley Miller Wright UNQUALIFIED31Stephen Shaw
1037Mujtaba N MarrierJapan2026-09-11Truhlar And Truhlar Attys NEW65Xuxue Feng
1038James A CaudyFrance2026-09-25Feiner Bros NEW74Stephen Shaw
1039David A CampainJapan2026-09-04Chapman, Ross E Esq RENEWAL38Ioni Bowcher
1040Adams X CaldareraSpain2026-09-08Commercial Press RENEWAL67Asiya Javayant
1041Octavia D SaylorsCanada2026-09-27King, Christopher A Esq NEW82Anna Fali
1042Kadeem D PerinAustralia2026-09-06Chapman, Ross E Esq PROPOSAL63Onyama Limba
1043David U StensethArgentina2026-09-16Chapman, Ross E Esq RENEWAL0Ivan Magalhaes
1044Deepesh V IturbideArgentina2026-09-16Feltz Printing Service NEW95Ioni Bowcher
1045Maisha D BologniaGermany2026-09-26Chapman, Ross E Esq PROPOSAL73Ivan Magalhaes
1046Faith S WieserArgentina2026-09-06Dorl, James J Esq UNQUALIFIED48Anna Fali
1047Greenwood U MacleadSpain2026-09-12Feltz Printing Service PROPOSAL57Ivan Magalhaes
1048Isabel V DoeRussia2026-09-11Rangoni Of Florence QUALIFIED27Xuxue Feng
1049Mayumi D DarakjyAustralia2026-09-12Rousseaux, Michael Esq NEGOTIATION6Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Chavez T RulapaughAustraliaElwin Sharvill QUALIFIED
David U BologniaSpainAmy Elsner RENEWAL
Mujtaba L VenereAustraliaXuxue Feng PROPOSAL
Julie C GarufiFranceAnna Fali NEGOTIATION
Jeanfrancois O SchemmerAustraliaStephen Shaw UNQUALIFIED
Francesco A MacleadIndiaBernardo Dominic NEGOTIATION
Jones P FlosiJapanAsiya Javayant PROPOSAL
Leon S WaycottRussiaAnna Fali PROPOSAL
Emily E StockhamAustraliaStephen Shaw RENEWAL
Kadeem Y DarakjyRussiaStephen Shaw QUALIFIED
Maisha L RimGermanyElwin Sharvill RENEWAL
David T WaycottItalyStephen Shaw NEGOTIATION
Antonio P TollnerIndiaAnna Fali NEW
Faith Q KolmetzRussiaXuxue Feng PROPOSAL
Faith C SaylorsFranceIvan Magalhaes QUALIFIED
Julie A AlbaresUnited KingdomOnyama Limba UNQUALIFIED
Leja X GarufiAustraliaXuxue Feng RENEWAL
Jones X RoysterRussiaBernardo Dominic RENEWAL
David Q CaldareraCanadaIoni Bowcher RENEWAL
Adams V TollnerItalyIvan Magalhaes NEW
Salvatore O WieserFranceStephen Shaw RENEWAL
Jefferson L DarakjyRussiaBernardo Dominic QUALIFIED
Jennifer I MarrierItalyAsiya Javayant NEGOTIATION
Misaki O AlbaresSpainBernardo Dominic QUALIFIED
Isabel V FlosiFranceAsiya Javayant NEW
Antonio D SaylorsIndiaBernardo Dominic UNQUALIFIED
Stacey U RimArgentinaXuxue Feng RENEWAL
David D KuskoRussiaIoni Bowcher NEW
James V WieserFranceElwin Sharvill RENEWAL
Mujtaba Q WhobreyAustraliaIoni Bowcher PROPOSAL
Ivar M PerinFranceAmy Elsner UNQUALIFIED
Maria S GauchoJapanAnna Fali QUALIFIED
Sinclair I BriddickIndiaAmy Elsner PROPOSAL
Ashley V InouyeCanadaOnyama Limba QUALIFIED
Isabel A CaldareraFranceAsiya Javayant UNQUALIFIED
Chavez S FerenczIndiaStephen Shaw PROPOSAL
Greenwood Y DarakjyArgentinaXuxue Feng QUALIFIED
Aika Z MaletArgentinaIoni Bowcher UNQUALIFIED
Jones Y RulapaughBrazilXuxue Feng NEW
Aika T DoeItalyBernardo Dominic UNQUALIFIED
Sinclair S GlickCanadaIvan Magalhaes UNQUALIFIED
Misaki O PaprockiCanadaStephen Shaw PROPOSAL
Salvatore E IturbideIndiaStephen Shaw NEW
Adams Z StockhamItalyAnna Fali RENEWAL
Stacey U IturbideIndiaAmy Elsner PROPOSAL
Leon F WaycottAustraliaBernardo Dominic RENEWAL
Francesco F TollnerRussiaAmy Elsner PROPOSAL
Maria X KolmetzIndiaBernardo Dominic UNQUALIFIED
Aditya X PaprockiGermanyBernardo Dominic QUALIFIED
Kadeem G WaycottJapanXuxue Feng NEW
Frozen Columns
Name
Smith I Malet
Jeanfrancois A Waycott
Kadeem N Bolognia
Nicolas O Ferencz
Silvio M Nestle
Wickens S Flosi
Deepesh M Bowley
Aruna Q Nicka
Maisha H Dilliard
Maisha N Butt
Salvatore I Kolmetz
Ivar Q Tollner
Arvin S Foller
Maria N Albares
Clifford Z Slusarski
Chavez H Kusko
Morrow B Whobrey
Adams I Nestle
James X Inouye
Leja L Chui
Leon L Malet
Ricardo K Malet
Isabel N Waycott
Octavia A Royster
Clifford I Morasca
Ivar W Caldarera
Smith W Dilliard
Arvin B Gaucho
Jones B Morasca
Smith N Oldroyd
Silvio T Bowley
Maria Z Venere
Johnson U Flosi
James C Butt
Aditya Z Bolognia
Maisha W Iturbide
Morrow L Maclead
Salvatore Z Figeroa
Cody K Paprocki
Julie V Caldarera
Antonio O Albares
Greenwood R Rim
Nicolas M Ferencz
Tony L Rulapaugh
Chavez M Kolmetz
Mujtaba Z Ruta
Claire L Royster
Nicolas Y Amigon
Ricardo A Malet
Mayumi N Foller
IdCountryDate
1000Italy2026-09-13
1001Spain2026-09-27
1002United Kingdom2026-09-06
1003Germany2026-09-09
1004India2026-10-01
1005France2026-09-29
1006United Kingdom2026-09-22
1007Canada2026-09-04
1008Brazil2026-09-26
1009Japan2026-09-04
1010Germany2026-09-08
1011United Kingdom2026-09-05
1012Argentina2026-09-11
1013Italy2026-09-30
1014France2026-09-22
1015France2026-09-12
1016Russia2026-09-24
1017Italy2026-09-12
1018United Kingdom2026-09-06
1019Japan2026-09-05
1020Brazil2026-09-15
1021Germany2026-09-10
1022Germany2026-09-09
1023Japan2026-09-07
1024Argentina2026-09-25
1025Japan2026-09-16
1026India2026-09-19
1027Spain2026-09-12
1028Italy2026-10-01
1029Italy2026-09-09
1030Australia2026-09-10
1031Australia2026-09-05
1032Argentina2026-09-03
1033India2026-09-10
1034France2026-09-25
1035Canada2026-09-04
1036Germany2026-09-04
1037Germany2026-09-11
1038Australia2026-09-26
1039Argentina2026-09-13
1040Italy2026-09-04
1041India2026-09-27
1042Germany2026-09-11
1043Brazil2026-09-25
1044Brazil2026-09-06
1045Spain2026-09-20
1046India2026-09-28
1047Germany2026-09-20
1048India2026-09-20
1049Russia2026-09-13

On-Demand Data

NameIdCountryDate
Julie I Glick1000United Kingdom2026-09-14
Antonio W Slusarski1001Australia2026-09-27
Johnson E Gaucho1002Argentina2026-09-04
Stacey D Stenseth1003United Kingdom2026-09-21
Jennifer W Schemmer1004India2026-09-29
Ivar F Iturbide1005Japan2026-09-26
Chavez R Shinko1006Spain2026-09-19
Arvin D Royster1007Spain2026-09-20
Alejandro S Foller1008Brazil2026-09-07
Costa Z Tollner1009Germany2026-09-30
Tony C Kolmetz1010Canada2026-09-18
Ashley H Inouye1011Canada2026-09-25
Morrow W Bolognia1012Canada2026-09-06
Mayumi W Tollner1013Germany2026-09-20
Maisha F Schemmer1014Italy2026-09-05
Johnson I Oldroyd1015Japan2026-09-10
Munro E Dilliard1016Canada2026-09-19
Greenwood X Rulapaugh1017Japan2026-09-17
Johnson J Butt1018Brazil2026-09-20
Faith T Nicka1019Argentina2026-09-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Smith D FerenczJapanElwin Sharvill PROPOSAL
Deepesh C GauchoGermanyStephen Shaw RENEWAL
Johnson Z RimIndiaStephen Shaw NEGOTIATION
Chavez D GillianFranceBernardo Dominic RENEWAL
Aruna I FerenczJapanIoni Bowcher PROPOSAL
Maria U StockhamItalyBernardo Dominic QUALIFIED
Deepesh O AmigonSpainStephen Shaw NEGOTIATION
Morrow A FigeroaCanadaAsiya Javayant PROPOSAL
Munro R BriddickItalyAmy Elsner UNQUALIFIED
Julie K GarufiIndiaXuxue Feng RENEWAL
Ashley G FigeroaItalyIvan Magalhaes NEGOTIATION
Julie N InouyeArgentinaXuxue Feng UNQUALIFIED
Aika P ChuiSpainOnyama Limba NEGOTIATION
Cody D ShinkoSpainIvan Magalhaes NEGOTIATION
Faith R StockhamItalyElwin Sharvill NEGOTIATION
Morrow D SergiArgentinaAnna Fali UNQUALIFIED
Morrow Y CaldareraBrazilXuxue Feng NEGOTIATION
Leon Z CampainBrazilXuxue Feng RENEWAL
Chavez D WhobreyCanadaAmy Elsner NEGOTIATION
Julie K RutaArgentinaBernardo Dominic PROPOSAL
Antonio C BriddickJapanAsiya Javayant UNQUALIFIED
Octavia A MarrierCanadaElwin Sharvill PROPOSAL
Isabel T MarrierRussiaOnyama Limba QUALIFIED
Greenwood A DarakjyRussiaAnna Fali QUALIFIED
Johnson V MarrierAustraliaElwin Sharvill NEGOTIATION
Jeanfrancois W SchemmerFranceOnyama Limba QUALIFIED
Morrow F MarrierUnited KingdomStephen Shaw NEW
Ricardo U SchemmerAustraliaAsiya Javayant PROPOSAL
Jeanfrancois N BologniaRussiaXuxue Feng PROPOSAL
Misaki K BriddickItalyXuxue Feng NEGOTIATION
Emily Z NestleFranceStephen Shaw PROPOSAL
Octavia W AlbaresAustraliaElwin Sharvill NEGOTIATION
Faith O AmigonUnited KingdomBernardo Dominic UNQUALIFIED
Misaki D FlosiRussiaOnyama Limba QUALIFIED
Leja P MorascaIndiaOnyama Limba PROPOSAL
Aika G StensethArgentinaAsiya Javayant RENEWAL
Ashley A DarakjyArgentinaIoni Bowcher NEGOTIATION
Aruna T OstroskyJapanStephen Shaw NEW
Deepesh Y ChuiArgentinaStephen Shaw PROPOSAL
Munro W TollnerSpainElwin Sharvill NEGOTIATION

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