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
Ashley K KolmetzItalyStephen Shaw NEW
Tony L RulapaughArgentinaAnna Fali QUALIFIED
Ashley W RimJapanBernardo Dominic QUALIFIED
Rodrigues G MaletGermanyAmy Elsner QUALIFIED
Jones L SlusarskiCanadaElwin Sharvill NEGOTIATION
Arvin M ButtUnited KingdomOnyama Limba QUALIFIED
Kadeem F ShinkoJapanStephen Shaw RENEWAL
Nicolas U GlickCanadaXuxue Feng NEW
Kadeem J PaprockiUnited KingdomAmy Elsner RENEWAL
Mayumi C SaylorsJapanAmy Elsner RENEWAL
Ivar K FerenczRussiaStephen Shaw QUALIFIED
Darci Y MacleadIndiaIoni Bowcher NEGOTIATION
Johnson K MarrierSpainBernardo Dominic NEW
Ivar Y VocelkaGermanyAmy Elsner QUALIFIED
Murillo A RoysterRussiaOnyama Limba PROPOSAL
Francesco Y OldroydItalyBernardo Dominic NEW
Morrow R RutaGermanyIoni Bowcher RENEWAL
Emily X InouyeGermanyBernardo Dominic NEGOTIATION
Jefferson P StockhamCanadaElwin Sharvill UNQUALIFIED
Jefferson A WhobreyBrazilElwin Sharvill PROPOSAL
Jeanfrancois C RutaRussiaBernardo Dominic NEGOTIATION
Aika P TollnerArgentinaOnyama Limba QUALIFIED
Ivar I AlbaresJapanAsiya Javayant NEW
Aruna U IturbideAustraliaAmy Elsner NEGOTIATION
Antonio P CaldareraSpainAmy Elsner RENEWAL
Aika D FollerArgentinaAsiya Javayant PROPOSAL
Jefferson C BologniaFranceXuxue Feng NEGOTIATION
Izzy I OldroydUnited KingdomOnyama Limba NEGOTIATION
Stacey U SchemmerBrazilAnna Fali QUALIFIED
Munro E RimItalyBernardo Dominic NEW
Jeanfrancois Z DoeUnited KingdomXuxue Feng QUALIFIED
Chavez Q CampainAustraliaOnyama Limba PROPOSAL
Jeanfrancois L AmigonArgentinaBernardo Dominic UNQUALIFIED
Mayumi T WhobreyRussiaStephen Shaw UNQUALIFIED
Nicolas P GarufiIndiaAnna Fali RENEWAL
Ricardo Y MaletSpainXuxue Feng RENEWAL
Isabel R StensethCanadaStephen Shaw RENEWAL
Ivar O GarufiJapanAmy Elsner PROPOSAL
Ashley V WaycottRussiaIvan Magalhaes RENEWAL
Isabel C VenereAustraliaOnyama Limba NEW
Nicolas K KolmetzItalyOnyama Limba RENEWAL
Ricardo M PerinJapanOnyama Limba NEW
Adams M RutaUnited KingdomAsiya Javayant NEGOTIATION
Francesco F FollerUnited KingdomStephen Shaw PROPOSAL
David B WaycottCanadaIvan Magalhaes UNQUALIFIED
Maisha U BriddickArgentinaIvan Magalhaes UNQUALIFIED
Stacey T OldroydFranceIvan Magalhaes PROPOSAL
Maisha C MorascaArgentinaAmy Elsner NEW
Misaki L BriddickGermanyIoni Bowcher QUALIFIED
Misaki J FlosiItalyStephen Shaw QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Maisha B FollerJapanStephen Shaw NEW
Misaki C OstroskyJapanBernardo Dominic QUALIFIED
Octavia C MaletJapanIoni Bowcher RENEWAL
Clifford Z CaudyAustraliaAnna Fali NEGOTIATION
Francesco X AmigonItalyAmy Elsner NEW
Chavez L RulapaughBrazilElwin Sharvill RENEWAL
Morrow G FerenczRussiaXuxue Feng NEW
Ricardo D ShinkoUnited KingdomAsiya Javayant PROPOSAL
Francesco P RutaJapanElwin Sharvill NEW
Tony C WieserCanadaIoni Bowcher PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Rodrigues R SlusarskiIndia2026-10-17Benton, John B Jr PROPOSAL19Bernardo Dominic
1001Cody I PaprockiArgentina2026-10-04Benton, John B Jr QUALIFIED65Xuxue Feng
1002Munro S IturbideAustralia2026-10-19Dorl, James J Esq PROPOSAL29Ivan Magalhaes
1003Kadeem K VocelkaRussia2026-10-20Buckley Miller Wright NEGOTIATION0Amy Elsner
1004Adams Q KuskoGermany2026-10-07Commercial Press QUALIFIED82Anna Fali
1005Maria M CampainFrance2026-10-07Morlong Associates RENEWAL70Anna Fali
1006Nicolas H PoquetteItaly2026-09-28Chanay, Jeffrey A Esq PROPOSAL56Xuxue Feng
1007Cody M TollnerUnited Kingdom2026-10-12Truhlar And Truhlar Attys RENEWAL95Elwin Sharvill
1008Mujtaba K WieserCanada2026-10-14Benton, John B Jr NEGOTIATION62Onyama Limba
1009Kaitlin S PerinFrance2026-10-10Feiner Bros PROPOSAL59Xuxue Feng
1010Emily X GarufiArgentina2026-10-19Feiner Bros NEW30Stephen Shaw
1011Murillo Y OstroskyIndia2026-10-02Printing Dimensions NEGOTIATION93Elwin Sharvill
1012Wickens Q RulapaughFrance2026-10-15Feltz Printing Service QUALIFIED6Onyama Limba
1013Octavia M FlosiUnited Kingdom2026-10-05Feiner Bros UNQUALIFIED28Ioni Bowcher
1014Mayumi D RoysterGermany2026-10-08Commercial Press RENEWAL50Onyama Limba
1015Munro K MacleadJapan2026-10-01Printing Dimensions RENEWAL55Bernardo Dominic
1016Kaitlin H FigeroaFrance2026-10-23Chanay, Jeffrey A Esq PROPOSAL40Xuxue Feng
1017Octavia D GlickUnited Kingdom2026-10-18Chemel, James L Cpa QUALIFIED74Amy Elsner
1018Julie Q GarufiItaly2026-09-28Rousseaux, Michael Esq UNQUALIFIED68Bernardo Dominic
1019Chavez B StensethFrance2026-10-03Truhlar And Truhlar Attys UNQUALIFIED48Xuxue Feng
1020Morrow E KuskoCanada2026-09-29Commercial Press RENEWAL76Anna Fali
1021Emily H WaycottJapan2026-09-27Chapman, Ross E Esq PROPOSAL25Stephen Shaw
1022Greenwood T SaylorsJapan2026-10-08Commercial Press PROPOSAL93Ioni Bowcher
1023Chavez A MaletIndia2026-10-18Chanay, Jeffrey A Esq PROPOSAL8Amy Elsner
1024Stacey G BriddickSpain2026-10-22King, Christopher A Esq QUALIFIED89Xuxue Feng
1025Tony A ButtUnited Kingdom2026-10-07Benton, John B Jr PROPOSAL35Onyama Limba
1026Deepesh U WhobreySpain2026-10-23Feiner Bros RENEWAL20Xuxue Feng
1027Jennifer A StockhamUnited Kingdom2026-09-27Rangoni Of Florence NEGOTIATION20Stephen Shaw
1028Tony Z MaletIndia2026-10-18Commercial Press NEW21Ivan Magalhaes
1029Aika N DilliardCanada2026-10-05Commercial Press UNQUALIFIED25Ivan Magalhaes
1030Greenwood Y ButtItaly2026-09-29Dorl, James J Esq UNQUALIFIED17Amy Elsner
1031Leon X DarakjyFrance2026-10-05Chanay, Jeffrey A Esq QUALIFIED85Bernardo Dominic
1032Julie W VocelkaRussia2026-10-13Dorl, James J Esq RENEWAL28Elwin Sharvill
1033Jennifer R DoeArgentina2026-10-08Feiner Bros QUALIFIED62Ioni Bowcher
1034Octavia P ChuiAustralia2026-10-10Rousseaux, Michael Esq NEW95Asiya Javayant
1035Julie C RulapaughFrance2026-10-08King, Christopher A Esq PROPOSAL73Anna Fali
1036Emily R DilliardItaly2026-10-22Truhlar And Truhlar Attys PROPOSAL70Asiya Javayant
1037Darci U SergiArgentina2026-10-20Dorl, James J Esq QUALIFIED15Onyama Limba
1038Jefferson E KuskoCanada2026-10-23Chemel, James L Cpa PROPOSAL20Xuxue Feng
1039Wickens F VenereUnited Kingdom2026-10-25Dorl, James J Esq PROPOSAL43Anna Fali
1040Alejandro O InouyeArgentina2026-10-22Rangoni Of Florence UNQUALIFIED54Elwin Sharvill
1041Aruna T ShinkoGermany2026-10-23Rangoni Of Florence PROPOSAL3Asiya Javayant
1042Jones I PoquetteRussia2026-10-24Feltz Printing Service QUALIFIED62Stephen Shaw
1043David X WhobreyIndia2026-10-24Buckley Miller Wright QUALIFIED26Onyama Limba
1044Adams H NestleIndia2026-09-27Commercial Press UNQUALIFIED28Onyama Limba
1045Aruna W GauchoArgentina2026-10-17Feiner Bros QUALIFIED56Onyama Limba
1046Jennifer T MaletAustralia2026-10-23Commercial Press UNQUALIFIED72Asiya Javayant
1047Ivar Q FollerJapan2026-09-28King, Christopher A Esq UNQUALIFIED67Amy Elsner
1048Leja L MorascaIndia2026-10-02Feltz Printing Service NEGOTIATION25Asiya Javayant
1049Murillo B SchemmerBrazil2026-10-09Dorl, James J Esq PROPOSAL29Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Octavia C AlbaresBrazilStephen Shaw RENEWAL
Smith Q PoquetteJapanStephen Shaw NEW
Leja X PaprockiGermanyOnyama Limba PROPOSAL
Smith Y DoeItalyAmy Elsner NEW
Tony P DoeArgentinaIvan Magalhaes QUALIFIED
Izzy P InouyeCanadaAnna Fali UNQUALIFIED
David Z AlbaresRussiaElwin Sharvill UNQUALIFIED
Kaitlin C DoeUnited KingdomBernardo Dominic NEW
Mayumi X BriddickGermanyIoni Bowcher RENEWAL
Cody C SchemmerBrazilBernardo Dominic PROPOSAL
Emily K ShinkoJapanXuxue Feng NEGOTIATION
Aika H GlickItalyStephen Shaw NEGOTIATION
Salvatore L VocelkaUnited KingdomBernardo Dominic NEGOTIATION
James Y BologniaGermanyAmy Elsner NEGOTIATION
Silvio M GarufiArgentinaAmy Elsner UNQUALIFIED
Sinclair W NestleItalyStephen Shaw NEW
David V MacleadUnited KingdomBernardo Dominic NEW
Tony M TollnerArgentinaAsiya Javayant NEW
Greenwood B RutaFranceAmy Elsner QUALIFIED
Costa A DilliardUnited KingdomIoni Bowcher NEGOTIATION
Maria Y DilliardRussiaBernardo Dominic NEW
Jeanfrancois F TollnerArgentinaIoni Bowcher NEW
Faith I GarufiFranceAsiya Javayant QUALIFIED
Faith U SaylorsAustraliaAsiya Javayant RENEWAL
Leon W VocelkaCanadaOnyama Limba PROPOSAL
Costa I GarufiFranceAmy Elsner UNQUALIFIED
Smith T KuskoAustraliaBernardo Dominic PROPOSAL
Maisha R WieserIndiaIvan Magalhaes NEGOTIATION
Izzy W GlickSpainBernardo Dominic QUALIFIED
Leon C TollnerGermanyElwin Sharvill UNQUALIFIED
Salvatore D AlbaresRussiaOnyama Limba NEW
Murillo Q MaletIndiaBernardo Dominic NEGOTIATION
Rodrigues K SchemmerFranceIvan Magalhaes NEW
Jefferson T MacleadSpainElwin Sharvill NEW
Johnson O StensethAustraliaBernardo Dominic PROPOSAL
Izzy R VenereAustraliaBernardo Dominic NEGOTIATION
Clifford H DarakjyItalyAnna Fali NEGOTIATION
Kaitlin V WaycottArgentinaAsiya Javayant RENEWAL
Tony B CaldareraJapanIvan Magalhaes PROPOSAL
Jones B AmigonAustraliaStephen Shaw QUALIFIED
Leja Z CampainJapanAnna Fali PROPOSAL
David T CaudyJapanStephen Shaw RENEWAL
Kadeem H VenereGermanyIoni Bowcher QUALIFIED
Alejandro X MaletCanadaElwin Sharvill NEGOTIATION
David W RimRussiaBernardo Dominic RENEWAL
Jeanfrancois P WieserCanadaOnyama Limba NEW
Aruna Z OldroydItalyAmy Elsner NEGOTIATION
Octavia T DarakjyItalyAnna Fali UNQUALIFIED
Smith Q FerenczGermanyElwin Sharvill PROPOSAL
Ricardo E RutaCanadaAsiya Javayant QUALIFIED
Frozen Columns
Name
Chavez M Rim
Stacey O Slusarski
Tony M Dilliard
Isabel Y Waycott
Jeanfrancois W Shinko
Nicolas N Nestle
Arvin X Bowley
Maisha R Tollner
Tony H Figeroa
David H Sergi
Juan L Foller
Maisha N Gillian
Darci M Oldroyd
Ivar T Caldarera
Nicolas D Sergi
Sinclair S Foller
Darci H Stockham
Julie S Ruta
Kadeem M Paprocki
Ashley Q Stockham
Sinclair V Morasca
Isabel Z Sergi
Cody Q Albares
Maisha O Gillian
Kaitlin P Sergi
Clifford V Schemmer
Aruna U Waycott
Jennifer T Darakjy
Jeanfrancois U Albares
Tony Z Saylors
Leon K Bowley
Faith P Gaucho
Antonio U Ostrosky
Isabel R Garufi
Claire P Ferencz
James R Nestle
Jefferson I Iturbide
Rodrigues O Morasca
Ivar U Albares
Maria W Marrier
Leon E Ferencz
Juan W Ruta
Greenwood Z Schemmer
Smith F Ferencz
Leja O Schemmer
Mujtaba Q Chui
Julie K Albares
Jennifer Y Foller
Rodrigues R Campain
Kadeem P Darakjy
IdCountryDate
1000United Kingdom2026-10-25
1001United Kingdom2026-10-21
1002Australia2026-10-02
1003Italy2026-10-18
1004India2026-10-08
1005India2026-10-05
1006Italy2026-10-13
1007Australia2026-10-05
1008Argentina2026-10-04
1009Spain2026-10-01
1010Brazil2026-10-20
1011France2026-10-18
1012Russia2026-10-13
1013Argentina2026-10-15
1014Australia2026-10-26
1015Spain2026-10-12
1016Italy2026-10-01
1017United Kingdom2026-10-21
1018Russia2026-10-01
1019France2026-10-02
1020Spain2026-10-11
1021Australia2026-10-10
1022Australia2026-10-13
1023Brazil2026-10-18
1024Japan2026-10-10
1025Brazil2026-10-01
1026Canada2026-10-20
1027Spain2026-10-12
1028Germany2026-09-27
1029Argentina2026-10-14
1030Australia2026-10-26
1031Canada2026-10-17
1032France2026-10-08
1033Japan2026-10-06
1034Canada2026-10-11
1035Germany2026-10-24
1036Canada2026-10-21
1037Russia2026-10-23
1038Spain2026-10-16
1039Japan2026-10-20
1040France2026-10-19
1041Argentina2026-10-25
1042Russia2026-10-15
1043France2026-10-06
1044Brazil2026-10-07
1045United Kingdom2026-10-17
1046Russia2026-10-26
1047Brazil2026-10-16
1048Japan2026-10-24
1049Spain2026-10-25

On-Demand Data

NameIdCountryDate
Chavez M Albares1000Australia2026-10-18
Ivar N Butt1001India2026-10-26
Greenwood J Sergi1002Argentina2026-10-22
Maria C Gillian1003India2026-09-29
Sinclair Z Caudy1004Brazil2026-10-15
Silvio K Albares1005India2026-10-12
Cody A Foller1006Canada2026-10-10
Stacey M Inouye1007Argentina2026-10-11
Munro N Wieser1008Spain2026-10-12
Costa L Darakjy1009Australia2026-10-15
Chavez K Oldroyd1010Australia2026-10-10
Emily F Wieser1011France2026-10-16
Faith I Rim1012United Kingdom2026-10-13
Costa Q Whobrey1013Germany2026-10-07
Munro K Saylors1014Spain2026-10-15
Smith L Foller1015Italy2026-09-29
Kadeem V Caldarera1016Japan2026-10-06
Ricardo V Whobrey1017Japan2026-10-26
Murillo G Malet1018United Kingdom2026-10-19
Francesco Z Caudy1019France2026-10-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Alejandro O MarrierGermanyAnna Fali UNQUALIFIED
Stacey I MacleadFranceIoni Bowcher QUALIFIED
Ricardo A RutaJapanAnna Fali QUALIFIED
Juan F RoysterJapanIvan Magalhaes PROPOSAL
Tony C CaldareraItalyIvan Magalhaes UNQUALIFIED
Emily E InouyeBrazilIoni Bowcher UNQUALIFIED
Isabel F RutaCanadaXuxue Feng UNQUALIFIED
Juan W SchemmerCanadaOnyama Limba QUALIFIED
Mujtaba K StensethJapanElwin Sharvill QUALIFIED
Jefferson E PerinItalyAmy Elsner RENEWAL
Faith P OstroskyAustraliaIoni Bowcher QUALIFIED
Izzy Z WieserUnited KingdomIvan Magalhaes QUALIFIED
Stacey C FigeroaUnited KingdomIvan Magalhaes QUALIFIED
Jefferson L BriddickIndiaAmy Elsner QUALIFIED
Murillo O RimAustraliaOnyama Limba NEGOTIATION
Rodrigues R MorascaRussiaAsiya Javayant PROPOSAL
Jones G MaletAustraliaOnyama Limba UNQUALIFIED
Kadeem G BriddickCanadaStephen Shaw NEW
Leja J InouyeAustraliaOnyama Limba QUALIFIED
Alejandro Z PerinIndiaAnna Fali RENEWAL
Ivar I ButtGermanyAsiya Javayant UNQUALIFIED
Cody O SaylorsItalyAsiya Javayant UNQUALIFIED
Francesco C KuskoUnited KingdomStephen Shaw NEGOTIATION
Kadeem I AmigonFranceElwin Sharvill QUALIFIED
Maisha G SergiFranceXuxue Feng UNQUALIFIED
Smith H OldroydSpainIoni Bowcher RENEWAL
Isabel D WaycottJapanElwin Sharvill UNQUALIFIED
Jennifer Q CaldareraBrazilBernardo Dominic PROPOSAL
Octavia R GillianFranceAnna Fali RENEWAL
Costa H CaudyCanadaBernardo Dominic RENEWAL
Silvio O MacleadBrazilElwin Sharvill UNQUALIFIED
Costa X PaprockiArgentinaAsiya Javayant NEGOTIATION
Salvatore U PoquetteUnited KingdomAsiya Javayant PROPOSAL
Jennifer K InouyeJapanBernardo Dominic NEW
Ivar B VenereGermanyBernardo Dominic PROPOSAL
Sinclair I GarufiSpainBernardo Dominic QUALIFIED
Nicolas G GlickUnited KingdomBernardo Dominic PROPOSAL
Ashley K MaletRussiaStephen Shaw QUALIFIED
Adams N TollnerSpainStephen Shaw UNQUALIFIED
Leja K TollnerFranceIvan Magalhaes UNQUALIFIED

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