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
Kadeem N PerinJapanStephen Shaw RENEWAL
Ashley E StensethFranceStephen Shaw NEW
Kaitlin M InouyeJapanAmy Elsner NEGOTIATION
Alejandro G BologniaFranceIoni Bowcher RENEWAL
Aika O ChuiAustraliaXuxue Feng RENEWAL
Salvatore Y ShinkoFranceOnyama Limba QUALIFIED
Adams T RutaJapanBernardo Dominic QUALIFIED
Kadeem H VenereIndiaStephen Shaw NEW
Salvatore S DarakjyGermanyElwin Sharvill UNQUALIFIED
Ivar Z ShinkoUnited KingdomElwin Sharvill RENEWAL
Jennifer D GlickBrazilAmy Elsner RENEWAL
Mujtaba N CaudyJapanStephen Shaw NEW
Darci A FollerBrazilBernardo Dominic NEW
Deepesh Y SergiGermanyIvan Magalhaes RENEWAL
Jeanfrancois T StockhamSpainAsiya Javayant UNQUALIFIED
Deepesh A SlusarskiAustraliaAnna Fali RENEWAL
Darci L CaudyJapanXuxue Feng QUALIFIED
Rodrigues I MorascaJapanIoni Bowcher NEW
Maria Q KolmetzAustraliaXuxue Feng NEW
Ivar R IturbideIndiaAsiya Javayant RENEWAL
Maria H BologniaCanadaAsiya Javayant RENEWAL
Wickens L FerenczFranceIvan Magalhaes UNQUALIFIED
Salvatore B BriddickBrazilAmy Elsner UNQUALIFIED
Mujtaba M StockhamRussiaBernardo Dominic QUALIFIED
Jefferson D PaprockiGermanyAmy Elsner RENEWAL
Kaitlin M FollerSpainXuxue Feng QUALIFIED
Nicolas K KolmetzCanadaIvan Magalhaes NEW
Emily K RutaJapanIvan Magalhaes NEW
Costa C CampainRussiaBernardo Dominic NEGOTIATION
Clifford G VocelkaRussiaStephen Shaw NEGOTIATION
Tony Q FigeroaSpainElwin Sharvill UNQUALIFIED
Aruna D KuskoRussiaOnyama Limba NEW
Ashley N GlickAustraliaBernardo Dominic QUALIFIED
Arvin D DarakjyFranceIoni Bowcher NEW
Ashley S SlusarskiAustraliaIoni Bowcher QUALIFIED
Cody A PoquetteCanadaAnna Fali RENEWAL
Misaki U GillianSpainAnna Fali NEGOTIATION
Maria C PaprockiBrazilBernardo Dominic NEW
Greenwood X BologniaRussiaAnna Fali RENEWAL
Misaki O WhobreyArgentinaAnna Fali NEGOTIATION
Misaki U SchemmerFranceOnyama Limba NEGOTIATION
Aruna E RimGermanyXuxue Feng PROPOSAL
Wickens I AmigonCanadaXuxue Feng PROPOSAL
Stacey Y MaletBrazilIvan Magalhaes NEW
Aruna K SchemmerUnited KingdomStephen Shaw NEW
Morrow I SergiBrazilAmy Elsner RENEWAL
Johnson P FerenczBrazilElwin Sharvill RENEWAL
Claire A ShinkoUnited KingdomBernardo Dominic NEGOTIATION
Morrow K MarrierFranceIvan Magalhaes PROPOSAL
Smith I DoeGermanyElwin Sharvill NEW
Horizontal
NameCountryRepresentativeStatus
Alejandro T VenereUnited KingdomAsiya Javayant RENEWAL
Ivar M RulapaughAustraliaAsiya Javayant PROPOSAL
Juan S IturbideGermanyStephen Shaw RENEWAL
Kaitlin Z InouyeJapanAsiya Javayant UNQUALIFIED
Ricardo F SergiItalyIoni Bowcher RENEWAL
Ricardo Y RimIndiaAsiya Javayant NEGOTIATION
Darci K FlosiUnited KingdomAsiya Javayant NEW
Leon E TollnerIndiaIvan Magalhaes RENEWAL
Sinclair U PerinJapanAsiya Javayant UNQUALIFIED
Wickens L SaylorsBrazilElwin Sharvill NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Juan K KuskoRussia2026-11-02Buckley Miller Wright NEW82Ivan Magalhaes
1001James A AlbaresUnited Kingdom2026-10-28Truhlar And Truhlar Attys PROPOSAL68Onyama Limba
1002Morrow O FigeroaRussia2026-10-20Feltz Printing Service RENEWAL64Asiya Javayant
1003Deepesh A WieserJapan2026-11-01Feiner Bros RENEWAL75Anna Fali
1004Murillo R PerinIndia2026-11-09Truhlar And Truhlar Attys PROPOSAL30Bernardo Dominic
1005Izzy R VenereCanada2026-10-17Commercial Press UNQUALIFIED87Elwin Sharvill
1006Julie U TollnerArgentina2026-10-11Chemel, James L Cpa NEGOTIATION26Stephen Shaw
1007Jennifer C MarrierIndia2026-10-31Chemel, James L Cpa QUALIFIED20Elwin Sharvill
1008Leja J CaldareraGermany2026-10-15Truhlar And Truhlar Attys NEW31Onyama Limba
1009Leon C GillianArgentina2026-10-13Dorl, James J Esq RENEWAL10Elwin Sharvill
1010David V DarakjyJapan2026-10-13Feltz Printing Service RENEWAL7Amy Elsner
1011Adams Y StockhamAustralia2026-10-29Benton, John B Jr NEW51Onyama Limba
1012Francesco Q NestleItaly2026-10-25Dorl, James J Esq RENEWAL77Ioni Bowcher
1013Darci Q FigeroaAustralia2026-11-08Chapman, Ross E Esq PROPOSAL34Amy Elsner
1014Mayumi S WaycottAustralia2026-10-16Benton, John B Jr PROPOSAL75Stephen Shaw
1015Ashley S FollerCanada2026-11-08Rousseaux, Michael Esq PROPOSAL50Xuxue Feng
1016Faith H AmigonUnited Kingdom2026-11-04Rangoni Of Florence QUALIFIED5Ivan Magalhaes
1017Arvin D VenereGermany2026-10-28Feltz Printing Service PROPOSAL88Bernardo Dominic
1018Murillo K RulapaughItaly2026-10-23Feltz Printing Service QUALIFIED61Asiya Javayant
1019Leon A IturbideFrance2026-10-11Rousseaux, Michael Esq QUALIFIED31Amy Elsner
1020Arvin W DilliardSpain2026-10-30Feiner Bros NEGOTIATION2Onyama Limba
1021Ivar X DarakjyCanada2026-10-17Feiner Bros QUALIFIED40Ivan Magalhaes
1022Morrow I DarakjySpain2026-10-19Printing Dimensions UNQUALIFIED77Ioni Bowcher
1023Darci D SaylorsJapan2026-10-15Truhlar And Truhlar Attys UNQUALIFIED44Asiya Javayant
1024Leon D PerinArgentina2026-11-03Morlong Associates NEGOTIATION34Amy Elsner
1025Rodrigues D SaylorsSpain2026-10-13Chanay, Jeffrey A Esq QUALIFIED71Onyama Limba
1026Aika I RutaArgentina2026-11-04Rousseaux, Michael Esq RENEWAL37Anna Fali
1027Maisha T GauchoItaly2026-11-08Benton, John B Jr QUALIFIED37Elwin Sharvill
1028Adams B MacleadSpain2026-11-03Rangoni Of Florence PROPOSAL76Anna Fali
1029Emily E GauchoCanada2026-10-23Chemel, James L Cpa NEGOTIATION66Xuxue Feng
1030Darci C GarufiUnited Kingdom2026-11-08Morlong Associates RENEWAL15Amy Elsner
1031Costa Z DarakjyCanada2026-11-03Morlong Associates NEW0Ioni Bowcher
1032Octavia F MacleadItaly2026-10-12Chanay, Jeffrey A Esq UNQUALIFIED47Stephen Shaw
1033Sinclair O GlickBrazil2026-10-15King, Christopher A Esq PROPOSAL93Ioni Bowcher
1034Antonio I KolmetzSpain2026-11-01Feiner Bros QUALIFIED37Anna Fali
1035Jeanfrancois Q AlbaresJapan2026-10-24Chanay, Jeffrey A Esq NEGOTIATION17Bernardo Dominic
1036Ashley V TollnerItaly2026-10-13Printing Dimensions RENEWAL70Ivan Magalhaes
1037Jennifer S NestleIndia2026-11-07Chanay, Jeffrey A Esq RENEWAL46Elwin Sharvill
1038Wickens A GlickFrance2026-10-20Rangoni Of Florence UNQUALIFIED49Bernardo Dominic
1039Ashley Z GauchoItaly2026-11-02Benton, John B Jr NEW65Xuxue Feng
1040Adams X ButtAustralia2026-11-07Buckley Miller Wright NEW74Xuxue Feng
1041Leon O FigeroaSpain2026-10-16Commercial Press RENEWAL6Asiya Javayant
1042Ashley P KuskoJapan2026-10-14Dorl, James J Esq RENEWAL64Ivan Magalhaes
1043Cody E GillianSpain2026-10-20Feiner Bros UNQUALIFIED48Elwin Sharvill
1044Francesco A IturbideCanada2026-10-22Feiner Bros UNQUALIFIED57Ivan Magalhaes
1045Greenwood J RulapaughFrance2026-10-18King, Christopher A Esq RENEWAL22Anna Fali
1046Tony R DarakjyJapan2026-11-08Benton, John B Jr NEGOTIATION4Ioni Bowcher
1047David Z ButtBrazil2026-11-09King, Christopher A Esq PROPOSAL22Onyama Limba
1048Clifford P FerenczUnited Kingdom2026-10-11Morlong Associates NEGOTIATION5Anna Fali
1049Francesco B CampainGermany2026-11-04Buckley Miller Wright QUALIFIED24Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Sinclair M PaprockiCanadaAnna Fali PROPOSAL
Claire R WhobreyRussiaAmy Elsner NEW
Murillo G GillianArgentinaIvan Magalhaes PROPOSAL
Aruna A KolmetzFranceIoni Bowcher UNQUALIFIED
Ashley L ChuiFranceBernardo Dominic RENEWAL
Clifford T DarakjyArgentinaIoni Bowcher NEGOTIATION
Claire J SchemmerBrazilIoni Bowcher PROPOSAL
Claire E VenereArgentinaIoni Bowcher UNQUALIFIED
Ricardo D BowleyFranceElwin Sharvill RENEWAL
Jennifer U GillianGermanyElwin Sharvill NEW
Ivar U MarrierGermanyElwin Sharvill QUALIFIED
Isabel A FigeroaSpainBernardo Dominic NEW
Clifford H MaletArgentinaBernardo Dominic PROPOSAL
Mujtaba P MaletCanadaStephen Shaw UNQUALIFIED
Julie P WieserSpainXuxue Feng RENEWAL
Munro E AmigonGermanyIvan Magalhaes NEGOTIATION
Arvin K SlusarskiSpainAnna Fali PROPOSAL
Francesco S VenereSpainXuxue Feng UNQUALIFIED
Julie M FollerUnited KingdomXuxue Feng QUALIFIED
Misaki F MarrierItalyElwin Sharvill RENEWAL
Morrow J FlosiSpainAmy Elsner RENEWAL
Salvatore V BowleyIndiaAsiya Javayant RENEWAL
Aika R DoeItalyAsiya Javayant NEGOTIATION
Antonio R WhobreyCanadaElwin Sharvill NEW
James O CampainAustraliaIvan Magalhaes PROPOSAL
Isabel F InouyeGermanyIvan Magalhaes NEGOTIATION
Antonio A RoysterItalyAsiya Javayant PROPOSAL
Antonio A ChuiJapanAmy Elsner NEW
Smith J BriddickJapanAmy Elsner QUALIFIED
Silvio I GauchoArgentinaBernardo Dominic UNQUALIFIED
Costa U NickaAustraliaStephen Shaw RENEWAL
Mujtaba M DilliardJapanOnyama Limba QUALIFIED
Kadeem Z PaprockiIndiaAnna Fali UNQUALIFIED
Sinclair S AlbaresGermanyElwin Sharvill QUALIFIED
Jennifer E KuskoGermanyElwin Sharvill UNQUALIFIED
Darci G NestleArgentinaAnna Fali NEW
Rodrigues U SaylorsJapanBernardo Dominic NEGOTIATION
Jeanfrancois K RoysterRussiaElwin Sharvill NEW
Rodrigues C WaycottFranceElwin Sharvill NEGOTIATION
Jennifer F MarrierFranceAnna Fali RENEWAL
Aika R WieserArgentinaElwin Sharvill NEW
Antonio Q SlusarskiBrazilBernardo Dominic RENEWAL
Deepesh R SergiUnited KingdomXuxue Feng RENEWAL
Costa C CampainAustraliaAsiya Javayant UNQUALIFIED
Murillo O GauchoSpainAnna Fali RENEWAL
Aruna F WhobreyUnited KingdomElwin Sharvill NEW
Claire M CaldareraItalyIvan Magalhaes NEW
Ricardo H SergiIndiaIoni Bowcher PROPOSAL
Kaitlin K ShinkoUnited KingdomAnna Fali NEGOTIATION
Costa K FlosiSpainIvan Magalhaes NEW
Frozen Columns
Name
Nicolas K Stenseth
Wickens V Slusarski
Deepesh H Figeroa
Tony Y Briddick
Isabel P Chui
Mujtaba V Albares
Darci O Venere
Chavez N Paprocki
Salvatore M Flosi
Jennifer T Tollner
Aruna T Amigon
Jennifer B Royster
Aruna R Albares
Emily Y Caudy
Sinclair A Bowley
Maria A Ferencz
Deepesh X Waycott
Munro O Kusko
Silvio X Briddick
Claire Z Darakjy
Kadeem C Kusko
David F Figeroa
Alejandro T Caudy
Leon Z Malet
Jennifer M Inouye
Cody D Campain
Wickens E Iturbide
Silvio P Whobrey
Silvio K Morasca
Aika I Nicka
Nicolas A Paprocki
Ashley W Schemmer
Aruna V Chui
Maria J Waycott
Claire F Doe
Sinclair V Sergi
Mujtaba A Albares
Jefferson N Gaucho
Darci O Sergi
Adams X Gaucho
Darci U Flosi
Adams J Garufi
Chavez X Nicka
Maisha V Ostrosky
Morrow A Venere
Ashley A Garufi
Aika S Butt
Alejandro D Whobrey
Nicolas Y Rim
James Z Figeroa
IdCountryDate
1000Australia2026-10-22
1001France2026-10-22
1002Italy2026-10-13
1003Japan2026-11-03
1004Germany2026-10-24
1005Japan2026-11-06
1006Russia2026-10-31
1007India2026-10-16
1008Argentina2026-10-11
1009Germany2026-10-24
1010Spain2026-10-31
1011Brazil2026-10-15
1012Argentina2026-10-28
1013Canada2026-11-04
1014Canada2026-10-19
1015France2026-10-31
1016Germany2026-10-21
1017Japan2026-11-03
1018Canada2026-11-09
1019Italy2026-10-12
1020Argentina2026-10-21
1021United Kingdom2026-11-05
1022Japan2026-10-28
1023United Kingdom2026-10-31
1024India2026-10-28
1025Spain2026-10-18
1026Argentina2026-10-12
1027Germany2026-10-19
1028United Kingdom2026-10-27
1029Russia2026-10-16
1030Japan2026-10-20
1031Brazil2026-11-02
1032Russia2026-10-30
1033France2026-10-22
1034Canada2026-11-06
1035Argentina2026-10-30
1036France2026-10-17
1037United Kingdom2026-10-20
1038Russia2026-10-26
1039Canada2026-10-29
1040Canada2026-11-02
1041France2026-11-05
1042Canada2026-10-27
1043United Kingdom2026-11-06
1044Russia2026-11-01
1045United Kingdom2026-11-09
1046Argentina2026-10-19
1047Japan2026-10-25
1048Spain2026-11-04
1049Canada2026-10-26

On-Demand Data

NameIdCountryDate
David K Iturbide1000Brazil2026-10-23
Wickens M Maclead1001Spain2026-10-31
Tony U Glick1002Italy2026-10-28
Emily E Venere1003United Kingdom2026-10-26
Cody H Iturbide1004Japan2026-10-14
Ricardo M Inouye1005Italy2026-10-31
Kadeem Q Tollner1006France2026-10-21
James A Oldroyd1007Japan2026-11-07
Smith E Stockham1008Japan2026-10-20
Tony M Oldroyd1009France2026-10-16
Izzy T Ostrosky1010United Kingdom2026-10-30
Kaitlin D Stockham1011Australia2026-10-30
Octavia S Ruta1012France2026-10-28
Deepesh M Dilliard1013Russia2026-10-22
Greenwood O Butt1014United Kingdom2026-10-15
Greenwood F Oldroyd1015Canada2026-10-16
Jefferson A Butt1016United Kingdom2026-10-19
Ashley C Slusarski1017Germany2026-10-24
Ivar G Glick1018Germany2026-11-07
Johnson V Waycott1019France2026-11-09
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leja X DarakjyItalyIoni Bowcher PROPOSAL
Darci H MarrierGermanyStephen Shaw RENEWAL
Murillo O WhobreyUnited KingdomXuxue Feng UNQUALIFIED
Ivar A VocelkaItalyAsiya Javayant RENEWAL
Ashley P MarrierUnited KingdomAmy Elsner PROPOSAL
Silvio K FigeroaIndiaXuxue Feng NEGOTIATION
David X KolmetzIndiaStephen Shaw QUALIFIED
Julie R DilliardUnited KingdomAmy Elsner NEW
Rodrigues T MarrierUnited KingdomBernardo Dominic QUALIFIED
Maria Q KuskoBrazilAnna Fali RENEWAL
Jefferson I DoeCanadaXuxue Feng PROPOSAL
Juan D BriddickCanadaElwin Sharvill QUALIFIED
Aruna K InouyeUnited KingdomAnna Fali PROPOSAL
Jones L RulapaughGermanyElwin Sharvill PROPOSAL
Ricardo E GillianCanadaOnyama Limba PROPOSAL
Emily H AlbaresJapanXuxue Feng UNQUALIFIED
Kadeem C GlickAustraliaElwin Sharvill RENEWAL
Maisha Y MaletFranceElwin Sharvill NEW
Faith G InouyeJapanAsiya Javayant RENEWAL
Cody J GarufiRussiaAnna Fali NEGOTIATION
Smith Z StensethGermanyStephen Shaw QUALIFIED
Munro Y SaylorsCanadaIoni Bowcher PROPOSAL
Clifford D AmigonGermanyAsiya Javayant PROPOSAL
Izzy A KuskoUnited KingdomAnna Fali UNQUALIFIED
David L CaldareraSpainAnna Fali PROPOSAL
Antonio J ChuiBrazilBernardo Dominic RENEWAL
Francesco T NestleSpainIoni Bowcher PROPOSAL
Misaki Y InouyeCanadaAnna Fali NEW
Stacey H NickaFranceAsiya Javayant PROPOSAL
Kaitlin M MarrierIndiaXuxue Feng QUALIFIED
Maria R InouyeUnited KingdomStephen Shaw NEGOTIATION
Darci C BriddickBrazilAnna Fali NEGOTIATION
Misaki Q SchemmerUnited KingdomIvan Magalhaes QUALIFIED
Johnson W DilliardGermanyAmy Elsner UNQUALIFIED
Julie S GarufiFranceStephen Shaw RENEWAL
Mujtaba A PoquetteBrazilAsiya Javayant UNQUALIFIED
Claire B VocelkaCanadaIvan Magalhaes QUALIFIED
Tony Q BologniaFranceElwin Sharvill NEGOTIATION
Jeanfrancois W MaletBrazilXuxue Feng NEW
Misaki Q MaletCanadaOnyama 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>