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
Murillo R MorascaUnited KingdomAsiya Javayant RENEWAL
Chavez M MorascaAustraliaAnna Fali NEGOTIATION
Adams B ShinkoItalyIoni Bowcher NEGOTIATION
Francesco S OldroydCanadaIvan Magalhaes UNQUALIFIED
Clifford A SlusarskiCanadaAsiya Javayant PROPOSAL
Ricardo L VocelkaJapanElwin Sharvill QUALIFIED
Munro X WhobreyIndiaStephen Shaw RENEWAL
Silvio J ButtBrazilStephen Shaw NEGOTIATION
Stacey T SaylorsAustraliaIvan Magalhaes NEGOTIATION
Alejandro P InouyeRussiaIvan Magalhaes RENEWAL
Leon L GauchoGermanyBernardo Dominic PROPOSAL
Murillo G NickaCanadaAsiya Javayant QUALIFIED
Munro Q KolmetzSpainXuxue Feng NEGOTIATION
Stacey X ButtIndiaIoni Bowcher NEW
Ricardo Y IturbideCanadaAsiya Javayant RENEWAL
Morrow V RutaUnited KingdomIoni Bowcher NEGOTIATION
Murillo E BriddickCanadaAsiya Javayant NEW
Kaitlin G PerinItalyAsiya Javayant NEGOTIATION
Faith I DilliardBrazilBernardo Dominic NEGOTIATION
Aditya T SaylorsRussiaAsiya Javayant NEW
Mujtaba V StockhamIndiaBernardo Dominic NEGOTIATION
Ashley D GillianItalyElwin Sharvill PROPOSAL
Johnson P DarakjyIndiaBernardo Dominic QUALIFIED
Ivar V IturbideJapanElwin Sharvill PROPOSAL
Kadeem M NestleGermanyElwin Sharvill QUALIFIED
Clifford S CampainFranceIoni Bowcher QUALIFIED
Maria W RoysterCanadaOnyama Limba UNQUALIFIED
Emily U BowleyRussiaOnyama Limba NEGOTIATION
Deepesh Q PerinItalyIvan Magalhaes NEGOTIATION
Greenwood V RoysterIndiaXuxue Feng UNQUALIFIED
Murillo D VenereItalyIvan Magalhaes NEW
Alejandro J MarrierCanadaAnna Fali NEGOTIATION
Maria V SchemmerSpainOnyama Limba NEGOTIATION
Jones O RulapaughSpainOnyama Limba UNQUALIFIED
Juan K ChuiItalyIvan Magalhaes RENEWAL
Julie Z PoquetteIndiaOnyama Limba UNQUALIFIED
Clifford G SergiJapanAsiya Javayant RENEWAL
Misaki U PerinArgentinaBernardo Dominic QUALIFIED
Jones N VenereUnited KingdomIvan Magalhaes PROPOSAL
Aditya X OstroskyJapanElwin Sharvill PROPOSAL
Mayumi H BriddickJapanBernardo Dominic PROPOSAL
Ivar Y GarufiCanadaIoni Bowcher NEGOTIATION
Alejandro G NestleFranceXuxue Feng NEGOTIATION
Claire H FlosiIndiaIvan Magalhaes PROPOSAL
Tony H WhobreyIndiaStephen Shaw UNQUALIFIED
Jeanfrancois H OldroydCanadaIoni Bowcher QUALIFIED
Darci L ShinkoRussiaOnyama Limba RENEWAL
Octavia R SaylorsJapanXuxue Feng PROPOSAL
Ivar L CaudyAustraliaBernardo Dominic UNQUALIFIED
Antonio E KuskoFranceIvan Magalhaes QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Maisha O FerenczRussiaBernardo Dominic UNQUALIFIED
Misaki J BowleyArgentinaElwin Sharvill PROPOSAL
Juan L MaletBrazilStephen Shaw NEW
Isabel R PerinIndiaIvan Magalhaes RENEWAL
Claire N PoquetteGermanyXuxue Feng NEGOTIATION
Antonio K OldroydBrazilElwin Sharvill NEGOTIATION
Munro V MaletFranceStephen Shaw UNQUALIFIED
Kaitlin M ButtFranceAsiya Javayant NEW
Wickens N GillianFranceXuxue Feng NEGOTIATION
Rodrigues P NestleItalyIoni Bowcher PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Maisha N RimBrazil2026-10-03Rangoni Of Florence NEW28Xuxue Feng
1001Leon L BriddickJapan2026-09-28Rangoni Of Florence NEGOTIATION68Anna Fali
1002Stacey Y CaldareraCanada2026-10-10Printing Dimensions UNQUALIFIED36Bernardo Dominic
1003Costa O KolmetzGermany2026-10-18Rangoni Of Florence RENEWAL35Amy Elsner
1004Francesco J OldroydRussia2026-09-30Dorl, James J Esq PROPOSAL63Elwin Sharvill
1005Ivar U SaylorsSpain2026-10-17Chemel, James L Cpa QUALIFIED19Ivan Magalhaes
1006Aditya Z KolmetzSpain2026-10-10Morlong Associates QUALIFIED2Stephen Shaw
1007Ricardo L FigeroaJapan2026-10-11Feltz Printing Service RENEWAL10Xuxue Feng
1008Ashley R KuskoAustralia2026-10-24Commercial Press PROPOSAL13Asiya Javayant
1009Rodrigues R GauchoJapan2026-10-08Feltz Printing Service NEGOTIATION61Ivan Magalhaes
1010Jeanfrancois K OstroskyIndia2026-10-19Truhlar And Truhlar Attys RENEWAL28Onyama Limba
1011Antonio H MarrierArgentina2026-10-22Buckley Miller Wright NEGOTIATION63Asiya Javayant
1012Chavez W CampainGermany2026-10-03Benton, John B Jr QUALIFIED78Anna Fali
1013Emily I DarakjySpain2026-10-03Feltz Printing Service PROPOSAL21Stephen Shaw
1014James M BologniaFrance2026-09-29Rousseaux, Michael Esq NEW48Asiya Javayant
1015Julie I BriddickAustralia2026-10-03Printing Dimensions NEW23Stephen Shaw
1016Francesco Y OldroydUnited Kingdom2026-10-10King, Christopher A Esq NEGOTIATION54Amy Elsner
1017Rodrigues R RutaSpain2026-10-11Buckley Miller Wright RENEWAL37Anna Fali
1018Kadeem U MaletArgentina2026-10-05Chemel, James L Cpa NEGOTIATION20Elwin Sharvill
1019Jeanfrancois W ShinkoRussia2026-10-11Chanay, Jeffrey A Esq UNQUALIFIED35Amy Elsner
1020Jennifer E CaudyIndia2026-10-09Morlong Associates PROPOSAL38Xuxue Feng
1021Leon F MarrierJapan2026-09-30Dorl, James J Esq QUALIFIED74Bernardo Dominic
1022Cody H FigeroaJapan2026-10-19Chapman, Ross E Esq NEW15Asiya Javayant
1023Ivar C AmigonItaly2026-10-20Printing Dimensions RENEWAL11Stephen Shaw
1024Francesco Z FigeroaFrance2026-10-10Chanay, Jeffrey A Esq QUALIFIED26Onyama Limba
1025Clifford X IturbideRussia2026-10-19Dorl, James J Esq UNQUALIFIED7Bernardo Dominic
1026Jones X MacleadArgentina2026-10-19Dorl, James J Esq UNQUALIFIED44Bernardo Dominic
1027Sinclair U FigeroaUnited Kingdom2026-10-18Buckley Miller Wright NEGOTIATION66Asiya Javayant
1028Antonio E TollnerFrance2026-10-18Chemel, James L Cpa PROPOSAL72Bernardo Dominic
1029Claire C RulapaughRussia2026-10-04Dorl, James J Esq NEW97Stephen Shaw
1030Claire K WhobreyCanada2026-10-20Printing Dimensions PROPOSAL98Amy Elsner
1031Johnson D PoquetteRussia2026-10-20Rousseaux, Michael Esq UNQUALIFIED67Anna Fali
1032Francesco P CampainFrance2026-10-13Chemel, James L Cpa QUALIFIED72Stephen Shaw
1033Johnson L WaycottGermany2026-10-04Morlong Associates UNQUALIFIED55Amy Elsner
1034Cody E WieserIndia2026-10-11Chanay, Jeffrey A Esq RENEWAL69Stephen Shaw
1035Smith C RulapaughSpain2026-09-29Rangoni Of Florence PROPOSAL11Bernardo Dominic
1036Misaki O FollerItaly2026-10-25Buckley Miller Wright QUALIFIED72Bernardo Dominic
1037Leon R DoeArgentina2026-10-12Benton, John B Jr QUALIFIED32Asiya Javayant
1038Izzy E FlosiJapan2026-10-04Feiner Bros PROPOSAL49Asiya Javayant
1039Juan R FigeroaSpain2026-10-19Feiner Bros RENEWAL40Ioni Bowcher
1040Johnson E RulapaughUnited Kingdom2026-10-06Commercial Press PROPOSAL28Asiya Javayant
1041Sinclair A GillianSpain2026-10-12Chapman, Ross E Esq NEW52Anna Fali
1042Rodrigues F AmigonBrazil2026-10-05King, Christopher A Esq UNQUALIFIED11Anna Fali
1043Wickens I ChuiArgentina2026-10-08Truhlar And Truhlar Attys UNQUALIFIED48Stephen Shaw
1044Aika C ChuiGermany2026-10-04King, Christopher A Esq QUALIFIED94Anna Fali
1045Octavia U PoquetteCanada2026-10-14Dorl, James J Esq RENEWAL69Ioni Bowcher
1046Murillo X RulapaughUnited Kingdom2026-10-05Chapman, Ross E Esq NEW59Bernardo Dominic
1047Costa T BriddickIndia2026-10-08Buckley Miller Wright NEW17Stephen Shaw
1048Antonio O FlosiRussia2026-10-27Commercial Press QUALIFIED10Bernardo Dominic
1049Rodrigues U FlosiAustralia2026-10-15Dorl, James J Esq PROPOSAL59Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Deepesh K ChuiBrazilIvan Magalhaes UNQUALIFIED
Greenwood U DilliardCanadaAsiya Javayant PROPOSAL
Tony E PerinBrazilIoni Bowcher QUALIFIED
Kaitlin L DilliardCanadaBernardo Dominic NEW
Ricardo T RimJapanAnna Fali QUALIFIED
Faith X MorascaJapanIvan Magalhaes PROPOSAL
Jennifer F NickaFranceIoni Bowcher NEGOTIATION
Clifford H NickaUnited KingdomIoni Bowcher NEGOTIATION
Silvio V DarakjyCanadaBernardo Dominic NEGOTIATION
Francesco C DoeFranceAnna Fali RENEWAL
Ashley I PaprockiBrazilAmy Elsner NEGOTIATION
Maria S SlusarskiIndiaStephen Shaw NEGOTIATION
Ashley Q GauchoArgentinaIoni Bowcher NEGOTIATION
Ashley Q AmigonGermanyXuxue Feng UNQUALIFIED
Silvio K OldroydFranceXuxue Feng QUALIFIED
Morrow E BriddickFranceBernardo Dominic UNQUALIFIED
Salvatore K StensethGermanyBernardo Dominic UNQUALIFIED
Wickens S MaletAustraliaBernardo Dominic UNQUALIFIED
Aruna E CaldareraSpainAsiya Javayant NEGOTIATION
David F GillianBrazilBernardo Dominic UNQUALIFIED
Ricardo X FerenczRussiaStephen Shaw UNQUALIFIED
Aditya F MarrierCanadaBernardo Dominic NEGOTIATION
Morrow U MaletRussiaAnna Fali PROPOSAL
Stacey H DilliardRussiaAnna Fali RENEWAL
Stacey N MacleadJapanElwin Sharvill PROPOSAL
Johnson N RoysterGermanyIvan Magalhaes NEW
Deepesh O InouyeCanadaIvan Magalhaes UNQUALIFIED
James X GauchoSpainXuxue Feng RENEWAL
Misaki A PoquetteJapanStephen Shaw QUALIFIED
Alejandro D BowleyArgentinaIoni Bowcher QUALIFIED
Salvatore Z CaudyIndiaStephen Shaw PROPOSAL
Deepesh R PaprockiAustraliaElwin Sharvill NEGOTIATION
Isabel W SchemmerAustraliaBernardo Dominic UNQUALIFIED
James A WhobreyRussiaXuxue Feng RENEWAL
Ivar D CampainBrazilXuxue Feng QUALIFIED
Arvin P CaldareraBrazilAnna Fali QUALIFIED
Kadeem D MorascaArgentinaAnna Fali RENEWAL
Claire R CampainRussiaElwin Sharvill UNQUALIFIED
Mayumi F DilliardSpainStephen Shaw PROPOSAL
Julie B PaprockiSpainAmy Elsner NEGOTIATION
Octavia J BriddickRussiaIvan Magalhaes PROPOSAL
Salvatore K BologniaIndiaElwin Sharvill NEW
Johnson O FerenczAustraliaIoni Bowcher RENEWAL
Arvin L MaletCanadaXuxue Feng QUALIFIED
Wickens N SchemmerSpainOnyama Limba RENEWAL
Stacey C DoeFranceXuxue Feng RENEWAL
Ashley W PaprockiFranceStephen Shaw PROPOSAL
Leja U ButtArgentinaBernardo Dominic NEW
Chavez X WhobreyItalyStephen Shaw NEW
Kadeem Y DarakjyRussiaIvan Magalhaes QUALIFIED
Frozen Columns
Name
Leon S Doe
Faith O Wieser
Aditya H Paprocki
Adams Z Saylors
Stacey V Briddick
Ivar R Nicka
Maria L Wieser
Ricardo Q Rulapaugh
Rodrigues X Dilliard
Johnson L Whobrey
Mayumi Z Ostrosky
Juan Q Kusko
Antonio V Perin
Octavia T Caldarera
Leja X Darakjy
Faith G Campain
Misaki M Butt
Aruna U Stenseth
Stacey I Stenseth
Cody W Ostrosky
Isabel S Saylors
David A Amigon
Kaitlin H Flosi
Mayumi O Whobrey
Murillo B Schemmer
Leja N Bowley
James L Sergi
Leon O Gaucho
Darci Z Tollner
Alejandro P Waycott
Aruna Q Dilliard
Wickens Q Dilliard
Tony Z Figeroa
Izzy F Campain
Greenwood B Nestle
James C Bolognia
Rodrigues U Marrier
Juan P Bolognia
Misaki S Ostrosky
Johnson M Gaucho
Munro M Gillian
Nicolas H Poquette
Jeanfrancois P Paprocki
Kadeem K Vocelka
Emily A Maclead
Leon E Iturbide
Greenwood I Doe
Izzy N Malet
Maria P Darakjy
Julie R Caldarera
IdCountryDate
1000Brazil2026-10-02
1001Canada2026-10-13
1002Italy2026-10-16
1003France2026-10-09
1004Japan2026-10-03
1005India2026-10-26
1006United Kingdom2026-10-20
1007Australia2026-10-17
1008Russia2026-10-17
1009Japan2026-10-09
1010France2026-10-15
1011Spain2026-10-03
1012India2026-10-27
1013Germany2026-10-19
1014Argentina2026-10-08
1015United Kingdom2026-10-26
1016India2026-10-24
1017Brazil2026-09-29
1018Germany2026-10-22
1019Argentina2026-10-24
1020Germany2026-10-08
1021Argentina2026-10-23
1022Russia2026-10-22
1023United Kingdom2026-10-10
1024Canada2026-10-24
1025Spain2026-10-22
1026Canada2026-10-06
1027Brazil2026-10-09
1028Australia2026-10-05
1029Italy2026-10-21
1030Argentina2026-10-01
1031United Kingdom2026-10-11
1032Canada2026-10-18
1033United Kingdom2026-10-26
1034Italy2026-10-11
1035Canada2026-10-02
1036Japan2026-10-27
1037Australia2026-10-10
1038Russia2026-10-08
1039Germany2026-10-27
1040Russia2026-10-21
1041Australia2026-10-06
1042Australia2026-10-24
1043France2026-10-01
1044Canada2026-10-27
1045Australia2026-10-11
1046Spain2026-10-06
1047Australia2026-10-22
1048United Kingdom2026-10-09
1049India2026-10-09

On-Demand Data

NameIdCountryDate
Sinclair V Caudy1000United Kingdom2026-10-27
Jennifer L Wieser1001Brazil2026-10-10
Claire Q Saylors1002Italy2026-10-27
Faith X Chui1003Spain2026-10-01
Silvio K Paprocki1004Argentina2026-10-12
Jefferson G Malet1005Italy2026-10-06
Faith C Maclead1006Brazil2026-10-20
Claire B Nestle1007United Kingdom2026-10-05
Murillo W Garufi1008Russia2026-09-28
Mayumi Z Marrier1009Russia2026-09-30
Clifford B Poquette1010Canada2026-10-10
Tony Q Shinko1011Japan2026-10-27
Costa F Rim1012Brazil2026-09-28
Maisha R Ruta1013Argentina2026-10-04
Darci J Nicka1014Germany2026-10-25
Ricardo H Malet1015Spain2026-10-18
Octavia D Royster1016Spain2026-10-23
Cody S Nestle1017India2026-09-29
Darci E Malet1018Canada2026-10-11
Greenwood P Foller1019Russia2026-10-05
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Costa M RoysterRussiaElwin Sharvill RENEWAL
Adams O MorascaCanadaXuxue Feng QUALIFIED
Emily O AlbaresCanadaIoni Bowcher QUALIFIED
Sinclair D SchemmerIndiaElwin Sharvill NEW
Isabel L PerinIndiaAmy Elsner NEGOTIATION
Alejandro B AlbaresIndiaAsiya Javayant UNQUALIFIED
Salvatore L CampainIndiaXuxue Feng RENEWAL
Izzy M OldroydRussiaAmy Elsner RENEWAL
Ashley D WieserUnited KingdomXuxue Feng NEW
Leon K RulapaughItalyXuxue Feng UNQUALIFIED
Sinclair V WhobreyGermanyOnyama Limba QUALIFIED
Costa V ShinkoAustraliaOnyama Limba PROPOSAL
Murillo I BriddickRussiaXuxue Feng RENEWAL
Rodrigues A DilliardIndiaStephen Shaw QUALIFIED
Jeanfrancois X SergiJapanOnyama Limba QUALIFIED
Misaki S StensethJapanXuxue Feng UNQUALIFIED
Murillo N GarufiRussiaXuxue Feng PROPOSAL
Costa P RoysterItalyOnyama Limba NEW
Jeanfrancois E VocelkaCanadaIvan Magalhaes NEW
Misaki V KuskoUnited KingdomAnna Fali UNQUALIFIED
Jeanfrancois R PaprockiItalyOnyama Limba RENEWAL
Cody E PaprockiArgentinaAsiya Javayant PROPOSAL
Stacey L StockhamUnited KingdomBernardo Dominic NEGOTIATION
Alejandro H GillianUnited KingdomOnyama Limba QUALIFIED
Leja F RimSpainElwin Sharvill NEW
Maria G GillianRussiaAsiya Javayant NEW
Sinclair X MaletJapanAmy Elsner PROPOSAL
Murillo R SaylorsBrazilBernardo Dominic RENEWAL
Misaki N GillianJapanAnna Fali QUALIFIED
Tony L FigeroaGermanyBernardo Dominic QUALIFIED
Claire U PaprockiUnited KingdomIvan Magalhaes NEW
Deepesh N VenereArgentinaStephen Shaw NEW
Faith T BowleyCanadaAnna Fali UNQUALIFIED
Maisha V CampainItalyOnyama Limba RENEWAL
Stacey Y VenereCanadaOnyama Limba UNQUALIFIED
Alejandro J StensethSpainXuxue Feng NEGOTIATION
Mujtaba C InouyeAustraliaOnyama Limba NEW
Johnson S SaylorsBrazilIvan Magalhaes NEW
James C VocelkaRussiaElwin Sharvill NEGOTIATION
Mayumi Y FlosiRussiaIvan Magalhaes NEW

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