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
Kaitlin U PaprockiJapanAmy Elsner QUALIFIED
Kadeem C OldroydRussiaBernardo Dominic UNQUALIFIED
Wickens R DilliardGermanyAsiya Javayant NEGOTIATION
Juan J CaldareraJapanAsiya Javayant QUALIFIED
Darci S ChuiAustraliaStephen Shaw RENEWAL
Salvatore C RulapaughCanadaXuxue Feng NEW
Johnson P RutaSpainAmy Elsner NEW
Misaki P AlbaresAustraliaStephen Shaw NEGOTIATION
Claire O StensethUnited KingdomElwin Sharvill NEW
Arvin O DoeJapanElwin Sharvill RENEWAL
Rodrigues C CaldareraGermanyOnyama Limba UNQUALIFIED
Antonio D KuskoUnited KingdomStephen Shaw RENEWAL
Francesco N SergiCanadaStephen Shaw QUALIFIED
James W SergiUnited KingdomXuxue Feng NEGOTIATION
Salvatore U RimCanadaAmy Elsner RENEWAL
Mujtaba R NickaSpainIoni Bowcher UNQUALIFIED
Salvatore X StockhamAustraliaXuxue Feng RENEWAL
Alejandro O MorascaArgentinaStephen Shaw NEGOTIATION
Jefferson C VocelkaArgentinaElwin Sharvill NEGOTIATION
David V WhobreyJapanElwin Sharvill NEGOTIATION
Kadeem M IturbideBrazilIvan Magalhaes RENEWAL
Octavia T BologniaGermanyAsiya Javayant UNQUALIFIED
Antonio Y AmigonCanadaElwin Sharvill RENEWAL
Jones T FlosiRussiaAmy Elsner UNQUALIFIED
Salvatore W WaycottCanadaElwin Sharvill PROPOSAL
Antonio P DilliardCanadaElwin Sharvill RENEWAL
Adams X SergiUnited KingdomXuxue Feng PROPOSAL
Arvin P RulapaughCanadaBernardo Dominic NEW
Maisha H PerinJapanStephen Shaw PROPOSAL
Murillo Y IturbideAustraliaXuxue Feng NEGOTIATION
Wickens Z GarufiAustraliaElwin Sharvill QUALIFIED
Murillo D FigeroaBrazilAsiya Javayant UNQUALIFIED
Octavia Z SaylorsIndiaAsiya Javayant NEGOTIATION
Rodrigues B SlusarskiJapanAnna Fali PROPOSAL
Mayumi A DarakjyRussiaIvan Magalhaes QUALIFIED
Jennifer Q VocelkaAustraliaBernardo Dominic NEGOTIATION
Darci G TollnerBrazilElwin Sharvill UNQUALIFIED
Adams R KuskoJapanXuxue Feng PROPOSAL
Adams D PaprockiFranceAsiya Javayant NEW
Johnson W FollerFranceBernardo Dominic PROPOSAL
Rodrigues Y StockhamSpainIvan Magalhaes RENEWAL
Maisha H CampainUnited KingdomAnna Fali PROPOSAL
Johnson O SchemmerBrazilBernardo Dominic NEW
Chavez Z RutaArgentinaElwin Sharvill PROPOSAL
Costa I FigeroaItalyBernardo Dominic NEW
Jennifer J PaprockiIndiaStephen Shaw NEGOTIATION
Silvio E VenereArgentinaAnna Fali PROPOSAL
Aditya V VocelkaCanadaIvan Magalhaes PROPOSAL
Emily Q MacleadRussiaElwin Sharvill NEW
Johnson J WaycottIndiaAnna Fali NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Antonio X BriddickItalyStephen Shaw RENEWAL
Isabel X BowleyUnited KingdomIoni Bowcher PROPOSAL
Jones D RoysterIndiaAnna Fali QUALIFIED
Misaki O CampainAustraliaAnna Fali UNQUALIFIED
Octavia Q InouyeRussiaAnna Fali QUALIFIED
Munro P DilliardCanadaOnyama Limba NEGOTIATION
Mayumi W FerenczItalyBernardo Dominic UNQUALIFIED
Nicolas K WaycottItalyAsiya Javayant PROPOSAL
Morrow G TollnerFranceIoni Bowcher NEGOTIATION
Nicolas X RulapaughUnited KingdomAmy Elsner NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Emily Y FigeroaFrance2026-09-17Printing Dimensions RENEWAL76Ioni Bowcher
1001Misaki T VenereArgentina2026-09-14Morlong Associates PROPOSAL11Asiya Javayant
1002Jennifer V VocelkaBrazil2026-09-14Chapman, Ross E Esq UNQUALIFIED6Bernardo Dominic
1003Emily B CaudyFrance2026-10-02Chanay, Jeffrey A Esq PROPOSAL96Ioni Bowcher
1004Stacey Y GillianFrance2026-09-11Chemel, James L Cpa UNQUALIFIED7Asiya Javayant
1005Nicolas K CaudySpain2026-10-05Rangoni Of Florence NEGOTIATION96Xuxue Feng
1006Johnson W InouyeIndia2026-09-30King, Christopher A Esq NEGOTIATION43Ivan Magalhaes
1007Kadeem B WieserItaly2026-09-19Truhlar And Truhlar Attys NEGOTIATION24Bernardo Dominic
1008Munro H StensethJapan2026-09-22Benton, John B Jr QUALIFIED60Amy Elsner
1009Leon L AlbaresCanada2026-09-18Buckley Miller Wright PROPOSAL4Ioni Bowcher
1010Jennifer A RulapaughBrazil2026-09-17Buckley Miller Wright NEGOTIATION93Bernardo Dominic
1011Cody K SlusarskiRussia2026-10-06Chanay, Jeffrey A Esq UNQUALIFIED8Onyama Limba
1012David I RutaGermany2026-09-26Commercial Press NEW81Amy Elsner
1013Greenwood C ShinkoUnited Kingdom2026-10-05Rousseaux, Michael Esq NEW96Asiya Javayant
1014Silvio S ChuiJapan2026-09-08Chemel, James L Cpa UNQUALIFIED18Asiya Javayant
1015Wickens N PoquetteFrance2026-09-21Chapman, Ross E Esq QUALIFIED87Amy Elsner
1016Francesco B GauchoFrance2026-09-24Commercial Press PROPOSAL87Onyama Limba
1017Maria B AlbaresBrazil2026-09-20Rangoni Of Florence NEW31Elwin Sharvill
1018Costa O IturbideUnited Kingdom2026-10-06Chanay, Jeffrey A Esq NEW90Bernardo Dominic
1019Francesco S RulapaughItaly2026-10-06Buckley Miller Wright QUALIFIED29Amy Elsner
1020Morrow H NestleSpain2026-09-26Chapman, Ross E Esq RENEWAL67Asiya Javayant
1021Stacey W NickaCanada2026-09-30Truhlar And Truhlar Attys PROPOSAL41Xuxue Feng
1022Francesco R InouyeGermany2026-10-02Benton, John B Jr UNQUALIFIED61Anna Fali
1023Sinclair N CaudyCanada2026-09-12Printing Dimensions QUALIFIED49Anna Fali
1024Deepesh L CaudyGermany2026-09-07Chapman, Ross E Esq NEGOTIATION49Ivan Magalhaes
1025Johnson G KuskoRussia2026-10-06Rousseaux, Michael Esq PROPOSAL37Xuxue Feng
1026Maisha W RoysterCanada2026-10-05Feltz Printing Service QUALIFIED41Asiya Javayant
1027Clifford A WieserCanada2026-09-07Printing Dimensions QUALIFIED35Asiya Javayant
1028Arvin Q BriddickUnited Kingdom2026-10-02Feiner Bros NEW58Elwin Sharvill
1029Arvin P OstroskyRussia2026-09-28Feiner Bros NEW83Ioni Bowcher
1030Jeanfrancois K CaudyJapan2026-09-09Benton, John B Jr UNQUALIFIED90Elwin Sharvill
1031Julie R FigeroaBrazil2026-10-06Commercial Press PROPOSAL89Stephen Shaw
1032Jennifer O MacleadRussia2026-09-23Rangoni Of Florence RENEWAL30Amy Elsner
1033Greenwood U NickaArgentina2026-10-03Buckley Miller Wright NEGOTIATION75Anna Fali
1034Maria H DilliardUnited Kingdom2026-09-11Buckley Miller Wright QUALIFIED70Ioni Bowcher
1035Nicolas M DoeSpain2026-09-24Chapman, Ross E Esq NEW0Elwin Sharvill
1036Izzy X BriddickGermany2026-09-08Benton, John B Jr NEW55Ivan Magalhaes
1037Sinclair H PaprockiJapan2026-09-07Truhlar And Truhlar Attys PROPOSAL40Bernardo Dominic
1038Munro T MacleadBrazil2026-09-24Benton, John B Jr PROPOSAL72Stephen Shaw
1039Ricardo K TollnerItaly2026-09-08Printing Dimensions UNQUALIFIED13Stephen Shaw
1040Arvin N NestleCanada2026-10-05King, Christopher A Esq NEW78Ivan Magalhaes
1041Ivar X MorascaGermany2026-10-04Printing Dimensions UNQUALIFIED75Xuxue Feng
1042Murillo C IturbideJapan2026-09-22Truhlar And Truhlar Attys NEW49Ioni Bowcher
1043Silvio J KuskoGermany2026-10-02Morlong Associates NEGOTIATION19Ioni Bowcher
1044Morrow R VocelkaRussia2026-09-29King, Christopher A Esq UNQUALIFIED4Elwin Sharvill
1045Izzy W KuskoAustralia2026-09-12Rangoni Of Florence NEW85Amy Elsner
1046Salvatore E SlusarskiIndia2026-09-22Rousseaux, Michael Esq RENEWAL65Ioni Bowcher
1047Leon G WhobreyBrazil2026-09-21King, Christopher A Esq PROPOSAL19Onyama Limba
1048Maria N InouyeItaly2026-09-07Commercial Press PROPOSAL63Ioni Bowcher
1049Francesco V SaylorsUnited Kingdom2026-09-22Dorl, James J Esq NEGOTIATION29Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Clifford H VenereSpainStephen Shaw PROPOSAL
Wickens T RutaSpainElwin Sharvill UNQUALIFIED
Octavia J ChuiUnited KingdomIoni Bowcher UNQUALIFIED
Emily Q CampainUnited KingdomAmy Elsner NEGOTIATION
Smith Q InouyeUnited KingdomStephen Shaw NEW
Deepesh A MorascaIndiaElwin Sharvill QUALIFIED
Jennifer M DilliardUnited KingdomIvan Magalhaes RENEWAL
Isabel G MarrierSpainAsiya Javayant NEGOTIATION
Leja G WaycottItalyStephen Shaw PROPOSAL
Juan H SergiRussiaAmy Elsner UNQUALIFIED
Smith U StockhamSpainAnna Fali RENEWAL
Stacey L InouyeGermanyXuxue Feng NEGOTIATION
Leon U WaycottJapanIvan Magalhaes PROPOSAL
Octavia T GillianIndiaBernardo Dominic NEGOTIATION
Misaki J DoeItalyBernardo Dominic NEGOTIATION
Leja C ChuiGermanyXuxue Feng UNQUALIFIED
Aditya V AmigonSpainXuxue Feng NEW
Chavez J BriddickFranceElwin Sharvill PROPOSAL
Kadeem O BowleyBrazilBernardo Dominic UNQUALIFIED
Leja L MaletJapanOnyama Limba NEW
Juan O FigeroaGermanyElwin Sharvill NEW
Nicolas P BowleyArgentinaAnna Fali UNQUALIFIED
Aika C VocelkaArgentinaOnyama Limba PROPOSAL
Salvatore J MaletGermanyElwin Sharvill PROPOSAL
Munro E RimItalyAnna Fali PROPOSAL
Alejandro Z PerinAustraliaIoni Bowcher RENEWAL
Misaki A KuskoItalyBernardo Dominic UNQUALIFIED
Maria K GlickFranceAsiya Javayant QUALIFIED
Jeanfrancois O ShinkoUnited KingdomOnyama Limba PROPOSAL
Tony D GauchoCanadaBernardo Dominic UNQUALIFIED
Mujtaba C FlosiArgentinaAnna Fali NEGOTIATION
Rodrigues X WieserCanadaAmy Elsner NEGOTIATION
Misaki S NestleUnited KingdomElwin Sharvill NEW
Rodrigues X IturbideBrazilAsiya Javayant NEGOTIATION
Misaki Q KolmetzItalyOnyama Limba NEGOTIATION
Murillo D DarakjyFranceStephen Shaw PROPOSAL
Aruna X InouyeItalyAnna Fali NEGOTIATION
Mayumi M TollnerSpainAmy Elsner RENEWAL
Aruna M MaletBrazilIvan Magalhaes QUALIFIED
Silvio N GauchoRussiaOnyama Limba QUALIFIED
Aditya C AmigonItalyElwin Sharvill UNQUALIFIED
Aditya V CaudyIndiaOnyama Limba NEW
Faith T CaldareraUnited KingdomIoni Bowcher UNQUALIFIED
Leon Z OldroydUnited KingdomBernardo Dominic QUALIFIED
Nicolas V RimAustraliaStephen Shaw UNQUALIFIED
Maria Y RutaBrazilElwin Sharvill QUALIFIED
Kadeem F SaylorsCanadaXuxue Feng NEW
Cody E RoysterUnited KingdomXuxue Feng UNQUALIFIED
Ashley S ButtItalyIvan Magalhaes UNQUALIFIED
Deepesh C BowleyGermanyBernardo Dominic NEGOTIATION
Frozen Columns
Name
Ivar I Inouye
Leon S Gillian
Stacey M Flosi
Aditya D Darakjy
Leja Y Caudy
Silvio N Schemmer
David Q Chui
James N Ostrosky
Maisha V Whobrey
Francesco B Wieser
Juan Y Slusarski
Jefferson I Malet
Morrow N Kolmetz
Salvatore F Ferencz
Alejandro Q Saylors
Mujtaba J Maclead
Isabel P Figeroa
Jefferson H Caldarera
Faith O Royster
David D Bolognia
Costa Q Paprocki
Claire T Bolognia
Mujtaba J Whobrey
Johnson L Whobrey
Murillo Y Schemmer
James P Briddick
Isabel S Poquette
Emily L Perin
Johnson T Nestle
Jeanfrancois Z Poquette
Sinclair S Gillian
Murillo I Shinko
Isabel P Caldarera
Maria W Perin
Maisha B Nestle
Deepesh C Nestle
Claire Z Malet
Jones W Sergi
Johnson I Flosi
Wickens D Saylors
Alejandro F Royster
Leja S Ferencz
Kadeem A Ruta
Wickens J Kusko
Jeanfrancois D Gaucho
Juan Q Glick
Kaitlin T Bolognia
Murillo S Stockham
Aika C Morasca
Kadeem D Kolmetz
IdCountryDate
1000Australia2026-10-05
1001Canada2026-09-10
1002Germany2026-09-17
1003Russia2026-09-23
1004India2026-10-04
1005Spain2026-09-10
1006Italy2026-09-08
1007Brazil2026-09-25
1008India2026-10-02
1009Russia2026-09-08
1010Russia2026-09-08
1011India2026-09-22
1012Spain2026-09-29
1013Italy2026-09-07
1014Spain2026-10-03
1015Italy2026-10-01
1016Australia2026-10-01
1017Spain2026-09-15
1018Japan2026-10-05
1019Australia2026-09-14
1020Spain2026-09-28
1021Italy2026-09-21
1022Japan2026-09-09
1023Brazil2026-10-05
1024Brazil2026-09-20
1025Germany2026-09-08
1026India2026-09-22
1027Japan2026-09-19
1028Brazil2026-09-17
1029Canada2026-10-04
1030Brazil2026-09-15
1031Japan2026-09-17
1032Russia2026-09-18
1033Canada2026-09-30
1034Russia2026-09-14
1035Germany2026-10-05
1036Germany2026-09-14
1037India2026-09-12
1038France2026-09-10
1039France2026-09-14
1040Germany2026-09-25
1041Brazil2026-09-10
1042Australia2026-10-02
1043Russia2026-09-19
1044Spain2026-09-25
1045Canada2026-10-02
1046Italy2026-10-04
1047Spain2026-09-11
1048Brazil2026-09-16
1049Russia2026-09-29

On-Demand Data

NameIdCountryDate
Leon I Tollner1000India2026-09-18
Mujtaba R Amigon1001Italy2026-09-11
Greenwood Y Rulapaugh1002Japan2026-09-30
Francesco B Ostrosky1003Brazil2026-09-09
Izzy L Waycott1004Italy2026-10-02
Maisha X Caudy1005Brazil2026-09-25
Jennifer Z Rulapaugh1006Japan2026-10-06
Ricardo L Waycott1007Russia2026-09-07
Ricardo W Shinko1008India2026-09-20
Murillo A Caldarera1009France2026-09-23
Salvatore Y Maclead1010India2026-10-02
Chavez M Bowley1011Brazil2026-10-03
Jennifer O Inouye1012India2026-09-25
Morrow Y Darakjy1013France2026-09-08
Aditya N Doe1014Italy2026-09-10
Maria L Dilliard1015India2026-09-21
Isabel S Gillian1016France2026-09-11
Darci F Perin1017Argentina2026-10-02
Aditya C Darakjy1018United Kingdom2026-09-25
Arvin K Sergi1019Argentina2026-09-07
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Silvio N SaylorsBrazilAsiya Javayant QUALIFIED
Johnson I FigeroaFranceOnyama Limba NEW
James Z MorascaRussiaIoni Bowcher NEGOTIATION
Stacey X FollerIndiaAmy Elsner PROPOSAL
Alejandro C RulapaughJapanBernardo Dominic NEW
Alejandro Z AlbaresCanadaElwin Sharvill PROPOSAL
Octavia O BowleyCanadaXuxue Feng QUALIFIED
Arvin S RutaGermanyXuxue Feng NEW
Jefferson O MaletIndiaIvan Magalhaes NEW
Leja K SlusarskiJapanBernardo Dominic NEGOTIATION
Emily O GarufiGermanyXuxue Feng PROPOSAL
Ashley Q GillianIndiaXuxue Feng QUALIFIED
Maria H MorascaJapanAmy Elsner UNQUALIFIED
Salvatore Z MarrierRussiaElwin Sharvill NEW
Silvio J VocelkaIndiaStephen Shaw QUALIFIED
Deepesh I MaletAustraliaXuxue Feng NEGOTIATION
Maria O PoquetteCanadaAnna Fali NEW
Silvio Q NestleArgentinaAnna Fali PROPOSAL
Johnson M ShinkoItalyBernardo Dominic PROPOSAL
Salvatore K IturbideBrazilIoni Bowcher NEGOTIATION
Claire C StensethGermanyStephen Shaw UNQUALIFIED
Kadeem Z PaprockiCanadaIoni Bowcher QUALIFIED
Smith M GauchoBrazilOnyama Limba NEGOTIATION
Murillo D MaletCanadaIvan Magalhaes NEGOTIATION
Cody E KolmetzSpainStephen Shaw QUALIFIED
Kadeem O MarrierGermanyAnna Fali PROPOSAL
Octavia Y InouyeAustraliaOnyama Limba QUALIFIED
Silvio L SchemmerAustraliaStephen Shaw NEW
Aditya K BologniaGermanyAsiya Javayant NEW
Maria K AmigonJapanIoni Bowcher RENEWAL
Munro Y SlusarskiArgentinaElwin Sharvill QUALIFIED
Deepesh S BriddickBrazilXuxue Feng QUALIFIED
Mayumi V VenereJapanOnyama Limba UNQUALIFIED
Clifford E DilliardUnited KingdomElwin Sharvill PROPOSAL
Julie A AlbaresBrazilStephen Shaw NEGOTIATION
Deepesh N BriddickAustraliaElwin Sharvill NEW
Stacey R RimGermanyStephen Shaw NEGOTIATION
Julie F BriddickJapanXuxue Feng PROPOSAL
Greenwood N MaletUnited KingdomIvan Magalhaes NEGOTIATION
Arvin V PaprockiRussiaAnna Fali RENEWAL

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