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
Ricardo G StensethSpainStephen Shaw NEW
Jefferson Z PaprockiCanadaAmy Elsner QUALIFIED
Ricardo K KolmetzRussiaElwin Sharvill PROPOSAL
Kaitlin S WhobreyBrazilAmy Elsner NEW
Leja P FigeroaRussiaElwin Sharvill PROPOSAL
Izzy H PoquetteUnited KingdomBernardo Dominic NEGOTIATION
Isabel W SergiIndiaElwin Sharvill RENEWAL
Claire C PaprockiIndiaOnyama Limba PROPOSAL
Jeanfrancois I PerinAustraliaBernardo Dominic QUALIFIED
Kadeem U IturbideBrazilOnyama Limba UNQUALIFIED
Izzy Q KolmetzSpainOnyama Limba RENEWAL
Claire G RoysterUnited KingdomAmy Elsner NEGOTIATION
Leon L WieserCanadaAsiya Javayant RENEWAL
Stacey R OstroskyJapanIoni Bowcher NEW
Darci F RimItalyAmy Elsner RENEWAL
Clifford H NickaAustraliaXuxue Feng PROPOSAL
Clifford D NestleAustraliaIoni Bowcher QUALIFIED
Morrow Y OldroydRussiaElwin Sharvill PROPOSAL
Jeanfrancois B FigeroaSpainElwin Sharvill RENEWAL
Aruna G NickaIndiaOnyama Limba QUALIFIED
Leja A CampainUnited KingdomIoni Bowcher UNQUALIFIED
Tony L BologniaRussiaIvan Magalhaes PROPOSAL
Izzy M StensethIndiaAnna Fali NEW
Jefferson W DilliardBrazilAnna Fali NEW
Murillo K BowleyRussiaStephen Shaw UNQUALIFIED
Cody R CaldareraJapanOnyama Limba PROPOSAL
Aditya R AmigonRussiaOnyama Limba NEGOTIATION
Alejandro T AmigonItalyIoni Bowcher RENEWAL
Aditya X OldroydCanadaXuxue Feng UNQUALIFIED
Julie P TollnerAustraliaAmy Elsner NEGOTIATION
Claire U FollerFranceElwin Sharvill PROPOSAL
Salvatore S MaletBrazilOnyama Limba RENEWAL
Emily H RulapaughArgentinaOnyama Limba NEW
Murillo J KuskoSpainXuxue Feng QUALIFIED
Munro L SlusarskiCanadaOnyama Limba RENEWAL
Ashley P MaletItalyOnyama Limba NEW
Ashley L FlosiArgentinaStephen Shaw QUALIFIED
Jones F GarufiIndiaIvan Magalhaes PROPOSAL
Mujtaba N RutaItalyAsiya Javayant PROPOSAL
Maria J StensethBrazilAnna Fali NEW
Salvatore D BriddickAustraliaAmy Elsner QUALIFIED
Salvatore R FigeroaArgentinaBernardo Dominic UNQUALIFIED
Octavia N ShinkoAustraliaAsiya Javayant NEGOTIATION
Stacey G CampainSpainIvan Magalhaes NEW
Mujtaba R FerenczAustraliaStephen Shaw QUALIFIED
Misaki N SergiRussiaIoni Bowcher NEGOTIATION
Arvin S ButtBrazilIoni Bowcher NEGOTIATION
Claire M PoquetteAustraliaIvan Magalhaes PROPOSAL
Johnson W PerinRussiaStephen Shaw RENEWAL
Chavez N SchemmerIndiaAnna Fali NEW
Horizontal
NameCountryRepresentativeStatus
Silvio Z StensethGermanyBernardo Dominic QUALIFIED
Arvin N FollerUnited KingdomIvan Magalhaes QUALIFIED
Cody T InouyeJapanAmy Elsner RENEWAL
Jefferson C NestleBrazilElwin Sharvill UNQUALIFIED
Morrow D RoysterCanadaIvan Magalhaes NEGOTIATION
Arvin C WaycottSpainIvan Magalhaes QUALIFIED
Deepesh S FerenczGermanyIvan Magalhaes UNQUALIFIED
Francesco E AlbaresUnited KingdomXuxue Feng RENEWAL
Rodrigues B CaudyArgentinaOnyama Limba NEGOTIATION
Mayumi C GarufiJapanAsiya Javayant NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Alejandro E MaletRussia2026-10-20Chanay, Jeffrey A Esq NEGOTIATION77Ivan Magalhaes
1001Aditya Z MacleadCanada2026-11-04Rangoni Of Florence NEGOTIATION16Bernardo Dominic
1002Chavez X PaprockiRussia2026-10-19Morlong Associates NEW57Bernardo Dominic
1003Sinclair L GauchoBrazil2026-10-16Dorl, James J Esq NEGOTIATION46Asiya Javayant
1004Munro Q ShinkoRussia2026-10-10King, Christopher A Esq NEGOTIATION60Elwin Sharvill
1005Maisha C VocelkaBrazil2026-11-04Benton, John B Jr NEW60Onyama Limba
1006Chavez X BriddickFrance2026-11-01Chapman, Ross E Esq NEGOTIATION96Bernardo Dominic
1007Nicolas M OstroskyAustralia2026-10-29Rousseaux, Michael Esq NEGOTIATION88Elwin Sharvill
1008Munro J PoquetteUnited Kingdom2026-10-28King, Christopher A Esq NEW64Ioni Bowcher
1009Antonio X AmigonIndia2026-11-01Feltz Printing Service UNQUALIFIED7Anna Fali
1010Darci W CaldareraIndia2026-10-08Dorl, James J Esq NEGOTIATION69Ioni Bowcher
1011Aruna U VocelkaIndia2026-10-22Chanay, Jeffrey A Esq NEGOTIATION48Bernardo Dominic
1012Arvin A ButtFrance2026-10-17Buckley Miller Wright RENEWAL31Ioni Bowcher
1013Johnson V WieserUnited Kingdom2026-11-01Chapman, Ross E Esq QUALIFIED48Stephen Shaw
1014Nicolas F PerinBrazil2026-10-16Chanay, Jeffrey A Esq RENEWAL4Stephen Shaw
1015Kadeem F FerenczUnited Kingdom2026-10-08Dorl, James J Esq NEGOTIATION4Asiya Javayant
1016Smith X RoysterSpain2026-10-17Feltz Printing Service PROPOSAL58Ioni Bowcher
1017Maria Y PerinCanada2026-10-31King, Christopher A Esq NEGOTIATION66Ivan Magalhaes
1018Tony M MaletIndia2026-10-11Dorl, James J Esq NEW14Ioni Bowcher
1019Munro R GillianArgentina2026-10-23Chemel, James L Cpa UNQUALIFIED38Ioni Bowcher
1020Smith Q KuskoFrance2026-10-15Rangoni Of Florence PROPOSAL90Elwin Sharvill
1021Isabel M OldroydRussia2026-10-10Chemel, James L Cpa PROPOSAL66Ivan Magalhaes
1022Darci E WieserBrazil2026-11-04Rangoni Of Florence RENEWAL88Stephen Shaw
1023Claire Z BowleyItaly2026-10-31King, Christopher A Esq QUALIFIED98Xuxue Feng
1024Rodrigues Q FlosiUnited Kingdom2026-10-29Chapman, Ross E Esq NEGOTIATION95Amy Elsner
1025Aruna Z DarakjyCanada2026-10-12Feiner Bros NEW56Asiya Javayant
1026Nicolas Y SaylorsIndia2026-10-17Rangoni Of Florence PROPOSAL58Anna Fali
1027Chavez B StensethSpain2026-10-25King, Christopher A Esq NEGOTIATION32Stephen Shaw
1028Francesco R VocelkaAustralia2026-10-18Chapman, Ross E Esq RENEWAL9Stephen Shaw
1029Julie N AlbaresJapan2026-10-22Feltz Printing Service NEGOTIATION53Onyama Limba
1030Deepesh G AlbaresAustralia2026-10-29Morlong Associates NEGOTIATION85Anna Fali
1031Francesco U GauchoAustralia2026-11-04Buckley Miller Wright QUALIFIED48Ivan Magalhaes
1032Smith L ShinkoAustralia2026-10-20Benton, John B Jr PROPOSAL51Stephen Shaw
1033James D NestleIndia2026-10-28Commercial Press PROPOSAL82Ioni Bowcher
1034Francesco F PerinIndia2026-10-17Benton, John B Jr NEW54Stephen Shaw
1035Johnson Q NickaIndia2026-10-18Truhlar And Truhlar Attys UNQUALIFIED31Amy Elsner
1036Munro O FerenczCanada2026-10-15Printing Dimensions PROPOSAL77Bernardo Dominic
1037Salvatore X AmigonArgentina2026-10-08Chemel, James L Cpa PROPOSAL82Anna Fali
1038Aika K VocelkaItaly2026-10-31King, Christopher A Esq RENEWAL5Xuxue Feng
1039Ivar M SergiFrance2026-10-20King, Christopher A Esq PROPOSAL10Asiya Javayant
1040Mujtaba K ShinkoAustralia2026-10-30Feiner Bros RENEWAL80Stephen Shaw
1041Cody D StensethBrazil2026-10-19Dorl, James J Esq RENEWAL80Ivan Magalhaes
1042Costa I AlbaresCanada2026-10-16Rangoni Of Florence QUALIFIED46Anna Fali
1043Ivar S OstroskyIndia2026-11-02Benton, John B Jr NEGOTIATION88Amy Elsner
1044Jeanfrancois V TollnerFrance2026-10-29Buckley Miller Wright NEW35Asiya Javayant
1045Julie W WhobreyUnited Kingdom2026-10-16Feiner Bros QUALIFIED26Elwin Sharvill
1046Darci L FigeroaSpain2026-10-20Feiner Bros PROPOSAL47Elwin Sharvill
1047Jones V GauchoBrazil2026-10-26Rangoni Of Florence QUALIFIED15Ivan Magalhaes
1048Jefferson J StockhamGermany2026-10-18Chanay, Jeffrey A Esq PROPOSAL10Ioni Bowcher
1049Jones P StensethIndia2026-10-29Benton, John B Jr NEW75Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Silvio Q CaldareraUnited KingdomXuxue Feng UNQUALIFIED
Kaitlin R StockhamBrazilAmy Elsner QUALIFIED
Stacey T PaprockiItalyBernardo Dominic NEW
Faith W InouyeFranceAnna Fali RENEWAL
Aika Y StockhamItalyAnna Fali PROPOSAL
Antonio G GarufiAustraliaAsiya Javayant QUALIFIED
Jeanfrancois A InouyeArgentinaBernardo Dominic QUALIFIED
Kaitlin M SlusarskiIndiaAnna Fali PROPOSAL
Murillo C CaudyCanadaXuxue Feng UNQUALIFIED
Ricardo S WhobreyFranceBernardo Dominic RENEWAL
Aditya X DarakjyUnited KingdomIvan Magalhaes QUALIFIED
James C DoeAustraliaBernardo Dominic NEW
Darci O FlosiCanadaAmy Elsner NEW
Jeanfrancois A FlosiIndiaOnyama Limba NEGOTIATION
Leon P KuskoFranceIvan Magalhaes UNQUALIFIED
Aruna Q DilliardArgentinaIoni Bowcher RENEWAL
Leon H DoeUnited KingdomAmy Elsner UNQUALIFIED
Arvin E StensethArgentinaXuxue Feng QUALIFIED
Costa W SergiIndiaAsiya Javayant NEW
Mayumi J FollerItalyAmy Elsner PROPOSAL
Morrow B AlbaresUnited KingdomElwin Sharvill QUALIFIED
Izzy N RulapaughRussiaStephen Shaw RENEWAL
Arvin X SaylorsGermanyBernardo Dominic PROPOSAL
Darci R PoquetteJapanIoni Bowcher PROPOSAL
Faith M GauchoFranceOnyama Limba UNQUALIFIED
Alejandro P StockhamIndiaAsiya Javayant NEGOTIATION
Jefferson E TollnerBrazilElwin Sharvill QUALIFIED
Salvatore G WieserCanadaIvan Magalhaes QUALIFIED
Ricardo V VenereFranceStephen Shaw UNQUALIFIED
Leon A AlbaresArgentinaAsiya Javayant UNQUALIFIED
Alejandro R StockhamCanadaOnyama Limba NEGOTIATION
Tony L GillianCanadaAnna Fali PROPOSAL
Antonio N IturbideBrazilElwin Sharvill RENEWAL
Claire C WieserArgentinaIoni Bowcher NEGOTIATION
Munro U GlickSpainAnna Fali NEGOTIATION
Smith Z RulapaughJapanIvan Magalhaes PROPOSAL
Leja O ButtSpainAnna Fali PROPOSAL
Ashley L MacleadCanadaIvan Magalhaes UNQUALIFIED
Misaki R StockhamCanadaAsiya Javayant UNQUALIFIED
Misaki U GillianGermanyAnna Fali UNQUALIFIED
David X PoquetteUnited KingdomAnna Fali NEGOTIATION
Wickens G SaylorsSpainIoni Bowcher QUALIFIED
Jeanfrancois V WhobreyBrazilIvan Magalhaes PROPOSAL
Kadeem O CaudyBrazilOnyama Limba QUALIFIED
Aruna H SchemmerItalyIoni Bowcher NEW
Izzy M OstroskyRussiaIoni Bowcher UNQUALIFIED
Sinclair R StensethGermanyIvan Magalhaes UNQUALIFIED
Stacey Z MorascaArgentinaAsiya Javayant NEGOTIATION
Leon R CaldareraRussiaAmy Elsner PROPOSAL
Salvatore J AmigonItalyIvan Magalhaes NEW
Frozen Columns
Name
Munro C Wieser
Aruna F Sergi
Jeanfrancois N Stockham
Ivar G Caudy
Aika P Maclead
Antonio B Butt
Leja B Saylors
Jennifer F Morasca
Jones L Kusko
David H Bolognia
Silvio X Schemmer
Johnson L Bowley
Aruna S Saylors
Chavez A Paprocki
Clifford O Stockham
Aruna E Schemmer
Jennifer U Gillian
Leon V Foller
Stacey L Morasca
Arvin B Whobrey
Costa X Vocelka
Emily R Stenseth
Jefferson Q Chui
Jones R Albares
Chavez A Waycott
Misaki C Kolmetz
Deepesh N Ruta
Tony F Waycott
Maisha Y Gaucho
Leja A Kolmetz
Izzy F Bowley
Stacey Z Maclead
Greenwood L Maclead
Rodrigues H Tollner
Greenwood A Kusko
Izzy J Maclead
Smith G Figeroa
Maria R Albares
Francesco N Nestle
Maria O Briddick
Greenwood L Gillian
Murillo Z Ferencz
Cody H Rulapaugh
Leon V Maclead
Emily A Stenseth
James U Rim
Cody P Campain
Octavia W Caudy
Jones X Chui
Arvin P Rulapaugh
IdCountryDate
1000Italy2026-10-26
1001Japan2026-10-21
1002Italy2026-10-23
1003Australia2026-11-02
1004Argentina2026-10-20
1005United Kingdom2026-10-29
1006Japan2026-10-31
1007Spain2026-10-19
1008Argentina2026-10-13
1009Canada2026-11-04
1010France2026-11-04
1011Germany2026-10-29
1012Russia2026-11-03
1013Italy2026-10-13
1014Russia2026-10-09
1015United Kingdom2026-10-30
1016India2026-10-09
1017Spain2026-10-19
1018Canada2026-10-16
1019India2026-11-03
1020Germany2026-10-09
1021Canada2026-11-04
1022Australia2026-10-17
1023Canada2026-10-24
1024Argentina2026-10-06
1025Canada2026-10-31
1026Russia2026-10-18
1027Argentina2026-10-14
1028Russia2026-10-07
1029France2026-10-10
1030Germany2026-11-03
1031France2026-10-27
1032Russia2026-10-30
1033Spain2026-10-12
1034Australia2026-11-03
1035India2026-11-03
1036Spain2026-10-15
1037Spain2026-10-23
1038Japan2026-11-01
1039India2026-10-16
1040France2026-10-13
1041Germany2026-10-17
1042Spain2026-10-09
1043Brazil2026-10-28
1044France2026-10-23
1045Argentina2026-10-20
1046Japan2026-10-23
1047United Kingdom2026-10-10
1048Australia2026-10-07
1049Argentina2026-10-15

On-Demand Data

NameIdCountryDate
Tony D Vocelka1000United Kingdom2026-10-18
Sinclair M Nestle1001United Kingdom2026-10-12
David E Rim1002Australia2026-10-07
Rodrigues X Tollner1003Brazil2026-10-29
Salvatore S Perin1004Brazil2026-10-23
Morrow S Campain1005Argentina2026-10-08
Sinclair W Schemmer1006Germany2026-10-22
Maisha B Vocelka1007Brazil2026-10-14
Mujtaba K Nestle1008United Kingdom2026-10-23
Izzy R Royster1009Russia2026-11-01
Smith K Foller1010Japan2026-10-27
Deepesh Y Malet1011Russia2026-10-15
Julie I Albares1012Australia2026-10-16
Emily D Dilliard1013Japan2026-10-23
Silvio D Rulapaugh1014United Kingdom2026-10-08
Tony M Slusarski1015Italy2026-10-12
Izzy G Caldarera1016France2026-10-09
Sinclair J Glick1017Spain2026-10-07
Antonio T Royster1018Argentina2026-10-23
Antonio T Vocelka1019Germany2026-10-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Wickens R GlickIndiaOnyama Limba PROPOSAL
Arvin N GillianBrazilXuxue Feng PROPOSAL
Juan S BriddickGermanyAnna Fali UNQUALIFIED
Isabel F FollerGermanyAmy Elsner QUALIFIED
Claire P TollnerJapanAnna Fali RENEWAL
Aditya W PoquetteCanadaAsiya Javayant RENEWAL
Antonio E ButtJapanAnna Fali QUALIFIED
Faith V VocelkaJapanIvan Magalhaes NEGOTIATION
Sinclair P MaletAustraliaAmy Elsner PROPOSAL
Francesco E DilliardItalyAsiya Javayant RENEWAL
Jennifer N OstroskyCanadaXuxue Feng NEGOTIATION
Maria X VenereUnited KingdomBernardo Dominic QUALIFIED
Chavez V StensethIndiaElwin Sharvill UNQUALIFIED
Salvatore T NestleArgentinaXuxue Feng NEW
Morrow M SaylorsCanadaOnyama Limba NEW
Costa I PerinAustraliaOnyama Limba NEW
Maisha H BriddickIndiaStephen Shaw UNQUALIFIED
Mayumi R RutaRussiaIvan Magalhaes NEGOTIATION
Munro A KolmetzIndiaIoni Bowcher NEW
Aruna E CaldareraBrazilIoni Bowcher NEW
Smith I DarakjyItalyBernardo Dominic NEW
Jennifer J VocelkaJapanIoni Bowcher NEGOTIATION
Faith I WieserFranceIoni Bowcher NEGOTIATION
Jeanfrancois U StockhamSpainStephen Shaw UNQUALIFIED
Costa V ChuiIndiaStephen Shaw QUALIFIED
Claire U SlusarskiArgentinaIoni Bowcher NEW
Misaki N ButtBrazilXuxue Feng NEGOTIATION
James F OldroydUnited KingdomXuxue Feng NEGOTIATION
Claire V RutaRussiaElwin Sharvill RENEWAL
Maria O KuskoSpainBernardo Dominic PROPOSAL
Adams I SaylorsUnited KingdomBernardo Dominic RENEWAL
Rodrigues T SergiAustraliaIvan Magalhaes PROPOSAL
Cody S NestleBrazilIvan Magalhaes UNQUALIFIED
Nicolas I FlosiItalyStephen Shaw UNQUALIFIED
Clifford A WhobreyGermanyIoni Bowcher UNQUALIFIED
Clifford L DarakjyFranceIvan Magalhaes QUALIFIED
Ivar S PaprockiGermanyIoni Bowcher QUALIFIED
Mujtaba S PaprockiItalyXuxue Feng NEW
Nicolas G GauchoRussiaXuxue Feng NEGOTIATION
Alejandro L SlusarskiCanadaIvan Magalhaes QUALIFIED

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