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
Claire F MorascaRussiaXuxue Feng UNQUALIFIED
Ashley G RutaRussiaAmy Elsner UNQUALIFIED
Jones R NestleBrazilXuxue Feng QUALIFIED
Kadeem Z OldroydBrazilElwin Sharvill UNQUALIFIED
Jefferson I OstroskyCanadaAnna Fali UNQUALIFIED
Morrow S AmigonAustraliaIoni Bowcher NEGOTIATION
Smith M NestleRussiaIoni Bowcher NEGOTIATION
Ashley G WaycottFranceBernardo Dominic PROPOSAL
Clifford G MaletBrazilAmy Elsner RENEWAL
Izzy M ButtUnited KingdomElwin Sharvill PROPOSAL
Aika K MacleadSpainBernardo Dominic NEGOTIATION
Sinclair M WaycottUnited KingdomBernardo Dominic PROPOSAL
Silvio P IturbideArgentinaIoni Bowcher PROPOSAL
Claire I CaldareraAustraliaIvan Magalhaes NEGOTIATION
Faith D VenereArgentinaIvan Magalhaes UNQUALIFIED
Maisha K SchemmerArgentinaBernardo Dominic UNQUALIFIED
Ashley M FerenczAustraliaAnna Fali QUALIFIED
James D PerinRussiaAmy Elsner NEW
Ivar A IturbideSpainXuxue Feng UNQUALIFIED
Ricardo K NickaJapanAmy Elsner UNQUALIFIED
Aditya J GauchoRussiaOnyama Limba NEW
Juan C AmigonArgentinaElwin Sharvill UNQUALIFIED
Kaitlin E SergiGermanyIvan Magalhaes QUALIFIED
Aditya K NickaAustraliaBernardo Dominic NEW
Aika A AlbaresSpainAsiya Javayant UNQUALIFIED
Francesco U FollerIndiaIoni Bowcher RENEWAL
James Y StockhamIndiaStephen Shaw NEGOTIATION
Maisha W GarufiSpainXuxue Feng RENEWAL
Maisha M BologniaArgentinaXuxue Feng UNQUALIFIED
Aruna W MaletRussiaBernardo Dominic PROPOSAL
Jefferson B OldroydFranceAmy Elsner QUALIFIED
Francesco K FlosiIndiaElwin Sharvill RENEWAL
James M MacleadFranceIvan Magalhaes NEGOTIATION
Octavia D NickaSpainAsiya Javayant NEW
Munro Y TollnerAustraliaIoni Bowcher UNQUALIFIED
Mayumi C VenereItalyElwin Sharvill RENEWAL
Smith C WaycottSpainAsiya Javayant RENEWAL
Chavez C FerenczRussiaStephen Shaw NEW
Izzy I CampainRussiaBernardo Dominic RENEWAL
Aika N AlbaresJapanAsiya Javayant NEGOTIATION
Isabel G IturbideRussiaAnna Fali NEGOTIATION
Octavia D ShinkoUnited KingdomIoni Bowcher NEGOTIATION
Emily P DilliardRussiaOnyama Limba UNQUALIFIED
Costa W SergiBrazilXuxue Feng RENEWAL
Arvin H GauchoBrazilAmy Elsner NEW
Francesco H GlickRussiaAmy Elsner NEGOTIATION
Stacey J CaudyJapanAmy Elsner QUALIFIED
Arvin R FigeroaAustraliaIoni Bowcher NEGOTIATION
Chavez G RoysterFranceAmy Elsner QUALIFIED
Alejandro U VocelkaItalyStephen Shaw NEW
Horizontal
NameCountryRepresentativeStatus
Ashley S CaudyRussiaXuxue Feng PROPOSAL
Ivar J SergiIndiaBernardo Dominic RENEWAL
Francesco G KolmetzArgentinaBernardo Dominic NEGOTIATION
Claire C SergiCanadaAmy Elsner PROPOSAL
Costa B CampainRussiaAsiya Javayant RENEWAL
Emily U WaycottArgentinaElwin Sharvill PROPOSAL
David D TollnerItalyOnyama Limba UNQUALIFIED
Arvin X MacleadBrazilIvan Magalhaes NEW
Morrow L SchemmerItalyIvan Magalhaes RENEWAL
Silvio E GauchoUnited KingdomElwin Sharvill PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Cody N GauchoCanada2026-10-18Chapman, Ross E Esq UNQUALIFIED93Asiya Javayant
1001Leja V GillianBrazil2026-10-08Buckley Miller Wright PROPOSAL50Elwin Sharvill
1002Antonio I SchemmerCanada2026-10-22King, Christopher A Esq NEW45Bernardo Dominic
1003Juan C KuskoRussia2026-10-15Rousseaux, Michael Esq RENEWAL96Onyama Limba
1004Izzy B ButtGermany2026-09-25Chapman, Ross E Esq PROPOSAL51Onyama Limba
1005Clifford U MaletBrazil2026-10-10Printing Dimensions PROPOSAL32Elwin Sharvill
1006Maria Y PaprockiRussia2026-10-16Chanay, Jeffrey A Esq NEW58Stephen Shaw
1007Ricardo I GarufiFrance2026-10-10Feiner Bros NEW48Ioni Bowcher
1008Maria K SaylorsUnited Kingdom2026-10-20Rousseaux, Michael Esq NEGOTIATION96Stephen Shaw
1009Mayumi W DoeUnited Kingdom2026-09-29Rangoni Of Florence NEW82Stephen Shaw
1010Wickens Q WhobreyFrance2026-10-19Chemel, James L Cpa RENEWAL95Elwin Sharvill
1011Claire B DarakjyAustralia2026-10-04Feltz Printing Service QUALIFIED73Bernardo Dominic
1012Rodrigues U GauchoAustralia2026-10-23Morlong Associates NEGOTIATION96Stephen Shaw
1013Greenwood A SergiRussia2026-10-01Feltz Printing Service NEGOTIATION13Amy Elsner
1014Stacey M MacleadUnited Kingdom2026-10-01Chemel, James L Cpa NEW70Asiya Javayant
1015Misaki U MorascaRussia2026-10-15Truhlar And Truhlar Attys PROPOSAL46Anna Fali
1016Isabel F MorascaGermany2026-09-30Buckley Miller Wright NEGOTIATION38Bernardo Dominic
1017Tony P RulapaughSpain2026-09-24Commercial Press RENEWAL74Amy Elsner
1018Jennifer U MaletRussia2026-10-17Rangoni Of Florence PROPOSAL76Asiya Javayant
1019Clifford E DarakjyFrance2026-10-14Benton, John B Jr NEW4Ivan Magalhaes
1020Maria J SchemmerRussia2026-10-12King, Christopher A Esq NEW86Ivan Magalhaes
1021Sinclair E SchemmerUnited Kingdom2026-10-04Rangoni Of Florence NEW31Ivan Magalhaes
1022Faith C SergiRussia2026-10-06Chapman, Ross E Esq PROPOSAL3Elwin Sharvill
1023Julie M StockhamBrazil2026-10-15Printing Dimensions UNQUALIFIED32Anna Fali
1024Johnson W MaletGermany2026-10-17Feltz Printing Service UNQUALIFIED99Bernardo Dominic
1025David B CampainJapan2026-09-25King, Christopher A Esq UNQUALIFIED79Ioni Bowcher
1026Jones T DarakjyFrance2026-09-28Benton, John B Jr PROPOSAL75Bernardo Dominic
1027Adams H DoeArgentina2026-10-09Printing Dimensions UNQUALIFIED15Asiya Javayant
1028Murillo V MaletRussia2026-10-22Morlong Associates NEW5Ioni Bowcher
1029Mujtaba V OstroskyCanada2026-10-09Commercial Press UNQUALIFIED59Asiya Javayant
1030Tony P PoquetteFrance2026-10-11Truhlar And Truhlar Attys NEGOTIATION52Ioni Bowcher
1031Emily A MaletAustralia2026-09-30Chapman, Ross E Esq NEGOTIATION16Ivan Magalhaes
1032Rodrigues G KuskoIndia2026-10-08King, Christopher A Esq RENEWAL94Anna Fali
1033Maisha N TollnerGermany2026-10-11Chemel, James L Cpa RENEWAL64Asiya Javayant
1034Adams L IturbideIndia2026-09-30Rangoni Of Florence UNQUALIFIED31Ivan Magalhaes
1035Morrow K NickaAustralia2026-09-30Printing Dimensions PROPOSAL82Amy Elsner
1036David S CaldareraFrance2026-10-05Printing Dimensions NEGOTIATION27Ioni Bowcher
1037Izzy T WaycottAustralia2026-10-14Rangoni Of Florence UNQUALIFIED35Asiya Javayant
1038Faith O SergiItaly2026-10-15Feltz Printing Service UNQUALIFIED49Xuxue Feng
1039Darci D RoysterFrance2026-09-28Rousseaux, Michael Esq NEGOTIATION20Elwin Sharvill
1040Kadeem I OstroskyGermany2026-10-03Chapman, Ross E Esq NEW76Ioni Bowcher
1041Munro J OldroydBrazil2026-10-12Truhlar And Truhlar Attys NEGOTIATION74Onyama Limba
1042Aditya R VenereAustralia2026-09-24Dorl, James J Esq NEGOTIATION40Anna Fali
1043Maisha R WhobreyBrazil2026-10-19Rousseaux, Michael Esq NEGOTIATION7Onyama Limba
1044Emily Y CampainAustralia2026-10-02Chanay, Jeffrey A Esq RENEWAL33Anna Fali
1045Kadeem X PoquetteFrance2026-10-05Chanay, Jeffrey A Esq QUALIFIED60Stephen Shaw
1046Nicolas G WaycottFrance2026-10-21Rousseaux, Michael Esq NEW23Onyama Limba
1047Silvio Y GarufiUnited Kingdom2026-10-03Commercial Press PROPOSAL41Onyama Limba
1048Darci G PoquetteRussia2026-10-17Feiner Bros RENEWAL39Bernardo Dominic
1049Octavia U OldroydArgentina2026-10-09Truhlar And Truhlar Attys UNQUALIFIED21Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Mayumi Y CaudyIndiaBernardo Dominic PROPOSAL
Maria P VenereFranceIoni Bowcher UNQUALIFIED
Alejandro U FigeroaSpainElwin Sharvill UNQUALIFIED
Aditya Q KolmetzBrazilOnyama Limba RENEWAL
Ivar Q DarakjyGermanyStephen Shaw NEW
Izzy I GauchoUnited KingdomOnyama Limba RENEWAL
Maria K MaletCanadaOnyama Limba NEW
Aika P MaletCanadaAmy Elsner PROPOSAL
Faith P IturbideItalyStephen Shaw QUALIFIED
Kadeem F PoquetteUnited KingdomIvan Magalhaes QUALIFIED
Emily W NestleFranceStephen Shaw NEGOTIATION
Adams H NickaFranceBernardo Dominic NEGOTIATION
Octavia S OldroydSpainIoni Bowcher PROPOSAL
Chavez F PerinAustraliaBernardo Dominic RENEWAL
Johnson C PerinSpainAnna Fali NEW
Stacey B GillianFranceBernardo Dominic NEW
Rodrigues A PerinGermanyXuxue Feng NEW
Jennifer E CampainRussiaAmy Elsner NEGOTIATION
Smith X PoquetteRussiaAnna Fali PROPOSAL
Clifford X NickaFranceStephen Shaw NEW
Arvin P DarakjyCanadaXuxue Feng UNQUALIFIED
Ivar G ShinkoCanadaAnna Fali QUALIFIED
Faith L MaletSpainStephen Shaw QUALIFIED
Cody D DilliardRussiaElwin Sharvill RENEWAL
Mayumi J MacleadCanadaIvan Magalhaes NEGOTIATION
Stacey T VocelkaRussiaAnna Fali PROPOSAL
Jennifer Q PerinSpainAnna Fali NEGOTIATION
Mujtaba R NestleFranceIoni Bowcher RENEWAL
Morrow S RulapaughSpainElwin Sharvill QUALIFIED
Maisha G SergiGermanyStephen Shaw NEGOTIATION
Ivar A ChuiItalyXuxue Feng UNQUALIFIED
Silvio I FlosiBrazilElwin Sharvill RENEWAL
Juan W ChuiAustraliaXuxue Feng UNQUALIFIED
Octavia J StensethBrazilAnna Fali NEGOTIATION
Isabel J SlusarskiItalyAnna Fali RENEWAL
Silvio U ChuiBrazilIvan Magalhaes NEGOTIATION
Greenwood E GillianFranceAsiya Javayant UNQUALIFIED
Leon D MarrierFranceStephen Shaw UNQUALIFIED
Deepesh M RimSpainBernardo Dominic UNQUALIFIED
James F VenereRussiaXuxue Feng PROPOSAL
Ivar Y VenereCanadaXuxue Feng RENEWAL
Julie P NickaItalyAsiya Javayant QUALIFIED
Stacey P CaudySpainStephen Shaw QUALIFIED
James A OstroskySpainStephen Shaw NEW
Ricardo N MarrierAustraliaIoni Bowcher QUALIFIED
Silvio J GauchoFranceStephen Shaw NEW
Emily A VocelkaItalyXuxue Feng NEW
Jefferson P WaycottFranceAnna Fali QUALIFIED
Aruna G WhobreyIndiaXuxue Feng UNQUALIFIED
Emily V SergiBrazilAnna Fali QUALIFIED
Frozen Columns
Name
Faith L Gaucho
Ricardo I Kusko
Ivar W Wieser
Aditya R Glick
Costa D Saylors
Morrow Q Marrier
Salvatore H Rim
Juan L Amigon
Faith Z Nicka
Emily X Rim
James T Paprocki
Smith M Kolmetz
Greenwood I Briddick
Mujtaba Z Ferencz
Silvio T Caldarera
Antonio P Kusko
Kaitlin Z Briddick
Ricardo D Briddick
Ivar F Albares
Chavez A Ostrosky
Aika C Ostrosky
Smith A Kolmetz
Rodrigues Y Ruta
Jennifer Z Iturbide
Isabel V Stockham
David M Kolmetz
Kadeem I Ruta
Leon G Butt
Arvin I Malet
Kadeem V Nestle
Munro Y Garufi
Adams Y Maclead
Jennifer Y Kolmetz
Tony T Kolmetz
Stacey J Sergi
Antonio J Stockham
Misaki W Kolmetz
Izzy B Stenseth
David F Bowley
Julie P Nicka
Salvatore M Poquette
Cody E Ostrosky
Maisha U Ferencz
Wickens Y Chui
Deepesh M Butt
Ashley T Garufi
Antonio L Waycott
Faith Z Slusarski
Wickens B Ostrosky
Clifford L Gaucho
IdCountryDate
1000France2026-10-09
1001Argentina2026-10-17
1002Canada2026-10-02
1003United Kingdom2026-09-29
1004Australia2026-10-15
1005Argentina2026-10-16
1006Argentina2026-10-17
1007Germany2026-10-04
1008Italy2026-10-04
1009Italy2026-09-25
1010France2026-10-11
1011France2026-10-14
1012Germany2026-09-24
1013Spain2026-10-11
1014Argentina2026-10-01
1015Russia2026-10-23
1016Russia2026-10-07
1017India2026-10-14
1018Brazil2026-09-28
1019Brazil2026-10-04
1020United Kingdom2026-10-19
1021United Kingdom2026-10-11
1022Russia2026-10-12
1023Germany2026-10-02
1024India2026-10-16
1025India2026-09-25
1026Spain2026-10-08
1027Argentina2026-10-20
1028United Kingdom2026-10-14
1029Brazil2026-10-16
1030Japan2026-10-23
1031United Kingdom2026-10-06
1032Argentina2026-09-25
1033Brazil2026-10-02
1034Russia2026-10-18
1035Brazil2026-10-05
1036India2026-10-12
1037Australia2026-10-08
1038Argentina2026-10-09
1039Argentina2026-09-27
1040Italy2026-10-19
1041United Kingdom2026-09-25
1042Australia2026-10-12
1043Argentina2026-10-01
1044Italy2026-10-19
1045Germany2026-10-16
1046India2026-10-06
1047India2026-10-18
1048Canada2026-10-15
1049Argentina2026-10-04

On-Demand Data

NameIdCountryDate
David X Paprocki1000United Kingdom2026-09-27
Julie O Chui1001Australia2026-10-18
Cody K Sergi1002Brazil2026-10-15
Adams S Shinko1003Italy2026-10-23
Stacey K Tollner1004Australia2026-09-28
Maria R Ferencz1005Spain2026-10-20
James N Tollner1006Germany2026-10-23
Maisha T Bowley1007Russia2026-10-13
Claire I Marrier1008Argentina2026-09-27
Misaki X Vocelka1009Brazil2026-10-09
Aditya G Wieser1010United Kingdom2026-10-11
Jones K Albares1011Japan2026-10-06
Rodrigues K Kolmetz1012Brazil2026-10-02
Mayumi Y Foller1013Australia2026-10-05
Maisha L Nicka1014Australia2026-10-13
Isabel K Kusko1015Russia2026-10-23
Aruna W Poquette1016Russia2026-09-30
Salvatore D Flosi1017United Kingdom2026-10-09
Rodrigues D Oldroyd1018United Kingdom2026-10-11
Murillo C Garufi1019Argentina2026-10-20
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Greenwood I MorascaRussiaElwin Sharvill NEGOTIATION
Stacey B ShinkoArgentinaElwin Sharvill UNQUALIFIED
David T FlosiSpainAmy Elsner RENEWAL
Rodrigues J GarufiJapanIoni Bowcher NEW
Misaki L FigeroaItalyStephen Shaw UNQUALIFIED
David L VenereAustraliaStephen Shaw PROPOSAL
Juan B NestleArgentinaIoni Bowcher UNQUALIFIED
Misaki W PoquetteItalyOnyama Limba UNQUALIFIED
Stacey E TollnerRussiaStephen Shaw PROPOSAL
Chavez K CaldareraBrazilElwin Sharvill RENEWAL
Deepesh Z RoysterBrazilElwin Sharvill UNQUALIFIED
Misaki E FigeroaFranceIvan Magalhaes PROPOSAL
Aditya K WaycottCanadaXuxue Feng QUALIFIED
Nicolas C RoysterJapanElwin Sharvill PROPOSAL
Salvatore Y SchemmerAustraliaIoni Bowcher PROPOSAL
Leja D NestleBrazilAsiya Javayant NEW
Stacey O WieserArgentinaStephen Shaw PROPOSAL
Munro J DarakjyGermanyStephen Shaw QUALIFIED
Smith N DilliardAustraliaElwin Sharvill RENEWAL
Francesco V GarufiGermanyStephen Shaw NEGOTIATION
Smith A FollerRussiaXuxue Feng RENEWAL
Murillo D MaletAustraliaOnyama Limba UNQUALIFIED
Juan D StockhamSpainElwin Sharvill QUALIFIED
Jeanfrancois M GlickArgentinaStephen Shaw NEW
Adams F BologniaIndiaIvan Magalhaes QUALIFIED
Ricardo M SergiFranceAsiya Javayant UNQUALIFIED
Leja M VocelkaArgentinaXuxue Feng RENEWAL
Morrow V MaletRussiaAsiya Javayant UNQUALIFIED
Kadeem M DarakjyBrazilElwin Sharvill NEGOTIATION
Rodrigues B SaylorsIndiaXuxue Feng PROPOSAL
Silvio M GillianSpainElwin Sharvill NEW
Antonio J OldroydJapanAnna Fali NEW
Aditya T FerenczSpainElwin Sharvill NEW
Costa O NestleUnited KingdomAsiya Javayant NEGOTIATION
Deepesh O PerinItalyElwin Sharvill UNQUALIFIED
Mayumi N AmigonArgentinaElwin Sharvill RENEWAL
Ricardo A WaycottJapanStephen Shaw UNQUALIFIED
Arvin V FigeroaRussiaOnyama Limba PROPOSAL
Octavia Q MaletGermanyAsiya Javayant QUALIFIED
Maria S OstroskyFranceAsiya Javayant 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>