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
Julie O RimUnited KingdomIvan Magalhaes RENEWAL
Alejandro I VocelkaArgentinaElwin Sharvill NEGOTIATION
Silvio K StockhamBrazilIoni Bowcher NEGOTIATION
Morrow Z MorascaJapanStephen Shaw NEGOTIATION
Claire P IturbideUnited KingdomIvan Magalhaes RENEWAL
Francesco D SlusarskiFranceBernardo Dominic PROPOSAL
Chavez O ButtJapanElwin Sharvill UNQUALIFIED
Silvio V InouyeCanadaXuxue Feng QUALIFIED
Greenwood U GarufiIndiaAnna Fali UNQUALIFIED
Rodrigues J RutaRussiaBernardo Dominic RENEWAL
Costa W SchemmerIndiaAsiya Javayant PROPOSAL
Smith I KuskoUnited KingdomIoni Bowcher NEGOTIATION
Aditya K CampainIndiaIoni Bowcher NEGOTIATION
Maisha J KolmetzIndiaAmy Elsner NEGOTIATION
Johnson V MorascaSpainAsiya Javayant QUALIFIED
Aruna M RulapaughSpainXuxue Feng PROPOSAL
Kaitlin D ChuiRussiaXuxue Feng UNQUALIFIED
Nicolas R FigeroaFranceOnyama Limba PROPOSAL
Ricardo S FigeroaFranceBernardo Dominic NEGOTIATION
Smith E AlbaresSpainAnna Fali NEW
Ashley G RulapaughIndiaStephen Shaw RENEWAL
Nicolas C MaletUnited KingdomOnyama Limba QUALIFIED
Murillo K KuskoUnited KingdomAsiya Javayant QUALIFIED
Jennifer Z MacleadCanadaAnna Fali NEGOTIATION
Kaitlin S StensethBrazilIoni Bowcher PROPOSAL
Wickens S MaletCanadaBernardo Dominic NEGOTIATION
Smith E DarakjySpainAmy Elsner QUALIFIED
Smith X KolmetzAustraliaXuxue Feng NEW
Aika O VocelkaGermanyAmy Elsner PROPOSAL
Salvatore W GillianIndiaXuxue Feng NEW
Maria C ShinkoUnited KingdomIoni Bowcher QUALIFIED
Kadeem Q AlbaresCanadaIoni Bowcher QUALIFIED
Juan P RimRussiaAmy Elsner NEGOTIATION
Jones F VenereBrazilXuxue Feng UNQUALIFIED
Jeanfrancois U FollerFranceAnna Fali RENEWAL
Maria R SlusarskiCanadaAmy Elsner QUALIFIED
Maria Y MorascaJapanAmy Elsner QUALIFIED
Costa I DilliardCanadaOnyama Limba NEW
Clifford H WaycottArgentinaStephen Shaw QUALIFIED
Kaitlin W SlusarskiFranceAsiya Javayant RENEWAL
Mayumi E PaprockiSpainStephen Shaw RENEWAL
Antonio V BologniaAustraliaIvan Magalhaes RENEWAL
Claire J FerenczSpainBernardo Dominic NEW
Antonio V ButtFranceAmy Elsner NEW
Stacey F DoeSpainStephen Shaw RENEWAL
Costa E FlosiIndiaIvan Magalhaes NEW
Wickens O PaprockiJapanOnyama Limba NEW
Arvin L WaycottUnited KingdomXuxue Feng PROPOSAL
Arvin N BriddickCanadaXuxue Feng RENEWAL
Arvin X ChuiRussiaAnna Fali PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Adams V MarrierFranceAsiya Javayant NEGOTIATION
Mayumi F CaudyArgentinaAsiya Javayant NEGOTIATION
Greenwood Q VocelkaUnited KingdomStephen Shaw UNQUALIFIED
Kaitlin B SlusarskiItalyXuxue Feng NEW
Izzy R PoquetteFranceAmy Elsner RENEWAL
Wickens V GarufiAustraliaXuxue Feng NEGOTIATION
Sinclair D CaudyJapanXuxue Feng NEW
Maisha M InouyeUnited KingdomStephen Shaw NEW
Leon O MarrierAustraliaAmy Elsner RENEWAL
Rodrigues E SchemmerFranceAsiya Javayant QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Francesco G OstroskyUnited Kingdom2026-09-09Buckley Miller Wright QUALIFIED74Onyama Limba
1001Rodrigues P TollnerGermany2026-09-22Morlong Associates NEW14Anna Fali
1002Jennifer I SergiGermany2026-09-21Chemel, James L Cpa NEGOTIATION99Xuxue Feng
1003Francesco U CaldareraBrazil2026-09-23Rousseaux, Michael Esq QUALIFIED21Bernardo Dominic
1004Jennifer A WaycottArgentina2026-09-19Feiner Bros UNQUALIFIED49Elwin Sharvill
1005Leon V DarakjyGermany2026-09-04Buckley Miller Wright PROPOSAL41Elwin Sharvill
1006Jefferson Z GauchoUnited Kingdom2026-09-17Rousseaux, Michael Esq NEW98Xuxue Feng
1007Aruna I SchemmerJapan2026-09-13Chemel, James L Cpa PROPOSAL98Ioni Bowcher
1008Costa B AmigonCanada2026-09-12Printing Dimensions QUALIFIED33Elwin Sharvill
1009Ivar O DarakjyCanada2026-09-07Morlong Associates NEGOTIATION20Anna Fali
1010Morrow N GillianJapan2026-09-06Feiner Bros RENEWAL46Onyama Limba
1011Arvin J GillianUnited Kingdom2026-09-09Buckley Miller Wright UNQUALIFIED80Asiya Javayant
1012Ivar U MarrierUnited Kingdom2026-09-12Dorl, James J Esq RENEWAL50Anna Fali
1013Leja E MaletArgentina2026-09-01Chemel, James L Cpa NEW52Anna Fali
1014Leja W OldroydAustralia2026-09-09Feiner Bros PROPOSAL98Xuxue Feng
1015Isabel E FlosiBrazil2026-09-13Chanay, Jeffrey A Esq PROPOSAL66Onyama Limba
1016Juan V DarakjyItaly2026-09-18Dorl, James J Esq UNQUALIFIED51Amy Elsner
1017Francesco V MorascaJapan2026-09-11Buckley Miller Wright NEGOTIATION63Anna Fali
1018Octavia C CampainRussia2026-09-24Commercial Press PROPOSAL78Ivan Magalhaes
1019Faith O WieserCanada2026-09-26Chapman, Ross E Esq NEGOTIATION80Bernardo Dominic
1020Juan I ChuiArgentina2026-08-31Rangoni Of Florence NEGOTIATION30Amy Elsner
1021Julie E IturbideItaly2026-09-09Rangoni Of Florence RENEWAL80Stephen Shaw
1022Nicolas S KolmetzGermany2026-09-28Chanay, Jeffrey A Esq NEGOTIATION55Onyama Limba
1023Antonio X DoeUnited Kingdom2026-09-11Rangoni Of Florence NEGOTIATION64Elwin Sharvill
1024Murillo K CampainRussia2026-09-11Feltz Printing Service RENEWAL24Bernardo Dominic
1025Maisha Q CampainGermany2026-09-18Feltz Printing Service QUALIFIED17Elwin Sharvill
1026Greenwood T AmigonIndia2026-09-13Feiner Bros PROPOSAL23Stephen Shaw
1027Francesco F PoquetteItaly2026-09-01Rangoni Of Florence NEW53Onyama Limba
1028Aika M RoysterRussia2026-09-15Feltz Printing Service NEGOTIATION99Onyama Limba
1029Nicolas N CaudyFrance2026-09-23Dorl, James J Esq NEW45Elwin Sharvill
1030Ricardo J DoeBrazil2026-09-18Dorl, James J Esq NEW65Bernardo Dominic
1031Aruna T BriddickBrazil2026-09-10Chanay, Jeffrey A Esq RENEWAL27Ivan Magalhaes
1032Juan D ChuiCanada2026-09-05Morlong Associates RENEWAL76Amy Elsner
1033Jeanfrancois O TollnerSpain2026-09-18Benton, John B Jr NEGOTIATION51Bernardo Dominic
1034Aruna M WhobreyFrance2026-09-14King, Christopher A Esq NEW10Amy Elsner
1035Ashley H GarufiGermany2026-09-25Printing Dimensions NEW3Bernardo Dominic
1036Emily W OldroydArgentina2026-09-22Buckley Miller Wright NEGOTIATION59Asiya Javayant
1037Smith T NestleCanada2026-09-16Morlong Associates QUALIFIED37Elwin Sharvill
1038Mayumi M KuskoGermany2026-09-16Printing Dimensions NEW3Xuxue Feng
1039Nicolas J RimFrance2026-09-26Chapman, Ross E Esq NEW26Elwin Sharvill
1040Mayumi Q StockhamBrazil2026-09-08Rousseaux, Michael Esq PROPOSAL17Bernardo Dominic
1041Kaitlin O GlickItaly2026-09-02Rangoni Of Florence UNQUALIFIED21Elwin Sharvill
1042Julie F GauchoJapan2026-09-05Benton, John B Jr QUALIFIED33Stephen Shaw
1043Maria F StensethIndia2026-09-28Commercial Press NEGOTIATION66Bernardo Dominic
1044David S WaycottAustralia2026-09-19Benton, John B Jr NEW84Stephen Shaw
1045Wickens O PerinItaly2026-09-03Feiner Bros PROPOSAL79Anna Fali
1046Wickens B OldroydUnited Kingdom2026-09-25Printing Dimensions NEGOTIATION78Onyama Limba
1047Adams O StockhamRussia2026-09-23Chapman, Ross E Esq NEGOTIATION78Stephen Shaw
1048Ricardo G PoquetteCanada2026-09-11Dorl, James J Esq NEW6Ivan Magalhaes
1049Stacey W PaprockiBrazil2026-09-25Benton, John B Jr NEGOTIATION37Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Sinclair U ShinkoAustraliaAmy Elsner RENEWAL
Darci S FollerArgentinaStephen Shaw RENEWAL
Morrow J CaldareraSpainOnyama Limba UNQUALIFIED
Ivar I IturbideSpainAsiya Javayant PROPOSAL
Kaitlin V MaletSpainStephen Shaw PROPOSAL
Izzy N DarakjyItalyElwin Sharvill QUALIFIED
Aditya W ChuiAustraliaBernardo Dominic UNQUALIFIED
Izzy U SchemmerIndiaIvan Magalhaes NEW
Aika Q DilliardItalyAnna Fali RENEWAL
Claire X WhobreyJapanXuxue Feng QUALIFIED
Tony J GillianSpainAnna Fali NEW
Wickens K RimArgentinaXuxue Feng NEGOTIATION
Leja X OldroydArgentinaAmy Elsner PROPOSAL
Aruna H GlickIndiaIvan Magalhaes QUALIFIED
Adams S AmigonCanadaXuxue Feng NEW
James Z WieserJapanAmy Elsner UNQUALIFIED
Aruna N FigeroaFranceIoni Bowcher UNQUALIFIED
Deepesh D IturbideCanadaAmy Elsner UNQUALIFIED
Ricardo Y IturbideAustraliaIoni Bowcher RENEWAL
Aditya H FollerArgentinaIvan Magalhaes QUALIFIED
Arvin D InouyeAustraliaElwin Sharvill QUALIFIED
Leja J MorascaIndiaElwin Sharvill QUALIFIED
Greenwood N InouyeItalyStephen Shaw PROPOSAL
Antonio G WhobreyBrazilAsiya Javayant RENEWAL
Antonio B TollnerSpainElwin Sharvill RENEWAL
Greenwood W MacleadItalyElwin Sharvill QUALIFIED
Rodrigues T FollerUnited KingdomIoni Bowcher NEGOTIATION
Antonio X BowleySpainBernardo Dominic NEGOTIATION
Claire T OstroskyUnited KingdomIvan Magalhaes NEGOTIATION
Adams H GarufiCanadaBernardo Dominic NEW
Rodrigues X MaletGermanyAnna Fali NEW
Adams Q NickaCanadaAnna Fali NEW
Leja J FollerJapanAmy Elsner UNQUALIFIED
Maria V SergiBrazilAnna Fali QUALIFIED
Juan U MarrierCanadaStephen Shaw NEW
Octavia G FlosiSpainAnna Fali RENEWAL
Misaki X NestleArgentinaAnna Fali UNQUALIFIED
Salvatore V KuskoJapanAsiya Javayant QUALIFIED
Leon V AmigonFranceAmy Elsner UNQUALIFIED
David P PerinJapanIvan Magalhaes NEW
Johnson D KolmetzUnited KingdomAmy Elsner QUALIFIED
Silvio H BologniaCanadaStephen Shaw NEGOTIATION
Jones W SchemmerCanadaElwin Sharvill QUALIFIED
Aruna C BriddickRussiaOnyama Limba NEW
Antonio X IturbideAustraliaElwin Sharvill NEW
Leon F BriddickSpainAmy Elsner QUALIFIED
Sinclair X ChuiUnited KingdomXuxue Feng UNQUALIFIED
Ricardo U GlickItalyBernardo Dominic QUALIFIED
Maria P VenereRussiaAnna Fali RENEWAL
Francesco Y CampainUnited KingdomAnna Fali NEW
Frozen Columns
Name
Izzy H Dilliard
Izzy T Nicka
Misaki Y Gillian
Faith J Maclead
Aruna X Bowley
Jones R Inouye
Tony F Bolognia
Salvatore R Whobrey
Arvin D Foller
Ashley O Doe
Alejandro N Gillian
Izzy E Gaucho
Mujtaba H Ostrosky
Leon B Chui
Arvin O Malet
Sinclair D Tollner
Maria L Figeroa
Costa A Nicka
Claire N Campain
Leon T Ferencz
Alejandro R Vocelka
Jones Y Kusko
Izzy C Slusarski
Adams S Slusarski
Ricardo F Doe
Chavez M Rim
Cody V Darakjy
Antonio L Caldarera
Aditya A Kolmetz
Adams B Stenseth
Jeanfrancois A Waycott
Maria K Royster
Leja I Bolognia
Kaitlin V Chui
Claire H Ruta
Mujtaba J Waycott
Leon N Vocelka
David T Darakjy
Tony N Gillian
Ivar A Morasca
Maria E Saylors
Aruna I Ferencz
Francesco K Butt
Jeanfrancois O Ruta
Aditya H Nicka
Jefferson H Maclead
Aditya M Sergi
Aika M Royster
Johnson K Butt
Julie R Nestle
IdCountryDate
1000Italy2026-09-10
1001Japan2026-09-13
1002Canada2026-09-01
1003Australia2026-09-10
1004Italy2026-09-26
1005Russia2026-09-15
1006United Kingdom2026-09-16
1007Russia2026-08-30
1008Australia2026-09-21
1009Australia2026-09-27
1010Italy2026-09-20
1011India2026-09-13
1012Russia2026-09-15
1013France2026-09-11
1014Australia2026-09-18
1015France2026-09-02
1016United Kingdom2026-09-10
1017Brazil2026-08-30
1018Argentina2026-08-30
1019Italy2026-09-17
1020Italy2026-09-14
1021Russia2026-09-25
1022Spain2026-09-11
1023Canada2026-09-26
1024Germany2026-09-12
1025United Kingdom2026-09-27
1026France2026-09-10
1027Spain2026-09-01
1028Australia2026-08-30
1029Australia2026-09-04
1030Japan2026-08-30
1031United Kingdom2026-09-12
1032India2026-09-10
1033Argentina2026-09-20
1034United Kingdom2026-09-06
1035Australia2026-09-12
1036Italy2026-09-17
1037Italy2026-09-02
1038Brazil2026-09-12
1039Brazil2026-08-31
1040Italy2026-09-01
1041Canada2026-09-25
1042France2026-09-05
1043Spain2026-09-11
1044Japan2026-09-25
1045Australia2026-09-02
1046United Kingdom2026-09-04
1047India2026-09-15
1048Spain2026-09-16
1049Brazil2026-09-12

On-Demand Data

NameIdCountryDate
Ivar W Bolognia1000France2026-09-19
Smith G Whobrey1001Japan2026-09-04
Maisha W Bowley1002United Kingdom2026-09-18
James P Rulapaugh1003France2026-09-09
Jones V Stenseth1004Germany2026-09-14
Cody P Gillian1005Russia2026-09-02
Maisha G Garufi1006Spain2026-09-10
Aditya V Ferencz1007Argentina2026-09-13
Murillo X Dilliard1008Japan2026-09-22
Costa X Nestle1009Russia2026-09-17
Aruna W Nicka1010Japan2026-09-15
Rodrigues N Dilliard1011Spain2026-09-26
Morrow T Oldroyd1012Brazil2026-09-12
Salvatore H Nicka1013Canada2026-09-08
Kaitlin N Tollner1014Italy2026-09-18
Mujtaba F Poquette1015Germany2026-09-26
Maisha R Poquette1016Australia2026-08-31
Chavez K Poquette1017Italy2026-09-08
Isabel K Whobrey1018United Kingdom2026-08-30
Emily O Waycott1019France2026-09-02
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Munro R SlusarskiAustraliaIoni Bowcher NEGOTIATION
Cody I WieserBrazilAsiya Javayant PROPOSAL
Kaitlin Z OstroskyAustraliaIvan Magalhaes NEGOTIATION
Octavia K GillianBrazilAmy Elsner NEW
Misaki E SchemmerBrazilAnna Fali NEGOTIATION
Silvio T GillianCanadaOnyama Limba NEW
Izzy V FollerArgentinaAsiya Javayant PROPOSAL
Izzy P CampainFranceIoni Bowcher RENEWAL
Greenwood Y CaudyCanadaElwin Sharvill NEGOTIATION
Munro Q FigeroaCanadaAnna Fali NEW
Mujtaba V OstroskyFranceXuxue Feng NEW
Silvio O CaudyUnited KingdomIoni Bowcher NEGOTIATION
Smith N OldroydRussiaStephen Shaw UNQUALIFIED
Nicolas U TollnerRussiaAmy Elsner PROPOSAL
Jennifer L VenereFranceOnyama Limba QUALIFIED
Munro K ButtUnited KingdomIvan Magalhaes QUALIFIED
Mujtaba Z KolmetzGermanyXuxue Feng NEGOTIATION
Tony A GauchoAustraliaOnyama Limba PROPOSAL
Cody L BowleyBrazilOnyama Limba RENEWAL
Clifford M MorascaUnited KingdomAsiya Javayant UNQUALIFIED
Ricardo J MaletArgentinaBernardo Dominic NEW
Octavia Y DarakjyIndiaIoni Bowcher QUALIFIED
Silvio Y PaprockiItalyElwin Sharvill RENEWAL
Murillo C VocelkaBrazilAnna Fali PROPOSAL
Darci R InouyeRussiaElwin Sharvill PROPOSAL
Jefferson X KolmetzFranceAnna Fali NEGOTIATION
Mujtaba E PerinGermanyIvan Magalhaes NEW
Francesco E SaylorsCanadaXuxue Feng NEW
Aruna Y PaprockiCanadaElwin Sharvill RENEWAL
Claire W CaudyFranceAmy Elsner NEW
Clifford O MorascaItalyAnna Fali NEGOTIATION
Ricardo P DoeGermanyBernardo Dominic RENEWAL
Arvin O VocelkaCanadaIoni Bowcher NEGOTIATION
Ricardo Y WieserBrazilXuxue Feng NEGOTIATION
Silvio T MaletCanadaXuxue Feng NEGOTIATION
Jones I GauchoBrazilAsiya Javayant QUALIFIED
Isabel P BriddickRussiaIoni Bowcher NEW
Maisha W MacleadIndiaElwin Sharvill QUALIFIED
David Q AmigonGermanyIvan Magalhaes QUALIFIED
Faith B MaletRussiaIvan Magalhaes 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>