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
Adams C OstroskyIndiaXuxue Feng UNQUALIFIED
Wickens F ShinkoBrazilAnna Fali RENEWAL
Costa I FlosiBrazilAnna Fali PROPOSAL
Costa N CaudyUnited KingdomBernardo Dominic QUALIFIED
Costa T WhobreySpainIvan Magalhaes RENEWAL
Aruna M PaprockiGermanyBernardo Dominic NEW
Julie I NickaArgentinaIvan Magalhaes UNQUALIFIED
Leon G FerenczGermanyAnna Fali PROPOSAL
Jones T KolmetzAustraliaElwin Sharvill PROPOSAL
Izzy O MorascaUnited KingdomStephen Shaw QUALIFIED
Salvatore A RoysterArgentinaIoni Bowcher QUALIFIED
Johnson F PoquetteGermanyOnyama Limba NEGOTIATION
Greenwood N VocelkaRussiaAnna Fali RENEWAL
Claire D DilliardBrazilAsiya Javayant PROPOSAL
Munro S ShinkoBrazilBernardo Dominic QUALIFIED
Faith M KuskoItalyIoni Bowcher NEGOTIATION
Wickens H MarrierGermanyAnna Fali RENEWAL
Johnson T GlickItalyIoni Bowcher QUALIFIED
Faith M FollerGermanyBernardo Dominic RENEWAL
Mujtaba W PaprockiUnited KingdomAsiya Javayant RENEWAL
James X GarufiCanadaIoni Bowcher UNQUALIFIED
Sinclair T WieserGermanyXuxue Feng NEGOTIATION
Octavia M WaycottRussiaAmy Elsner UNQUALIFIED
Jefferson N CaldareraArgentinaIvan Magalhaes QUALIFIED
Isabel C IturbideSpainIoni Bowcher UNQUALIFIED
Costa E PaprockiArgentinaIoni Bowcher QUALIFIED
Greenwood W FlosiGermanyXuxue Feng NEGOTIATION
Maria D GauchoFranceIoni Bowcher UNQUALIFIED
Darci K BowleyArgentinaBernardo Dominic NEW
Mayumi I IturbideArgentinaBernardo Dominic NEGOTIATION
Leon R RulapaughIndiaIvan Magalhaes RENEWAL
Alejandro G AlbaresGermanyIoni Bowcher RENEWAL
Salvatore P SergiAustraliaAmy Elsner PROPOSAL
Jones V MacleadUnited KingdomElwin Sharvill QUALIFIED
Rodrigues M WaycottItalyXuxue Feng RENEWAL
Faith Q FigeroaArgentinaAmy Elsner UNQUALIFIED
Silvio A GauchoUnited KingdomIvan Magalhaes QUALIFIED
Ricardo J SaylorsCanadaAnna Fali QUALIFIED
Jones T FerenczAustraliaIoni Bowcher NEGOTIATION
Stacey C SlusarskiRussiaIvan Magalhaes RENEWAL
Jennifer Z FollerAustraliaStephen Shaw NEW
Emily L NestleIndiaBernardo Dominic PROPOSAL
Chavez I SlusarskiFranceStephen Shaw PROPOSAL
Rodrigues H MarrierAustraliaOnyama Limba RENEWAL
Izzy N GillianAustraliaOnyama Limba RENEWAL
Arvin G GlickIndiaIvan Magalhaes NEGOTIATION
Chavez S BriddickCanadaXuxue Feng QUALIFIED
Leja B KolmetzRussiaElwin Sharvill QUALIFIED
Salvatore H NickaFranceElwin Sharvill QUALIFIED
Rodrigues X BowleyArgentinaIvan Magalhaes UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Jeanfrancois Y ShinkoUnited KingdomIvan Magalhaes NEW
Juan N KuskoAustraliaAmy Elsner NEGOTIATION
Deepesh Z PaprockiUnited KingdomAsiya Javayant PROPOSAL
James X BologniaRussiaBernardo Dominic UNQUALIFIED
Octavia X ButtArgentinaIvan Magalhaes RENEWAL
Francesco E KolmetzCanadaAmy Elsner PROPOSAL
Alejandro A RulapaughArgentinaXuxue Feng PROPOSAL
Leon T RimIndiaIvan Magalhaes QUALIFIED
Alejandro M VocelkaUnited KingdomStephen Shaw PROPOSAL
Emily M PoquetteSpainOnyama Limba PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Greenwood B RulapaughArgentina2026-09-25Chanay, Jeffrey A Esq UNQUALIFIED85Ivan Magalhaes
1001Costa A KuskoArgentina2026-09-12Chapman, Ross E Esq NEGOTIATION21Amy Elsner
1002Silvio P ButtItaly2026-09-17Printing Dimensions NEW20Ioni Bowcher
1003Aditya D VocelkaGermany2026-09-23Rousseaux, Michael Esq RENEWAL18Ivan Magalhaes
1004Claire G RimCanada2026-09-28Morlong Associates UNQUALIFIED52Stephen Shaw
1005Greenwood T ShinkoItaly2026-09-20Truhlar And Truhlar Attys UNQUALIFIED93Onyama Limba
1006Mujtaba J AlbaresAustralia2026-09-16Commercial Press UNQUALIFIED14Ivan Magalhaes
1007Cody D InouyeItaly2026-10-05Rangoni Of Florence NEGOTIATION67Onyama Limba
1008Ashley K TollnerRussia2026-10-03Morlong Associates PROPOSAL75Bernardo Dominic
1009Kaitlin D InouyeJapan2026-09-12King, Christopher A Esq UNQUALIFIED83Anna Fali
1010Leja Z PaprockiRussia2026-09-27Commercial Press PROPOSAL27Amy Elsner
1011Chavez M CampainArgentina2026-09-07Morlong Associates NEW17Ivan Magalhaes
1012Silvio E RutaCanada2026-09-14Buckley Miller Wright NEGOTIATION82Xuxue Feng
1013Faith Q OstroskyBrazil2026-10-03Chanay, Jeffrey A Esq NEW95Asiya Javayant
1014Jennifer Q NestleCanada2026-09-23Chapman, Ross E Esq RENEWAL54Stephen Shaw
1015Isabel P RimIndia2026-09-16King, Christopher A Esq RENEWAL65Bernardo Dominic
1016Ivar L KolmetzIndia2026-09-13Chanay, Jeffrey A Esq NEW92Anna Fali
1017Kaitlin E IturbideSpain2026-09-17Feltz Printing Service NEW90Asiya Javayant
1018Cody O KolmetzGermany2026-09-20Feiner Bros PROPOSAL18Xuxue Feng
1019Mayumi L MaletUnited Kingdom2026-09-14Rangoni Of Florence UNQUALIFIED40Elwin Sharvill
1020Salvatore M StensethItaly2026-09-22Rousseaux, Michael Esq NEGOTIATION55Xuxue Feng
1021Salvatore K WhobreyIndia2026-09-17Chemel, James L Cpa NEGOTIATION0Xuxue Feng
1022James W ShinkoSpain2026-09-16Commercial Press UNQUALIFIED18Bernardo Dominic
1023Leon Q MaletGermany2026-09-23Benton, John B Jr UNQUALIFIED50Elwin Sharvill
1024Kadeem E TollnerItaly2026-09-29Rangoni Of Florence UNQUALIFIED90Anna Fali
1025Octavia I RutaArgentina2026-10-05Chanay, Jeffrey A Esq UNQUALIFIED78Elwin Sharvill
1026Octavia M MarrierArgentina2026-09-07Truhlar And Truhlar Attys QUALIFIED68Anna Fali
1027Misaki E MarrierArgentina2026-10-03Chanay, Jeffrey A Esq NEGOTIATION14Onyama Limba
1028Alejandro X SergiIndia2026-09-16Rangoni Of Florence UNQUALIFIED57Onyama Limba
1029Munro J WhobreyBrazil2026-10-04Printing Dimensions RENEWAL89Onyama Limba
1030Mayumi Z GlickSpain2026-09-13Buckley Miller Wright NEW65Ivan Magalhaes
1031Stacey W BologniaBrazil2026-09-20Chanay, Jeffrey A Esq NEGOTIATION14Ivan Magalhaes
1032Aika O PaprockiAustralia2026-09-16Feiner Bros PROPOSAL70Bernardo Dominic
1033Munro S StensethFrance2026-10-04Feiner Bros PROPOSAL54Ioni Bowcher
1034Emily Q RoysterSpain2026-10-05Printing Dimensions NEGOTIATION12Elwin Sharvill
1035Smith N RimUnited Kingdom2026-09-19Commercial Press QUALIFIED49Onyama Limba
1036Ivar J NickaBrazil2026-09-25Chemel, James L Cpa UNQUALIFIED85Ioni Bowcher
1037Stacey L SergiJapan2026-10-01Buckley Miller Wright NEGOTIATION17Bernardo Dominic
1038Faith P IturbideUnited Kingdom2026-09-28Chapman, Ross E Esq NEGOTIATION35Asiya Javayant
1039Kaitlin R GarufiUnited Kingdom2026-10-04Chapman, Ross E Esq NEGOTIATION19Onyama Limba
1040Faith Y BriddickSpain2026-09-23Morlong Associates RENEWAL84Anna Fali
1041Julie T CaudyJapan2026-09-25Truhlar And Truhlar Attys QUALIFIED49Elwin Sharvill
1042Darci M BowleyRussia2026-09-18Rangoni Of Florence PROPOSAL61Onyama Limba
1043Costa X AlbaresJapan2026-09-09Morlong Associates QUALIFIED26Elwin Sharvill
1044Mujtaba G MacleadUnited Kingdom2026-09-30Commercial Press NEW32Onyama Limba
1045Aditya H MorascaBrazil2026-09-21Dorl, James J Esq RENEWAL66Anna Fali
1046Jeanfrancois T FerenczIndia2026-09-14King, Christopher A Esq RENEWAL65Anna Fali
1047Mayumi S BologniaSpain2026-09-07Morlong Associates UNQUALIFIED86Anna Fali
1048Rodrigues K PaprockiGermany2026-09-25Morlong Associates RENEWAL2Asiya Javayant
1049Rodrigues I RimUnited Kingdom2026-09-07Printing Dimensions NEW30Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
David J StensethSpainAnna Fali UNQUALIFIED
Ivar D GauchoCanadaXuxue Feng QUALIFIED
Faith H RimCanadaStephen Shaw RENEWAL
Isabel P OldroydFranceIoni Bowcher NEW
Julie H PerinCanadaIvan Magalhaes NEGOTIATION
Claire A ShinkoCanadaIoni Bowcher RENEWAL
Ricardo A WhobreyBrazilOnyama Limba UNQUALIFIED
Stacey Y TollnerJapanAsiya Javayant RENEWAL
Ricardo H BowleyFranceIoni Bowcher NEW
Faith P ShinkoFranceOnyama Limba RENEWAL
Claire V WhobreyCanadaAsiya Javayant NEGOTIATION
Rodrigues G IturbideRussiaAmy Elsner NEGOTIATION
Smith Q BologniaUnited KingdomXuxue Feng NEW
Murillo E WieserSpainAmy Elsner NEGOTIATION
Emily F FigeroaRussiaBernardo Dominic NEGOTIATION
Darci R GarufiFranceStephen Shaw NEW
Jennifer O DarakjyBrazilAsiya Javayant RENEWAL
Aditya Y GauchoFranceStephen Shaw NEW
Deepesh B RutaJapanIoni Bowcher QUALIFIED
Costa S SlusarskiCanadaXuxue Feng RENEWAL
Julie L PoquetteArgentinaAmy Elsner QUALIFIED
Kadeem L PoquetteArgentinaStephen Shaw RENEWAL
Alejandro L SchemmerItalyElwin Sharvill NEGOTIATION
Tony R RutaItalyIvan Magalhaes QUALIFIED
Aruna F IturbideSpainStephen Shaw QUALIFIED
Aditya K DilliardAustraliaXuxue Feng QUALIFIED
Emily K MacleadIndiaAmy Elsner RENEWAL
Octavia C PoquetteGermanyXuxue Feng PROPOSAL
Darci K BowleyJapanAsiya Javayant QUALIFIED
Leja J SlusarskiSpainIoni Bowcher UNQUALIFIED
Tony S OldroydSpainAnna Fali NEW
Claire F GlickGermanyAnna Fali NEGOTIATION
Aditya A FollerCanadaBernardo Dominic UNQUALIFIED
Octavia N CaldareraRussiaElwin Sharvill QUALIFIED
Alejandro P OldroydFranceStephen Shaw QUALIFIED
Silvio Y DarakjyFranceAsiya Javayant RENEWAL
Faith I OldroydArgentinaAmy Elsner RENEWAL
Faith M GillianIndiaIvan Magalhaes NEGOTIATION
Ashley W FollerArgentinaStephen Shaw NEW
Wickens Z FollerSpainIvan Magalhaes QUALIFIED
Jefferson K RutaArgentinaOnyama Limba NEW
Leon R SergiJapanElwin Sharvill PROPOSAL
Aika E WaycottIndiaOnyama Limba PROPOSAL
Mujtaba P WieserRussiaBernardo Dominic NEW
Arvin S StockhamBrazilAmy Elsner NEGOTIATION
Leon W ChuiGermanyElwin Sharvill NEW
Adams H FerenczSpainOnyama Limba NEW
Jennifer R AmigonItalyBernardo Dominic PROPOSAL
Silvio G OldroydGermanyAmy Elsner QUALIFIED
Leja L CampainItalyXuxue Feng NEW
Frozen Columns
Name
Alejandro Q Butt
Deepesh S Slusarski
Silvio K Darakjy
Mayumi D Rim
Salvatore Q Slusarski
Smith N Kolmetz
Ricardo E Perin
Jefferson Z Vocelka
Mujtaba N Stockham
Leon M Rulapaugh
Jones L Stenseth
Nicolas R Ferencz
Octavia D Waycott
Clifford I Iturbide
Clifford S Wieser
Jones R Schemmer
Smith X Stenseth
Antonio N Ferencz
Cody N Wieser
Kaitlin G Ferencz
Maria N Oldroyd
Smith C Paprocki
Ricardo X Iturbide
Antonio C Glick
Faith Q Kusko
Jennifer P Kusko
Francesco R Ostrosky
Francesco Z Inouye
Izzy I Wieser
Faith V Paprocki
Juan K Ostrosky
Johnson D Rim
David Q Ferencz
Wickens N Albares
Isabel Z Gaucho
Chavez O Flosi
Greenwood K Stenseth
Tony E Ruta
Aditya Y Nestle
Ivar V Campain
Alejandro L Kolmetz
Stacey B Tollner
Cody E Waycott
Aruna U Figeroa
Nicolas L Maclead
David Y Wieser
Misaki P Malet
Claire X Waycott
Arvin T Schemmer
Jefferson Z Schemmer
IdCountryDate
1000Russia2026-09-18
1001India2026-09-14
1002Brazil2026-09-07
1003Japan2026-09-08
1004Brazil2026-09-07
1005Japan2026-09-26
1006Argentina2026-09-24
1007Canada2026-09-26
1008United Kingdom2026-09-26
1009Germany2026-09-11
1010Russia2026-09-18
1011India2026-09-29
1012Spain2026-09-06
1013Spain2026-10-03
1014Canada2026-09-06
1015Russia2026-09-18
1016Canada2026-09-07
1017Germany2026-09-25
1018Spain2026-10-01
1019Argentina2026-09-24
1020Spain2026-09-25
1021Italy2026-09-15
1022Spain2026-09-25
1023Argentina2026-09-10
1024Australia2026-09-21
1025France2026-09-21
1026India2026-09-07
1027Italy2026-09-08
1028India2026-09-21
1029Australia2026-10-01
1030France2026-09-30
1031Italy2026-09-18
1032Spain2026-09-19
1033Japan2026-09-16
1034Argentina2026-09-22
1035Germany2026-10-01
1036Spain2026-10-02
1037India2026-09-26
1038Brazil2026-09-22
1039Brazil2026-09-09
1040Germany2026-09-14
1041India2026-09-15
1042United Kingdom2026-09-26
1043Japan2026-09-10
1044Germany2026-09-21
1045France2026-09-14
1046United Kingdom2026-09-12
1047Brazil2026-09-22
1048United Kingdom2026-09-30
1049United Kingdom2026-10-03

On-Demand Data

NameIdCountryDate
Juan J Maclead1000Russia2026-10-02
Stacey D Oldroyd1001France2026-09-17
Juan L Nicka1002Argentina2026-10-03
Mayumi Z Glick1003Japan2026-09-15
Silvio F Ruta1004Argentina2026-09-28
Arvin V Waycott1005Argentina2026-09-11
James G Dilliard1006Canada2026-09-21
Ivar R Slusarski1007Brazil2026-10-01
Misaki U Wieser1008India2026-10-05
Aditya Z Sergi1009Australia2026-09-20
Kadeem Q Stockham1010Russia2026-09-15
Sinclair B Kusko1011France2026-09-22
Alejandro B Nestle1012Australia2026-09-27
Mujtaba T Kolmetz1013Argentina2026-10-01
Smith Y Morasca1014Canada2026-09-21
Ivar R Garufi1015United Kingdom2026-09-25
Stacey C Briddick1016Argentina2026-09-22
Faith A Vocelka1017Brazil2026-09-10
Emily Y Whobrey1018Canada2026-09-17
Leon P Dilliard1019Argentina2026-10-05
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jones T BriddickIndiaAmy Elsner PROPOSAL
Darci I SaylorsBrazilStephen Shaw QUALIFIED
Jones F FerenczBrazilIvan Magalhaes PROPOSAL
Isabel F VocelkaGermanyAsiya Javayant RENEWAL
Sinclair R CaldareraUnited KingdomStephen Shaw QUALIFIED
Claire G SaylorsUnited KingdomStephen Shaw QUALIFIED
Jones H OstroskyRussiaAmy Elsner UNQUALIFIED
Maisha C StensethArgentinaAsiya Javayant NEGOTIATION
Darci G GillianIndiaXuxue Feng NEGOTIATION
Jones X OstroskyRussiaXuxue Feng PROPOSAL
Silvio L StensethCanadaBernardo Dominic RENEWAL
Munro X MacleadItalyBernardo Dominic UNQUALIFIED
Emily S VenereSpainXuxue Feng NEW
Tony E MacleadItalyOnyama Limba UNQUALIFIED
Murillo X InouyeJapanAnna Fali PROPOSAL
Jefferson O SaylorsIndiaOnyama Limba NEGOTIATION
Antonio H KuskoUnited KingdomAnna Fali NEW
Jennifer A RutaItalyXuxue Feng UNQUALIFIED
Faith S VenereUnited KingdomBernardo Dominic NEGOTIATION
Misaki D CaudyGermanyIvan Magalhaes NEGOTIATION
Mujtaba S GarufiRussiaAsiya Javayant PROPOSAL
Octavia I CampainArgentinaElwin Sharvill NEGOTIATION
Costa R BowleySpainAsiya Javayant NEW
Murillo B VenereUnited KingdomIvan Magalhaes PROPOSAL
Costa A GauchoCanadaElwin Sharvill RENEWAL
Johnson T MarrierAustraliaIoni Bowcher QUALIFIED
Jennifer P ShinkoArgentinaElwin Sharvill QUALIFIED
David G BriddickSpainXuxue Feng RENEWAL
Octavia P MorascaRussiaAsiya Javayant NEW
Octavia U SchemmerCanadaElwin Sharvill UNQUALIFIED
Leon O AlbaresUnited KingdomXuxue Feng PROPOSAL
Chavez V PerinBrazilBernardo Dominic UNQUALIFIED
Wickens V MorascaAustraliaIoni Bowcher PROPOSAL
Morrow N AlbaresCanadaAnna Fali QUALIFIED
Claire F KuskoArgentinaBernardo Dominic NEGOTIATION
Isabel O InouyeSpainOnyama Limba NEGOTIATION
James U VenereBrazilIoni Bowcher NEW
Kadeem A MaletUnited KingdomElwin Sharvill PROPOSAL
Jones Z WaycottUnited KingdomIvan Magalhaes PROPOSAL
Cody T StockhamBrazilStephen Shaw NEGOTIATION

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