Summer Sale is here 🏖️ Get 50% off with code PRSM25 Learn More

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
Wickens X WieserJapanAmy Elsner NEW
Johnson C RutaJapanIvan Magalhaes PROPOSAL
Smith F StockhamJapanXuxue Feng QUALIFIED
Antonio N FerenczAustraliaXuxue Feng UNQUALIFIED
Clifford F DoeUnited KingdomAnna Fali NEW
Aditya P NickaBrazilXuxue Feng RENEWAL
Adams N CaudyArgentinaXuxue Feng QUALIFIED
Ivar W CaudyIndiaAnna Fali UNQUALIFIED
Misaki T FollerRussiaIoni Bowcher PROPOSAL
Misaki C AlbaresAustraliaAnna Fali QUALIFIED
Smith M NestleFranceAnna Fali NEW
Deepesh N StensethSpainXuxue Feng NEGOTIATION
Faith M AlbaresGermanyIvan Magalhaes PROPOSAL
Greenwood U FollerFranceStephen Shaw UNQUALIFIED
Darci E GauchoFranceAsiya Javayant NEGOTIATION
Maria X OldroydFranceBernardo Dominic RENEWAL
Ivar Q DilliardJapanAnna Fali UNQUALIFIED
Morrow M NestleFranceAsiya Javayant NEW
Emily K MorascaItalyBernardo Dominic NEGOTIATION
Aruna Z RutaArgentinaBernardo Dominic QUALIFIED
Chavez I RulapaughRussiaIvan Magalhaes UNQUALIFIED
Clifford V SergiIndiaIoni Bowcher PROPOSAL
Darci L SchemmerJapanIoni Bowcher NEGOTIATION
Kaitlin M WaycottJapanAnna Fali PROPOSAL
Deepesh X GauchoUnited KingdomAnna Fali UNQUALIFIED
Emily Q OstroskyFranceBernardo Dominic NEGOTIATION
Alejandro E IturbideFranceAsiya Javayant NEGOTIATION
James P DoeRussiaAnna Fali NEGOTIATION
Munro D DoeIndiaAnna Fali NEW
Munro V RoysterArgentinaAnna Fali PROPOSAL
Ricardo F DoeCanadaAsiya Javayant QUALIFIED
Jones N VenereJapanIoni Bowcher NEGOTIATION
Silvio G RulapaughGermanyBernardo Dominic PROPOSAL
Maisha Q SergiAustraliaBernardo Dominic RENEWAL
David T BriddickGermanyBernardo Dominic PROPOSAL
Jones L ShinkoBrazilBernardo Dominic NEW
Leja R BowleyRussiaXuxue Feng UNQUALIFIED
Johnson V StensethRussiaBernardo Dominic UNQUALIFIED
Misaki E OstroskyRussiaElwin Sharvill NEW
David B DarakjyFranceAmy Elsner QUALIFIED
Leja V FigeroaFranceXuxue Feng NEGOTIATION
Sinclair N BriddickFranceElwin Sharvill RENEWAL
Jones W MorascaSpainIvan Magalhaes UNQUALIFIED
James A GlickBrazilAnna Fali UNQUALIFIED
Jefferson Z KuskoIndiaXuxue Feng PROPOSAL
Ashley S WaycottRussiaAmy Elsner PROPOSAL
Aika P OstroskyArgentinaOnyama Limba NEGOTIATION
Smith K PaprockiGermanyElwin Sharvill PROPOSAL
Francesco I FerenczJapanAmy Elsner RENEWAL
Deepesh C BologniaRussiaAsiya Javayant UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Sinclair T SlusarskiCanadaAnna Fali RENEWAL
Misaki A FerenczIndiaAnna Fali RENEWAL
Adams H RutaBrazilElwin Sharvill UNQUALIFIED
Kadeem B MacleadAustraliaIvan Magalhaes QUALIFIED
David B KuskoItalyElwin Sharvill RENEWAL
Morrow W RimJapanAnna Fali PROPOSAL
Leon E StensethIndiaElwin Sharvill NEW
Jennifer A GauchoFranceIvan Magalhaes UNQUALIFIED
David V StensethJapanIvan Magalhaes UNQUALIFIED
Julie D GarufiIndiaAnna Fali NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Silvio J CampainSpain2025-10-03Benton, John B Jr RENEWAL94Ioni Bowcher
1001Maria B SlusarskiCanada2025-10-18Chapman, Ross E Esq QUALIFIED81Onyama Limba
1002Munro L VocelkaJapan2025-10-23Morlong Associates UNQUALIFIED46Amy Elsner
1003Aika T PerinFrance2025-10-02Buckley Miller Wright QUALIFIED69Xuxue Feng
1004Faith O PerinUnited Kingdom2025-10-07Feiner Bros UNQUALIFIED88Ioni Bowcher
1005Izzy U RutaRussia2025-10-08Rangoni Of Florence NEGOTIATION75Stephen Shaw
1006Adams W RoysterUnited Kingdom2025-10-27Rousseaux, Michael Esq PROPOSAL51Onyama Limba
1007Kadeem D VenereSpain2025-10-07Printing Dimensions UNQUALIFIED36Ioni Bowcher
1008Stacey S FerenczCanada2025-10-17Buckley Miller Wright UNQUALIFIED95Bernardo Dominic
1009Stacey W MorascaItaly2025-10-01Chapman, Ross E Esq PROPOSAL62Elwin Sharvill
1010Mujtaba W FollerItaly2025-10-08Morlong Associates RENEWAL23Ivan Magalhaes
1011Misaki G RutaCanada2025-10-18Truhlar And Truhlar Attys NEW3Ioni Bowcher
1012Aika H CaudyArgentina2025-10-11Chemel, James L Cpa QUALIFIED8Amy Elsner
1013Munro A IturbideBrazil2025-10-27Commercial Press RENEWAL18Asiya Javayant
1014Claire Z OstroskyItaly2025-09-29Rousseaux, Michael Esq QUALIFIED47Elwin Sharvill
1015Jennifer F InouyeItaly2025-10-09Chanay, Jeffrey A Esq NEW95Elwin Sharvill
1016David K OldroydSpain2025-10-19Buckley Miller Wright QUALIFIED10Elwin Sharvill
1017Arvin R SchemmerSpain2025-10-15Dorl, James J Esq NEGOTIATION50Xuxue Feng
1018Leon X SchemmerFrance2025-10-12Commercial Press UNQUALIFIED81Stephen Shaw
1019Rodrigues H TollnerUnited Kingdom2025-10-01Chemel, James L Cpa QUALIFIED0Bernardo Dominic
1020Jeanfrancois V OstroskyIndia2025-10-03Chapman, Ross E Esq NEW15Anna Fali
1021Izzy J BologniaIndia2025-10-12Feiner Bros NEGOTIATION19Asiya Javayant
1022Isabel K MaletGermany2025-10-20Dorl, James J Esq NEGOTIATION63Elwin Sharvill
1023Kadeem F SergiArgentina2025-10-08Morlong Associates PROPOSAL78Anna Fali
1024Maria O VocelkaIndia2025-10-13Chapman, Ross E Esq NEGOTIATION99Stephen Shaw
1025Claire K FollerJapan2025-10-26King, Christopher A Esq UNQUALIFIED24Asiya Javayant
1026Deepesh Y DarakjyIndia2025-10-03Chanay, Jeffrey A Esq UNQUALIFIED15Anna Fali
1027Silvio N MaletCanada2025-09-30Chanay, Jeffrey A Esq QUALIFIED66Xuxue Feng
1028Costa H DarakjyIndia2025-10-14Dorl, James J Esq RENEWAL21Amy Elsner
1029Greenwood H GauchoIndia2025-10-27Commercial Press UNQUALIFIED19Xuxue Feng
1030Jones O AlbaresGermany2025-10-22Morlong Associates QUALIFIED40Onyama Limba
1031Julie L SchemmerCanada2025-10-01Morlong Associates NEGOTIATION62Onyama Limba
1032Arvin A PerinJapan2025-09-29Buckley Miller Wright PROPOSAL43Amy Elsner
1033Mujtaba K StensethBrazil2025-09-29Chanay, Jeffrey A Esq NEW76Stephen Shaw
1034Leon F RulapaughFrance2025-10-05Rangoni Of Florence PROPOSAL0Elwin Sharvill
1035Clifford H WaycottAustralia2025-09-30Chapman, Ross E Esq QUALIFIED93Ivan Magalhaes
1036Faith K BriddickArgentina2025-10-20Feltz Printing Service RENEWAL31Stephen Shaw
1037Mujtaba M ChuiJapan2025-10-05Benton, John B Jr PROPOSAL80Ivan Magalhaes
1038Kadeem F GarufiCanada2025-10-20Commercial Press QUALIFIED67Onyama Limba
1039Arvin H CaldareraFrance2025-09-29Chanay, Jeffrey A Esq NEW12Ioni Bowcher
1040Ricardo G VocelkaItaly2025-10-25Buckley Miller Wright QUALIFIED32Anna Fali
1041Aika V RoysterBrazil2025-10-18Chapman, Ross E Esq QUALIFIED68Bernardo Dominic
1042Rodrigues L GarufiRussia2025-10-05Chanay, Jeffrey A Esq UNQUALIFIED10Onyama Limba
1043Sinclair K RoysterCanada2025-10-10Rousseaux, Michael Esq QUALIFIED54Elwin Sharvill
1044Wickens R CampainBrazil2025-10-09Printing Dimensions PROPOSAL58Ivan Magalhaes
1045Ashley A WhobreySpain2025-10-09Rousseaux, Michael Esq RENEWAL70Amy Elsner
1046Maria X IturbideFrance2025-10-07Printing Dimensions NEW29Stephen Shaw
1047Salvatore Y FigeroaFrance2025-10-06Chanay, Jeffrey A Esq QUALIFIED26Bernardo Dominic
1048Kaitlin Z NestleSpain2025-10-07Feiner Bros PROPOSAL14Elwin Sharvill
1049Kaitlin L DoeItaly2025-10-21Chanay, Jeffrey A Esq PROPOSAL33Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Munro V BriddickRussiaXuxue Feng QUALIFIED
Aika D MaletItalyStephen Shaw QUALIFIED
Maisha E PoquetteJapanIoni Bowcher RENEWAL
Clifford L BriddickItalyStephen Shaw UNQUALIFIED
Arvin E RoysterGermanyAnna Fali UNQUALIFIED
David M NickaFranceAsiya Javayant UNQUALIFIED
Cody P OstroskyAustraliaAmy Elsner PROPOSAL
Aruna B MacleadArgentinaOnyama Limba NEW
Jones A SchemmerGermanyStephen Shaw QUALIFIED
Mayumi H IturbideSpainIvan Magalhaes RENEWAL
Salvatore V ChuiFranceAmy Elsner NEW
Maisha J WieserCanadaAsiya Javayant RENEWAL
Mayumi N PoquetteFranceAsiya Javayant NEW
James F OstroskyArgentinaOnyama Limba NEW
Kaitlin I RutaBrazilElwin Sharvill QUALIFIED
Kaitlin J FigeroaCanadaAnna Fali RENEWAL
Wickens G GarufiUnited KingdomAmy Elsner UNQUALIFIED
Emily G PoquetteUnited KingdomOnyama Limba NEW
Johnson A KuskoCanadaAnna Fali QUALIFIED
Antonio S RulapaughCanadaBernardo Dominic NEGOTIATION
Murillo U RulapaughBrazilAmy Elsner RENEWAL
Leon A CaldareraBrazilIoni Bowcher QUALIFIED
David W FlosiJapanOnyama Limba RENEWAL
Faith H WhobreyCanadaIvan Magalhaes RENEWAL
Stacey C GauchoItalyElwin Sharvill RENEWAL
Greenwood O PoquetteGermanyAmy Elsner UNQUALIFIED
Maisha A MacleadArgentinaBernardo Dominic PROPOSAL
David Q DilliardUnited KingdomAnna Fali QUALIFIED
Kaitlin F OstroskyIndiaElwin Sharvill UNQUALIFIED
Tony O MorascaItalyIvan Magalhaes UNQUALIFIED
Emily C RoysterIndiaAsiya Javayant NEW
Ivar F NestleCanadaBernardo Dominic NEW
Adams T ShinkoItalyOnyama Limba NEGOTIATION
Misaki F OldroydItalyOnyama Limba UNQUALIFIED
Julie H ButtBrazilAmy Elsner UNQUALIFIED
Leja J BologniaItalyIoni Bowcher NEW
Ricardo E GarufiBrazilStephen Shaw NEGOTIATION
Francesco V RoysterRussiaIvan Magalhaes QUALIFIED
Kaitlin H MaletItalyBernardo Dominic RENEWAL
Francesco R MaletItalyStephen Shaw NEW
Jennifer D GlickIndiaBernardo Dominic QUALIFIED
Julie P BowleyJapanOnyama Limba RENEWAL
Chavez J SlusarskiJapanAsiya Javayant NEGOTIATION
Costa Z DarakjyFranceOnyama Limba PROPOSAL
Aditya D TollnerIndiaIvan Magalhaes NEW
Costa W PaprockiItalyBernardo Dominic NEW
Mujtaba L ButtItalyIoni Bowcher RENEWAL
Deepesh W OldroydCanadaBernardo Dominic PROPOSAL
Ricardo M GlickUnited KingdomIvan Magalhaes NEW
Ricardo R VocelkaUnited KingdomXuxue Feng NEGOTIATION
Frozen Columns
Name
Silvio C Butt
Leja V Stockham
Mujtaba X Flosi
Mujtaba Q Marrier
Adams B Malet
Aika P Bowley
Aruna I Glick
Nicolas Y Doe
Ivar J Vocelka
David S Campain
Ricardo I Sergi
Arvin Q Flosi
Silvio B Darakjy
James D Foller
Greenwood T Whobrey
Jefferson Y Briddick
Greenwood G Ruta
Jennifer J Maclead
Maisha J Rim
Aika K Bolognia
Francesco N Kusko
Claire T Caudy
Jennifer T Campain
Ashley X Morasca
Darci Z Waycott
Arvin W Foller
Nicolas W Ruta
Chavez G Darakjy
Julie O Maclead
Salvatore N Malet
Silvio Y Perin
Smith Q Gillian
Faith M Royster
Smith W Saylors
Ashley H Venere
James G Maclead
Leja G Rulapaugh
Aditya P Nicka
Morrow A Foller
Wickens D Kolmetz
Tony Z Stockham
Antonio H Foller
Jefferson D Glick
Misaki M Oldroyd
Maria X Shinko
Isabel K Oldroyd
Isabel W Rim
Octavia L Whobrey
Greenwood X Stockham
Murillo C Iturbide
IdCountryDate
1000Japan2025-10-10
1001Italy2025-10-03
1002Italy2025-10-17
1003Germany2025-10-20
1004Russia2025-10-26
1005Australia2025-10-16
1006Italy2025-09-28
1007Australia2025-10-20
1008Canada2025-09-29
1009Japan2025-10-11
1010Japan2025-10-10
1011Australia2025-09-30
1012Japan2025-10-06
1013France2025-10-14
1014France2025-10-07
1015Brazil2025-10-25
1016United Kingdom2025-10-04
1017United Kingdom2025-10-20
1018Italy2025-10-22
1019Australia2025-10-11
1020Canada2025-10-15
1021Japan2025-10-27
1022Italy2025-10-12
1023Japan2025-10-03
1024Russia2025-10-21
1025Canada2025-10-03
1026Australia2025-10-06
1027Italy2025-10-23
1028Canada2025-09-30
1029Argentina2025-09-30
1030France2025-09-30
1031France2025-10-15
1032France2025-10-04
1033India2025-09-30
1034Russia2025-10-11
1035Canada2025-09-29
1036Japan2025-10-10
1037Russia2025-10-13
1038Japan2025-10-26
1039India2025-10-18
1040Argentina2025-10-01
1041Italy2025-10-27
1042Japan2025-10-19
1043Argentina2025-10-12
1044Canada2025-10-12
1045Spain2025-10-05
1046Canada2025-10-02
1047Brazil2025-10-23
1048Spain2025-10-13
1049Australia2025-10-20

On-Demand Data

NameIdCountryDate
Julie R Saylors1000United Kingdom2025-10-21
Ashley K Ruta1001Brazil2025-10-10
Nicolas E Caudy1002Russia2025-10-03
Silvio K Maclead1003United Kingdom2025-10-09
Antonio P Marrier1004Germany2025-10-17
Cody X Chui1005Canada2025-10-09
Juan X Perin1006Germany2025-10-21
Jennifer J Chui1007Japan2025-10-25
Leon Y Garufi1008Argentina2025-10-12
Chavez Q Paprocki1009Germany2025-09-28
Jefferson M Kolmetz1010Spain2025-10-07
Morrow B Dilliard1011Argentina2025-10-13
Cody P Wieser1012Germany2025-10-02
Aruna Q Marrier1013India2025-10-05
Stacey X Butt1014United Kingdom2025-10-14
Jeanfrancois J Oldroyd1015United Kingdom2025-10-26
Arvin Z Caudy1016Germany2025-10-10
Ivar U Caudy1017Brazil2025-10-13
Maria T Morasca1018Spain2025-10-01
Juan K Vocelka1019France2025-10-13
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aika N FigeroaSpainElwin Sharvill PROPOSAL
Ricardo C GlickJapanStephen Shaw QUALIFIED
Deepesh U SlusarskiJapanIvan Magalhaes PROPOSAL
Salvatore N CaldareraArgentinaIoni Bowcher NEW
Juan W NickaCanadaBernardo Dominic QUALIFIED
Darci X KolmetzAustraliaXuxue Feng RENEWAL
Aika M MaletUnited KingdomBernardo Dominic RENEWAL
Costa N FollerArgentinaOnyama Limba NEW
Maria N InouyeItalyAnna Fali NEGOTIATION
David L BriddickSpainXuxue Feng UNQUALIFIED
Wickens Q BriddickSpainBernardo Dominic NEGOTIATION
Wickens H NickaCanadaIoni Bowcher PROPOSAL
Nicolas O BologniaItalyXuxue Feng PROPOSAL
Murillo U KuskoArgentinaIvan Magalhaes NEGOTIATION
Silvio Q InouyeBrazilStephen Shaw QUALIFIED
Aruna M GauchoArgentinaAmy Elsner PROPOSAL
Kaitlin J WaycottUnited KingdomBernardo Dominic RENEWAL
Clifford B RulapaughRussiaElwin Sharvill NEW
Ricardo Y RutaUnited KingdomAsiya Javayant RENEWAL
Rodrigues T GillianAustraliaOnyama Limba QUALIFIED
Ricardo Z TollnerBrazilIoni Bowcher NEW
Smith G ShinkoArgentinaOnyama Limba UNQUALIFIED
Aruna F KuskoIndiaElwin Sharvill NEW
Morrow I VocelkaIndiaBernardo Dominic NEGOTIATION
Munro Z PaprockiBrazilBernardo Dominic NEGOTIATION
Adams R MacleadGermanyBernardo Dominic NEGOTIATION
Aika L RimGermanyStephen Shaw NEGOTIATION
Deepesh F SergiItalyAnna Fali NEW
Jennifer P MaletBrazilXuxue Feng RENEWAL
Johnson I OstroskyGermanyElwin Sharvill NEW
Chavez Z DoeJapanOnyama Limba NEW
Isabel F MaletFranceIoni Bowcher NEW
Smith B TollnerItalyElwin Sharvill PROPOSAL
Tony G BriddickJapanElwin Sharvill PROPOSAL
Kaitlin Q DoeRussiaIvan Magalhaes NEGOTIATION
Mayumi L KuskoJapanElwin Sharvill NEW
Ashley V NestleUnited KingdomBernardo Dominic PROPOSAL
Kaitlin B VocelkaIndiaIvan Magalhaes NEGOTIATION
Darci I VocelkaGermanyIvan Magalhaes QUALIFIED
Leja H FollerAustraliaBernardo Dominic NEW

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