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
Misaki Q MorascaAustraliaStephen Shaw NEGOTIATION
Silvio U RulapaughSpainXuxue Feng UNQUALIFIED
Aditya Z TollnerJapanIvan Magalhaes QUALIFIED
Salvatore T BriddickFranceElwin Sharvill NEGOTIATION
Rodrigues K GarufiFranceAsiya Javayant NEGOTIATION
Silvio R MaletCanadaElwin Sharvill QUALIFIED
Clifford F KuskoUnited KingdomStephen Shaw UNQUALIFIED
Juan K SchemmerAustraliaBernardo Dominic UNQUALIFIED
Aruna L DilliardItalyStephen Shaw NEGOTIATION
Julie L SergiIndiaXuxue Feng RENEWAL
Francesco O InouyeGermanyAsiya Javayant RENEWAL
Jennifer H VenereUnited KingdomXuxue Feng NEW
Rodrigues S FigeroaIndiaAnna Fali RENEWAL
Nicolas B AlbaresGermanyXuxue Feng NEW
Maria O CaldareraSpainBernardo Dominic NEW
Julie F FigeroaRussiaXuxue Feng QUALIFIED
Ashley F WieserAustraliaElwin Sharvill NEGOTIATION
Alejandro G FollerArgentinaAmy Elsner PROPOSAL
Emily I TollnerArgentinaBernardo Dominic NEW
Jefferson X FlosiCanadaElwin Sharvill RENEWAL
Sinclair B FigeroaArgentinaAmy Elsner PROPOSAL
Izzy B DilliardBrazilOnyama Limba NEW
David D PoquetteGermanyAsiya Javayant UNQUALIFIED
Jennifer B KolmetzBrazilAnna Fali NEW
Salvatore F FigeroaSpainBernardo Dominic NEW
Julie Y FollerItalyStephen Shaw RENEWAL
Isabel Q VocelkaIndiaOnyama Limba NEW
Claire J MorascaGermanyStephen Shaw NEGOTIATION
Leon U StensethAustraliaXuxue Feng NEGOTIATION
Greenwood Z ButtItalyAmy Elsner UNQUALIFIED
Francesco Y BowleyAustraliaBernardo Dominic QUALIFIED
Morrow E MorascaSpainStephen Shaw UNQUALIFIED
Julie H BriddickJapanXuxue Feng QUALIFIED
Clifford V MaletJapanOnyama Limba RENEWAL
Antonio G MorascaAustraliaAnna Fali UNQUALIFIED
Izzy B ChuiCanadaBernardo Dominic NEGOTIATION
Johnson H SaylorsRussiaOnyama Limba PROPOSAL
Emily V FerenczAustraliaAnna Fali QUALIFIED
Kadeem Z FerenczGermanyStephen Shaw NEGOTIATION
Morrow O AlbaresJapanIoni Bowcher NEGOTIATION
Jefferson J ButtRussiaAnna Fali RENEWAL
Deepesh X VocelkaGermanyIvan Magalhaes PROPOSAL
Tony F WaycottAustraliaAsiya Javayant PROPOSAL
Maria C RoysterArgentinaAnna Fali PROPOSAL
Kaitlin C FlosiGermanyIoni Bowcher NEGOTIATION
Jefferson J ShinkoUnited KingdomIvan Magalhaes RENEWAL
Maisha H WaycottBrazilStephen Shaw NEGOTIATION
Darci S RoysterJapanXuxue Feng QUALIFIED
Salvatore C SaylorsRussiaAnna Fali NEW
Claire B GlickIndiaElwin Sharvill RENEWAL
Horizontal
NameCountryRepresentativeStatus
Adams V ShinkoArgentinaOnyama Limba RENEWAL
Adams H NickaUnited KingdomXuxue Feng PROPOSAL
Jones M BologniaSpainStephen Shaw NEW
Tony T ChuiGermanyIvan Magalhaes NEGOTIATION
Morrow N InouyeJapanAsiya Javayant PROPOSAL
Jennifer V DilliardJapanAnna Fali NEGOTIATION
Morrow K MaletArgentinaStephen Shaw UNQUALIFIED
Izzy I FerenczJapanBernardo Dominic PROPOSAL
Johnson U GillianAustraliaIvan Magalhaes UNQUALIFIED
Smith T NickaFranceIoni Bowcher QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Wickens D GauchoJapan2026-11-01Chemel, James L Cpa PROPOSAL33Amy Elsner
1001Rodrigues J VenereItaly2026-10-27Chanay, Jeffrey A Esq NEGOTIATION32Elwin Sharvill
1002Ivar R KuskoItaly2026-10-11Chemel, James L Cpa UNQUALIFIED21Elwin Sharvill
1003Maisha Q FigeroaJapan2026-10-22Chapman, Ross E Esq RENEWAL60Xuxue Feng
1004Kadeem M AmigonItaly2026-10-10Morlong Associates UNQUALIFIED57Anna Fali
1005Maisha Q SlusarskiRussia2026-11-02Chanay, Jeffrey A Esq RENEWAL67Bernardo Dominic
1006Aruna T BowleyIndia2026-10-17Chapman, Ross E Esq RENEWAL35Onyama Limba
1007Jefferson U OstroskyAustralia2026-10-22Chemel, James L Cpa NEGOTIATION20Onyama Limba
1008Arvin Z OstroskyJapan2026-10-11King, Christopher A Esq NEW25Ivan Magalhaes
1009Darci T MarrierUnited Kingdom2026-11-02Morlong Associates QUALIFIED62Xuxue Feng
1010Rodrigues C IturbideCanada2026-10-21Feltz Printing Service QUALIFIED45Anna Fali
1011David F NestleCanada2026-11-01Printing Dimensions PROPOSAL12Onyama Limba
1012Jeanfrancois M SergiCanada2026-10-23Chanay, Jeffrey A Esq QUALIFIED68Amy Elsner
1013Isabel H IturbideUnited Kingdom2026-10-28Printing Dimensions NEGOTIATION18Onyama Limba
1014Claire A SchemmerSpain2026-10-24Feiner Bros RENEWAL2Onyama Limba
1015Izzy D StensethUnited Kingdom2026-10-13Buckley Miller Wright PROPOSAL12Stephen Shaw
1016Francesco P AlbaresUnited Kingdom2026-11-07Feiner Bros NEGOTIATION8Elwin Sharvill
1017Ashley C KuskoAustralia2026-11-07Feiner Bros UNQUALIFIED39Bernardo Dominic
1018Aika H IturbideGermany2026-11-01Morlong Associates NEW18Amy Elsner
1019Wickens C WaycottItaly2026-10-22Benton, John B Jr QUALIFIED63Onyama Limba
1020Mayumi X BriddickRussia2026-10-22Feiner Bros NEGOTIATION80Bernardo Dominic
1021Jefferson Y FigeroaSpain2026-10-17Truhlar And Truhlar Attys NEW53Xuxue Feng
1022Maria J RutaItaly2026-10-30Chemel, James L Cpa RENEWAL2Bernardo Dominic
1023Salvatore O BowleyCanada2026-10-15Chapman, Ross E Esq QUALIFIED2Asiya Javayant
1024Cody U SergiCanada2026-10-31Chanay, Jeffrey A Esq NEGOTIATION16Amy Elsner
1025Wickens N WhobreyArgentina2026-10-30Truhlar And Truhlar Attys UNQUALIFIED94Amy Elsner
1026Juan C SergiFrance2026-10-24Printing Dimensions QUALIFIED91Ivan Magalhaes
1027Ivar V OstroskyFrance2026-11-07Feiner Bros QUALIFIED46Anna Fali
1028Chavez D RoysterIndia2026-10-14Truhlar And Truhlar Attys UNQUALIFIED78Elwin Sharvill
1029Murillo P BologniaIndia2026-11-01Feiner Bros PROPOSAL50Ioni Bowcher
1030Rodrigues V GillianSpain2026-10-10King, Christopher A Esq UNQUALIFIED30Amy Elsner
1031David X NickaItaly2026-10-22Rangoni Of Florence NEW44Asiya Javayant
1032Francesco M CaudyGermany2026-10-09Rousseaux, Michael Esq UNQUALIFIED65Ioni Bowcher
1033Ricardo H VenereUnited Kingdom2026-10-27Chemel, James L Cpa QUALIFIED99Ivan Magalhaes
1034Rodrigues X FlosiAustralia2026-10-10Rangoni Of Florence RENEWAL64Asiya Javayant
1035Kaitlin M ChuiCanada2026-11-03Chanay, Jeffrey A Esq PROPOSAL28Xuxue Feng
1036Ashley D VocelkaCanada2026-10-25Benton, John B Jr QUALIFIED82Ioni Bowcher
1037Leon O DarakjyCanada2026-11-05Benton, John B Jr RENEWAL12Ivan Magalhaes
1038Clifford Z PaprockiAustralia2026-10-21Buckley Miller Wright PROPOSAL43Ioni Bowcher
1039Wickens L NickaSpain2026-10-16Rousseaux, Michael Esq PROPOSAL80Elwin Sharvill
1040Wickens P NestleGermany2026-10-26Rangoni Of Florence NEGOTIATION23Amy Elsner
1041Munro X BriddickGermany2026-11-02Benton, John B Jr QUALIFIED44Ioni Bowcher
1042Sinclair X FerenczCanada2026-10-15Buckley Miller Wright QUALIFIED21Stephen Shaw
1043Leja I RutaFrance2026-11-07Truhlar And Truhlar Attys RENEWAL76Ivan Magalhaes
1044Salvatore O TollnerCanada2026-11-07Benton, John B Jr PROPOSAL5Stephen Shaw
1045Greenwood W RutaCanada2026-11-04Printing Dimensions RENEWAL60Elwin Sharvill
1046Misaki N SergiGermany2026-10-23Morlong Associates NEGOTIATION64Amy Elsner
1047Adams Q KuskoArgentina2026-10-30Chapman, Ross E Esq PROPOSAL15Onyama Limba
1048Mujtaba W CaldareraUnited Kingdom2026-10-21Rangoni Of Florence QUALIFIED74Onyama Limba
1049Smith N PerinCanada2026-10-09King, Christopher A Esq PROPOSAL47Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Sinclair X DarakjyArgentinaStephen Shaw PROPOSAL
Aruna B WaycottArgentinaStephen Shaw NEGOTIATION
Johnson W IturbideCanadaIvan Magalhaes QUALIFIED
Sinclair O RulapaughGermanyElwin Sharvill RENEWAL
Ricardo O RimCanadaOnyama Limba RENEWAL
Murillo W OstroskyGermanyXuxue Feng NEGOTIATION
Murillo L StensethIndiaIvan Magalhaes PROPOSAL
Deepesh T SergiBrazilAmy Elsner QUALIFIED
Aruna F GillianJapanIvan Magalhaes RENEWAL
Wickens E NickaSpainIvan Magalhaes PROPOSAL
Wickens B FerenczUnited KingdomXuxue Feng RENEWAL
Faith G DarakjySpainIoni Bowcher NEW
Wickens W ButtBrazilIoni Bowcher PROPOSAL
Morrow H SaylorsJapanStephen Shaw NEW
Munro Q ChuiRussiaOnyama Limba UNQUALIFIED
Misaki N WieserArgentinaAnna Fali NEGOTIATION
Salvatore W GarufiRussiaIoni Bowcher QUALIFIED
Munro L RimGermanyAnna Fali PROPOSAL
Costa B RulapaughArgentinaOnyama Limba UNQUALIFIED
Mayumi W DoeUnited KingdomIoni Bowcher RENEWAL
James I StockhamAustraliaElwin Sharvill QUALIFIED
Jeanfrancois D VenereUnited KingdomAmy Elsner PROPOSAL
Jefferson P GauchoItalyStephen Shaw QUALIFIED
Aika R WaycottRussiaBernardo Dominic RENEWAL
James K PerinBrazilElwin Sharvill QUALIFIED
Costa N BriddickIndiaAsiya Javayant QUALIFIED
Misaki Y AmigonIndiaOnyama Limba RENEWAL
Alejandro R MaletAustraliaIoni Bowcher RENEWAL
Arvin O KuskoItalyStephen Shaw NEW
Leja R SchemmerCanadaIoni Bowcher UNQUALIFIED
Ivar S GauchoAustraliaStephen Shaw NEW
Cody B PaprockiCanadaIoni Bowcher QUALIFIED
Juan V WieserSpainStephen Shaw NEGOTIATION
Darci P FigeroaJapanXuxue Feng QUALIFIED
Nicolas D MarrierIndiaAnna Fali NEGOTIATION
James C SaylorsGermanyOnyama Limba PROPOSAL
Julie M FigeroaArgentinaElwin Sharvill NEGOTIATION
Maria M SergiIndiaAnna Fali PROPOSAL
Munro T VocelkaUnited KingdomAsiya Javayant QUALIFIED
Mayumi U FerenczItalyAnna Fali RENEWAL
Deepesh U RulapaughArgentinaIoni Bowcher NEW
Johnson M CaldareraIndiaIvan Magalhaes NEGOTIATION
Nicolas L RimBrazilStephen Shaw RENEWAL
Jeanfrancois C WaycottItalyXuxue Feng NEW
Sinclair O SergiBrazilBernardo Dominic QUALIFIED
Jones O OstroskyFranceAsiya Javayant RENEWAL
Maisha S StockhamUnited KingdomOnyama Limba RENEWAL
David A CaudyJapanElwin Sharvill QUALIFIED
Antonio G GarufiUnited KingdomAsiya Javayant NEW
Maria K ButtFranceIvan Magalhaes PROPOSAL
Frozen Columns
Name
Mayumi O Caldarera
Maria L Flosi
Jennifer M Amigon
Julie V Malet
Kadeem W Saylors
Stacey H Amigon
Maria A Kusko
Adams I Briddick
Leja U Dilliard
Chavez B Stenseth
Chavez L Albares
Sinclair M Paprocki
Misaki H Sergi
Rodrigues U Inouye
Ashley G Briddick
Alejandro O Wieser
Chavez I Sergi
Darci A Briddick
Murillo N Schemmer
Antonio N Stenseth
Morrow E Campain
Clifford L Schemmer
Octavia F Campain
Chavez O Sergi
Murillo V Gillian
Alejandro H Poquette
Salvatore R Caudy
Nicolas J Ostrosky
Rodrigues A Stockham
Salvatore J Ferencz
Jennifer F Morasca
Arvin M Caldarera
Clifford D Wieser
Stacey W Ferencz
Mujtaba S Garufi
Jennifer C Bolognia
Nicolas F Slusarski
Costa W Bolognia
David R Kusko
Chavez V Glick
Emily Q Shinko
Kadeem L Shinko
Johnson M Tollner
Aika J Butt
Alejandro Z Glick
Jeanfrancois F Marrier
Jefferson G Campain
Octavia U Gillian
Faith L Flosi
Johnson O Nicka
IdCountryDate
1000Argentina2026-10-28
1001Russia2026-10-22
1002Germany2026-10-14
1003Argentina2026-10-29
1004Russia2026-10-09
1005Italy2026-10-14
1006Japan2026-11-01
1007Italy2026-10-29
1008Spain2026-10-24
1009Spain2026-10-23
1010Argentina2026-10-09
1011France2026-11-01
1012United Kingdom2026-10-11
1013Italy2026-10-11
1014United Kingdom2026-10-24
1015Italy2026-11-07
1016Argentina2026-11-01
1017Canada2026-10-12
1018India2026-11-02
1019Japan2026-10-28
1020United Kingdom2026-10-27
1021Argentina2026-11-02
1022Spain2026-11-07
1023Germany2026-10-29
1024Italy2026-11-05
1025India2026-10-24
1026Japan2026-10-31
1027India2026-10-23
1028India2026-10-12
1029Brazil2026-10-16
1030Argentina2026-11-02
1031Brazil2026-10-11
1032Italy2026-10-27
1033United Kingdom2026-10-31
1034Canada2026-11-01
1035India2026-10-30
1036Spain2026-10-28
1037Canada2026-11-01
1038Russia2026-10-19
1039Canada2026-10-29
1040Canada2026-11-05
1041Brazil2026-10-14
1042Brazil2026-10-15
1043Argentina2026-10-25
1044India2026-10-21
1045Australia2026-10-22
1046Germany2026-10-10
1047Russia2026-10-29
1048India2026-10-13
1049France2026-11-02

On-Demand Data

NameIdCountryDate
James N Stockham1000Japan2026-11-04
Kaitlin F Perin1001Canada2026-10-13
Rodrigues K Butt1002Japan2026-10-12
Chavez B Inouye1003Canada2026-10-30
Julie K Poquette1004Russia2026-11-07
Leon H Figeroa1005Argentina2026-10-20
Murillo C Garufi1006Brazil2026-10-29
Arvin J Briddick1007Italy2026-11-01
Faith Y Figeroa1008Germany2026-10-31
Rodrigues C Darakjy1009Australia2026-10-26
Mayumi C Caudy1010Japan2026-10-25
Izzy Q Morasca1011Germany2026-10-30
Darci H Maclead1012United Kingdom2026-10-25
Jeanfrancois C Kolmetz1013Russia2026-11-04
David F Albares1014Brazil2026-11-03
Munro H Morasca1015Germany2026-11-07
Antonio L Poquette1016Japan2026-10-26
James L Morasca1017Argentina2026-10-25
Greenwood C Slusarski1018Australia2026-10-26
Leon J Kolmetz1019Australia2026-10-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Mayumi Y NestleBrazilStephen Shaw RENEWAL
Izzy Q MorascaCanadaIvan Magalhaes PROPOSAL
Rodrigues S MarrierItalyAnna Fali UNQUALIFIED
Salvatore F BriddickFranceIvan Magalhaes PROPOSAL
Faith Z RoysterArgentinaAmy Elsner NEW
Octavia X CaudyJapanOnyama Limba PROPOSAL
Smith C KuskoJapanAnna Fali QUALIFIED
Jones M PerinRussiaAnna Fali QUALIFIED
Jennifer B RutaFranceAnna Fali NEGOTIATION
Deepesh R CaldareraJapanXuxue Feng NEGOTIATION
Chavez V KuskoRussiaIoni Bowcher QUALIFIED
Salvatore D GillianIndiaOnyama Limba NEGOTIATION
Emily W DarakjyUnited KingdomAmy Elsner PROPOSAL
Cody B RutaBrazilOnyama Limba NEGOTIATION
Mayumi T BriddickJapanXuxue Feng QUALIFIED
Salvatore D OstroskyCanadaAsiya Javayant UNQUALIFIED
Jennifer D StensethCanadaXuxue Feng RENEWAL
Misaki X DilliardJapanStephen Shaw PROPOSAL
Ricardo H VocelkaRussiaAmy Elsner UNQUALIFIED
Emily C OstroskyFranceStephen Shaw RENEWAL
Deepesh D AlbaresCanadaIvan Magalhaes RENEWAL
Maisha P KolmetzUnited KingdomStephen Shaw NEW
Aika M AlbaresGermanyStephen Shaw PROPOSAL
David L MarrierArgentinaBernardo Dominic PROPOSAL
Sinclair J InouyeAustraliaOnyama Limba NEW
Murillo L DarakjySpainAmy Elsner RENEWAL
Greenwood U MaletFranceIvan Magalhaes PROPOSAL
Octavia Y MarrierJapanIvan Magalhaes PROPOSAL
Tony V FlosiItalyIoni Bowcher PROPOSAL
Julie P MorascaFranceOnyama Limba UNQUALIFIED
Aditya Q CampainUnited KingdomBernardo Dominic NEGOTIATION
Mayumi T RoysterRussiaOnyama Limba NEW
Tony C DarakjyFranceOnyama Limba NEGOTIATION
Rodrigues J IturbideSpainIvan Magalhaes UNQUALIFIED
Ashley M IturbideCanadaIvan Magalhaes PROPOSAL
Ashley R VenereAustraliaOnyama Limba NEGOTIATION
Cody E DilliardBrazilBernardo Dominic RENEWAL
Ashley W SaylorsAustraliaElwin Sharvill PROPOSAL
Stacey J WhobreyCanadaBernardo Dominic QUALIFIED
Izzy U ButtItalyAnna Fali 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>