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
Adams V AmigonCanadaElwin Sharvill PROPOSAL
Ivar C NestleCanadaAsiya Javayant PROPOSAL
Morrow M OstroskyJapanAsiya Javayant NEW
Maisha F KolmetzUnited KingdomIoni Bowcher NEW
Stacey H GlickBrazilIvan Magalhaes NEGOTIATION
Greenwood H SchemmerAustraliaIvan Magalhaes NEGOTIATION
Leon X InouyeRussiaXuxue Feng PROPOSAL
Julie U SchemmerRussiaXuxue Feng UNQUALIFIED
Kaitlin M ButtBrazilElwin Sharvill PROPOSAL
Francesco C RoysterItalyAmy Elsner QUALIFIED
Adams E GlickGermanyBernardo Dominic PROPOSAL
Izzy E AlbaresIndiaBernardo Dominic PROPOSAL
Antonio X SergiGermanyAsiya Javayant NEGOTIATION
Sinclair U AlbaresItalyIvan Magalhaes NEGOTIATION
Nicolas X SlusarskiIndiaStephen Shaw UNQUALIFIED
Ricardo S BologniaUnited KingdomIvan Magalhaes UNQUALIFIED
Aika M GillianFranceAnna Fali RENEWAL
Arvin E IturbideSpainElwin Sharvill NEW
Claire K InouyeRussiaOnyama Limba UNQUALIFIED
Jones D MaletBrazilAmy Elsner RENEWAL
Antonio J MaletArgentinaAmy Elsner NEW
Darci Y CaldareraIndiaIoni Bowcher QUALIFIED
Francesco P AmigonIndiaIoni Bowcher RENEWAL
Emily T MorascaIndiaAmy Elsner PROPOSAL
James J OldroydSpainStephen Shaw RENEWAL
Sinclair O GarufiAustraliaAnna Fali UNQUALIFIED
Isabel G CaudyFranceIoni Bowcher NEGOTIATION
Aika O BowleyArgentinaBernardo Dominic NEW
Munro S DarakjyRussiaIoni Bowcher UNQUALIFIED
Jones D CaudySpainElwin Sharvill UNQUALIFIED
Darci B GauchoIndiaIoni Bowcher NEGOTIATION
Morrow J WaycottJapanIvan Magalhaes NEGOTIATION
Chavez Q VocelkaAustraliaAmy Elsner NEW
Johnson S BowleySpainAsiya Javayant UNQUALIFIED
Leon E KolmetzSpainElwin Sharvill NEW
Adams M PerinUnited KingdomBernardo Dominic NEW
Leon E SaylorsCanadaIoni Bowcher UNQUALIFIED
Murillo R GlickGermanyBernardo Dominic PROPOSAL
Emily X CaldareraFranceElwin Sharvill RENEWAL
David Z CaudyFranceXuxue Feng NEW
Jones S ShinkoCanadaElwin Sharvill QUALIFIED
Murillo Q OstroskyRussiaElwin Sharvill NEGOTIATION
Rodrigues O PoquetteRussiaXuxue Feng UNQUALIFIED
Murillo O FerenczCanadaAmy Elsner PROPOSAL
Murillo V WhobreyAustraliaAmy Elsner RENEWAL
Cody Z CaudyJapanBernardo Dominic PROPOSAL
Leja N ShinkoCanadaIvan Magalhaes RENEWAL
Aika C MarrierFranceXuxue Feng QUALIFIED
Julie J PaprockiCanadaIvan Magalhaes QUALIFIED
Sinclair C FerenczArgentinaElwin Sharvill QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Kaitlin E SlusarskiCanadaOnyama Limba NEGOTIATION
Morrow V GauchoFranceAsiya Javayant RENEWAL
Mayumi B NickaItalyXuxue Feng NEW
Smith F GillianItalyAsiya Javayant NEGOTIATION
Aditya E CaldareraArgentinaIoni Bowcher NEW
Jennifer R DilliardGermanyAmy Elsner UNQUALIFIED
Kadeem D FigeroaBrazilAmy Elsner NEW
Alejandro Z VocelkaBrazilIvan Magalhaes NEGOTIATION
Tony Y RutaCanadaStephen Shaw QUALIFIED
David E BriddickFranceAsiya Javayant PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Wickens F DoeRussia2026-11-05King, Christopher A Esq RENEWAL42Bernardo Dominic
1001Aika S MarrierRussia2026-11-05Chapman, Ross E Esq NEW6Amy Elsner
1002Aika V RulapaughUnited Kingdom2026-10-10Printing Dimensions NEW57Amy Elsner
1003James O BologniaIndia2026-10-21Chemel, James L Cpa PROPOSAL70Amy Elsner
1004Costa V RutaRussia2026-10-24Truhlar And Truhlar Attys NEW79Stephen Shaw
1005Misaki Y FerenczArgentina2026-11-08Rousseaux, Michael Esq PROPOSAL2Elwin Sharvill
1006Silvio T BowleyArgentina2026-10-28Feltz Printing Service QUALIFIED90Amy Elsner
1007Jennifer U PaprockiItaly2026-10-11Buckley Miller Wright NEW64Bernardo Dominic
1008Maria G MacleadFrance2026-11-02Chapman, Ross E Esq NEGOTIATION20Xuxue Feng
1009Ivar M FollerCanada2026-10-23Rangoni Of Florence NEGOTIATION62Ioni Bowcher
1010Kadeem L RulapaughCanada2026-11-03Feiner Bros RENEWAL89Ivan Magalhaes
1011Jefferson X OldroydArgentina2026-10-22Feltz Printing Service NEGOTIATION13Xuxue Feng
1012Kaitlin K GillianGermany2026-11-07King, Christopher A Esq NEGOTIATION2Ioni Bowcher
1013Salvatore F BologniaAustralia2026-11-06Feiner Bros NEW26Stephen Shaw
1014Morrow T VenereFrance2026-11-08Commercial Press NEGOTIATION6Xuxue Feng
1015Ashley P MacleadUnited Kingdom2026-11-06Chanay, Jeffrey A Esq NEGOTIATION6Anna Fali
1016Jeanfrancois Z SaylorsBrazil2026-11-05Dorl, James J Esq NEW58Elwin Sharvill
1017Nicolas Y MarrierCanada2026-10-28Morlong Associates QUALIFIED1Bernardo Dominic
1018Cody P MorascaArgentina2026-11-02Chapman, Ross E Esq QUALIFIED87Bernardo Dominic
1019Jones U ShinkoUnited Kingdom2026-11-05Commercial Press QUALIFIED68Onyama Limba
1020Faith O OldroydRussia2026-11-02Chapman, Ross E Esq RENEWAL31Ioni Bowcher
1021Johnson A RutaItaly2026-10-30Feiner Bros NEGOTIATION85Onyama Limba
1022Cody R RulapaughItaly2026-10-27Benton, John B Jr NEW28Ioni Bowcher
1023Misaki Q AlbaresRussia2026-10-20Rousseaux, Michael Esq NEW32Onyama Limba
1024Isabel Z MaletSpain2026-10-13Rousseaux, Michael Esq QUALIFIED72Asiya Javayant
1025Octavia N StensethAustralia2026-11-01Chanay, Jeffrey A Esq UNQUALIFIED6Ivan Magalhaes
1026James W InouyeIndia2026-10-13Feltz Printing Service RENEWAL95Stephen Shaw
1027Maria U RoysterRussia2026-10-23Chemel, James L Cpa PROPOSAL66Bernardo Dominic
1028Adams L DoeIndia2026-10-15King, Christopher A Esq QUALIFIED63Ioni Bowcher
1029Misaki O VenereBrazil2026-10-23Truhlar And Truhlar Attys RENEWAL33Ivan Magalhaes
1030Chavez C IturbideJapan2026-10-14Benton, John B Jr NEW37Stephen Shaw
1031Clifford M AmigonUnited Kingdom2026-10-20Chemel, James L Cpa QUALIFIED90Amy Elsner
1032Jeanfrancois A BologniaItaly2026-10-17Morlong Associates NEW70Stephen Shaw
1033Munro U DarakjyRussia2026-10-26Commercial Press NEW58Xuxue Feng
1034Misaki M RoysterCanada2026-11-08Rousseaux, Michael Esq NEW49Amy Elsner
1035Wickens X SlusarskiGermany2026-10-24Rousseaux, Michael Esq UNQUALIFIED39Asiya Javayant
1036Mujtaba A MarrierFrance2026-10-29Morlong Associates QUALIFIED54Ivan Magalhaes
1037Johnson N GlickAustralia2026-10-30Feiner Bros PROPOSAL6Xuxue Feng
1038Stacey Z FigeroaRussia2026-10-11Printing Dimensions PROPOSAL7Bernardo Dominic
1039Jefferson N BowleyAustralia2026-10-16Benton, John B Jr NEGOTIATION68Stephen Shaw
1040Faith I CampainUnited Kingdom2026-10-15Buckley Miller Wright RENEWAL75Ivan Magalhaes
1041Clifford C BriddickGermany2026-10-27Chemel, James L Cpa PROPOSAL88Stephen Shaw
1042Octavia S WieserCanada2026-11-06Benton, John B Jr PROPOSAL25Xuxue Feng
1043Faith E RutaIndia2026-10-23Buckley Miller Wright QUALIFIED1Amy Elsner
1044Mayumi I OldroydSpain2026-10-11Buckley Miller Wright NEW24Asiya Javayant
1045Sinclair W RulapaughItaly2026-11-03Commercial Press PROPOSAL43Ioni Bowcher
1046Mayumi U SlusarskiAustralia2026-11-01Feltz Printing Service NEW63Bernardo Dominic
1047Stacey F IturbideGermany2026-11-01Morlong Associates PROPOSAL54Xuxue Feng
1048Murillo J OstroskyFrance2026-10-17Benton, John B Jr NEW59Ivan Magalhaes
1049Leja S StensethFrance2026-11-08Buckley Miller Wright RENEWAL71Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Smith O BriddickUnited KingdomXuxue Feng UNQUALIFIED
Rodrigues J WhobreyCanadaAnna Fali PROPOSAL
Sinclair J OstroskySpainBernardo Dominic PROPOSAL
Tony M SchemmerBrazilElwin Sharvill UNQUALIFIED
Tony P NestleItalyElwin Sharvill RENEWAL
Ricardo W GillianFranceIoni Bowcher RENEWAL
David O CaldareraJapanStephen Shaw RENEWAL
Rodrigues M StensethIndiaElwin Sharvill NEGOTIATION
Rodrigues O AlbaresAustraliaAnna Fali RENEWAL
Emily M SchemmerBrazilBernardo Dominic QUALIFIED
Jones W GauchoFranceIvan Magalhaes PROPOSAL
Mujtaba Y CampainGermanyElwin Sharvill QUALIFIED
Cody N KolmetzGermanyIoni Bowcher NEGOTIATION
Leja V KolmetzArgentinaIoni Bowcher UNQUALIFIED
Leja C StensethFranceIvan Magalhaes PROPOSAL
Jefferson S DilliardIndiaStephen Shaw UNQUALIFIED
Morrow G FigeroaJapanOnyama Limba PROPOSAL
Izzy E FlosiCanadaXuxue Feng RENEWAL
Faith Y StockhamGermanyIoni Bowcher NEW
Costa E GauchoBrazilAnna Fali NEGOTIATION
Murillo L NestleJapanAmy Elsner NEW
Misaki G MarrierArgentinaAsiya Javayant RENEWAL
Munro K RulapaughFranceXuxue Feng PROPOSAL
Costa G GlickIndiaAnna Fali PROPOSAL
Clifford F PaprockiItalyIvan Magalhaes NEW
Juan H DarakjyArgentinaAnna Fali UNQUALIFIED
Costa S ChuiGermanyAsiya Javayant PROPOSAL
Silvio J RoysterIndiaElwin Sharvill QUALIFIED
Wickens F WieserItalyStephen Shaw NEGOTIATION
Julie Z ButtSpainIoni Bowcher RENEWAL
Octavia G GlickRussiaOnyama Limba PROPOSAL
Chavez A MacleadAustraliaAmy Elsner NEGOTIATION
Greenwood P WaycottFranceIoni Bowcher QUALIFIED
Aditya N StockhamFranceStephen Shaw NEW
Ivar X RoysterUnited KingdomIoni Bowcher PROPOSAL
Stacey L PerinUnited KingdomElwin Sharvill NEW
Aruna Y DilliardCanadaBernardo Dominic PROPOSAL
Stacey Y GillianFranceAsiya Javayant NEW
Tony S PoquetteAustraliaAmy Elsner NEGOTIATION
Darci B WhobreyGermanyXuxue Feng QUALIFIED
Rodrigues C FollerCanadaAnna Fali UNQUALIFIED
Mayumi E WaycottSpainAmy Elsner RENEWAL
Clifford R IturbideGermanyIvan Magalhaes PROPOSAL
Silvio U CaudyArgentinaAmy Elsner NEW
Leja U ShinkoCanadaStephen Shaw NEW
Jones N BowleyRussiaAmy Elsner UNQUALIFIED
David H GillianFranceAsiya Javayant QUALIFIED
David Z KolmetzGermanyStephen Shaw NEGOTIATION
Leja F IturbideBrazilStephen Shaw NEGOTIATION
Izzy U StensethAustraliaAsiya Javayant QUALIFIED
Frozen Columns
Name
Kaitlin R Whobrey
Ivar L Poquette
Ricardo Y Nicka
Antonio F Amigon
Sinclair P Chui
Maisha X Garufi
Kadeem O Flosi
Silvio Q Flosi
Izzy S Butt
Jefferson U Kusko
Izzy N Caudy
Leon V Maclead
Maria T Doe
Leja K Kusko
Tony V Iturbide
Izzy C Perin
Murillo S Nestle
Johnson L Oldroyd
Juan U Foller
Julie L Amigon
Leon V Inouye
Murillo Y Malet
Emily P Ostrosky
Julie Q Venere
Faith V Schemmer
Deepesh Q Perin
Mujtaba Z Slusarski
Wickens B Kusko
Morrow E Sergi
Aruna O Albares
Francesco K Stenseth
Faith Y Dilliard
Salvatore U Ruta
Maisha C Butt
Clifford S Doe
Ivar Y Garufi
Greenwood G Rulapaugh
Nicolas Z Ruta
Leja J Morasca
Smith Q Nicka
Tony H Malet
Chavez O Albares
Mujtaba H Foller
Mayumi S Saylors
Francesco O Foller
Juan T Chui
Ashley Y Foller
Ricardo M Stockham
Johnson R Oldroyd
Smith U Stenseth
IdCountryDate
1000Argentina2026-10-23
1001Russia2026-10-17
1002Russia2026-11-02
1003Japan2026-11-08
1004Argentina2026-10-14
1005France2026-10-16
1006Argentina2026-11-06
1007Germany2026-10-28
1008Argentina2026-10-19
1009Spain2026-10-11
1010Australia2026-10-16
1011Germany2026-10-23
1012Australia2026-10-30
1013Italy2026-11-03
1014India2026-10-28
1015Argentina2026-10-10
1016Russia2026-10-18
1017France2026-10-30
1018Japan2026-10-27
1019Canada2026-10-12
1020Argentina2026-10-28
1021Canada2026-11-06
1022Italy2026-10-16
1023Australia2026-10-27
1024France2026-11-02
1025United Kingdom2026-11-02
1026United Kingdom2026-11-03
1027France2026-11-01
1028Brazil2026-10-26
1029India2026-11-05
1030Japan2026-10-21
1031Argentina2026-10-14
1032Germany2026-10-26
1033India2026-10-24
1034India2026-10-14
1035Italy2026-10-31
1036Argentina2026-11-05
1037Argentina2026-11-03
1038Spain2026-11-05
1039Australia2026-10-15
1040Canada2026-11-01
1041Italy2026-11-04
1042Canada2026-10-28
1043Spain2026-10-30
1044Spain2026-10-14
1045France2026-11-08
1046Japan2026-10-17
1047Germany2026-11-03
1048Germany2026-10-12
1049Italy2026-11-01

On-Demand Data

NameIdCountryDate
Jefferson W Waycott1000Spain2026-10-30
Alejandro M Amigon1001India2026-10-19
Octavia R Sergi1002Germany2026-10-19
Kaitlin M Oldroyd1003Italy2026-10-20
Adams H Shinko1004United Kingdom2026-10-12
Aditya K Poquette1005Russia2026-11-02
Faith M Gaucho1006Japan2026-11-06
Murillo D Saylors1007Italy2026-10-20
Alejandro E Bowley1008Canada2026-10-22
Greenwood L Darakjy1009Canada2026-11-01
Arvin Z Waycott1010Brazil2026-10-27
Chavez D Nestle1011Australia2026-10-30
Greenwood B Bolognia1012Russia2026-10-17
Morrow F Briddick1013Japan2026-10-24
Darci W Maclead1014Spain2026-11-06
Greenwood T Oldroyd1015Canada2026-11-05
Alejandro J Maclead1016Japan2026-10-20
Wickens P Paprocki1017France2026-10-16
Johnson A Maclead1018Germany2026-11-03
Ricardo J Whobrey1019Brazil2026-10-27
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leon T PerinArgentinaAsiya Javayant PROPOSAL
James V DoeSpainAmy Elsner NEGOTIATION
Julie Q DoeJapanElwin Sharvill RENEWAL
Faith G AlbaresArgentinaXuxue Feng NEW
Leon W PaprockiFranceIvan Magalhaes QUALIFIED
Ivar X GillianArgentinaStephen Shaw NEGOTIATION
Antonio U ButtItalyIvan Magalhaes QUALIFIED
Munro X RulapaughBrazilElwin Sharvill QUALIFIED
Silvio T FollerAustraliaBernardo Dominic RENEWAL
Jennifer Z AlbaresItalyOnyama Limba QUALIFIED
Tony C VenereAustraliaAmy Elsner RENEWAL
Misaki E MacleadIndiaAmy Elsner NEW
Tony H OstroskyAustraliaIoni Bowcher QUALIFIED
Mujtaba T StensethUnited KingdomAnna Fali NEW
Jennifer P SergiBrazilElwin Sharvill RENEWAL
Claire U CampainGermanyIoni Bowcher PROPOSAL
Adams B OstroskyArgentinaAsiya Javayant NEGOTIATION
Kaitlin R KolmetzAustraliaBernardo Dominic UNQUALIFIED
David U BowleyArgentinaElwin Sharvill NEW
Darci H MarrierAustraliaOnyama Limba NEW
Clifford V DoeJapanAsiya Javayant NEW
Johnson X InouyeSpainAmy Elsner UNQUALIFIED
Aika R PoquetteFranceBernardo Dominic QUALIFIED
Jeanfrancois O ChuiIndiaAsiya Javayant RENEWAL
Sinclair J MorascaSpainBernardo Dominic UNQUALIFIED
Faith F VenereIndiaAsiya Javayant RENEWAL
Claire E VenereArgentinaIvan Magalhaes QUALIFIED
Silvio S DoeIndiaStephen Shaw PROPOSAL
Maria N RimItalyAsiya Javayant RENEWAL
Clifford S IturbideFranceOnyama Limba NEGOTIATION
Alejandro R BriddickUnited KingdomOnyama Limba QUALIFIED
Stacey A MarrierCanadaAmy Elsner NEW
Murillo A MaletBrazilIvan Magalhaes NEGOTIATION
Misaki U TollnerArgentinaStephen Shaw UNQUALIFIED
Emily K StensethFranceAnna Fali PROPOSAL
Ivar Z MacleadSpainAmy Elsner PROPOSAL
Mayumi O WaycottCanadaStephen Shaw QUALIFIED
Nicolas X GillianFranceStephen Shaw NEGOTIATION
Salvatore I GarufiAustraliaStephen Shaw NEW
Octavia B MacleadSpainXuxue Feng PROPOSAL

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