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
Silvio J GarufiCanadaBernardo Dominic NEW
Emily B SchemmerArgentinaIoni Bowcher UNQUALIFIED
Salvatore D PerinFranceAnna Fali RENEWAL
Ashley H FlosiJapanElwin Sharvill RENEWAL
Ivar Q RoysterRussiaIoni Bowcher RENEWAL
Alejandro C NestleSpainIvan Magalhaes PROPOSAL
Ashley C MarrierIndiaAmy Elsner QUALIFIED
Cody Y AlbaresItalyIvan Magalhaes NEGOTIATION
Misaki J MaletItalyIoni Bowcher QUALIFIED
Cody P SchemmerBrazilIoni Bowcher PROPOSAL
Murillo J WhobreyGermanyXuxue Feng RENEWAL
James L RulapaughSpainXuxue Feng NEW
Morrow S InouyeBrazilOnyama Limba QUALIFIED
Munro U SlusarskiIndiaAnna Fali RENEWAL
Arvin B GauchoAustraliaIoni Bowcher RENEWAL
Munro I BriddickItalyIoni Bowcher RENEWAL
Isabel N RimSpainAnna Fali QUALIFIED
Octavia C BologniaJapanIvan Magalhaes PROPOSAL
Cody N BowleyIndiaIvan Magalhaes RENEWAL
Jones Q OldroydBrazilIvan Magalhaes PROPOSAL
Leon E FigeroaGermanyBernardo Dominic PROPOSAL
Sinclair P CampainIndiaAmy Elsner QUALIFIED
Silvio J RoysterArgentinaStephen Shaw RENEWAL
Aika K SaylorsCanadaBernardo Dominic NEW
Silvio O OldroydUnited KingdomElwin Sharvill PROPOSAL
Costa B MaletRussiaXuxue Feng QUALIFIED
Johnson E RoysterSpainOnyama Limba NEW
Aika Q MacleadJapanOnyama Limba PROPOSAL
Darci J PoquetteCanadaOnyama Limba NEGOTIATION
Nicolas P ShinkoBrazilIoni Bowcher RENEWAL
Octavia Q GlickFranceAnna Fali NEGOTIATION
Deepesh X IturbideJapanIoni Bowcher PROPOSAL
Stacey P KolmetzBrazilOnyama Limba PROPOSAL
Greenwood P MacleadCanadaIoni Bowcher RENEWAL
Wickens R InouyeIndiaBernardo Dominic NEW
Leon G OstroskyJapanStephen Shaw UNQUALIFIED
Octavia O StensethSpainXuxue Feng PROPOSAL
Cody V SaylorsItalyXuxue Feng PROPOSAL
Adams S SlusarskiJapanIoni Bowcher RENEWAL
Smith X AlbaresAustraliaXuxue Feng NEGOTIATION
Clifford F CaudyItalyElwin Sharvill QUALIFIED
Ashley S CampainItalyBernardo Dominic QUALIFIED
Clifford P PerinFranceAsiya Javayant QUALIFIED
Isabel O MarrierSpainElwin Sharvill QUALIFIED
Morrow W TollnerItalyStephen Shaw NEGOTIATION
Jennifer I OldroydRussiaIoni Bowcher PROPOSAL
Antonio N CaldareraCanadaXuxue Feng PROPOSAL
Ivar M AlbaresIndiaAmy Elsner RENEWAL
Costa N WaycottGermanyAsiya Javayant QUALIFIED
Kadeem F GarufiItalyAsiya Javayant RENEWAL
Horizontal
NameCountryRepresentativeStatus
Clifford B PaprockiGermanyAmy Elsner NEW
Aruna C BologniaIndiaXuxue Feng UNQUALIFIED
Sinclair I GillianRussiaAsiya Javayant NEGOTIATION
Johnson V RutaJapanXuxue Feng NEW
Juan O FollerJapanOnyama Limba PROPOSAL
Costa Y BriddickJapanOnyama Limba PROPOSAL
Izzy I CaldareraItalyXuxue Feng QUALIFIED
Antonio Y BriddickFranceAnna Fali QUALIFIED
Maria O OldroydCanadaAsiya Javayant QUALIFIED
Octavia E RutaAustraliaStephen Shaw QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Cody O ButtRussia2025-10-14Printing Dimensions PROPOSAL82Xuxue Feng
1001Rodrigues U AmigonIndia2025-10-06Chanay, Jeffrey A Esq NEW33Stephen Shaw
1002Mujtaba G MaletUnited Kingdom2025-10-06King, Christopher A Esq QUALIFIED64Bernardo Dominic
1003Murillo Q PerinItaly2025-10-18Chapman, Ross E Esq RENEWAL59Amy Elsner
1004Leja Z PerinIndia2025-09-29Feltz Printing Service NEW79Asiya Javayant
1005Morrow E BologniaIndia2025-10-12Chemel, James L Cpa PROPOSAL21Ivan Magalhaes
1006Kaitlin S RoysterItaly2025-09-25Chemel, James L Cpa PROPOSAL73Bernardo Dominic
1007Francesco M SergiItaly2025-10-14Rangoni Of Florence RENEWAL27Xuxue Feng
1008Maria L GarufiSpain2025-10-14King, Christopher A Esq UNQUALIFIED31Asiya Javayant
1009Jones Y DarakjyIndia2025-09-24Chapman, Ross E Esq NEW27Xuxue Feng
1010Octavia A DarakjyRussia2025-10-05Chanay, Jeffrey A Esq RENEWAL18Ioni Bowcher
1011Nicolas H KuskoSpain2025-10-03Morlong Associates NEW91Ioni Bowcher
1012Kadeem S AmigonGermany2025-09-28Buckley Miller Wright UNQUALIFIED9Ioni Bowcher
1013Jefferson F NestleSpain2025-10-19King, Christopher A Esq UNQUALIFIED15Anna Fali
1014Nicolas G BologniaAustralia2025-10-01Commercial Press QUALIFIED15Ivan Magalhaes
1015Mujtaba O PerinJapan2025-09-30Truhlar And Truhlar Attys PROPOSAL95Ioni Bowcher
1016Leon T ButtGermany2025-09-29Commercial Press NEW20Amy Elsner
1017Mujtaba F ButtBrazil2025-10-08Benton, John B Jr RENEWAL19Onyama Limba
1018Smith F MaletBrazil2025-09-27Buckley Miller Wright PROPOSAL24Anna Fali
1019Izzy X SergiFrance2025-09-23Benton, John B Jr NEW69Anna Fali
1020Emily P FigeroaGermany2025-10-15Buckley Miller Wright NEW21Elwin Sharvill
1021Arvin Z VocelkaGermany2025-10-16Printing Dimensions PROPOSAL91Ivan Magalhaes
1022Leon Z TollnerJapan2025-10-13Morlong Associates NEGOTIATION46Anna Fali
1023Isabel A PerinUnited Kingdom2025-09-20Chemel, James L Cpa NEW76Onyama Limba
1024Nicolas Q KolmetzRussia2025-10-01Commercial Press RENEWAL55Elwin Sharvill
1025Chavez Y AmigonArgentina2025-10-16Dorl, James J Esq NEW18Anna Fali
1026Murillo B WaycottItaly2025-10-11Truhlar And Truhlar Attys NEGOTIATION22Bernardo Dominic
1027Claire L NickaItaly2025-09-29Printing Dimensions NEGOTIATION18Ioni Bowcher
1028Cody R DarakjyUnited Kingdom2025-10-08Rangoni Of Florence UNQUALIFIED9Anna Fali
1029Wickens M FlosiSpain2025-10-13Benton, John B Jr PROPOSAL6Anna Fali
1030Arvin Z NickaSpain2025-10-02Benton, John B Jr NEGOTIATION28Ioni Bowcher
1031Maisha V SergiSpain2025-10-03Rangoni Of Florence NEGOTIATION11Onyama Limba
1032Morrow X SchemmerArgentina2025-10-15Feltz Printing Service NEW4Ioni Bowcher
1033Maisha Y PaprockiBrazil2025-10-08King, Christopher A Esq PROPOSAL57Asiya Javayant
1034Mujtaba Z BriddickIndia2025-10-14Morlong Associates NEGOTIATION64Xuxue Feng
1035Johnson L BriddickIndia2025-10-10Dorl, James J Esq QUALIFIED71Asiya Javayant
1036Emily Y DarakjyJapan2025-10-01Feiner Bros NEGOTIATION74Asiya Javayant
1037Aruna B StensethArgentina2025-10-06Benton, John B Jr RENEWAL65Ioni Bowcher
1038Jennifer A DilliardAustralia2025-10-13Feltz Printing Service QUALIFIED13Elwin Sharvill
1039Misaki F SlusarskiGermany2025-09-29Truhlar And Truhlar Attys UNQUALIFIED63Amy Elsner
1040Morrow D SergiUnited Kingdom2025-10-17Dorl, James J Esq NEW35Ivan Magalhaes
1041Julie Z OstroskyCanada2025-09-20Buckley Miller Wright NEW21Amy Elsner
1042David I MarrierGermany2025-10-01Chapman, Ross E Esq NEW34Ioni Bowcher
1043Jeanfrancois K VocelkaFrance2025-09-28Rousseaux, Michael Esq PROPOSAL76Asiya Javayant
1044Jefferson Z IturbideFrance2025-10-16Chemel, James L Cpa RENEWAL45Asiya Javayant
1045Costa W SlusarskiGermany2025-10-10Buckley Miller Wright UNQUALIFIED32Asiya Javayant
1046Costa I GauchoArgentina2025-10-03Rousseaux, Michael Esq QUALIFIED1Bernardo Dominic
1047Jeanfrancois Z DarakjyFrance2025-09-21Feltz Printing Service PROPOSAL45Ioni Bowcher
1048Deepesh B CaudyUnited Kingdom2025-10-05Feltz Printing Service PROPOSAL94Bernardo Dominic
1049Maisha S WhobreyArgentina2025-09-22King, Christopher A Esq PROPOSAL61Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Jennifer H CaudyItalyOnyama Limba PROPOSAL
Clifford M MaletBrazilXuxue Feng QUALIFIED
Jennifer D BriddickGermanyStephen Shaw RENEWAL
Deepesh F InouyeIndiaBernardo Dominic RENEWAL
Salvatore V RulapaughSpainOnyama Limba QUALIFIED
Cody N NickaIndiaAsiya Javayant RENEWAL
Silvio N RimArgentinaIoni Bowcher UNQUALIFIED
Smith L FlosiJapanOnyama Limba RENEWAL
Cody M SlusarskiGermanyAsiya Javayant RENEWAL
Aditya I DilliardRussiaAsiya Javayant QUALIFIED
Sinclair E MarrierBrazilAsiya Javayant RENEWAL
Jeanfrancois W MaletRussiaAsiya Javayant PROPOSAL
Ricardo K StensethArgentinaIoni Bowcher QUALIFIED
Jones L KuskoAustraliaStephen Shaw NEW
Jennifer F StensethIndiaXuxue Feng PROPOSAL
Smith B MorascaJapanXuxue Feng QUALIFIED
Emily T MaletRussiaIvan Magalhaes NEW
Claire Q VenereJapanOnyama Limba NEW
Mayumi M RimSpainIoni Bowcher NEGOTIATION
Munro V GlickSpainElwin Sharvill PROPOSAL
Darci V VenereGermanyXuxue Feng NEW
Munro R FlosiArgentinaOnyama Limba PROPOSAL
Greenwood O OstroskyCanadaElwin Sharvill RENEWAL
David N WhobreyGermanyAnna Fali PROPOSAL
Costa M WaycottCanadaAnna Fali NEGOTIATION
Tony M GlickFranceAsiya Javayant QUALIFIED
Julie N MacleadSpainBernardo Dominic RENEWAL
Maisha U ShinkoSpainAmy Elsner RENEWAL
Tony M InouyeItalyAnna Fali NEGOTIATION
Morrow I MacleadBrazilXuxue Feng PROPOSAL
David J WhobreyIndiaStephen Shaw UNQUALIFIED
Darci S WaycottBrazilAnna Fali UNQUALIFIED
Maisha B SaylorsAustraliaIoni Bowcher NEGOTIATION
Octavia Q InouyeJapanBernardo Dominic PROPOSAL
Ivar P StockhamCanadaAmy Elsner NEGOTIATION
Faith G WieserBrazilElwin Sharvill QUALIFIED
Alejandro Z ShinkoItalyAmy Elsner PROPOSAL
Emily T ChuiItalyOnyama Limba NEW
Clifford S RoysterItalyElwin Sharvill UNQUALIFIED
Chavez L MorascaItalyOnyama Limba UNQUALIFIED
Murillo E ButtFranceIvan Magalhaes UNQUALIFIED
Francesco A WhobreyRussiaIoni Bowcher RENEWAL
Wickens R InouyeRussiaElwin Sharvill QUALIFIED
Juan S OstroskyItalyAmy Elsner RENEWAL
Salvatore H DoeCanadaElwin Sharvill PROPOSAL
David Y FigeroaSpainElwin Sharvill NEW
Octavia O MorascaBrazilIvan Magalhaes NEGOTIATION
Maisha R SlusarskiUnited KingdomIoni Bowcher QUALIFIED
Kaitlin N StockhamAustraliaXuxue Feng QUALIFIED
Antonio J SlusarskiArgentinaElwin Sharvill RENEWAL
Frozen Columns
Name
Leja T Rulapaugh
Clifford Z Kolmetz
James D Maclead
Aika D Ostrosky
Rodrigues N Poquette
Antonio C Royster
James C Doe
Faith K Bolognia
Mujtaba Q Nestle
Claire J Shinko
Julie R Briddick
Juan O Saylors
Ivar P Kolmetz
Aditya H Maclead
Kadeem A Royster
Jennifer Z Caldarera
Ashley V Iturbide
Rodrigues Q Flosi
Leja T Whobrey
Aika V Inouye
Munro S Campain
Adams R Maclead
Arvin E Inouye
Alejandro T Flosi
Adams N Iturbide
Tony Q Wieser
Julie S Butt
Faith Q Rim
Cody L Figeroa
Jeanfrancois E Butt
Misaki H Campain
Aruna L Royster
Antonio U Chui
Clifford S Butt
Kadeem O Stockham
Ricardo V Saylors
Misaki O Paprocki
Leon W Wieser
Kadeem N Wieser
Cody X Darakjy
Tony D Sergi
Ricardo F Shinko
Julie P Vocelka
Munro P Nicka
Emily J Ostrosky
Aika A Amigon
Silvio D Wieser
Ricardo Q Tollner
Stacey K Chui
Aruna M Schemmer
IdCountryDate
1000Argentina2025-09-27
1001Russia2025-09-23
1002Brazil2025-10-17
1003Japan2025-10-12
1004Japan2025-10-09
1005Japan2025-10-06
1006Japan2025-09-26
1007United Kingdom2025-09-28
1008Canada2025-10-19
1009Brazil2025-10-16
1010France2025-09-22
1011Russia2025-10-10
1012Spain2025-09-24
1013Russia2025-10-14
1014Australia2025-10-16
1015United Kingdom2025-09-22
1016United Kingdom2025-10-19
1017Australia2025-10-14
1018Canada2025-10-02
1019Germany2025-10-06
1020Germany2025-10-19
1021Australia2025-10-08
1022Germany2025-10-08
1023France2025-10-05
1024India2025-10-01
1025Russia2025-10-02
1026Brazil2025-09-30
1027Germany2025-10-10
1028Italy2025-10-08
1029India2025-09-24
1030India2025-10-03
1031Italy2025-10-13
1032United Kingdom2025-10-03
1033France2025-09-24
1034Brazil2025-09-26
1035India2025-10-11
1036Spain2025-09-27
1037Germany2025-09-30
1038Japan2025-09-27
1039Germany2025-09-27
1040Brazil2025-10-04
1041Spain2025-09-26
1042Argentina2025-10-14
1043United Kingdom2025-10-16
1044Australia2025-10-19
1045Japan2025-10-05
1046Spain2025-09-24
1047Russia2025-10-10
1048Spain2025-10-14
1049Argentina2025-10-15

On-Demand Data

NameIdCountryDate
Tony G Garufi1000Brazil2025-09-29
Jennifer H Caudy1001Spain2025-09-28
Sinclair H Bolognia1002India2025-10-09
Munro Q Nestle1003Australia2025-09-20
Stacey Z Oldroyd1004Japan2025-10-10
Leon A Garufi1005India2025-09-30
Silvio K Gillian1006Russia2025-10-11
Octavia W Rulapaugh1007United Kingdom2025-10-07
Smith L Darakjy1008Spain2025-10-14
Aika A Royster1009France2025-10-16
Emily M Garufi1010Brazil2025-09-25
Alejandro E Garufi1011Russia2025-09-28
Maria J Venere1012Japan2025-10-13
Nicolas Z Sergi1013France2025-10-17
Morrow K Whobrey1014Germany2025-10-09
Jones X Caudy1015United Kingdom2025-09-23
Mayumi R Maclead1016Brazil2025-10-17
Faith U Chui1017Japan2025-10-15
Johnson N Briddick1018Russia2025-09-28
Jones O Dilliard1019United Kingdom2025-10-01
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Faith D PerinArgentinaIoni Bowcher PROPOSAL
Ashley H MorascaIndiaXuxue Feng NEGOTIATION
Chavez P NestleCanadaBernardo Dominic NEGOTIATION
James A BriddickRussiaXuxue Feng PROPOSAL
David G MacleadSpainOnyama Limba NEW
Salvatore U CaudyBrazilOnyama Limba PROPOSAL
Munro Y SchemmerRussiaStephen Shaw RENEWAL
Nicolas G MarrierIndiaXuxue Feng NEGOTIATION
Chavez E GlickRussiaBernardo Dominic UNQUALIFIED
Juan V PerinCanadaIvan Magalhaes NEGOTIATION
Sinclair I ButtFranceBernardo Dominic PROPOSAL
Jones P ShinkoAustraliaIvan Magalhaes QUALIFIED
Johnson B MaletArgentinaElwin Sharvill QUALIFIED
James K ChuiSpainAsiya Javayant NEW
Morrow D StockhamCanadaAmy Elsner PROPOSAL
Mujtaba A FollerCanadaAnna Fali QUALIFIED
Chavez F RutaArgentinaXuxue Feng QUALIFIED
Nicolas I TollnerFranceElwin Sharvill NEGOTIATION
Chavez U MarrierSpainOnyama Limba NEGOTIATION
Jennifer R FigeroaBrazilAmy Elsner QUALIFIED
Juan J ButtBrazilAmy Elsner RENEWAL
Kadeem L PoquetteGermanyAsiya Javayant NEW
Jeanfrancois F ButtJapanIoni Bowcher RENEWAL
David P SaylorsRussiaBernardo Dominic NEW
Nicolas J GlickBrazilElwin Sharvill UNQUALIFIED
Misaki D KuskoGermanyAmy Elsner NEGOTIATION
Leon P GlickItalyBernardo Dominic NEGOTIATION
Arvin D FollerGermanyOnyama Limba QUALIFIED
Mujtaba Y BologniaSpainIvan Magalhaes NEGOTIATION
Darci I GarufiGermanyStephen Shaw NEW
Mujtaba Z GillianAustraliaAsiya Javayant QUALIFIED
Mujtaba A VenereGermanyAnna Fali QUALIFIED
Julie N RimItalyAnna Fali NEGOTIATION
James W OstroskyItalyXuxue Feng NEW
Jefferson J PerinIndiaStephen Shaw NEGOTIATION
Kaitlin S ButtGermanyStephen Shaw QUALIFIED
Leon P BriddickRussiaAsiya Javayant PROPOSAL
Murillo P TollnerAustraliaAsiya Javayant NEGOTIATION
Rodrigues U IturbideUnited KingdomBernardo Dominic PROPOSAL
Faith W OldroydCanadaOnyama Limba 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>