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
Francesco V VocelkaJapanAnna Fali PROPOSAL
Silvio S CampainUnited KingdomElwin Sharvill RENEWAL
Wickens T BriddickIndiaIvan Magalhaes UNQUALIFIED
Chavez V WhobreyBrazilBernardo Dominic NEGOTIATION
Arvin K PoquetteAustraliaIvan Magalhaes QUALIFIED
Darci M WieserSpainAmy Elsner UNQUALIFIED
Silvio I NestleIndiaOnyama Limba UNQUALIFIED
Rodrigues M GarufiIndiaXuxue Feng PROPOSAL
Salvatore M SlusarskiGermanyBernardo Dominic NEGOTIATION
Leon T FigeroaJapanAsiya Javayant QUALIFIED
Rodrigues Z AlbaresUnited KingdomAnna Fali UNQUALIFIED
Mujtaba A FlosiIndiaBernardo Dominic QUALIFIED
Alejandro Q ButtArgentinaAsiya Javayant NEW
Stacey L RimArgentinaXuxue Feng NEGOTIATION
Ivar H AmigonAustraliaElwin Sharvill NEGOTIATION
Smith J StockhamFranceXuxue Feng PROPOSAL
Kadeem K BriddickSpainElwin Sharvill UNQUALIFIED
Greenwood O FigeroaArgentinaAsiya Javayant NEW
Costa I ButtCanadaBernardo Dominic QUALIFIED
Kadeem K MacleadArgentinaBernardo Dominic NEGOTIATION
Emily E PoquetteBrazilXuxue Feng QUALIFIED
Greenwood K CaldareraRussiaStephen Shaw UNQUALIFIED
Murillo X MarrierCanadaStephen Shaw QUALIFIED
Francesco E AlbaresArgentinaOnyama Limba PROPOSAL
Adams H FerenczSpainBernardo Dominic PROPOSAL
Arvin B TollnerJapanOnyama Limba PROPOSAL
Leja V AlbaresArgentinaIvan Magalhaes UNQUALIFIED
Jones P ChuiJapanIoni Bowcher PROPOSAL
Claire C FigeroaBrazilOnyama Limba RENEWAL
Stacey I MorascaArgentinaIvan Magalhaes QUALIFIED
Chavez F KuskoGermanyOnyama Limba QUALIFIED
Leja J WhobreyUnited KingdomElwin Sharvill NEGOTIATION
Jeanfrancois Z ShinkoRussiaBernardo Dominic NEGOTIATION
Leon K ChuiUnited KingdomAmy Elsner PROPOSAL
Tony N OstroskyBrazilStephen Shaw RENEWAL
Misaki Q MaletFranceIvan Magalhaes NEGOTIATION
Jefferson M ButtCanadaAsiya Javayant QUALIFIED
Smith J TollnerRussiaIvan Magalhaes PROPOSAL
Isabel Q SchemmerFranceXuxue Feng RENEWAL
Mujtaba N RoysterJapanXuxue Feng NEGOTIATION
Aruna B VocelkaUnited KingdomAsiya Javayant NEGOTIATION
Silvio X GlickAustraliaIoni Bowcher PROPOSAL
Aditya P OstroskyArgentinaXuxue Feng NEW
Arvin W RoysterBrazilBernardo Dominic RENEWAL
Deepesh V SchemmerCanadaIvan Magalhaes RENEWAL
Chavez P IturbideGermanyElwin Sharvill NEGOTIATION
Juan J KuskoFranceIvan Magalhaes PROPOSAL
Juan K ShinkoRussiaIoni Bowcher NEGOTIATION
Kadeem Y GarufiItalyAmy Elsner PROPOSAL
Emily O RimJapanStephen Shaw QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Munro G RulapaughSpainIoni Bowcher QUALIFIED
Faith O IturbideItalyOnyama Limba RENEWAL
Chavez V CaudyItalyIvan Magalhaes PROPOSAL
Murillo M StensethItalyElwin Sharvill RENEWAL
Darci Q StensethSpainXuxue Feng QUALIFIED
Ashley I FigeroaIndiaStephen Shaw PROPOSAL
Wickens A IturbideCanadaAnna Fali NEW
Clifford U PaprockiRussiaStephen Shaw UNQUALIFIED
Mayumi F ButtItalyAmy Elsner PROPOSAL
Izzy Z VocelkaArgentinaAnna Fali QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jones S SlusarskiFrance2026-10-29Chanay, Jeffrey A Esq PROPOSAL55Bernardo Dominic
1001Darci W WhobreyBrazil2026-10-31Buckley Miller Wright NEGOTIATION31Amy Elsner
1002Aditya Z DoeFrance2026-10-30Rousseaux, Michael Esq NEW64Anna Fali
1003Greenwood N TollnerFrance2026-10-16Chemel, James L Cpa PROPOSAL5Stephen Shaw
1004James A AmigonUnited Kingdom2026-11-04Morlong Associates PROPOSAL83Anna Fali
1005Emily U OldroydBrazil2026-10-12Feiner Bros QUALIFIED14Xuxue Feng
1006Claire Z GillianAustralia2026-10-20Buckley Miller Wright UNQUALIFIED73Asiya Javayant
1007Smith M RimGermany2026-11-01Rousseaux, Michael Esq RENEWAL74Asiya Javayant
1008Kadeem S BriddickGermany2026-10-18Chemel, James L Cpa UNQUALIFIED56Stephen Shaw
1009Nicolas F IturbideGermany2026-11-01Chemel, James L Cpa UNQUALIFIED30Anna Fali
1010Ivar L GlickBrazil2026-10-29Truhlar And Truhlar Attys QUALIFIED61Elwin Sharvill
1011Misaki O NickaSpain2026-11-08King, Christopher A Esq NEW37Xuxue Feng
1012Jefferson I AlbaresBrazil2026-10-14King, Christopher A Esq NEGOTIATION48Anna Fali
1013Wickens Y AlbaresArgentina2026-10-28Commercial Press UNQUALIFIED76Onyama Limba
1014Octavia O AlbaresAustralia2026-11-07Printing Dimensions NEGOTIATION2Anna Fali
1015Cody H BologniaIndia2026-10-26Buckley Miller Wright PROPOSAL1Elwin Sharvill
1016James A NickaArgentina2026-10-18Rangoni Of Florence NEW46Onyama Limba
1017Wickens K CampainFrance2026-10-20Buckley Miller Wright UNQUALIFIED88Ioni Bowcher
1018Costa J ShinkoSpain2026-11-06Chanay, Jeffrey A Esq PROPOSAL87Anna Fali
1019Juan X MacleadJapan2026-11-03Dorl, James J Esq QUALIFIED83Xuxue Feng
1020Aika V SchemmerAustralia2026-10-21Printing Dimensions QUALIFIED72Xuxue Feng
1021Leja D MaletBrazil2026-11-03Morlong Associates QUALIFIED88Amy Elsner
1022Faith S WaycottGermany2026-11-10Feiner Bros QUALIFIED93Ioni Bowcher
1023Nicolas J NestleCanada2026-11-09Feiner Bros RENEWAL94Elwin Sharvill
1024Aruna L DoeBrazil2026-10-30Chemel, James L Cpa UNQUALIFIED3Bernardo Dominic
1025Mayumi H BriddickSpain2026-10-12Feiner Bros NEGOTIATION99Ioni Bowcher
1026Ivar Q KolmetzGermany2026-11-03Morlong Associates UNQUALIFIED21Asiya Javayant
1027Sinclair R MacleadArgentina2026-10-24Benton, John B Jr NEGOTIATION4Asiya Javayant
1028Darci K RutaSpain2026-10-28Morlong Associates PROPOSAL9Ivan Magalhaes
1029Sinclair I StockhamCanada2026-10-18Commercial Press RENEWAL61Bernardo Dominic
1030Greenwood L PerinRussia2026-10-27Printing Dimensions NEW24Asiya Javayant
1031Aditya Q BologniaFrance2026-10-15Commercial Press NEW80Bernardo Dominic
1032Chavez U GarufiRussia2026-10-13Rangoni Of Florence PROPOSAL33Ioni Bowcher
1033Jones R SaylorsBrazil2026-11-04Morlong Associates RENEWAL36Asiya Javayant
1034Cody S BowleyUnited Kingdom2026-10-22Chemel, James L Cpa QUALIFIED47Bernardo Dominic
1035Aruna S KuskoFrance2026-11-03Rousseaux, Michael Esq NEGOTIATION8Xuxue Feng
1036Wickens H NestleUnited Kingdom2026-10-20Benton, John B Jr NEGOTIATION27Elwin Sharvill
1037Stacey R GarufiJapan2026-11-04Chemel, James L Cpa RENEWAL50Stephen Shaw
1038Deepesh E WhobreyIndia2026-11-10Benton, John B Jr RENEWAL0Bernardo Dominic
1039Cody R CampainFrance2026-10-31Chapman, Ross E Esq UNQUALIFIED32Bernardo Dominic
1040Ashley D StockhamGermany2026-10-19Feltz Printing Service QUALIFIED44Elwin Sharvill
1041Arvin Q KolmetzSpain2026-11-03King, Christopher A Esq QUALIFIED77Amy Elsner
1042Emily U FlosiRussia2026-10-14Feiner Bros RENEWAL67Elwin Sharvill
1043Aika U FigeroaUnited Kingdom2026-10-22Printing Dimensions NEW55Asiya Javayant
1044Johnson H TollnerItaly2026-10-14Feiner Bros QUALIFIED66Stephen Shaw
1045Leja W ChuiBrazil2026-10-21Morlong Associates UNQUALIFIED15Ioni Bowcher
1046Isabel N AlbaresUnited Kingdom2026-10-28Printing Dimensions RENEWAL87Anna Fali
1047Ashley X CaudyBrazil2026-10-16Morlong Associates QUALIFIED75Bernardo Dominic
1048Aditya U RimIndia2026-10-15Morlong Associates PROPOSAL43Ioni Bowcher
1049Alejandro X FlosiArgentina2026-10-26Morlong Associates PROPOSAL13Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Faith I GauchoJapanOnyama Limba NEGOTIATION
Kaitlin G GauchoRussiaAsiya Javayant PROPOSAL
Sinclair E RoysterBrazilElwin Sharvill PROPOSAL
Aika B FigeroaIndiaStephen Shaw UNQUALIFIED
Silvio I KolmetzItalyOnyama Limba QUALIFIED
Deepesh H GauchoSpainAmy Elsner UNQUALIFIED
Francesco A ButtBrazilAmy Elsner UNQUALIFIED
Clifford S SergiIndiaXuxue Feng QUALIFIED
Murillo A CaudyBrazilAmy Elsner UNQUALIFIED
Mujtaba V StensethArgentinaAmy Elsner UNQUALIFIED
Aika N BriddickRussiaOnyama Limba PROPOSAL
Chavez K AmigonCanadaIoni Bowcher NEGOTIATION
Clifford G ChuiAustraliaXuxue Feng PROPOSAL
Maisha N GarufiAustraliaAsiya Javayant RENEWAL
Costa M GauchoAustraliaStephen Shaw NEGOTIATION
Antonio J BriddickArgentinaXuxue Feng RENEWAL
Alejandro G GillianCanadaElwin Sharvill RENEWAL
Juan J MaletUnited KingdomIvan Magalhaes PROPOSAL
Rodrigues R WaycottItalyXuxue Feng UNQUALIFIED
Silvio L KuskoIndiaBernardo Dominic PROPOSAL
Jones N NestleRussiaIvan Magalhaes UNQUALIFIED
Adams Q FigeroaBrazilStephen Shaw RENEWAL
Jeanfrancois J SaylorsIndiaIvan Magalhaes QUALIFIED
Nicolas P RulapaughAustraliaBernardo Dominic UNQUALIFIED
Alejandro O PaprockiBrazilBernardo Dominic PROPOSAL
Murillo R ButtUnited KingdomAsiya Javayant NEGOTIATION
Ivar V InouyeSpainAmy Elsner RENEWAL
Darci Z RutaUnited KingdomAsiya Javayant UNQUALIFIED
Adams L ButtIndiaXuxue Feng UNQUALIFIED
Jeanfrancois B NestleArgentinaElwin Sharvill PROPOSAL
Ricardo Q MaletGermanyStephen Shaw NEW
Morrow J StockhamFranceBernardo Dominic QUALIFIED
Kadeem F GauchoRussiaStephen Shaw PROPOSAL
Mujtaba I ShinkoArgentinaXuxue Feng RENEWAL
Ricardo V MorascaItalyStephen Shaw RENEWAL
Aditya G MaletFranceAsiya Javayant QUALIFIED
David A FigeroaFranceIvan Magalhaes RENEWAL
Jennifer M StensethUnited KingdomAmy Elsner PROPOSAL
Leon A ButtSpainOnyama Limba NEGOTIATION
James Y WhobreyCanadaBernardo Dominic PROPOSAL
Adams A FlosiFranceOnyama Limba NEW
Deepesh D IturbideArgentinaXuxue Feng NEW
Arvin S DoeUnited KingdomBernardo Dominic NEGOTIATION
Francesco L BologniaItalyBernardo Dominic PROPOSAL
Wickens R FollerCanadaElwin Sharvill RENEWAL
Leon H IturbideBrazilXuxue Feng PROPOSAL
Johnson R MarrierAustraliaBernardo Dominic PROPOSAL
Antonio I RoysterRussiaIvan Magalhaes PROPOSAL
Leja Z MacleadArgentinaIvan Magalhaes UNQUALIFIED
Salvatore J MarrierUnited KingdomBernardo Dominic RENEWAL
Frozen Columns
Name
Francesco H Schemmer
Costa F Tollner
Aditya V Kusko
Faith V Bowley
Ivar P Butt
Jones G Tollner
Faith S Vocelka
Julie M Sergi
Greenwood U Bowley
Claire X Kolmetz
Tony P Albares
Sinclair V Chui
Costa V Inouye
David F Kolmetz
Salvatore Y Vocelka
Isabel H Perin
Mujtaba P Iturbide
Aditya Q Whobrey
Tony S Royster
Wickens B Darakjy
Ivar P Bowley
Jefferson W Venere
Johnson L Vocelka
Salvatore Y Schemmer
Kaitlin B Ferencz
Adams W Rulapaugh
Ivar M Ostrosky
Kaitlin M Foller
Octavia I Paprocki
Alejandro E Kolmetz
Stacey J Nicka
Julie T Dilliard
Aika E Rulapaugh
Jennifer E Rulapaugh
Cody U Shinko
Salvatore H Paprocki
Tony T Ruta
Antonio K Slusarski
Sinclair W Oldroyd
Wickens F Gillian
Ivar E Royster
Mujtaba W Waycott
Juan Z Venere
Jeanfrancois T Venere
Murillo U Inouye
Murillo D Amigon
Ivar W Iturbide
Jones F Maclead
Ivar F Inouye
Ivar I Ferencz
IdCountryDate
1000Russia2026-10-28
1001Canada2026-10-24
1002Canada2026-10-29
1003United Kingdom2026-11-09
1004Italy2026-10-25
1005France2026-10-28
1006Canada2026-10-12
1007Spain2026-11-02
1008France2026-11-07
1009India2026-10-12
1010Canada2026-10-31
1011Australia2026-10-14
1012Spain2026-10-14
1013France2026-11-09
1014India2026-10-13
1015Australia2026-10-27
1016United Kingdom2026-10-28
1017Russia2026-11-06
1018United Kingdom2026-10-24
1019Japan2026-11-03
1020Australia2026-11-04
1021Australia2026-10-27
1022India2026-11-09
1023Italy2026-11-07
1024India2026-10-24
1025France2026-10-16
1026Canada2026-10-26
1027Canada2026-11-01
1028Brazil2026-11-10
1029Brazil2026-11-10
1030Japan2026-11-09
1031Germany2026-10-12
1032Russia2026-10-20
1033Spain2026-10-19
1034Japan2026-10-24
1035Italy2026-10-18
1036Brazil2026-10-16
1037Canada2026-10-15
1038Australia2026-10-16
1039France2026-10-27
1040Australia2026-10-13
1041Australia2026-10-16
1042Spain2026-11-10
1043Italy2026-11-02
1044Spain2026-10-13
1045Japan2026-10-19
1046France2026-10-15
1047India2026-10-18
1048Australia2026-11-06
1049Italy2026-10-19

On-Demand Data

NameIdCountryDate
Kadeem U Iturbide1000Japan2026-11-07
Rodrigues X Caudy1001Argentina2026-11-03
Jeanfrancois O Caldarera1002Russia2026-10-15
Jefferson M Foller1003Italy2026-10-23
Aika Q Bowley1004Brazil2026-10-30
Sinclair E Gillian1005Brazil2026-11-03
Adams Z Gillian1006Italy2026-10-26
Ricardo W Nestle1007Australia2026-10-26
Chavez V Nicka1008Argentina2026-10-16
Octavia B Doe1009Germany2026-10-17
Emily D Bolognia1010Spain2026-10-23
Smith A Saylors1011Australia2026-11-02
Smith X Sergi1012France2026-10-24
Jeanfrancois V Nestle1013Italy2026-10-15
Octavia T Iturbide1014Italy2026-10-22
Smith R Albares1015Canada2026-11-04
Adams J Nestle1016Germany2026-10-22
Mujtaba Q Gaucho1017Spain2026-10-31
Julie P Kolmetz1018Australia2026-10-15
Leon X Malet1019Canada2026-11-05
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Juan T InouyeFranceIoni Bowcher NEGOTIATION
Aditya Q RimRussiaIvan Magalhaes RENEWAL
Izzy F WaycottGermanyXuxue Feng QUALIFIED
Mayumi K BriddickIndiaBernardo Dominic QUALIFIED
Greenwood N BriddickUnited KingdomAmy Elsner RENEWAL
Deepesh O AlbaresCanadaAmy Elsner PROPOSAL
Isabel W DoeFranceIvan Magalhaes RENEWAL
Faith G IturbideSpainElwin Sharvill QUALIFIED
Julie V SergiBrazilXuxue Feng NEGOTIATION
Jefferson T FigeroaCanadaIvan Magalhaes PROPOSAL
Leja T NestleRussiaOnyama Limba PROPOSAL
Maria Q AmigonUnited KingdomAnna Fali UNQUALIFIED
Jefferson W SaylorsCanadaOnyama Limba UNQUALIFIED
Jones W ButtUnited KingdomAsiya Javayant NEW
Greenwood C MaletRussiaElwin Sharvill RENEWAL
Murillo M DilliardBrazilAsiya Javayant RENEWAL
Johnson G RulapaughJapanElwin Sharvill QUALIFIED
Ricardo K TollnerSpainBernardo Dominic NEGOTIATION
Antonio Q BologniaArgentinaBernardo Dominic UNQUALIFIED
Smith A CaudyBrazilOnyama Limba RENEWAL
Alejandro I SchemmerJapanAsiya Javayant PROPOSAL
Jefferson P SchemmerArgentinaAnna Fali PROPOSAL
Sinclair O ChuiGermanyElwin Sharvill RENEWAL
Nicolas G WhobreySpainElwin Sharvill RENEWAL
Francesco L CaudyBrazilAmy Elsner PROPOSAL
Alejandro C ShinkoBrazilStephen Shaw PROPOSAL
Morrow Y TollnerRussiaIvan Magalhaes UNQUALIFIED
Johnson O NestleItalyOnyama Limba NEGOTIATION
Arvin T ButtBrazilAnna Fali QUALIFIED
Izzy C PaprockiCanadaXuxue Feng QUALIFIED
Leon T TollnerArgentinaStephen Shaw RENEWAL
Mujtaba F FlosiArgentinaOnyama Limba PROPOSAL
Isabel D CaudyCanadaStephen Shaw PROPOSAL
Aika E MacleadJapanAsiya Javayant NEW
Chavez C KuskoRussiaIoni Bowcher UNQUALIFIED
Adams W ShinkoGermanyOnyama Limba PROPOSAL
Alejandro K NestleCanadaAnna Fali NEGOTIATION
Faith B PerinSpainElwin Sharvill QUALIFIED
Silvio Y DarakjyGermanyBernardo Dominic NEGOTIATION
Jennifer D PoquetteRussiaXuxue Feng 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>