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
Ricardo F DarakjyBrazilOnyama Limba UNQUALIFIED
Munro X StockhamBrazilElwin Sharvill NEGOTIATION
Juan J KuskoBrazilXuxue Feng NEW
Costa K PerinUnited KingdomXuxue Feng RENEWAL
Juan B GauchoBrazilElwin Sharvill PROPOSAL
Jeanfrancois K SaylorsArgentinaElwin Sharvill PROPOSAL
Octavia S RulapaughItalyElwin Sharvill NEGOTIATION
Munro X StensethRussiaAsiya Javayant NEGOTIATION
Jones S RoysterIndiaAsiya Javayant NEGOTIATION
Adams L CaudyRussiaIoni Bowcher PROPOSAL
Sinclair D AlbaresItalyAmy Elsner RENEWAL
Isabel H GlickCanadaElwin Sharvill RENEWAL
Smith U MaletGermanyStephen Shaw NEW
Smith H DilliardUnited KingdomStephen Shaw NEW
Jefferson Y StockhamAustraliaBernardo Dominic NEGOTIATION
Clifford R FerenczBrazilIvan Magalhaes RENEWAL
Arvin Q SaylorsItalyElwin Sharvill NEGOTIATION
David K VenereItalyAnna Fali NEW
Cody U VenereArgentinaBernardo Dominic UNQUALIFIED
Kadeem U IturbideUnited KingdomIoni Bowcher NEGOTIATION
Juan U DilliardBrazilBernardo Dominic NEGOTIATION
Chavez M StockhamSpainAsiya Javayant RENEWAL
Izzy D MaletJapanAnna Fali RENEWAL
Juan Y BriddickSpainAsiya Javayant NEGOTIATION
Greenwood K MorascaIndiaElwin Sharvill PROPOSAL
Aditya E DoeIndiaXuxue Feng NEGOTIATION
Kaitlin S RoysterUnited KingdomXuxue Feng PROPOSAL
Tony V RoysterItalyAmy Elsner QUALIFIED
Misaki G SlusarskiBrazilElwin Sharvill NEGOTIATION
Costa P DilliardUnited KingdomAmy Elsner RENEWAL
Izzy J WhobreyAustraliaIvan Magalhaes NEW
Jeanfrancois W SergiCanadaOnyama Limba QUALIFIED
Costa C RutaAustraliaAsiya Javayant PROPOSAL
Emily L BologniaIndiaAmy Elsner NEW
Adams C BriddickSpainElwin Sharvill RENEWAL
Jefferson O WhobreyCanadaXuxue Feng QUALIFIED
Darci Q GauchoAustraliaAsiya Javayant RENEWAL
Claire H TollnerBrazilAsiya Javayant RENEWAL
Julie T InouyeFranceElwin Sharvill NEW
Alejandro X SlusarskiAustraliaBernardo Dominic NEW
Wickens K WieserJapanAnna Fali RENEWAL
Wickens X GarufiCanadaIoni Bowcher RENEWAL
Francesco P DarakjyFranceOnyama Limba NEW
Jefferson D PaprockiItalyOnyama Limba RENEWAL
Antonio J RutaAustraliaAnna Fali NEW
Johnson O SchemmerIndiaXuxue Feng QUALIFIED
James W FollerFranceAsiya Javayant RENEWAL
Francesco B BriddickFranceStephen Shaw PROPOSAL
Maria X BologniaSpainAsiya Javayant PROPOSAL
Adams Z SaylorsRussiaBernardo Dominic RENEWAL
Horizontal
NameCountryRepresentativeStatus
Murillo J KuskoIndiaAnna Fali NEGOTIATION
Leon I GauchoUnited KingdomStephen Shaw PROPOSAL
Jeanfrancois C GlickBrazilIvan Magalhaes PROPOSAL
Misaki R CaudyArgentinaIvan Magalhaes QUALIFIED
Murillo G CaudyItalyIoni Bowcher RENEWAL
Antonio Z GlickAustraliaBernardo Dominic PROPOSAL
Adams N RutaCanadaElwin Sharvill QUALIFIED
Wickens V StensethAustraliaStephen Shaw QUALIFIED
Johnson U MaletRussiaAmy Elsner NEW
Wickens J MaletAustraliaIvan Magalhaes RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Mayumi Y CampainArgentina2025-09-20King, Christopher A Esq NEGOTIATION3Onyama Limba
1001David M AlbaresJapan2025-10-07Truhlar And Truhlar Attys NEW58Bernardo Dominic
1002Ivar K RoysterSpain2025-10-06Morlong Associates RENEWAL85Ivan Magalhaes
1003Stacey V RimJapan2025-10-04Chapman, Ross E Esq NEW81Stephen Shaw
1004Faith E MacleadJapan2025-09-18King, Christopher A Esq UNQUALIFIED69Xuxue Feng
1005Salvatore E BologniaIndia2025-09-30Feiner Bros RENEWAL62Ioni Bowcher
1006Smith Y RimGermany2025-09-10Printing Dimensions UNQUALIFIED50Ivan Magalhaes
1007Aruna Q DilliardFrance2025-09-22Chanay, Jeffrey A Esq NEW26Elwin Sharvill
1008Mujtaba A FollerGermany2025-10-03King, Christopher A Esq NEGOTIATION47Asiya Javayant
1009Jones B CampainCanada2025-09-11Morlong Associates QUALIFIED73Elwin Sharvill
1010Ricardo S AmigonItaly2025-10-01Chemel, James L Cpa NEGOTIATION61Anna Fali
1011Emily B RoysterJapan2025-09-22Morlong Associates NEGOTIATION48Asiya Javayant
1012Arvin W ShinkoGermany2025-09-17Chanay, Jeffrey A Esq NEW55Onyama Limba
1013David Z GauchoItaly2025-09-15Printing Dimensions QUALIFIED35Elwin Sharvill
1014Jennifer Y InouyeJapan2025-09-24Commercial Press RENEWAL10Anna Fali
1015Kadeem H AlbaresGermany2025-09-30Rangoni Of Florence QUALIFIED0Anna Fali
1016James W BologniaGermany2025-09-18Truhlar And Truhlar Attys NEW96Xuxue Feng
1017Murillo B StockhamGermany2025-09-25Dorl, James J Esq NEW73Ioni Bowcher
1018Costa H RulapaughGermany2025-09-17Printing Dimensions QUALIFIED62Anna Fali
1019Tony M MaletFrance2025-09-30Commercial Press RENEWAL67Xuxue Feng
1020Aika R FollerIndia2025-09-24Chanay, Jeffrey A Esq PROPOSAL60Xuxue Feng
1021Leon J WaycottIndia2025-09-21Chemel, James L Cpa NEW36Ivan Magalhaes
1022Jennifer S GarufiGermany2025-09-10Benton, John B Jr PROPOSAL29Onyama Limba
1023Octavia J BriddickAustralia2025-09-14Buckley Miller Wright QUALIFIED18Bernardo Dominic
1024Aika X TollnerSpain2025-09-25Chemel, James L Cpa PROPOSAL21Amy Elsner
1025Silvio F WaycottCanada2025-10-03Chapman, Ross E Esq PROPOSAL32Amy Elsner
1026Adams N KolmetzArgentina2025-09-22Chanay, Jeffrey A Esq NEW65Amy Elsner
1027James P SchemmerSpain2025-09-14Rangoni Of Florence QUALIFIED39Ivan Magalhaes
1028Aruna Y RutaAustralia2025-10-02Chapman, Ross E Esq NEW3Xuxue Feng
1029David L KuskoUnited Kingdom2025-09-14Chanay, Jeffrey A Esq NEGOTIATION97Amy Elsner
1030Aruna V GlickItaly2025-09-18Truhlar And Truhlar Attys QUALIFIED74Ivan Magalhaes
1031Greenwood B VocelkaRussia2025-09-27Dorl, James J Esq NEGOTIATION83Elwin Sharvill
1032Aruna P StockhamFrance2025-10-01Chanay, Jeffrey A Esq UNQUALIFIED49Elwin Sharvill
1033Julie Y PaprockiBrazil2025-09-22Feltz Printing Service RENEWAL71Ivan Magalhaes
1034Adams P SlusarskiCanada2025-10-07Feiner Bros UNQUALIFIED6Ioni Bowcher
1035Leja I AmigonRussia2025-10-06Morlong Associates RENEWAL32Stephen Shaw
1036Jefferson D RutaArgentina2025-09-13Rousseaux, Michael Esq PROPOSAL45Stephen Shaw
1037Clifford Y SchemmerArgentina2025-09-20King, Christopher A Esq NEW50Xuxue Feng
1038Wickens F KuskoCanada2025-09-25Dorl, James J Esq PROPOSAL94Elwin Sharvill
1039Octavia I PoquetteIndia2025-09-11Chanay, Jeffrey A Esq NEW83Asiya Javayant
1040Leon Y NickaSpain2025-10-03Feltz Printing Service RENEWAL12Stephen Shaw
1041Smith L VenereItaly2025-09-27Feltz Printing Service RENEWAL28Anna Fali
1042Claire U CampainAustralia2025-09-20Chapman, Ross E Esq UNQUALIFIED28Stephen Shaw
1043Emily J BowleyAustralia2025-10-07Commercial Press NEGOTIATION43Amy Elsner
1044Mayumi P DilliardJapan2025-09-10Rousseaux, Michael Esq RENEWAL61Xuxue Feng
1045Arvin N TollnerGermany2025-09-24Printing Dimensions UNQUALIFIED55Elwin Sharvill
1046Jones J CampainSpain2025-09-23Dorl, James J Esq RENEWAL45Amy Elsner
1047Arvin D BologniaFrance2025-09-14Dorl, James J Esq NEW33Anna Fali
1048Octavia M MacleadSpain2025-10-08Morlong Associates RENEWAL92Elwin Sharvill
1049Morrow Y RimGermany2025-10-03Buckley Miller Wright NEW39Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Mayumi A CaudyFranceIoni Bowcher QUALIFIED
Jennifer Z KolmetzCanadaIvan Magalhaes NEGOTIATION
Nicolas I MaletGermanyIoni Bowcher RENEWAL
Leon M PerinItalyBernardo Dominic UNQUALIFIED
Jefferson O BologniaRussiaIoni Bowcher RENEWAL
Murillo B SlusarskiGermanyAsiya Javayant NEW
Maisha Z BologniaItalyIvan Magalhaes QUALIFIED
Antonio X KolmetzUnited KingdomAmy Elsner NEGOTIATION
Isabel L SchemmerAustraliaOnyama Limba QUALIFIED
Kaitlin C ShinkoUnited KingdomAnna Fali UNQUALIFIED
Emily W GauchoSpainXuxue Feng RENEWAL
Ashley Z GauchoIndiaAsiya Javayant RENEWAL
Nicolas Q FollerAustraliaStephen Shaw UNQUALIFIED
Greenwood P GlickUnited KingdomAsiya Javayant UNQUALIFIED
James F BologniaArgentinaXuxue Feng PROPOSAL
David P FigeroaAustraliaAnna Fali QUALIFIED
Silvio K ChuiAustraliaStephen Shaw PROPOSAL
Jones I MacleadFranceOnyama Limba UNQUALIFIED
Emily M FlosiUnited KingdomIoni Bowcher PROPOSAL
Leon H VenereFranceAmy Elsner NEGOTIATION
Octavia I GauchoJapanElwin Sharvill RENEWAL
Costa U KuskoFranceOnyama Limba QUALIFIED
Misaki A ShinkoCanadaAmy Elsner PROPOSAL
Aditya Z GillianGermanyAmy Elsner UNQUALIFIED
Tony Z MaletCanadaAsiya Javayant UNQUALIFIED
Julie F NickaAustraliaAmy Elsner PROPOSAL
Leja U DoeRussiaAsiya Javayant PROPOSAL
Smith A KolmetzIndiaAsiya Javayant RENEWAL
Kadeem A PoquetteUnited KingdomAnna Fali NEGOTIATION
Stacey B WieserArgentinaElwin Sharvill UNQUALIFIED
Cody I GarufiJapanIoni Bowcher RENEWAL
Deepesh D VocelkaBrazilOnyama Limba QUALIFIED
Mujtaba I DarakjyUnited KingdomOnyama Limba RENEWAL
Sinclair F PerinSpainAsiya Javayant UNQUALIFIED
Jeanfrancois B StockhamAustraliaXuxue Feng PROPOSAL
Octavia L DilliardItalyStephen Shaw NEGOTIATION
Kaitlin A FerenczArgentinaAnna Fali PROPOSAL
Izzy V SaylorsCanadaOnyama Limba NEGOTIATION
Jones S StensethCanadaAnna Fali NEW
Antonio E StensethCanadaAsiya Javayant UNQUALIFIED
Greenwood R StockhamRussiaIvan Magalhaes PROPOSAL
Nicolas W WieserSpainIoni Bowcher QUALIFIED
Julie X CaudyBrazilAsiya Javayant NEGOTIATION
Jennifer K BriddickUnited KingdomAsiya Javayant RENEWAL
Claire W GlickBrazilIvan Magalhaes NEGOTIATION
Francesco N DilliardCanadaAnna Fali NEGOTIATION
David L WieserArgentinaStephen Shaw NEGOTIATION
Cody B MarrierSpainBernardo Dominic RENEWAL
Maisha P FigeroaSpainIvan Magalhaes NEW
Aika M AlbaresJapanIvan Magalhaes PROPOSAL
Frozen Columns
Name
Adams J Malet
Deepesh W Venere
Johnson T Bolognia
Leja K Ferencz
Darci D Caldarera
Nicolas M Perin
Kadeem Y Vocelka
Mujtaba W Butt
Ashley S Bolognia
Ashley Q Nicka
Adams R Perin
Adams T Paprocki
Nicolas W Bolognia
Ricardo Q Foller
Adams F Marrier
Salvatore F Poquette
Francesco G Morasca
Mayumi V Maclead
Faith T Malet
Jennifer R Perin
Mayumi W Briddick
Tony K Nestle
Ricardo B Morasca
Misaki U Schemmer
Faith X Ruta
Jennifer V Schemmer
Stacey L Garufi
James R Caldarera
Rodrigues B Wieser
Sinclair T Briddick
Munro E Ruta
Jones M Poquette
Mayumi P Bolognia
Francesco D Kolmetz
Nicolas O Doe
Juan B Marrier
Maria S Schemmer
Mujtaba C Waycott
Ivar T Perin
Cody A Schemmer
David T Darakjy
Leja A Chui
Wickens D Inouye
Aditya D Slusarski
Munro B Nicka
Rodrigues E Shinko
Cody K Caldarera
Jeanfrancois B Ostrosky
Claire J Malet
Adams U Nicka
IdCountryDate
1000Japan2025-09-23
1001Brazil2025-09-12
1002Canada2025-10-01
1003Japan2025-09-10
1004Germany2025-09-15
1005Germany2025-10-06
1006Canada2025-10-06
1007France2025-09-22
1008Argentina2025-09-10
1009Spain2025-09-17
1010France2025-09-26
1011United Kingdom2025-09-09
1012Russia2025-09-24
1013France2025-09-09
1014Spain2025-09-09
1015Canada2025-09-25
1016India2025-09-29
1017Spain2025-09-20
1018France2025-09-27
1019United Kingdom2025-09-18
1020Spain2025-09-28
1021Brazil2025-09-15
1022Australia2025-09-15
1023Russia2025-09-27
1024Germany2025-09-27
1025Russia2025-09-29
1026Russia2025-09-18
1027Australia2025-10-02
1028Germany2025-09-18
1029Germany2025-09-23
1030Brazil2025-09-23
1031Italy2025-10-03
1032United Kingdom2025-09-18
1033Canada2025-10-01
1034Argentina2025-09-13
1035Russia2025-10-01
1036India2025-10-02
1037India2025-09-12
1038India2025-09-11
1039India2025-09-18
1040Russia2025-09-28
1041India2025-09-21
1042Italy2025-09-27
1043India2025-09-14
1044Australia2025-09-09
1045India2025-09-21
1046Japan2025-09-28
1047Russia2025-09-12
1048Japan2025-09-17
1049Australia2025-10-03

On-Demand Data

NameIdCountryDate
Smith P Morasca1000Australia2025-09-25
Arvin P Whobrey1001Japan2025-09-18
Chavez Z Venere1002United Kingdom2025-09-25
Munro G Doe1003United Kingdom2025-09-28
Leon Q Darakjy1004United Kingdom2025-10-08
Jeanfrancois E Rulapaugh1005United Kingdom2025-09-24
Adams L Butt1006Spain2025-09-25
Antonio U Nicka1007United Kingdom2025-09-17
Nicolas X Sergi1008Spain2025-09-21
Jefferson L Darakjy1009Russia2025-10-06
Smith V Gillian1010United Kingdom2025-09-30
Tony L Whobrey1011United Kingdom2025-09-18
Mayumi D Inouye1012Japan2025-09-17
Aruna I Gaucho1013France2025-09-24
Johnson K Caudy1014Spain2025-09-19
Leja G Whobrey1015Canada2025-09-28
Jefferson A Chui1016Italy2025-09-25
Mayumi C Malet1017United Kingdom2025-09-12
Alejandro U Bowley1018Australia2025-09-22
Ricardo Z Briddick1019India2025-09-22
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leja S OstroskyRussiaAnna Fali NEGOTIATION
David R TollnerFranceElwin Sharvill NEW
Leon M RulapaughSpainElwin Sharvill UNQUALIFIED
Juan B MarrierAustraliaBernardo Dominic PROPOSAL
Johnson D RimAustraliaAmy Elsner QUALIFIED
Mayumi M SlusarskiUnited KingdomAmy Elsner QUALIFIED
Cody S OldroydUnited KingdomIvan Magalhaes UNQUALIFIED
Ricardo O IturbideCanadaAnna Fali PROPOSAL
Morrow E GillianSpainAnna Fali QUALIFIED
Julie A SchemmerUnited KingdomAnna Fali RENEWAL
Cody Q FerenczUnited KingdomOnyama Limba NEW
Salvatore H CaudyRussiaIvan Magalhaes NEGOTIATION
Leja O SaylorsIndiaOnyama Limba UNQUALIFIED
Adams Q PaprockiFranceXuxue Feng PROPOSAL
Costa M MaletJapanXuxue Feng PROPOSAL
Clifford Y CaldareraUnited KingdomAnna Fali QUALIFIED
Morrow F BriddickJapanXuxue Feng PROPOSAL
Cody U FerenczSpainElwin Sharvill NEW
Silvio I OldroydSpainAsiya Javayant NEW
Aika T DoeRussiaAsiya Javayant QUALIFIED
Murillo L BologniaUnited KingdomAmy Elsner QUALIFIED
Kadeem F RutaBrazilOnyama Limba UNQUALIFIED
Johnson E OldroydUnited KingdomOnyama Limba NEGOTIATION
Rodrigues Y FlosiAustraliaBernardo Dominic RENEWAL
Aika R MorascaSpainOnyama Limba NEW
Aruna H FigeroaBrazilAsiya Javayant UNQUALIFIED
Chavez Y ChuiAustraliaAmy Elsner PROPOSAL
Claire F AmigonIndiaAmy Elsner UNQUALIFIED
Juan Y WieserBrazilOnyama Limba PROPOSAL
Alejandro S ShinkoIndiaIvan Magalhaes RENEWAL
Jones P SchemmerArgentinaAnna Fali RENEWAL
James M RoysterAustraliaOnyama Limba NEGOTIATION
Maria U FollerBrazilStephen Shaw QUALIFIED
Ashley I PoquetteCanadaElwin Sharvill RENEWAL
Faith K FerenczUnited KingdomBernardo Dominic NEGOTIATION
Silvio A BowleyAustraliaAmy Elsner UNQUALIFIED
Costa O PoquetteBrazilAnna Fali PROPOSAL
Aditya W BowleyAustraliaAmy Elsner UNQUALIFIED
Darci V FollerBrazilStephen Shaw QUALIFIED
Arvin H RoysterGermanyAmy Elsner UNQUALIFIED

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