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
Aruna P StockhamJapanAmy Elsner NEGOTIATION
Isabel J SchemmerFranceBernardo Dominic NEGOTIATION
Misaki X GlickIndiaOnyama Limba UNQUALIFIED
Chavez Q RutaIndiaXuxue Feng QUALIFIED
Emily V NestleBrazilOnyama Limba NEW
Costa F SergiUnited KingdomAsiya Javayant RENEWAL
Faith X WhobreySpainBernardo Dominic NEW
Tony K GlickFranceIoni Bowcher NEW
Jennifer C SergiSpainIvan Magalhaes PROPOSAL
Jennifer L OldroydCanadaIvan Magalhaes PROPOSAL
Darci B ChuiItalyAmy Elsner PROPOSAL
Clifford C MaletBrazilStephen Shaw QUALIFIED
Munro T BriddickFranceIoni Bowcher UNQUALIFIED
Emily R MaletAustraliaStephen Shaw NEW
Nicolas U VocelkaRussiaAmy Elsner UNQUALIFIED
Ashley W DarakjyGermanyAsiya Javayant NEW
Octavia N StensethGermanyIvan Magalhaes PROPOSAL
Mujtaba A AlbaresCanadaElwin Sharvill NEW
Munro A MarrierBrazilElwin Sharvill NEGOTIATION
Kaitlin K CampainRussiaAmy Elsner QUALIFIED
Julie A RimItalyIoni Bowcher NEW
Mayumi O VenereSpainIoni Bowcher QUALIFIED
Mayumi U DilliardBrazilIoni Bowcher PROPOSAL
Isabel S RoysterBrazilIoni Bowcher NEW
Aditya P FollerCanadaElwin Sharvill QUALIFIED
Ivar W ShinkoAustraliaIoni Bowcher RENEWAL
Jennifer A MaletJapanOnyama Limba NEW
Emily I CampainFranceIoni Bowcher RENEWAL
Francesco N WieserCanadaAmy Elsner UNQUALIFIED
Nicolas X CaldareraFranceAmy Elsner PROPOSAL
Aika E FigeroaJapanAnna Fali PROPOSAL
Cody I VenereJapanAsiya Javayant NEGOTIATION
Costa M MaletAustraliaStephen Shaw NEGOTIATION
Francesco P PaprockiArgentinaBernardo Dominic RENEWAL
Kaitlin S CaldareraAustraliaXuxue Feng PROPOSAL
Faith Z PaprockiAustraliaBernardo Dominic RENEWAL
Emily I KuskoIndiaElwin Sharvill RENEWAL
Greenwood L VocelkaJapanStephen Shaw NEGOTIATION
Munro Z DilliardArgentinaAnna Fali RENEWAL
Cody V ButtAustraliaIvan Magalhaes UNQUALIFIED
Rodrigues D MarrierBrazilXuxue Feng PROPOSAL
Francesco V RutaRussiaBernardo Dominic NEW
James P SergiGermanyOnyama Limba QUALIFIED
Leon X SchemmerArgentinaAsiya Javayant UNQUALIFIED
Jones M VenereUnited KingdomAsiya Javayant NEGOTIATION
Cody Q MorascaRussiaBernardo Dominic UNQUALIFIED
Maisha M RutaBrazilIvan Magalhaes UNQUALIFIED
Kaitlin S AlbaresSpainElwin Sharvill UNQUALIFIED
Nicolas A FigeroaRussiaAnna Fali NEW
Cody N FlosiSpainIvan Magalhaes UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Deepesh K RoysterAustraliaOnyama Limba QUALIFIED
Julie C WhobreyAustraliaElwin Sharvill RENEWAL
Kaitlin T FerenczJapanOnyama Limba QUALIFIED
David O RulapaughUnited KingdomXuxue Feng NEW
Mujtaba A SaylorsCanadaAsiya Javayant UNQUALIFIED
Ashley O RimArgentinaStephen Shaw UNQUALIFIED
Mujtaba I ShinkoCanadaStephen Shaw NEW
Jefferson B GlickGermanyElwin Sharvill PROPOSAL
Morrow F SergiSpainBernardo Dominic NEGOTIATION
Smith D GillianIndiaStephen Shaw QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Smith W StockhamGermany2026-10-14Rangoni Of Florence UNQUALIFIED39Elwin Sharvill
1001Isabel Y DarakjyGermany2026-10-27Benton, John B Jr NEGOTIATION41Ioni Bowcher
1002Clifford U TollnerArgentina2026-10-26Feltz Printing Service RENEWAL12Asiya Javayant
1003Aika B VenereUnited Kingdom2026-10-06Printing Dimensions UNQUALIFIED12Bernardo Dominic
1004Faith P GillianIndia2026-10-04Chemel, James L Cpa QUALIFIED76Xuxue Feng
1005Maria F MaletRussia2026-09-29Dorl, James J Esq PROPOSAL57Bernardo Dominic
1006Leon L FollerArgentina2026-10-15Buckley Miller Wright NEW49Elwin Sharvill
1007Murillo O NickaGermany2026-10-02Chemel, James L Cpa NEGOTIATION88Ioni Bowcher
1008Leja N DilliardRussia2026-10-20Buckley Miller Wright RENEWAL85Ivan Magalhaes
1009Munro E SchemmerBrazil2026-10-28Feltz Printing Service PROPOSAL51Stephen Shaw
1010Arvin S IturbideItaly2026-09-30Benton, John B Jr UNQUALIFIED16Anna Fali
1011Alejandro J DarakjyUnited Kingdom2026-10-12Morlong Associates RENEWAL51Bernardo Dominic
1012Jeanfrancois R FerenczUnited Kingdom2026-10-26Dorl, James J Esq RENEWAL46Onyama Limba
1013Aruna O AlbaresItaly2026-10-28Dorl, James J Esq QUALIFIED71Xuxue Feng
1014Ricardo B RimCanada2026-10-17Printing Dimensions NEW64Stephen Shaw
1015Salvatore H DilliardCanada2026-10-12Commercial Press UNQUALIFIED10Asiya Javayant
1016Adams Q DilliardItaly2026-10-25Chanay, Jeffrey A Esq UNQUALIFIED77Stephen Shaw
1017Antonio H PerinGermany2026-09-30Chapman, Ross E Esq QUALIFIED99Onyama Limba
1018Rodrigues X SchemmerGermany2026-10-18Chapman, Ross E Esq QUALIFIED62Bernardo Dominic
1019Smith T AlbaresArgentina2026-10-15Morlong Associates NEW75Stephen Shaw
1020Ricardo S VocelkaGermany2026-10-11Chapman, Ross E Esq UNQUALIFIED3Ioni Bowcher
1021Nicolas R SergiArgentina2026-10-20Benton, John B Jr QUALIFIED20Amy Elsner
1022Munro O MaletJapan2026-10-21Feltz Printing Service UNQUALIFIED34Ioni Bowcher
1023Maisha J CaldareraBrazil2026-10-22Rousseaux, Michael Esq NEW29Stephen Shaw
1024Leja V RutaArgentina2026-10-12Dorl, James J Esq UNQUALIFIED32Stephen Shaw
1025Izzy T OldroydArgentina2026-10-17Rousseaux, Michael Esq RENEWAL40Ioni Bowcher
1026Smith K DoeFrance2026-10-15Printing Dimensions QUALIFIED63Stephen Shaw
1027Wickens A AmigonUnited Kingdom2026-10-01Rangoni Of Florence NEW37Amy Elsner
1028Smith Z FollerCanada2026-10-09Chapman, Ross E Esq NEW73Stephen Shaw
1029Faith U FerenczJapan2026-10-22Commercial Press PROPOSAL42Elwin Sharvill
1030Stacey A WhobreyRussia2026-10-14Buckley Miller Wright NEW34Bernardo Dominic
1031Murillo L SlusarskiSpain2026-10-27Truhlar And Truhlar Attys UNQUALIFIED18Xuxue Feng
1032Emily O ButtUnited Kingdom2026-10-15Feltz Printing Service NEGOTIATION36Stephen Shaw
1033Aditya N StockhamRussia2026-10-02Feltz Printing Service QUALIFIED73Ioni Bowcher
1034Antonio H CaldareraJapan2026-10-26Printing Dimensions NEGOTIATION73Ioni Bowcher
1035Ricardo S SlusarskiBrazil2026-10-19Chapman, Ross E Esq RENEWAL38Ivan Magalhaes
1036Isabel Z VenereRussia2026-10-17Buckley Miller Wright RENEWAL48Amy Elsner
1037Sinclair Q NestleJapan2026-09-29Chanay, Jeffrey A Esq QUALIFIED84Anna Fali
1038Chavez L SchemmerItaly2026-10-21Rangoni Of Florence PROPOSAL67Stephen Shaw
1039Johnson M CaldareraCanada2026-10-28Rousseaux, Michael Esq UNQUALIFIED36Ivan Magalhaes
1040Maisha J PerinJapan2026-10-01Rangoni Of Florence UNQUALIFIED61Amy Elsner
1041Rodrigues P VenereBrazil2026-10-13Chemel, James L Cpa NEGOTIATION29Asiya Javayant
1042Ivar H RutaUnited Kingdom2026-10-21Rangoni Of Florence NEGOTIATION1Ioni Bowcher
1043Salvatore B WhobreyJapan2026-10-27Rangoni Of Florence NEW90Ioni Bowcher
1044Silvio F FlosiArgentina2026-10-09Printing Dimensions RENEWAL2Xuxue Feng
1045Jefferson J MaletCanada2026-10-23Buckley Miller Wright NEGOTIATION73Bernardo Dominic
1046Claire R CaldareraJapan2026-10-19Chapman, Ross E Esq NEGOTIATION55Ivan Magalhaes
1047James T DoeBrazil2026-10-20Printing Dimensions NEGOTIATION98Ioni Bowcher
1048Murillo R CaldareraRussia2026-10-09Feltz Printing Service NEW33Stephen Shaw
1049David P GlickIndia2026-10-16Chemel, James L Cpa UNQUALIFIED52Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Morrow S AlbaresFranceStephen Shaw NEW
Tony I GlickAustraliaXuxue Feng PROPOSAL
Cody F RulapaughItalyOnyama Limba RENEWAL
Chavez M SchemmerJapanIoni Bowcher RENEWAL
Antonio K RutaCanadaElwin Sharvill QUALIFIED
Jones L RimJapanXuxue Feng QUALIFIED
Chavez R DoeAustraliaBernardo Dominic UNQUALIFIED
Kadeem K SergiJapanAsiya Javayant PROPOSAL
Johnson B PerinRussiaIoni Bowcher NEW
Wickens W StensethIndiaOnyama Limba NEGOTIATION
Kaitlin K CampainCanadaAnna Fali UNQUALIFIED
Sinclair E MaletFranceOnyama Limba PROPOSAL
Mayumi P CaldareraUnited KingdomXuxue Feng NEW
Francesco I OldroydArgentinaOnyama Limba RENEWAL
Clifford C PoquetteFranceStephen Shaw PROPOSAL
Salvatore W SergiSpainStephen Shaw RENEWAL
Claire I GarufiJapanOnyama Limba NEGOTIATION
Johnson Y OstroskyFranceElwin Sharvill UNQUALIFIED
Maria Y MorascaAustraliaXuxue Feng RENEWAL
Misaki G StensethRussiaStephen Shaw PROPOSAL
Johnson Y GlickAustraliaIoni Bowcher QUALIFIED
Jones R DarakjyFranceElwin Sharvill NEW
Emily R SlusarskiItalyElwin Sharvill PROPOSAL
Tony Y StockhamSpainOnyama Limba PROPOSAL
Smith A GillianUnited KingdomStephen Shaw QUALIFIED
Aditya C MorascaSpainAnna Fali PROPOSAL
Maria H CaudyArgentinaElwin Sharvill RENEWAL
Leja I MaletUnited KingdomXuxue Feng NEGOTIATION
Jones L KuskoBrazilOnyama Limba UNQUALIFIED
Isabel R OldroydUnited KingdomStephen Shaw NEW
Misaki M InouyeCanadaAnna Fali QUALIFIED
Jefferson N KuskoFranceBernardo Dominic RENEWAL
Aika J FerenczBrazilElwin Sharvill NEGOTIATION
Aruna E ButtCanadaIoni Bowcher NEGOTIATION
Claire Q ButtRussiaOnyama Limba UNQUALIFIED
Morrow J MaletCanadaBernardo Dominic NEW
Clifford S SergiFranceElwin Sharvill NEW
Wickens C OldroydFranceIoni Bowcher NEGOTIATION
Darci T AlbaresRussiaAnna Fali RENEWAL
Ricardo L PoquetteAustraliaBernardo Dominic UNQUALIFIED
Jennifer C CaldareraFranceOnyama Limba NEW
Leon A OstroskyJapanIoni Bowcher NEGOTIATION
Arvin D PerinJapanOnyama Limba RENEWAL
Alejandro A FlosiFranceAsiya Javayant NEGOTIATION
Munro K RulapaughArgentinaIvan Magalhaes NEW
Jefferson D GarufiCanadaAnna Fali NEGOTIATION
Silvio G RimFranceIoni Bowcher QUALIFIED
Izzy Z BologniaGermanyBernardo Dominic RENEWAL
Jeanfrancois V BriddickIndiaAnna Fali NEGOTIATION
Adams I KolmetzGermanyIvan Magalhaes UNQUALIFIED
Frozen Columns
Name
Ashley I Poquette
Nicolas O Gillian
Leon S Maclead
Leon R Inouye
Jones J Malet
David I Iturbide
Silvio B Saylors
Smith C Royster
Clifford M Doe
Aruna L Schemmer
Emily K Caudy
Ivar N Dilliard
Jeanfrancois Z Chui
Nicolas X Malet
Rodrigues P Schemmer
Jennifer F Chui
Mujtaba X Whobrey
Maria X Nicka
Kaitlin B Schemmer
Darci R Bowley
Izzy Y Stockham
Nicolas O Chui
Isabel Q Nicka
Mayumi F Paprocki
Costa Q Malet
Jones V Sergi
Greenwood V Royster
Julie U Wieser
Wickens X Briddick
Maria O Butt
Kadeem X Shinko
Faith I Perin
Clifford N Sergi
Deepesh J Glick
Ashley B Poquette
Misaki N Shinko
Morrow U Schemmer
Murillo O Perin
Mayumi K Gillian
David O Paprocki
Wickens L Saylors
Deepesh B Garufi
Salvatore J Caldarera
Jefferson H Marrier
Kadeem X Foller
Salvatore I Saylors
Alejandro S Stockham
Izzy E Figeroa
Greenwood W Butt
Cody H Royster
IdCountryDate
1000Australia2026-10-07
1001Japan2026-10-20
1002Italy2026-10-14
1003Italy2026-10-27
1004India2026-10-23
1005Spain2026-10-06
1006Italy2026-10-17
1007Italy2026-09-30
1008Argentina2026-10-02
1009France2026-09-29
1010Russia2026-10-20
1011Italy2026-10-09
1012India2026-10-07
1013Japan2026-10-07
1014France2026-10-21
1015Australia2026-10-11
1016India2026-10-04
1017Brazil2026-10-17
1018Australia2026-10-24
1019Japan2026-10-26
1020Germany2026-10-04
1021Canada2026-10-08
1022France2026-10-12
1023Canada2026-10-18
1024Germany2026-10-24
1025Germany2026-10-25
1026Russia2026-10-03
1027United Kingdom2026-10-20
1028India2026-10-23
1029Japan2026-10-22
1030Russia2026-10-12
1031France2026-10-03
1032Spain2026-10-11
1033Argentina2026-10-13
1034Australia2026-10-25
1035Argentina2026-10-26
1036Argentina2026-10-23
1037United Kingdom2026-10-12
1038France2026-10-14
1039Argentina2026-10-05
1040Italy2026-10-22
1041Australia2026-10-12
1042Germany2026-10-21
1043Russia2026-10-27
1044Spain2026-10-04
1045Spain2026-10-05
1046Germany2026-10-18
1047Argentina2026-10-17
1048Germany2026-10-08
1049Brazil2026-10-11

On-Demand Data

NameIdCountryDate
James K Bolognia1000Russia2026-10-12
David G Whobrey1001United Kingdom2026-10-26
Johnson G Dilliard1002Spain2026-10-03
Darci J Nestle1003Italy2026-10-25
Octavia J Whobrey1004Argentina2026-10-23
Claire P Maclead1005Italy2026-10-06
Aditya X Saylors1006Canada2026-10-23
Julie O Foller1007France2026-10-11
Aika D Royster1008Australia2026-10-04
Nicolas Z Bowley1009India2026-10-20
Cody U Dilliard1010Brazil2026-10-19
Aika J Kolmetz1011Canada2026-10-22
Greenwood F Gillian1012United Kingdom2026-10-06
Cody P Maclead1013Russia2026-10-09
Ashley J Rim1014Brazil2026-10-04
Munro J Chui1015Spain2026-10-04
Clifford L Kolmetz1016United Kingdom2026-10-23
Stacey I Nicka1017United Kingdom2026-10-06
Deepesh F Briddick1018Japan2026-10-20
Johnson F Gillian1019Spain2026-10-11
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Morrow A StockhamGermanyElwin Sharvill NEW
Jennifer W SlusarskiItalyElwin Sharvill NEGOTIATION
Chavez B FollerAustraliaIvan Magalhaes UNQUALIFIED
Kadeem R TollnerUnited KingdomStephen Shaw NEW
Alejandro E TollnerAustraliaAnna Fali RENEWAL
Chavez I StockhamSpainAmy Elsner NEGOTIATION
Francesco U OstroskyUnited KingdomAnna Fali RENEWAL
James D BriddickAustraliaIvan Magalhaes NEGOTIATION
Octavia T CaldareraGermanyIvan Magalhaes QUALIFIED
Misaki M OldroydAustraliaAmy Elsner UNQUALIFIED
Octavia Y DilliardArgentinaBernardo Dominic NEGOTIATION
Alejandro K RutaJapanAnna Fali QUALIFIED
Isabel W WaycottBrazilIvan Magalhaes NEGOTIATION
Deepesh H KuskoFranceAnna Fali PROPOSAL
Chavez K BriddickIndiaElwin Sharvill UNQUALIFIED
Ricardo X BowleyCanadaBernardo Dominic QUALIFIED
Aditya S GauchoUnited KingdomBernardo Dominic QUALIFIED
Tony D BriddickCanadaOnyama Limba NEGOTIATION
Chavez T RulapaughUnited KingdomStephen Shaw QUALIFIED
Silvio W TollnerFranceAsiya Javayant QUALIFIED
Emily C OstroskyCanadaXuxue Feng NEW
Greenwood E SchemmerFranceIoni Bowcher UNQUALIFIED
Mujtaba Y GauchoJapanAnna Fali RENEWAL
Izzy W ShinkoAustraliaAmy Elsner NEGOTIATION
Ricardo U GauchoGermanyAnna Fali RENEWAL
Munro U GauchoBrazilAsiya Javayant NEGOTIATION
Silvio Y BowleySpainAnna Fali PROPOSAL
Juan D InouyeSpainAsiya Javayant RENEWAL
Izzy T MacleadBrazilAnna Fali PROPOSAL
Julie H GarufiFranceBernardo Dominic PROPOSAL
Misaki F DoeJapanAsiya Javayant UNQUALIFIED
Chavez Z FerenczAustraliaIvan Magalhaes PROPOSAL
Mujtaba K FerenczUnited KingdomBernardo Dominic NEGOTIATION
Salvatore J ShinkoCanadaIoni Bowcher NEGOTIATION
Isabel J RoysterAustraliaStephen Shaw QUALIFIED
Kadeem C WaycottArgentinaXuxue Feng PROPOSAL
Antonio S GillianIndiaIvan Magalhaes NEGOTIATION
Juan B KuskoFranceStephen Shaw QUALIFIED
Salvatore O GarufiArgentinaOnyama Limba PROPOSAL
Arvin B NestleArgentinaOnyama Limba 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>