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
Juan P GauchoAustraliaStephen Shaw RENEWAL
Juan Q NestleIndiaXuxue Feng NEW
Julie F GarufiJapanXuxue Feng UNQUALIFIED
Aruna Q InouyeArgentinaXuxue Feng NEGOTIATION
Jeanfrancois T BologniaJapanAmy Elsner RENEWAL
Darci U CaldareraItalyIvan Magalhaes NEGOTIATION
Smith I WaycottArgentinaIvan Magalhaes NEW
Mayumi C IturbideRussiaIoni Bowcher RENEWAL
Aika C MarrierBrazilAsiya Javayant PROPOSAL
Izzy J VenereArgentinaXuxue Feng UNQUALIFIED
Emily G FigeroaFranceIoni Bowcher QUALIFIED
Stacey Q FollerGermanyElwin Sharvill NEGOTIATION
Leon A RulapaughItalyOnyama Limba UNQUALIFIED
Cody K GauchoCanadaIvan Magalhaes PROPOSAL
Antonio Q MarrierUnited KingdomElwin Sharvill UNQUALIFIED
Leja B CaudyRussiaAmy Elsner UNQUALIFIED
Maisha O PerinArgentinaBernardo Dominic NEW
Juan E WaycottArgentinaElwin Sharvill NEW
Kadeem I SergiSpainAmy Elsner NEGOTIATION
Leon N MarrierSpainAsiya Javayant UNQUALIFIED
Julie K AmigonFranceIvan Magalhaes UNQUALIFIED
Deepesh T ChuiFranceElwin Sharvill NEGOTIATION
Claire J SergiCanadaElwin Sharvill UNQUALIFIED
Antonio E FigeroaItalyElwin Sharvill QUALIFIED
Isabel L IturbideCanadaBernardo Dominic NEGOTIATION
Leon T MorascaRussiaAnna Fali UNQUALIFIED
Julie O VenereBrazilIvan Magalhaes RENEWAL
Ricardo N GauchoJapanAmy Elsner NEGOTIATION
Jeanfrancois H StensethJapanAmy Elsner UNQUALIFIED
Jefferson B WieserFranceIvan Magalhaes NEW
Emily X RulapaughBrazilElwin Sharvill QUALIFIED
Murillo U NickaBrazilElwin Sharvill QUALIFIED
Aika U MarrierCanadaAsiya Javayant PROPOSAL
Aika Q AmigonUnited KingdomStephen Shaw RENEWAL
Aruna G RimArgentinaBernardo Dominic NEGOTIATION
Chavez N IturbideUnited KingdomAsiya Javayant NEGOTIATION
Alejandro N StensethItalyElwin Sharvill QUALIFIED
Leon M DoeRussiaBernardo Dominic NEW
Cody W DilliardJapanElwin Sharvill NEW
Chavez P AmigonRussiaElwin Sharvill NEW
Greenwood K NestleUnited KingdomOnyama Limba UNQUALIFIED
Maria E FlosiFranceXuxue Feng NEGOTIATION
Mayumi H MorascaItalyElwin Sharvill PROPOSAL
Jennifer F SergiCanadaIvan Magalhaes RENEWAL
Antonio P MaletFranceElwin Sharvill QUALIFIED
Mujtaba O OstroskyCanadaIvan Magalhaes RENEWAL
Tony V MacleadIndiaXuxue Feng NEW
Alejandro E MacleadUnited KingdomBernardo Dominic QUALIFIED
Izzy U RulapaughBrazilIoni Bowcher QUALIFIED
Costa X RoysterSpainXuxue Feng QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Aruna K DilliardGermanyXuxue Feng NEGOTIATION
Smith R CampainGermanyElwin Sharvill RENEWAL
Johnson G MorascaGermanyIvan Magalhaes NEW
Darci Y DoeAustraliaXuxue Feng RENEWAL
Morrow X OldroydIndiaElwin Sharvill QUALIFIED
James R VenereArgentinaBernardo Dominic QUALIFIED
Julie K FigeroaSpainStephen Shaw PROPOSAL
Aditya V DilliardBrazilElwin Sharvill PROPOSAL
Clifford I WaycottArgentinaAnna Fali PROPOSAL
Mayumi E StensethIndiaStephen Shaw RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aditya A MacleadJapan2026-10-15Feiner Bros RENEWAL3Anna Fali
1001Jefferson T BriddickGermany2026-10-19Morlong Associates QUALIFIED29Elwin Sharvill
1002Aditya W MaletCanada2026-10-28Chanay, Jeffrey A Esq NEGOTIATION4Stephen Shaw
1003Claire B RutaIndia2026-10-16Chanay, Jeffrey A Esq PROPOSAL1Stephen Shaw
1004Chavez M PerinUnited Kingdom2026-10-26Chemel, James L Cpa UNQUALIFIED47Onyama Limba
1005Jefferson G CaudyAustralia2026-10-13Printing Dimensions NEGOTIATION64Onyama Limba
1006Jeanfrancois G MorascaRussia2026-11-06Chemel, James L Cpa NEW6Amy Elsner
1007Salvatore O DarakjySpain2026-10-29Chanay, Jeffrey A Esq PROPOSAL74Ioni Bowcher
1008Jefferson Z RoysterCanada2026-10-27Morlong Associates NEGOTIATION62Ioni Bowcher
1009Maisha M IturbideRussia2026-10-27Morlong Associates PROPOSAL44Asiya Javayant
1010Smith N InouyeGermany2026-11-04Commercial Press NEGOTIATION71Onyama Limba
1011Jones C IturbideGermany2026-10-23Rousseaux, Michael Esq QUALIFIED27Asiya Javayant
1012Izzy R MarrierCanada2026-10-30Rousseaux, Michael Esq QUALIFIED43Anna Fali
1013Ivar W AmigonUnited Kingdom2026-11-01King, Christopher A Esq RENEWAL1Onyama Limba
1014Jefferson M PerinUnited Kingdom2026-10-26Feltz Printing Service NEGOTIATION50Amy Elsner
1015Ricardo I KolmetzFrance2026-10-16Printing Dimensions QUALIFIED55Onyama Limba
1016Leja S BologniaUnited Kingdom2026-10-15Feiner Bros NEGOTIATION96Xuxue Feng
1017Costa X KolmetzGermany2026-11-08Chemel, James L Cpa NEW34Amy Elsner
1018Misaki P PoquetteAustralia2026-10-29Printing Dimensions NEGOTIATION45Stephen Shaw
1019Ricardo T DilliardFrance2026-10-31Chanay, Jeffrey A Esq NEGOTIATION61Asiya Javayant
1020Cody B GarufiBrazil2026-10-25Rangoni Of Florence PROPOSAL78Xuxue Feng
1021Misaki K NestleBrazil2026-11-09Truhlar And Truhlar Attys PROPOSAL30Ioni Bowcher
1022Tony Z BriddickFrance2026-10-30Rousseaux, Michael Esq NEGOTIATION46Bernardo Dominic
1023Octavia E InouyeFrance2026-10-17Chemel, James L Cpa QUALIFIED85Amy Elsner
1024Maisha Q CampainArgentina2026-11-01Rangoni Of Florence NEGOTIATION28Ioni Bowcher
1025Ashley A BowleyUnited Kingdom2026-11-09Feiner Bros NEW17Bernardo Dominic
1026Ashley V DilliardSpain2026-10-22Morlong Associates NEGOTIATION57Ioni Bowcher
1027Jennifer Q GarufiIndia2026-11-10Chanay, Jeffrey A Esq QUALIFIED58Ioni Bowcher
1028Emily K BologniaArgentina2026-10-13Buckley Miller Wright NEGOTIATION91Amy Elsner
1029Munro C FollerIndia2026-11-06Rousseaux, Michael Esq UNQUALIFIED65Stephen Shaw
1030Aika W OstroskyJapan2026-10-16Feltz Printing Service NEGOTIATION67Asiya Javayant
1031Jones O KolmetzUnited Kingdom2026-11-04Rousseaux, Michael Esq NEW14Anna Fali
1032Smith W BriddickGermany2026-11-07Rangoni Of Florence PROPOSAL15Anna Fali
1033Deepesh V MaletSpain2026-10-14Morlong Associates NEGOTIATION26Asiya Javayant
1034Julie A BriddickIndia2026-10-22Morlong Associates RENEWAL21Asiya Javayant
1035Murillo F CaldareraArgentina2026-11-02Chapman, Ross E Esq RENEWAL71Elwin Sharvill
1036Salvatore X WieserUnited Kingdom2026-11-08Feiner Bros NEGOTIATION82Onyama Limba
1037Kadeem M RulapaughJapan2026-11-02Chapman, Ross E Esq UNQUALIFIED35Elwin Sharvill
1038Maisha I InouyeItaly2026-10-25Rangoni Of Florence QUALIFIED3Ivan Magalhaes
1039Jones Y BowleyJapan2026-11-11Buckley Miller Wright RENEWAL10Amy Elsner
1040Mayumi O WhobreyAustralia2026-11-07Morlong Associates NEGOTIATION39Xuxue Feng
1041Maisha I OldroydFrance2026-10-15Rousseaux, Michael Esq PROPOSAL18Stephen Shaw
1042Jefferson G MaletGermany2026-11-07Chemel, James L Cpa RENEWAL75Bernardo Dominic
1043Jefferson J TollnerJapan2026-11-04Rousseaux, Michael Esq RENEWAL96Asiya Javayant
1044Juan L MorascaArgentina2026-10-15Feiner Bros NEGOTIATION26Ivan Magalhaes
1045Tony N SergiAustralia2026-10-14Feiner Bros RENEWAL95Stephen Shaw
1046Jones U KuskoCanada2026-11-10Chanay, Jeffrey A Esq UNQUALIFIED97Onyama Limba
1047Jeanfrancois Q PaprockiRussia2026-10-27Truhlar And Truhlar Attys NEGOTIATION88Elwin Sharvill
1048Adams F KolmetzIndia2026-10-31Dorl, James J Esq NEGOTIATION3Asiya Javayant
1049Leja W MacleadBrazil2026-10-22Printing Dimensions UNQUALIFIED13Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Arvin V AmigonRussiaAmy Elsner NEGOTIATION
Ashley N RulapaughBrazilAsiya Javayant UNQUALIFIED
Kaitlin P VenereFranceElwin Sharvill NEGOTIATION
Misaki V NestleUnited KingdomBernardo Dominic NEW
Morrow G ChuiCanadaStephen Shaw UNQUALIFIED
Tony N DilliardCanadaXuxue Feng NEW
Emily N FollerRussiaOnyama Limba NEW
Mujtaba R DarakjyItalyAsiya Javayant NEGOTIATION
Claire L GillianIndiaBernardo Dominic NEW
Octavia Z WaycottIndiaAmy Elsner NEW
Clifford Y MarrierItalyAsiya Javayant NEGOTIATION
Adams G OstroskyRussiaAnna Fali UNQUALIFIED
Johnson W RulapaughItalyAsiya Javayant PROPOSAL
Aika U NickaArgentinaElwin Sharvill PROPOSAL
Julie E PaprockiFranceIoni Bowcher RENEWAL
Juan K VocelkaArgentinaXuxue Feng QUALIFIED
Arvin G ShinkoSpainIoni Bowcher PROPOSAL
Antonio X RulapaughJapanElwin Sharvill QUALIFIED
Nicolas O FerenczItalyAmy Elsner PROPOSAL
Leja Y SlusarskiRussiaIvan Magalhaes RENEWAL
Kadeem D DoeArgentinaIoni Bowcher NEW
Deepesh B InouyeFranceIoni Bowcher RENEWAL
Clifford I GauchoGermanyAnna Fali RENEWAL
Leon G MaletGermanyAnna Fali NEGOTIATION
Leja F VenereSpainBernardo Dominic UNQUALIFIED
Claire R RoysterArgentinaAmy Elsner NEGOTIATION
Leon A FollerGermanyBernardo Dominic UNQUALIFIED
Smith W MorascaFranceElwin Sharvill PROPOSAL
Aditya F TollnerAustraliaIoni Bowcher RENEWAL
Claire H ButtFranceBernardo Dominic NEW
David Z CampainBrazilStephen Shaw PROPOSAL
Emily C MacleadBrazilElwin Sharvill QUALIFIED
Faith P StockhamFranceElwin Sharvill RENEWAL
Juan M StensethSpainXuxue Feng PROPOSAL
Jefferson T SaylorsFranceXuxue Feng NEW
Leon W IturbideGermanyStephen Shaw NEW
David R KuskoGermanyElwin Sharvill NEGOTIATION
Emily V DilliardGermanyBernardo Dominic NEW
Stacey U InouyeUnited KingdomIvan Magalhaes RENEWAL
Ivar L WhobreyArgentinaBernardo Dominic PROPOSAL
Sinclair I BowleyItalyXuxue Feng PROPOSAL
Sinclair D FlosiCanadaIoni Bowcher QUALIFIED
Faith P CaudyUnited KingdomAsiya Javayant UNQUALIFIED
Alejandro T AlbaresBrazilBernardo Dominic NEW
Francesco R ChuiAustraliaIvan Magalhaes UNQUALIFIED
Octavia B RoysterItalyOnyama Limba PROPOSAL
Octavia X MaletCanadaIoni Bowcher NEW
Smith U ChuiRussiaAsiya Javayant UNQUALIFIED
David X AmigonBrazilStephen Shaw RENEWAL
Claire C ShinkoIndiaAsiya Javayant PROPOSAL
Frozen Columns
Name
Wickens P Iturbide
Nicolas K Stockham
David S Waycott
Leon R Figeroa
David U Royster
Aika S Bowley
Greenwood R Ferencz
Greenwood A Campain
Mayumi G Butt
Julie Z Caldarera
Isabel W Bowley
Sinclair W Venere
Munro B Ferencz
Maisha Z Nicka
Maisha T Nestle
Wickens N Waycott
Chavez K Inouye
Jefferson U Bowley
Mujtaba N Maclead
Aditya Q Chui
Tony G Bowley
Ashley Z Royster
Sinclair A Maclead
Maisha G Nestle
Silvio D Doe
Rodrigues N Oldroyd
Kaitlin I Saylors
Murillo C Royster
Deepesh D Gillian
Silvio F Marrier
Stacey F Doe
David Q Ferencz
David Z Darakjy
Isabel E Rim
Mayumi E Gaucho
Arvin I Darakjy
Costa K Waycott
Deepesh C Rulapaugh
Adams L Marrier
Cody I Rim
Silvio S Inouye
Tony V Caudy
Munro F Malet
Misaki C Rim
Juan D Nestle
Smith V Sergi
Arvin B Stenseth
Jefferson V Chui
Isabel T Morasca
Cody W Whobrey
IdCountryDate
1000United Kingdom2026-10-19
1001United Kingdom2026-10-16
1002Italy2026-10-29
1003Spain2026-10-30
1004Brazil2026-11-05
1005Russia2026-11-09
1006France2026-10-14
1007United Kingdom2026-10-18
1008United Kingdom2026-10-24
1009Germany2026-10-29
1010Japan2026-10-30
1011France2026-10-25
1012Russia2026-10-14
1013Japan2026-11-03
1014Russia2026-11-03
1015Australia2026-11-07
1016Russia2026-10-14
1017Argentina2026-10-18
1018United Kingdom2026-10-20
1019Canada2026-10-22
1020Russia2026-10-16
1021Brazil2026-11-01
1022Italy2026-11-01
1023Russia2026-10-16
1024India2026-10-18
1025Argentina2026-11-03
1026Germany2026-10-22
1027Japan2026-10-16
1028Brazil2026-10-22
1029France2026-10-13
1030Argentina2026-11-07
1031Germany2026-10-23
1032United Kingdom2026-10-22
1033Australia2026-10-16
1034France2026-11-07
1035United Kingdom2026-10-30
1036Japan2026-10-18
1037United Kingdom2026-10-21
1038France2026-10-13
1039India2026-10-27
1040France2026-11-06
1041India2026-10-19
1042India2026-10-19
1043Spain2026-10-23
1044India2026-10-22
1045Argentina2026-10-27
1046Japan2026-10-13
1047Japan2026-10-23
1048Brazil2026-10-16
1049United Kingdom2026-11-01

On-Demand Data

NameIdCountryDate
Adams J Nicka1000Spain2026-10-19
Maria D Butt1001Spain2026-11-01
Mayumi M Albares1002Japan2026-10-23
Chavez W Venere1003Russia2026-10-16
Rodrigues P Malet1004France2026-10-13
Kadeem S Rim1005Brazil2026-10-22
Cody V Schemmer1006Argentina2026-10-14
Greenwood A Shinko1007Russia2026-10-18
Deepesh G Gaucho1008Russia2026-11-08
Morrow W Shinko1009Spain2026-11-08
Adams P Glick1010United Kingdom2026-10-15
Kaitlin X Wieser1011Canada2026-10-14
Maria X Nestle1012Australia2026-11-11
Aruna V Garufi1013Argentina2026-10-16
Leja R Marrier1014Australia2026-11-06
Wickens M Marrier1015Canada2026-10-31
Mayumi Q Dilliard1016France2026-11-11
Johnson A Paprocki1017Spain2026-10-28
Isabel U Shinko1018Spain2026-11-06
Leon Q Doe1019Australia2026-10-20
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maisha N RutaAustraliaOnyama Limba NEGOTIATION
Arvin P BriddickRussiaAnna Fali RENEWAL
Juan A ButtIndiaAmy Elsner NEGOTIATION
Munro B TollnerSpainIvan Magalhaes NEGOTIATION
Cody H InouyeGermanyXuxue Feng UNQUALIFIED
Murillo D GarufiRussiaOnyama Limba NEW
Maria L FerenczGermanyAsiya Javayant NEW
Julie Q CaldareraIndiaStephen Shaw PROPOSAL
Francesco Q StensethItalyBernardo Dominic NEW
Aika W PoquetteIndiaBernardo Dominic NEGOTIATION
Ivar W ButtSpainIvan Magalhaes PROPOSAL
Misaki P MarrierRussiaAmy Elsner UNQUALIFIED
Juan P FerenczUnited KingdomElwin Sharvill PROPOSAL
Jeanfrancois Q PerinUnited KingdomXuxue Feng UNQUALIFIED
Jones P DarakjyAustraliaElwin Sharvill PROPOSAL
Julie D MacleadBrazilXuxue Feng QUALIFIED
Kadeem M AlbaresArgentinaAnna Fali UNQUALIFIED
Misaki J MacleadFranceAnna Fali UNQUALIFIED
Costa G FlosiItalyIoni Bowcher UNQUALIFIED
Octavia E InouyeSpainBernardo Dominic PROPOSAL
Maria C GauchoBrazilOnyama Limba PROPOSAL
Nicolas Y AmigonIndiaXuxue Feng NEGOTIATION
Emily I SchemmerSpainStephen Shaw PROPOSAL
Maisha V RimCanadaAsiya Javayant NEW
Greenwood P FollerIndiaIoni Bowcher NEGOTIATION
Izzy R PaprockiBrazilStephen Shaw NEW
Kadeem W DilliardAustraliaIvan Magalhaes NEGOTIATION
Aruna M VocelkaIndiaOnyama Limba NEW
Morrow M StockhamSpainOnyama Limba RENEWAL
Arvin Y FigeroaJapanElwin Sharvill NEW
Costa F AmigonArgentinaOnyama Limba PROPOSAL
Wickens O MacleadArgentinaBernardo Dominic QUALIFIED
Adams R MarrierFranceIoni Bowcher UNQUALIFIED
Maria D DilliardArgentinaBernardo Dominic RENEWAL
Maisha O ChuiFranceIoni Bowcher NEW
Sinclair Y GauchoJapanBernardo Dominic PROPOSAL
Juan I RimRussiaElwin Sharvill QUALIFIED
Chavez L PerinGermanyIoni Bowcher QUALIFIED
Mayumi O SlusarskiItalyOnyama Limba QUALIFIED
Darci I VenereBrazilXuxue Feng 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>