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
Leon T MorascaCanadaAsiya Javayant QUALIFIED
Claire S SchemmerJapanBernardo Dominic NEW
Mayumi X GauchoItalyIoni Bowcher NEW
Juan Z GillianBrazilAmy Elsner QUALIFIED
Wickens M PerinGermanyIoni Bowcher QUALIFIED
Munro L AlbaresGermanyOnyama Limba NEW
Emily J DilliardGermanyAmy Elsner RENEWAL
Maria J DilliardFranceAmy Elsner PROPOSAL
Isabel S ButtRussiaIoni Bowcher RENEWAL
Jefferson Y RimArgentinaStephen Shaw RENEWAL
Salvatore M DarakjySpainOnyama Limba NEGOTIATION
Leja L MaletFranceIvan Magalhaes PROPOSAL
Ivar E VocelkaFranceXuxue Feng PROPOSAL
James R GlickUnited KingdomBernardo Dominic QUALIFIED
Smith C MaletFranceBernardo Dominic UNQUALIFIED
Nicolas E KuskoSpainAmy Elsner NEGOTIATION
Ashley C WhobreyUnited KingdomElwin Sharvill PROPOSAL
Isabel T ShinkoFranceAsiya Javayant QUALIFIED
Julie E TollnerFranceStephen Shaw NEW
Wickens Q RutaIndiaBernardo Dominic NEGOTIATION
Julie X FlosiFranceBernardo Dominic NEW
Tony E GarufiSpainAnna Fali PROPOSAL
Costa M GarufiFranceStephen Shaw PROPOSAL
Izzy C AlbaresSpainAmy Elsner NEGOTIATION
Tony X RimArgentinaAsiya Javayant UNQUALIFIED
Adams U MaletFranceXuxue Feng NEGOTIATION
Emily J BowleyFranceOnyama Limba PROPOSAL
Jeanfrancois J AlbaresAustraliaAmy Elsner PROPOSAL
Clifford J InouyeFranceBernardo Dominic NEGOTIATION
Stacey H CaudyArgentinaStephen Shaw PROPOSAL
Tony R OstroskyArgentinaAsiya Javayant PROPOSAL
Kaitlin Y CaudyAustraliaOnyama Limba NEW
Chavez F NickaArgentinaIvan Magalhaes UNQUALIFIED
Sinclair V OstroskyRussiaStephen Shaw QUALIFIED
Julie A CaldareraArgentinaBernardo Dominic RENEWAL
Costa W CaudySpainBernardo Dominic QUALIFIED
Mujtaba K AmigonFranceAmy Elsner QUALIFIED
Nicolas E SaylorsUnited KingdomAsiya Javayant PROPOSAL
Mujtaba T NickaJapanAnna Fali NEW
Emily J MarrierUnited KingdomStephen Shaw RENEWAL
Jones Z FigeroaGermanyAmy Elsner UNQUALIFIED
Arvin E AlbaresFranceAmy Elsner QUALIFIED
Jefferson V FlosiJapanElwin Sharvill UNQUALIFIED
Morrow G CampainAustraliaStephen Shaw NEGOTIATION
Juan U RimAustraliaOnyama Limba RENEWAL
Mayumi U FigeroaIndiaIoni Bowcher QUALIFIED
Arvin W IturbideAustraliaIoni Bowcher QUALIFIED
Emily K KolmetzSpainIvan Magalhaes UNQUALIFIED
Ricardo X RimCanadaAnna Fali NEGOTIATION
Francesco Q SaylorsJapanElwin Sharvill UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Ricardo V GarufiJapanOnyama Limba NEGOTIATION
Ivar I FerenczArgentinaAmy Elsner NEGOTIATION
Costa X SchemmerGermanyXuxue Feng RENEWAL
Salvatore D VenereUnited KingdomAsiya Javayant QUALIFIED
Rodrigues T NestleAustraliaAnna Fali NEW
Cody I PoquetteBrazilBernardo Dominic NEGOTIATION
Nicolas D GauchoRussiaAnna Fali RENEWAL
Tony X WhobreyUnited KingdomAnna Fali RENEWAL
Misaki P BriddickBrazilElwin Sharvill NEW
Ivar H BologniaArgentinaStephen Shaw PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Octavia P KolmetzRussia2026-10-22Chanay, Jeffrey A Esq PROPOSAL24Ivan Magalhaes
1001Ashley P FlosiIndia2026-11-08Chanay, Jeffrey A Esq RENEWAL73Elwin Sharvill
1002Ashley B NickaAustralia2026-10-17Morlong Associates QUALIFIED81Onyama Limba
1003Francesco E KuskoFrance2026-10-16King, Christopher A Esq PROPOSAL17Xuxue Feng
1004Jeanfrancois S VocelkaRussia2026-10-22Printing Dimensions NEGOTIATION49Ivan Magalhaes
1005Octavia L FerenczBrazil2026-11-06Dorl, James J Esq PROPOSAL73Anna Fali
1006Leja D GillianUnited Kingdom2026-11-07Printing Dimensions QUALIFIED61Ioni Bowcher
1007Chavez Q OstroskyFrance2026-10-15Commercial Press NEGOTIATION15Stephen Shaw
1008Nicolas G WaycottSpain2026-11-03Feltz Printing Service RENEWAL75Xuxue Feng
1009Cody X BowleySpain2026-10-15Chapman, Ross E Esq RENEWAL51Stephen Shaw
1010Greenwood N InouyeRussia2026-11-01Buckley Miller Wright NEW77Onyama Limba
1011Nicolas W MaletRussia2026-10-22Feiner Bros NEW63Stephen Shaw
1012Octavia F WaycottJapan2026-10-13Chapman, Ross E Esq QUALIFIED1Amy Elsner
1013Aruna R InouyeFrance2026-10-31Chanay, Jeffrey A Esq NEW11Bernardo Dominic
1014Darci H OstroskyCanada2026-10-20Morlong Associates QUALIFIED0Elwin Sharvill
1015Kaitlin A RimCanada2026-10-25Feltz Printing Service QUALIFIED80Asiya Javayant
1016Antonio T CaldareraCanada2026-10-26Rousseaux, Michael Esq PROPOSAL71Stephen Shaw
1017Tony Z CaldareraArgentina2026-11-04Benton, John B Jr NEGOTIATION75Anna Fali
1018Jefferson J FigeroaCanada2026-10-29Chemel, James L Cpa QUALIFIED35Asiya Javayant
1019Kadeem P NickaArgentina2026-10-13Printing Dimensions NEW16Ioni Bowcher
1020Ricardo N PerinRussia2026-11-04King, Christopher A Esq NEGOTIATION47Xuxue Feng
1021Julie D KuskoAustralia2026-10-14Rousseaux, Michael Esq NEW83Stephen Shaw
1022Leja Z ChuiRussia2026-11-05Buckley Miller Wright UNQUALIFIED22Elwin Sharvill
1023Aruna H StensethAustralia2026-11-03Chapman, Ross E Esq PROPOSAL81Asiya Javayant
1024Francesco E OstroskyUnited Kingdom2026-10-21Feiner Bros NEGOTIATION38Amy Elsner
1025Munro Y RoysterFrance2026-11-03Printing Dimensions NEGOTIATION63Asiya Javayant
1026Chavez V SaylorsUnited Kingdom2026-11-08Truhlar And Truhlar Attys NEW71Stephen Shaw
1027Emily V SlusarskiItaly2026-11-08Truhlar And Truhlar Attys NEGOTIATION36Ioni Bowcher
1028Nicolas L AmigonRussia2026-11-03Chemel, James L Cpa NEGOTIATION17Anna Fali
1029Morrow I OldroydUnited Kingdom2026-10-28Dorl, James J Esq QUALIFIED22Xuxue Feng
1030Costa M MacleadJapan2026-10-16Morlong Associates UNQUALIFIED99Onyama Limba
1031Ashley P RimAustralia2026-10-31Chapman, Ross E Esq RENEWAL24Ivan Magalhaes
1032Smith I BologniaUnited Kingdom2026-11-08Commercial Press UNQUALIFIED70Bernardo Dominic
1033Wickens D BriddickUnited Kingdom2026-11-08Chapman, Ross E Esq RENEWAL63Elwin Sharvill
1034David R DilliardItaly2026-11-04Printing Dimensions QUALIFIED33Asiya Javayant
1035Silvio J FerenczFrance2026-10-19King, Christopher A Esq QUALIFIED81Ivan Magalhaes
1036Claire L BriddickSpain2026-10-13Feiner Bros RENEWAL31Xuxue Feng
1037Murillo P MorascaItaly2026-11-05Dorl, James J Esq UNQUALIFIED8Stephen Shaw
1038Kaitlin M DilliardArgentina2026-11-05Truhlar And Truhlar Attys NEW93Asiya Javayant
1039Octavia Y CaldareraAustralia2026-10-23King, Christopher A Esq RENEWAL45Anna Fali
1040Rodrigues J TollnerGermany2026-11-07Chapman, Ross E Esq NEW46Elwin Sharvill
1041Emily S MaletGermany2026-11-05Chemel, James L Cpa NEW4Xuxue Feng
1042Greenwood D DarakjyAustralia2026-11-08Feiner Bros QUALIFIED87Stephen Shaw
1043James X KolmetzBrazil2026-10-26Printing Dimensions QUALIFIED54Elwin Sharvill
1044Aika D PoquetteArgentina2026-11-01Buckley Miller Wright PROPOSAL61Xuxue Feng
1045Ricardo R NickaArgentina2026-10-25Benton, John B Jr UNQUALIFIED16Anna Fali
1046Tony L AmigonAustralia2026-10-18Truhlar And Truhlar Attys RENEWAL69Asiya Javayant
1047Clifford M MacleadIndia2026-10-18Chapman, Ross E Esq NEGOTIATION91Stephen Shaw
1048Emily Q FollerBrazil2026-11-08Dorl, James J Esq QUALIFIED30Elwin Sharvill
1049Stacey H WaycottIndia2026-10-24Rousseaux, Michael Esq NEW88Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Maisha E DoeArgentinaIoni Bowcher NEW
Jones I RoysterBrazilStephen Shaw NEGOTIATION
Faith B ChuiRussiaOnyama Limba QUALIFIED
Costa U GillianCanadaIoni Bowcher NEGOTIATION
Mayumi O FigeroaBrazilAmy Elsner PROPOSAL
Mujtaba B BowleyCanadaStephen Shaw QUALIFIED
Clifford E AlbaresArgentinaAsiya Javayant NEGOTIATION
Chavez Z PoquetteCanadaBernardo Dominic QUALIFIED
Tony D MacleadJapanIvan Magalhaes RENEWAL
Jefferson T AmigonJapanIoni Bowcher QUALIFIED
Leja N SaylorsFranceElwin Sharvill QUALIFIED
Mujtaba F NestleAustraliaIoni Bowcher NEGOTIATION
David V AlbaresUnited KingdomAsiya Javayant RENEWAL
Darci M PerinAustraliaElwin Sharvill QUALIFIED
Arvin Q TollnerFranceOnyama Limba RENEWAL
Stacey I WhobreyUnited KingdomIvan Magalhaes NEGOTIATION
Morrow G MaletGermanyOnyama Limba UNQUALIFIED
Aruna M IturbideSpainXuxue Feng NEW
Julie R BologniaGermanyIoni Bowcher QUALIFIED
Alejandro L RoysterGermanyAnna Fali NEGOTIATION
Wickens D CaudyGermanyStephen Shaw UNQUALIFIED
Mujtaba X AmigonIndiaOnyama Limba NEGOTIATION
Adams W OldroydAustraliaIoni Bowcher NEW
Rodrigues V OstroskySpainIvan Magalhaes QUALIFIED
Johnson J RoysterJapanXuxue Feng PROPOSAL
Munro B CaudyItalyStephen Shaw QUALIFIED
Isabel W NestleSpainAsiya Javayant NEW
Johnson H AmigonBrazilAmy Elsner QUALIFIED
Misaki Q AmigonJapanBernardo Dominic QUALIFIED
Ashley B BowleyBrazilIoni Bowcher NEW
Jennifer Z BriddickFranceStephen Shaw NEW
Jefferson S NestleAustraliaIvan Magalhaes NEW
Izzy V ButtGermanyBernardo Dominic QUALIFIED
David R InouyeArgentinaElwin Sharvill NEW
Jennifer L SchemmerIndiaBernardo Dominic UNQUALIFIED
James N GlickBrazilBernardo Dominic UNQUALIFIED
Mujtaba X KolmetzJapanStephen Shaw QUALIFIED
Octavia V FigeroaGermanyIoni Bowcher UNQUALIFIED
Darci X OldroydFranceIoni Bowcher RENEWAL
Julie H BowleyUnited KingdomOnyama Limba NEW
Leja G MorascaCanadaIvan Magalhaes NEGOTIATION
Smith Q PoquetteUnited KingdomAnna Fali PROPOSAL
Clifford V RulapaughFranceAmy Elsner NEW
Ricardo M BriddickArgentinaOnyama Limba RENEWAL
Costa R MaletArgentinaAnna Fali NEW
Jones C OldroydGermanyElwin Sharvill PROPOSAL
David E CampainBrazilIvan Magalhaes NEGOTIATION
Aika Z GlickItalyOnyama Limba RENEWAL
Cody Q CampainIndiaOnyama Limba NEW
Cody D KuskoUnited KingdomAsiya Javayant PROPOSAL
Frozen Columns
Name
Leja M Butt
Clifford G Ostrosky
Mujtaba C Bolognia
Maria W Oldroyd
Rodrigues B Campain
Cody J Morasca
Claire Q Bowley
Misaki B Caudy
Jeanfrancois O Stockham
Smith K Sergi
Silvio Y Stockham
Tony X Maclead
Salvatore E Dilliard
Emily T Slusarski
Cody V Albares
Jeanfrancois O Foller
Smith A Kolmetz
Kadeem J Inouye
Adams U Briddick
Faith D Oldroyd
Wickens F Stenseth
Chavez W Amigon
Mujtaba B Campain
Faith W Whobrey
Antonio E Gillian
Johnson Y Marrier
Sinclair B Paprocki
Isabel F Schemmer
Wickens J Rim
Alejandro B Rim
Isabel G Flosi
Mujtaba J Waycott
Ricardo D Poquette
Jennifer U Slusarski
Aditya A Gillian
Kadeem V Ostrosky
Ivar S Paprocki
Claire D Sergi
Isabel J Dilliard
Johnson N Campain
Adams N Briddick
Salvatore Q Morasca
Mujtaba V Stockham
Jeanfrancois G Briddick
Emily Q Saylors
Aika F Foller
Smith X Bolognia
Isabel R Poquette
Jefferson W Perin
Misaki I Marrier
IdCountryDate
1000United Kingdom2026-10-15
1001Russia2026-10-28
1002Russia2026-10-12
1003Spain2026-10-12
1004Italy2026-10-18
1005Canada2026-10-13
1006Italy2026-10-30
1007United Kingdom2026-10-11
1008India2026-11-07
1009Spain2026-10-21
1010Canada2026-10-17
1011Argentina2026-11-08
1012Italy2026-10-16
1013United Kingdom2026-10-25
1014France2026-10-11
1015India2026-10-30
1016Japan2026-11-02
1017Russia2026-10-27
1018United Kingdom2026-11-01
1019Argentina2026-10-11
1020France2026-11-04
1021Spain2026-10-21
1022Germany2026-10-11
1023United Kingdom2026-10-17
1024Russia2026-10-23
1025United Kingdom2026-11-02
1026Spain2026-10-31
1027United Kingdom2026-10-25
1028Spain2026-10-24
1029Germany2026-10-19
1030India2026-10-23
1031Germany2026-11-08
1032Australia2026-10-28
1033Australia2026-11-03
1034Argentina2026-10-23
1035Australia2026-10-23
1036Spain2026-11-09
1037Italy2026-10-20
1038Italy2026-11-02
1039Australia2026-10-30
1040Spain2026-10-29
1041Argentina2026-11-04
1042India2026-10-25
1043Brazil2026-10-19
1044Australia2026-11-04
1045United Kingdom2026-10-14
1046Canada2026-11-02
1047France2026-11-03
1048Russia2026-11-08
1049United Kingdom2026-10-16

On-Demand Data

NameIdCountryDate
Antonio W Caldarera1000Argentina2026-10-27
Stacey V Vocelka1001Germany2026-10-27
Tony M Waycott1002Argentina2026-11-08
Juan U Kolmetz1003Russia2026-10-20
Aditya E Butt1004Canada2026-11-09
Misaki D Figeroa1005Russia2026-10-24
Faith B Poquette1006Germany2026-10-31
Francesco A Bowley1007Spain2026-11-04
Francesco A Caldarera1008United Kingdom2026-10-23
Stacey F Stockham1009Japan2026-10-30
Munro X Marrier1010Australia2026-10-19
Juan X Tollner1011Brazil2026-10-24
Jennifer P Venere1012India2026-10-20
Silvio Y Nicka1013Russia2026-10-24
Chavez D Morasca1014Germany2026-10-20
Jeanfrancois M Whobrey1015Argentina2026-10-29
Kadeem H Malet1016Brazil2026-10-25
Jefferson F Iturbide1017India2026-10-25
Deepesh C Butt1018Canada2026-10-25
Aruna D Tollner1019Japan2026-10-21
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Misaki E BriddickFranceElwin Sharvill NEGOTIATION
Ashley O RoysterAustraliaElwin Sharvill NEW
Izzy D VenereCanadaXuxue Feng PROPOSAL
Jefferson H BowleyJapanBernardo Dominic NEGOTIATION
Izzy V FerenczAustraliaAmy Elsner RENEWAL
Julie U FigeroaArgentinaBernardo Dominic NEW
Sinclair A RulapaughJapanOnyama Limba PROPOSAL
Aika N BriddickFranceOnyama Limba UNQUALIFIED
James Y PerinSpainElwin Sharvill UNQUALIFIED
Cody I AlbaresFranceXuxue Feng NEGOTIATION
Arvin F GillianFranceIoni Bowcher UNQUALIFIED
Wickens P PaprockiAustraliaAmy Elsner NEGOTIATION
Murillo Y NickaCanadaAnna Fali NEW
Maisha F SlusarskiCanadaIvan Magalhaes QUALIFIED
Antonio J KolmetzRussiaIoni Bowcher RENEWAL
Deepesh N StockhamAustraliaAnna Fali UNQUALIFIED
Julie Q RulapaughItalyBernardo Dominic NEW
Rodrigues B MacleadCanadaAsiya Javayant PROPOSAL
Faith Y ButtBrazilOnyama Limba NEW
Morrow Q VenereUnited KingdomAmy Elsner PROPOSAL
Mujtaba U CaudyArgentinaOnyama Limba RENEWAL
Kaitlin M RulapaughFranceStephen Shaw NEGOTIATION
Morrow H IturbideIndiaIvan Magalhaes QUALIFIED
Francesco J WhobreyUnited KingdomBernardo Dominic PROPOSAL
Greenwood N ShinkoArgentinaIoni Bowcher PROPOSAL
Clifford L VenereCanadaStephen Shaw NEGOTIATION
Francesco Y KuskoArgentinaIvan Magalhaes NEW
Faith Z RutaItalyIoni Bowcher RENEWAL
Claire D MacleadItalyAmy Elsner NEGOTIATION
Kadeem J OstroskyGermanyAsiya Javayant NEGOTIATION
Aditya A SlusarskiAustraliaIvan Magalhaes UNQUALIFIED
Octavia Z TollnerUnited KingdomElwin Sharvill PROPOSAL
Maria H PoquetteRussiaIoni Bowcher NEGOTIATION
David R FigeroaRussiaIvan Magalhaes RENEWAL
Smith Y RulapaughRussiaAmy Elsner NEW
Nicolas D StensethGermanyOnyama Limba RENEWAL
Salvatore U GillianJapanElwin Sharvill PROPOSAL
Octavia H DilliardGermanyStephen Shaw QUALIFIED
Cody D NestleAustraliaIoni Bowcher PROPOSAL
Leja K VocelkaSpainXuxue Feng 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>