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
David D VenereItalyAmy Elsner NEGOTIATION
Darci P ShinkoIndiaOnyama Limba NEGOTIATION
Kaitlin K RulapaughRussiaElwin Sharvill QUALIFIED
Chavez Y OstroskyIndiaOnyama Limba RENEWAL
Sinclair P RutaJapanXuxue Feng NEW
Sinclair G GillianIndiaIvan Magalhaes PROPOSAL
Maria V InouyeAustraliaIvan Magalhaes RENEWAL
Sinclair D FollerAustraliaIvan Magalhaes QUALIFIED
James U VocelkaGermanyStephen Shaw NEW
Murillo T StensethJapanIoni Bowcher NEGOTIATION
Isabel R SergiFranceStephen Shaw NEGOTIATION
Clifford N MacleadJapanOnyama Limba UNQUALIFIED
Faith I OstroskyJapanXuxue Feng UNQUALIFIED
Ashley D PerinRussiaIoni Bowcher NEGOTIATION
Cody H WhobreySpainElwin Sharvill QUALIFIED
Chavez K InouyeBrazilIvan Magalhaes QUALIFIED
Jennifer Q PoquetteCanadaBernardo Dominic RENEWAL
Costa T BriddickCanadaIoni Bowcher NEGOTIATION
Deepesh U GlickAustraliaElwin Sharvill QUALIFIED
Faith E FlosiItalyBernardo Dominic QUALIFIED
Jennifer K VenereGermanyElwin Sharvill QUALIFIED
Cody R MarrierJapanAsiya Javayant RENEWAL
Clifford P BriddickGermanyXuxue Feng RENEWAL
Morrow W PaprockiFranceIoni Bowcher PROPOSAL
Greenwood X PoquetteAustraliaStephen Shaw UNQUALIFIED
Morrow A MacleadIndiaIoni Bowcher PROPOSAL
Alejandro P SlusarskiRussiaIoni Bowcher RENEWAL
Adams H AlbaresRussiaElwin Sharvill NEW
Smith V NickaItalyAmy Elsner RENEWAL
David Z SergiIndiaBernardo Dominic PROPOSAL
Kadeem L GillianAustraliaIvan Magalhaes NEGOTIATION
Costa J MaletJapanAnna Fali RENEWAL
Misaki F DilliardArgentinaXuxue Feng PROPOSAL
Jefferson M ChuiJapanXuxue Feng PROPOSAL
Arvin N MaletGermanyAnna Fali NEGOTIATION
Chavez N VocelkaBrazilIvan Magalhaes NEW
Silvio W MaletCanadaXuxue Feng NEW
Jeanfrancois E MorascaFranceAmy Elsner NEW
Ashley D PoquetteSpainIoni Bowcher QUALIFIED
Antonio O InouyeUnited KingdomIvan Magalhaes NEGOTIATION
Wickens O VocelkaIndiaXuxue Feng RENEWAL
Mujtaba U SergiUnited KingdomStephen Shaw NEW
Maisha U DarakjyAustraliaElwin Sharvill QUALIFIED
Murillo M CaldareraSpainIvan Magalhaes QUALIFIED
Octavia X AmigonRussiaBernardo Dominic QUALIFIED
Greenwood D OldroydCanadaXuxue Feng RENEWAL
Cody M SergiRussiaOnyama Limba NEW
Aruna Z FollerCanadaAnna Fali UNQUALIFIED
Darci J MorascaRussiaElwin Sharvill PROPOSAL
Stacey Y PaprockiIndiaStephen Shaw PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Munro V TollnerIndiaXuxue Feng NEW
Arvin E GauchoFranceBernardo Dominic RENEWAL
Jennifer V NickaFranceAsiya Javayant RENEWAL
Clifford K KolmetzSpainBernardo Dominic UNQUALIFIED
Wickens A SchemmerRussiaStephen Shaw NEGOTIATION
Chavez F WaycottUnited KingdomAnna Fali RENEWAL
Morrow P StockhamRussiaIvan Magalhaes QUALIFIED
Aika W MarrierUnited KingdomIvan Magalhaes NEW
Cody Q BologniaItalyAsiya Javayant NEW
Claire C MorascaItalyAsiya Javayant NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Leon J BowleyFrance2025-07-31Rousseaux, Michael Esq NEGOTIATION32Ivan Magalhaes
1001Morrow P CampainCanada2025-08-09Chanay, Jeffrey A Esq PROPOSAL13Ioni Bowcher
1002Murillo I BriddickCanada2025-07-24King, Christopher A Esq NEW74Ivan Magalhaes
1003Darci D RulapaughAustralia2025-07-20Commercial Press PROPOSAL27Asiya Javayant
1004Leon S KolmetzSpain2025-08-05Chemel, James L Cpa RENEWAL39Amy Elsner
1005Misaki Y PaprockiJapan2025-07-25Truhlar And Truhlar Attys PROPOSAL32Ivan Magalhaes
1006Aditya J MacleadAustralia2025-08-07Benton, John B Jr NEW6Xuxue Feng
1007Tony N BowleyRussia2025-07-29Rousseaux, Michael Esq RENEWAL9Onyama Limba
1008Costa E TollnerCanada2025-07-30Commercial Press NEGOTIATION49Ioni Bowcher
1009Tony P WhobreyCanada2025-07-27Dorl, James J Esq NEGOTIATION89Xuxue Feng
1010Morrow K GarufiItaly2025-07-27Commercial Press UNQUALIFIED41Ioni Bowcher
1011Kaitlin N IturbideFrance2025-07-21Chanay, Jeffrey A Esq NEW58Elwin Sharvill
1012Clifford B FlosiCanada2025-08-12Truhlar And Truhlar Attys NEW22Ivan Magalhaes
1013Julie Z CampainIndia2025-08-14Dorl, James J Esq NEGOTIATION53Amy Elsner
1014James O FerenczFrance2025-08-08Morlong Associates RENEWAL1Elwin Sharvill
1015Chavez G FollerAustralia2025-08-05Feltz Printing Service UNQUALIFIED51Onyama Limba
1016Rodrigues D CaldareraArgentina2025-08-17Feiner Bros PROPOSAL38Ivan Magalhaes
1017Julie B DilliardItaly2025-07-26Benton, John B Jr RENEWAL83Ivan Magalhaes
1018Juan Q CaudyFrance2025-07-24Chemel, James L Cpa UNQUALIFIED5Elwin Sharvill
1019Sinclair W BologniaIndia2025-08-14Feiner Bros UNQUALIFIED32Ivan Magalhaes
1020Morrow H MorascaUnited Kingdom2025-08-01Morlong Associates QUALIFIED40Elwin Sharvill
1021Antonio N RutaJapan2025-07-22Printing Dimensions UNQUALIFIED84Elwin Sharvill
1022Greenwood P BologniaUnited Kingdom2025-08-15Benton, John B Jr RENEWAL50Elwin Sharvill
1023Costa O RimRussia2025-08-16King, Christopher A Esq QUALIFIED77Ioni Bowcher
1024Mayumi O DilliardItaly2025-07-29Chapman, Ross E Esq UNQUALIFIED70Elwin Sharvill
1025Isabel S DilliardIndia2025-07-20Chapman, Ross E Esq PROPOSAL21Anna Fali
1026Costa O DoeGermany2025-07-24Buckley Miller Wright NEGOTIATION95Xuxue Feng
1027Cody R GauchoArgentina2025-08-04Commercial Press NEW39Elwin Sharvill
1028Jefferson U KuskoUnited Kingdom2025-07-24Benton, John B Jr PROPOSAL33Ivan Magalhaes
1029Tony U DilliardCanada2025-08-12Chemel, James L Cpa QUALIFIED96Onyama Limba
1030Leon N ChuiAustralia2025-07-31Chapman, Ross E Esq NEW95Amy Elsner
1031Jennifer M GauchoFrance2025-07-31Benton, John B Jr PROPOSAL75Xuxue Feng
1032Murillo Q SergiJapan2025-07-21Rousseaux, Michael Esq NEW26Amy Elsner
1033Nicolas C WaycottCanada2025-08-03Chapman, Ross E Esq NEGOTIATION9Amy Elsner
1034Ivar R OstroskyAustralia2025-08-16Commercial Press PROPOSAL96Amy Elsner
1035Claire B PaprockiGermany2025-08-03Dorl, James J Esq QUALIFIED80Xuxue Feng
1036Salvatore Z RimRussia2025-07-20Chanay, Jeffrey A Esq RENEWAL71Amy Elsner
1037Salvatore U VocelkaSpain2025-07-22Buckley Miller Wright NEGOTIATION18Elwin Sharvill
1038Murillo V ButtBrazil2025-08-12Dorl, James J Esq NEGOTIATION15Ioni Bowcher
1039Darci T WhobreyUnited Kingdom2025-07-29Benton, John B Jr UNQUALIFIED90Stephen Shaw
1040Clifford D MacleadFrance2025-07-24Morlong Associates PROPOSAL73Ioni Bowcher
1041Emily D CaudyBrazil2025-07-20Feltz Printing Service NEGOTIATION78Asiya Javayant
1042Aruna W PerinCanada2025-08-08Dorl, James J Esq QUALIFIED73Stephen Shaw
1043Misaki M MaletJapan2025-07-31Feiner Bros UNQUALIFIED34Anna Fali
1044Antonio X DarakjyUnited Kingdom2025-08-03Buckley Miller Wright NEGOTIATION70Ioni Bowcher
1045Claire Y GarufiBrazil2025-08-10King, Christopher A Esq NEGOTIATION22Asiya Javayant
1046Aditya X OstroskyCanada2025-08-04Printing Dimensions PROPOSAL42Elwin Sharvill
1047Aditya A WaycottUnited Kingdom2025-08-16Chemel, James L Cpa UNQUALIFIED48Onyama Limba
1048Ivar M BriddickJapan2025-08-15Benton, John B Jr PROPOSAL22Bernardo Dominic
1049Stacey X IturbideAustralia2025-07-30Truhlar And Truhlar Attys QUALIFIED30Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Mujtaba D IturbideItalyAnna Fali QUALIFIED
Tony R MorascaJapanBernardo Dominic UNQUALIFIED
Darci S StensethGermanyElwin Sharvill QUALIFIED
Adams Y SchemmerArgentinaAnna Fali PROPOSAL
Leja V MaletUnited KingdomElwin Sharvill RENEWAL
Claire M IturbideRussiaXuxue Feng NEW
Alejandro Q FerenczAustraliaAnna Fali UNQUALIFIED
Claire Q DilliardJapanStephen Shaw QUALIFIED
Munro M WieserRussiaAmy Elsner UNQUALIFIED
Chavez W AlbaresBrazilAmy Elsner UNQUALIFIED
Julie Q StensethRussiaStephen Shaw QUALIFIED
Mujtaba B WieserArgentinaAsiya Javayant PROPOSAL
Jones Y NickaCanadaAmy Elsner RENEWAL
Maria R RulapaughIndiaXuxue Feng UNQUALIFIED
Jones N NickaItalyXuxue Feng QUALIFIED
Francesco Y FlosiBrazilOnyama Limba NEGOTIATION
Greenwood H FollerRussiaElwin Sharvill RENEWAL
Isabel T KolmetzRussiaElwin Sharvill QUALIFIED
Cody M ChuiJapanIoni Bowcher RENEWAL
Isabel X BriddickCanadaOnyama Limba QUALIFIED
Tony Y ChuiItalyAsiya Javayant NEW
Costa Z DarakjyAustraliaElwin Sharvill QUALIFIED
Aika W MorascaIndiaAmy Elsner NEGOTIATION
Francesco Q FlosiSpainXuxue Feng RENEWAL
Ashley Y TollnerBrazilAsiya Javayant QUALIFIED
Jones Q MaletCanadaIoni Bowcher UNQUALIFIED
Cody N BowleyRussiaXuxue Feng RENEWAL
Clifford K FigeroaIndiaAmy Elsner RENEWAL
David Y NestleBrazilAsiya Javayant RENEWAL
Stacey P BriddickItalyOnyama Limba QUALIFIED
Maisha V AmigonGermanyOnyama Limba PROPOSAL
Alejandro V BowleyJapanXuxue Feng QUALIFIED
Tony W VocelkaBrazilElwin Sharvill RENEWAL
Izzy F MaletSpainXuxue Feng RENEWAL
Alejandro K KuskoUnited KingdomAsiya Javayant PROPOSAL
Silvio E StockhamSpainAnna Fali NEGOTIATION
Mujtaba C VenereGermanyAnna Fali PROPOSAL
Francesco U AlbaresRussiaAmy Elsner NEW
Ricardo V TollnerUnited KingdomIvan Magalhaes NEW
Kaitlin S PoquetteArgentinaAsiya Javayant NEGOTIATION
Rodrigues U CaudyArgentinaIvan Magalhaes PROPOSAL
Izzy X DoeGermanyIvan Magalhaes NEW
Wickens M NickaCanadaAnna Fali QUALIFIED
Smith X ChuiIndiaOnyama Limba UNQUALIFIED
Aika M PerinFranceXuxue Feng RENEWAL
Aditya M DarakjyArgentinaIvan Magalhaes UNQUALIFIED
Adams Z WhobreyGermanyAnna Fali UNQUALIFIED
Ricardo B WhobreyGermanyIvan Magalhaes NEW
Greenwood Z WieserFranceIoni Bowcher NEW
Stacey L NestleArgentinaXuxue Feng PROPOSAL
Frozen Columns
Name
Kaitlin Q Rulapaugh
Salvatore I Dilliard
Murillo T Nicka
Murillo K Chui
Salvatore I Ostrosky
Claire Y Chui
Kadeem S Gaucho
Deepesh K Morasca
Stacey S Darakjy
Kaitlin U Wieser
Jennifer L Venere
Leon J Vocelka
Morrow L Paprocki
Julie D Butt
Alejandro W Rim
Aika V Tollner
Cody U Shinko
Smith Q Stockham
Clifford X Foller
Jennifer K Shinko
Aika Z Stockham
Maisha U Ostrosky
Ivar E Shinko
Jefferson S Poquette
Chavez N Tollner
Arvin R Slusarski
Wickens L Kolmetz
Mayumi O Bowley
Darci P Kusko
Ashley A Flosi
Isabel D Kolmetz
Isabel D Gillian
Smith G Campain
Faith T Perin
Izzy Z Morasca
Greenwood W Royster
Ricardo J Rim
Jones J Kolmetz
Ricardo S Bolognia
Misaki I Waycott
Leja Z Doe
Francesco J Morasca
Mujtaba C Butt
Cody C Waycott
Salvatore P Shinko
Arvin J Morasca
Darci F Ostrosky
Tony P Maclead
Ashley G Dilliard
Clifford H Bowley
IdCountryDate
1000Brazil2025-08-13
1001Brazil2025-08-02
1002Japan2025-08-15
1003Germany2025-07-27
1004Italy2025-08-02
1005Italy2025-07-30
1006Russia2025-07-25
1007Brazil2025-08-17
1008Brazil2025-08-09
1009Brazil2025-08-03
1010Brazil2025-07-25
1011Japan2025-07-22
1012Germany2025-07-24
1013Spain2025-08-03
1014Spain2025-07-21
1015United Kingdom2025-08-03
1016Germany2025-07-30
1017Russia2025-08-15
1018Spain2025-08-01
1019Japan2025-08-14
1020Brazil2025-08-04
1021Brazil2025-07-24
1022Japan2025-07-21
1023Australia2025-07-22
1024Canada2025-08-07
1025Italy2025-07-20
1026United Kingdom2025-08-14
1027Russia2025-07-25
1028Argentina2025-07-26
1029Australia2025-08-07
1030Spain2025-07-20
1031Japan2025-08-07
1032France2025-07-25
1033Germany2025-07-24
1034Germany2025-07-24
1035United Kingdom2025-07-29
1036Brazil2025-07-25
1037Canada2025-07-25
1038Russia2025-07-20
1039India2025-07-21
1040Russia2025-08-10
1041Australia2025-08-13
1042Japan2025-08-01
1043Germany2025-08-15
1044France2025-08-01
1045Australia2025-08-05
1046Australia2025-07-29
1047India2025-08-05
1048Brazil2025-08-09
1049France2025-08-06

On-Demand Data

NameIdCountryDate
Rodrigues Z Inouye1000Germany2025-07-20
Arvin L Vocelka1001Canada2025-08-15
Murillo P Doe1002United Kingdom2025-08-03
Kadeem U Caudy1003Spain2025-08-09
Darci A Wieser1004United Kingdom2025-08-10
Maria V Malet1005Brazil2025-07-29
Greenwood H Gaucho1006Italy2025-08-02
Emily M Inouye1007Australia2025-07-28
Aika A Campain1008Germany2025-07-31
Murillo L Caldarera1009United Kingdom2025-08-17
Alejandro L Wieser1010Brazil2025-08-03
Aika H Malet1011Spain2025-07-19
Jeanfrancois N Stenseth1012Germany2025-08-06
Wickens W Shinko1013Australia2025-07-22
Sinclair Q Royster1014United Kingdom2025-07-24
Aika Z Schemmer1015India2025-07-19
Stacey Z Gaucho1016Canada2025-08-10
Murillo E Albares1017United Kingdom2025-08-12
Francesco D Perin1018Australia2025-08-07
Julie K Doe1019Brazil2025-08-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Stacey S StensethFranceAsiya Javayant PROPOSAL
Chavez F VenereRussiaStephen Shaw NEGOTIATION
Isabel D CaldareraIndiaIoni Bowcher QUALIFIED
Ivar V StockhamGermanyIvan Magalhaes UNQUALIFIED
Tony P TollnerRussiaElwin Sharvill RENEWAL
Antonio K RoysterSpainIvan Magalhaes PROPOSAL
Leon E NickaFranceStephen Shaw NEW
Silvio Y RimCanadaAmy Elsner NEW
Wickens Q ButtJapanAmy Elsner RENEWAL
David Y BowleyCanadaElwin Sharvill NEGOTIATION
Ivar M NestleJapanElwin Sharvill NEGOTIATION
Emily Q RimCanadaXuxue Feng PROPOSAL
Costa J VocelkaFranceOnyama Limba UNQUALIFIED
David A KuskoItalyAmy Elsner UNQUALIFIED
Aika B PaprockiAustraliaStephen Shaw UNQUALIFIED
Salvatore X PoquetteItalyElwin Sharvill RENEWAL
Mujtaba O SlusarskiAustraliaAnna Fali NEGOTIATION
Faith C ShinkoIndiaXuxue Feng NEW
Nicolas S ButtIndiaAmy Elsner NEGOTIATION
Stacey W IturbideItalyBernardo Dominic QUALIFIED
Morrow V BriddickArgentinaOnyama Limba NEW
Antonio U IturbideAustraliaAmy Elsner PROPOSAL
Wickens I FigeroaItalyStephen Shaw NEGOTIATION
Wickens L ButtArgentinaBernardo Dominic NEW
Antonio P MorascaGermanyIvan Magalhaes NEW
Deepesh J GlickIndiaStephen Shaw PROPOSAL
Wickens J SchemmerSpainAmy Elsner QUALIFIED
Smith X WhobreyRussiaBernardo Dominic NEGOTIATION
Jeanfrancois T KuskoSpainIvan Magalhaes NEGOTIATION
Silvio K MarrierRussiaAsiya Javayant UNQUALIFIED
Murillo W GauchoArgentinaStephen Shaw PROPOSAL
Murillo J StensethItalyElwin Sharvill PROPOSAL
James S DilliardRussiaXuxue Feng PROPOSAL
Mayumi I VocelkaArgentinaIoni Bowcher QUALIFIED
Faith B WieserAustraliaIvan Magalhaes NEW
Claire M GlickItalyElwin Sharvill NEGOTIATION
Izzy L NestleIndiaAnna Fali PROPOSAL
Costa T CaldareraUnited KingdomElwin Sharvill UNQUALIFIED
Morrow X MaletUnited KingdomAnna Fali UNQUALIFIED
Jennifer I GlickSpainAmy Elsner RENEWAL

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