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
Leja Z DoeCanadaElwin Sharvill PROPOSAL
Maisha N KolmetzJapanIvan Magalhaes NEGOTIATION
Jones L OstroskyFranceIoni Bowcher PROPOSAL
Francesco A GlickJapanAnna Fali UNQUALIFIED
James M DoeArgentinaElwin Sharvill UNQUALIFIED
Sinclair S BologniaGermanyElwin Sharvill QUALIFIED
Chavez Y GauchoBrazilIoni Bowcher NEGOTIATION
Juan T ButtGermanyIoni Bowcher PROPOSAL
Aditya Q GillianGermanyStephen Shaw QUALIFIED
Stacey H MaletBrazilIoni Bowcher NEGOTIATION
Aika U MorascaAustraliaOnyama Limba PROPOSAL
David O GillianUnited KingdomBernardo Dominic NEGOTIATION
Izzy H DoeSpainAnna Fali RENEWAL
Isabel X AmigonCanadaXuxue Feng PROPOSAL
Ricardo G RoysterRussiaBernardo Dominic QUALIFIED
Leon I CampainGermanyAsiya Javayant UNQUALIFIED
David G NestleJapanAmy Elsner NEGOTIATION
Faith D DarakjySpainIoni Bowcher NEW
Nicolas H DilliardGermanyIoni Bowcher RENEWAL
Alejandro H SaylorsIndiaXuxue Feng QUALIFIED
Smith X DoeUnited KingdomAnna Fali NEW
Mayumi B PoquetteSpainOnyama Limba QUALIFIED
Smith B WaycottFranceAmy Elsner QUALIFIED
Mayumi K GarufiSpainXuxue Feng RENEWAL
Deepesh V PaprockiCanadaAmy Elsner NEGOTIATION
Antonio Y BowleyAustraliaBernardo Dominic PROPOSAL
Ivar X DarakjyArgentinaOnyama Limba PROPOSAL
Isabel M FigeroaCanadaXuxue Feng NEW
Kadeem I WieserRussiaOnyama Limba NEGOTIATION
James R CaldareraSpainAmy Elsner PROPOSAL
Ivar L MarrierCanadaIvan Magalhaes NEW
Wickens K WaycottAustraliaAnna Fali QUALIFIED
Darci F KolmetzJapanAmy Elsner UNQUALIFIED
Nicolas R DilliardItalyElwin Sharvill QUALIFIED
Rodrigues W DilliardBrazilBernardo Dominic UNQUALIFIED
Arvin I AmigonBrazilElwin Sharvill PROPOSAL
Aika Z RutaItalyXuxue Feng PROPOSAL
Costa M StensethArgentinaIoni Bowcher UNQUALIFIED
Murillo N KuskoBrazilBernardo Dominic QUALIFIED
Chavez Z MarrierCanadaStephen Shaw QUALIFIED
Arvin C WaycottCanadaAnna Fali NEGOTIATION
Darci S WhobreyGermanyStephen Shaw UNQUALIFIED
Kaitlin S DilliardGermanyElwin Sharvill UNQUALIFIED
Ashley W MaletRussiaIvan Magalhaes QUALIFIED
Juan M MorascaItalyBernardo Dominic PROPOSAL
Morrow J ChuiFranceXuxue Feng QUALIFIED
Alejandro J PerinSpainXuxue Feng NEGOTIATION
Tony S AmigonCanadaBernardo Dominic NEW
Jennifer O RimArgentinaXuxue Feng NEGOTIATION
Ricardo T VenereJapanIvan Magalhaes NEW
Horizontal
NameCountryRepresentativeStatus
Maisha I SaylorsRussiaOnyama Limba NEW
Salvatore R RutaItalyAsiya Javayant UNQUALIFIED
Jones J FerenczAustraliaElwin Sharvill UNQUALIFIED
Arvin Y OldroydFranceIvan Magalhaes NEW
Silvio C DoeRussiaOnyama Limba QUALIFIED
David E GillianArgentinaOnyama Limba NEGOTIATION
Aditya W RutaBrazilStephen Shaw NEGOTIATION
Stacey D OldroydRussiaElwin Sharvill NEW
David X GauchoBrazilAmy Elsner QUALIFIED
Tony A MarrierFranceIoni Bowcher PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Adams V MacleadItaly2026-10-25Dorl, James J Esq RENEWAL6Amy Elsner
1001Maisha T MorascaItaly2026-11-03Feiner Bros NEW62Onyama Limba
1002Misaki Z BowleyRussia2026-10-08Rousseaux, Michael Esq QUALIFIED95Bernardo Dominic
1003Stacey Y OstroskyBrazil2026-10-27Benton, John B Jr UNQUALIFIED41Xuxue Feng
1004Ashley F NickaFrance2026-10-25Dorl, James J Esq QUALIFIED72Asiya Javayant
1005Aika X GillianSpain2026-10-23Benton, John B Jr NEGOTIATION76Bernardo Dominic
1006Juan O IturbideJapan2026-10-31Rangoni Of Florence NEW12Ioni Bowcher
1007Isabel O GauchoUnited Kingdom2026-11-02Chemel, James L Cpa PROPOSAL56Anna Fali
1008Francesco S MacleadItaly2026-10-13Rangoni Of Florence RENEWAL72Anna Fali
1009Salvatore F CampainCanada2026-11-03Buckley Miller Wright PROPOSAL35Bernardo Dominic
1010Aika P GillianBrazil2026-10-26Buckley Miller Wright NEW36Anna Fali
1011Arvin M FigeroaArgentina2026-10-14Morlong Associates NEGOTIATION2Amy Elsner
1012Leon T RulapaughFrance2026-10-26Chapman, Ross E Esq QUALIFIED27Elwin Sharvill
1013Kadeem C SaylorsGermany2026-10-19Feltz Printing Service NEGOTIATION24Ioni Bowcher
1014Stacey E DilliardItaly2026-10-30Printing Dimensions QUALIFIED37Xuxue Feng
1015Stacey J CaldareraItaly2026-10-18Buckley Miller Wright UNQUALIFIED23Xuxue Feng
1016Murillo G NestleSpain2026-10-15Chemel, James L Cpa NEGOTIATION45Ioni Bowcher
1017Rodrigues W ButtItaly2026-10-27Truhlar And Truhlar Attys RENEWAL38Asiya Javayant
1018Misaki N KuskoRussia2026-10-09King, Christopher A Esq RENEWAL98Bernardo Dominic
1019Ricardo V StensethItaly2026-10-17Rangoni Of Florence RENEWAL94Stephen Shaw
1020Emily W BriddickUnited Kingdom2026-10-21Chapman, Ross E Esq QUALIFIED70Elwin Sharvill
1021Maria A OldroydUnited Kingdom2026-10-13Printing Dimensions RENEWAL11Ivan Magalhaes
1022Clifford V CampainUnited Kingdom2026-10-16Commercial Press NEW51Stephen Shaw
1023Jefferson Q MacleadGermany2026-10-28Dorl, James J Esq UNQUALIFIED21Elwin Sharvill
1024Emily I WieserFrance2026-10-11Feiner Bros PROPOSAL57Ioni Bowcher
1025Costa W SaylorsCanada2026-10-31Chanay, Jeffrey A Esq NEGOTIATION38Stephen Shaw
1026Julie N BologniaCanada2026-10-09King, Christopher A Esq UNQUALIFIED93Anna Fali
1027Jeanfrancois Y MaletArgentina2026-10-15Rousseaux, Michael Esq QUALIFIED55Onyama Limba
1028Munro L DarakjyItaly2026-10-25Printing Dimensions RENEWAL16Bernardo Dominic
1029Stacey X SchemmerBrazil2026-10-27Feltz Printing Service PROPOSAL56Asiya Javayant
1030Aditya H MaletRussia2026-11-01Commercial Press QUALIFIED61Anna Fali
1031Leon P KolmetzAustralia2026-10-31Feiner Bros NEGOTIATION31Elwin Sharvill
1032Aditya F GlickBrazil2026-10-13Buckley Miller Wright RENEWAL89Elwin Sharvill
1033Greenwood I RutaGermany2026-11-02Feltz Printing Service NEW96Xuxue Feng
1034Octavia K MaletSpain2026-11-02Commercial Press QUALIFIED56Asiya Javayant
1035Nicolas Y MarrierGermany2026-10-12Commercial Press NEW5Asiya Javayant
1036Clifford C StensethCanada2026-10-16Chemel, James L Cpa QUALIFIED86Elwin Sharvill
1037Ricardo C RimGermany2026-10-16Rangoni Of Florence UNQUALIFIED2Elwin Sharvill
1038Jefferson V FigeroaFrance2026-10-21Morlong Associates UNQUALIFIED97Bernardo Dominic
1039Izzy D SchemmerItaly2026-10-08Rousseaux, Michael Esq RENEWAL58Stephen Shaw
1040David C DilliardUnited Kingdom2026-10-10Rangoni Of Florence PROPOSAL46Elwin Sharvill
1041Leon M CaldareraArgentina2026-11-02Rangoni Of Florence RENEWAL53Amy Elsner
1042Misaki W MorascaRussia2026-11-04Printing Dimensions PROPOSAL25Anna Fali
1043Morrow W IturbideRussia2026-11-03King, Christopher A Esq PROPOSAL45Anna Fali
1044Adams K StensethUnited Kingdom2026-10-15Rangoni Of Florence RENEWAL1Xuxue Feng
1045Juan U DilliardFrance2026-11-03Feltz Printing Service UNQUALIFIED83Stephen Shaw
1046Nicolas X FlosiAustralia2026-10-27Rangoni Of Florence NEW49Elwin Sharvill
1047Leja V GarufiGermany2026-10-28Morlong Associates RENEWAL30Elwin Sharvill
1048Mayumi U NickaCanada2026-10-16Chanay, Jeffrey A Esq QUALIFIED99Asiya Javayant
1049Claire Y MarrierIndia2026-10-16Chanay, Jeffrey A Esq UNQUALIFIED3Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Greenwood B KuskoAustraliaStephen Shaw PROPOSAL
Leon D BologniaBrazilElwin Sharvill NEGOTIATION
Silvio V ChuiUnited KingdomBernardo Dominic QUALIFIED
Kadeem J OstroskyAustraliaIoni Bowcher QUALIFIED
Clifford B AlbaresSpainBernardo Dominic NEW
Jennifer N RutaAustraliaAmy Elsner QUALIFIED
Leon B GillianJapanIoni Bowcher RENEWAL
Leja I FerenczUnited KingdomIvan Magalhaes RENEWAL
Deepesh G MaletSpainStephen Shaw PROPOSAL
Maria O FigeroaCanadaIoni Bowcher NEGOTIATION
Julie Y FlosiCanadaXuxue Feng PROPOSAL
James V NestleCanadaXuxue Feng NEW
Kadeem E DilliardItalyStephen Shaw UNQUALIFIED
Alejandro D SchemmerUnited KingdomXuxue Feng UNQUALIFIED
Arvin G GauchoAustraliaStephen Shaw UNQUALIFIED
David V MorascaItalyBernardo Dominic RENEWAL
Izzy C MaletIndiaAmy Elsner QUALIFIED
Jeanfrancois F NickaCanadaIoni Bowcher RENEWAL
David W KolmetzGermanyOnyama Limba QUALIFIED
Isabel I RimRussiaBernardo Dominic UNQUALIFIED
Darci U MarrierArgentinaStephen Shaw QUALIFIED
Darci B MorascaBrazilBernardo Dominic PROPOSAL
Morrow L StockhamAustraliaOnyama Limba NEGOTIATION
Leja N MaletBrazilXuxue Feng UNQUALIFIED
Isabel K MaletBrazilStephen Shaw QUALIFIED
Clifford I TollnerFranceXuxue Feng PROPOSAL
James M SchemmerCanadaAnna Fali PROPOSAL
Kaitlin R GlickIndiaAnna Fali QUALIFIED
Izzy Q PaprockiGermanyAnna Fali NEW
Silvio O SchemmerIndiaIvan Magalhaes NEW
Maisha C SchemmerGermanyBernardo Dominic NEW
Morrow J CaldareraCanadaElwin Sharvill PROPOSAL
Costa Y DoeSpainAnna Fali UNQUALIFIED
Leja G GlickArgentinaIoni Bowcher PROPOSAL
Chavez N BowleySpainAsiya Javayant PROPOSAL
Munro W FlosiCanadaElwin Sharvill QUALIFIED
Munro I GlickIndiaIvan Magalhaes PROPOSAL
Julie Q WhobreyFranceAsiya Javayant PROPOSAL
Johnson O StensethGermanyOnyama Limba NEW
Jeanfrancois X GarufiSpainStephen Shaw PROPOSAL
Chavez Q RimRussiaOnyama Limba QUALIFIED
Antonio P SlusarskiCanadaBernardo Dominic PROPOSAL
Mayumi C GlickAustraliaXuxue Feng QUALIFIED
Misaki E DarakjyIndiaOnyama Limba PROPOSAL
James S SchemmerItalyAmy Elsner PROPOSAL
Salvatore Y NestleCanadaAsiya Javayant NEGOTIATION
Aika N VocelkaSpainIvan Magalhaes RENEWAL
Cody V WaycottJapanXuxue Feng NEW
Francesco M CaldareraGermanyAmy Elsner NEW
Faith Y WaycottGermanyOnyama Limba UNQUALIFIED
Frozen Columns
Name
Emily W Darakjy
Costa S Malet
Misaki U Campain
Aika E Perin
Ricardo M Marrier
Aruna A Bolognia
Murillo I Ruta
Jennifer M Foller
Misaki V Bolognia
Silvio K Malet
Ricardo B Nicka
Francesco E Kusko
Kaitlin W Bolognia
Aditya Q Nicka
Jefferson O Venere
Kadeem A Saylors
Izzy L Amigon
Alejandro L Figeroa
Claire V Briddick
Isabel D Royster
Isabel H Paprocki
Leon K Gillian
James O Ferencz
Aditya F Oldroyd
Adams H Malet
Alejandro D Stenseth
Cody C Stenseth
Leon J Campain
Alejandro H Figeroa
Ivar J Caudy
Smith Q Gillian
Jennifer K Kusko
Claire Z Flosi
Misaki W Gaucho
James D Butt
Ricardo Z Flosi
Tony I Butt
Maisha X Nicka
Leja A Poquette
Isabel A Briddick
Chavez P Poquette
Alejandro D Oldroyd
Misaki K Schemmer
Leon L Malet
Smith O Waycott
Kaitlin V Briddick
Maria G Gaucho
Munro R Flosi
Jefferson P Slusarski
Kadeem R Oldroyd
IdCountryDate
1000Russia2026-11-03
1001Spain2026-11-03
1002India2026-10-15
1003Argentina2026-10-30
1004India2026-10-27
1005Russia2026-10-15
1006Spain2026-10-10
1007United Kingdom2026-10-22
1008United Kingdom2026-10-17
1009Japan2026-10-27
1010Spain2026-10-26
1011Japan2026-10-14
1012Russia2026-11-02
1013Germany2026-10-24
1014Italy2026-10-17
1015India2026-11-04
1016Australia2026-10-30
1017Australia2026-11-05
1018Spain2026-10-09
1019Russia2026-10-27
1020Canada2026-10-15
1021Italy2026-10-10
1022Brazil2026-10-12
1023Canada2026-10-11
1024Italy2026-10-20
1025India2026-10-09
1026Argentina2026-10-26
1027Argentina2026-10-28
1028Germany2026-10-19
1029Canada2026-10-31
1030United Kingdom2026-10-28
1031Russia2026-11-03
1032Italy2026-10-15
1033United Kingdom2026-11-03
1034Japan2026-11-04
1035Italy2026-10-08
1036Russia2026-10-25
1037Russia2026-10-18
1038India2026-10-26
1039United Kingdom2026-10-23
1040Japan2026-10-16
1041Italy2026-10-09
1042Brazil2026-10-14
1043Australia2026-10-12
1044United Kingdom2026-11-02
1045Italy2026-10-27
1046Spain2026-10-22
1047Russia2026-10-21
1048India2026-10-16
1049India2026-10-24

On-Demand Data

NameIdCountryDate
Costa X Garufi1000France2026-10-30
Wickens R Nestle1001Argentina2026-11-01
Misaki C Flosi1002Australia2026-10-18
Kadeem G Ruta1003Japan2026-10-29
Mujtaba X Caldarera1004Russia2026-10-10
Greenwood N Tollner1005Germany2026-10-29
Adams D Dilliard1006United Kingdom2026-10-30
Clifford D Saylors1007Japan2026-10-16
Faith T Chui1008Brazil2026-10-23
Smith W Rulapaugh1009Australia2026-11-03
Francesco S Stenseth1010Australia2026-10-30
Jefferson X Venere1011Italy2026-11-04
Chavez J Saylors1012Brazil2026-10-21
Smith A Figeroa1013Italy2026-10-29
Salvatore J Bolognia1014France2026-10-25
Octavia K Stenseth1015United Kingdom2026-10-17
Stacey R Foller1016India2026-11-03
Murillo K Campain1017Argentina2026-10-12
Cody I Shinko1018Brazil2026-11-04
Smith E Malet1019India2026-11-03
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Emily T MarrierJapanIoni Bowcher QUALIFIED
Kaitlin O ButtRussiaAsiya Javayant RENEWAL
Costa K GauchoRussiaAsiya Javayant RENEWAL
Darci Q RoysterItalyAsiya Javayant QUALIFIED
Cody D SchemmerGermanyAnna Fali PROPOSAL
Aika Q AmigonBrazilXuxue Feng QUALIFIED
Ivar G AmigonGermanyIvan Magalhaes NEW
Izzy C WieserUnited KingdomElwin Sharvill QUALIFIED
Silvio H OldroydItalyAmy Elsner UNQUALIFIED
Nicolas H StensethGermanyAsiya Javayant UNQUALIFIED
Alejandro H FollerSpainBernardo Dominic NEW
Aditya K PaprockiUnited KingdomXuxue Feng PROPOSAL
Costa N RimArgentinaIvan Magalhaes NEGOTIATION
Misaki J MacleadItalyIoni Bowcher NEGOTIATION
Costa Y KuskoRussiaStephen Shaw NEW
Jones M NestleCanadaIvan Magalhaes RENEWAL
Faith F PaprockiArgentinaXuxue Feng QUALIFIED
Salvatore E WaycottCanadaStephen Shaw NEGOTIATION
Nicolas I SergiUnited KingdomAnna Fali PROPOSAL
Munro Y BowleyIndiaXuxue Feng QUALIFIED
Mujtaba B StockhamBrazilXuxue Feng NEGOTIATION
Morrow F AlbaresItalyElwin Sharvill RENEWAL
Octavia U FollerFranceElwin Sharvill PROPOSAL
Jones W FigeroaCanadaAsiya Javayant NEW
Salvatore N NickaBrazilAnna Fali NEGOTIATION
Misaki C FlosiUnited KingdomElwin Sharvill PROPOSAL
Murillo Q MaletItalyIvan Magalhaes UNQUALIFIED
Adams D KolmetzCanadaElwin Sharvill QUALIFIED
Julie S RoysterSpainAmy Elsner UNQUALIFIED
Juan Z InouyeFranceXuxue Feng NEGOTIATION
Ivar X PerinAustraliaOnyama Limba RENEWAL
Rodrigues P FollerRussiaAmy Elsner QUALIFIED
Ashley S OstroskyAustraliaIvan Magalhaes NEGOTIATION
Izzy P AmigonJapanElwin Sharvill QUALIFIED
Octavia C CampainFranceBernardo Dominic QUALIFIED
David S KolmetzCanadaBernardo Dominic NEGOTIATION
Francesco L RoysterSpainStephen Shaw RENEWAL
Aditya G SlusarskiArgentinaAnna Fali PROPOSAL
Leon I StensethAustraliaOnyama Limba PROPOSAL
Maria Y FlosiItalyIoni Bowcher PROPOSAL

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