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
Sinclair E StockhamJapanXuxue Feng NEGOTIATION
Leon W SlusarskiUnited KingdomOnyama Limba RENEWAL
Leon Q SergiGermanyElwin Sharvill NEGOTIATION
Sinclair U PoquetteAustraliaBernardo Dominic PROPOSAL
Murillo T TollnerIndiaAsiya Javayant NEGOTIATION
Leja W KolmetzBrazilAsiya Javayant QUALIFIED
Morrow F NestleGermanyIoni Bowcher QUALIFIED
Emily U RutaBrazilXuxue Feng RENEWAL
Claire A RoysterIndiaStephen Shaw PROPOSAL
Jones H SaylorsCanadaAsiya Javayant PROPOSAL
Munro E ButtUnited KingdomElwin Sharvill NEGOTIATION
Greenwood U WieserFranceBernardo Dominic RENEWAL
Maria C StensethArgentinaIvan Magalhaes QUALIFIED
Chavez R SaylorsSpainIvan Magalhaes PROPOSAL
Faith B MorascaItalyAsiya Javayant PROPOSAL
Leon H MaletFranceStephen Shaw NEGOTIATION
Stacey S WaycottFranceXuxue Feng PROPOSAL
Leja J GlickArgentinaIvan Magalhaes NEGOTIATION
Rodrigues F FollerItalyOnyama Limba NEGOTIATION
Francesco O AmigonSpainStephen Shaw QUALIFIED
Chavez K FollerItalyXuxue Feng NEGOTIATION
Nicolas F VocelkaIndiaBernardo Dominic NEGOTIATION
Ricardo U BologniaItalyAnna Fali QUALIFIED
Octavia O GillianBrazilAmy Elsner NEGOTIATION
Sinclair C StensethUnited KingdomAnna Fali QUALIFIED
Aditya G RulapaughAustraliaAnna Fali RENEWAL
Smith N OstroskyBrazilElwin Sharvill RENEWAL
Munro M TollnerItalyIvan Magalhaes NEW
Aika U PerinCanadaStephen Shaw PROPOSAL
Wickens D IturbideArgentinaAnna Fali RENEWAL
Jones N ButtBrazilAsiya Javayant UNQUALIFIED
Antonio J GillianJapanAnna Fali NEGOTIATION
Rodrigues S NickaArgentinaXuxue Feng UNQUALIFIED
Antonio Q RoysterUnited KingdomStephen Shaw NEGOTIATION
Stacey J BologniaBrazilOnyama Limba QUALIFIED
Stacey X IturbideSpainBernardo Dominic NEGOTIATION
Greenwood J GillianBrazilElwin Sharvill UNQUALIFIED
Nicolas F BologniaArgentinaBernardo Dominic NEW
Julie X MacleadIndiaBernardo Dominic QUALIFIED
Aika N OldroydItalyOnyama Limba NEW
Faith C NestleCanadaElwin Sharvill RENEWAL
Deepesh Y GauchoJapanOnyama Limba PROPOSAL
Leja W SergiFranceAnna Fali PROPOSAL
Stacey D BologniaCanadaIvan Magalhaes NEW
Darci C CampainArgentinaAsiya Javayant NEW
Jefferson Q VocelkaJapanStephen Shaw UNQUALIFIED
Faith H GlickRussiaIoni Bowcher UNQUALIFIED
Aruna W AlbaresArgentinaBernardo Dominic PROPOSAL
Murillo F VenereAustraliaAnna Fali NEW
Deepesh L WhobreyGermanyBernardo Dominic NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Silvio Z WhobreyUnited KingdomAsiya Javayant UNQUALIFIED
Mujtaba D GlickIndiaXuxue Feng NEW
Ricardo Y PerinFranceStephen Shaw NEW
Aika F OldroydBrazilIvan Magalhaes RENEWAL
Rodrigues Z BologniaCanadaAsiya Javayant NEW
Greenwood U CaldareraGermanyBernardo Dominic NEW
Octavia E GauchoFranceStephen Shaw NEW
Faith Y VocelkaArgentinaBernardo Dominic QUALIFIED
James N FigeroaFranceXuxue Feng PROPOSAL
Tony L SergiAustraliaAsiya Javayant NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Smith E KuskoSpain2026-09-27Chemel, James L Cpa NEGOTIATION43Ivan Magalhaes
1001Aruna J ButtFrance2026-09-22King, Christopher A Esq UNQUALIFIED29Amy Elsner
1002Ricardo Q GarufiFrance2026-10-05Chemel, James L Cpa RENEWAL8Onyama Limba
1003Leon B NestleCanada2026-09-17Dorl, James J Esq RENEWAL45Stephen Shaw
1004Rodrigues M VenereCanada2026-09-16Chanay, Jeffrey A Esq UNQUALIFIED94Amy Elsner
1005Kadeem B KolmetzBrazil2026-09-23Chemel, James L Cpa QUALIFIED38Ioni Bowcher
1006Julie A DoeBrazil2026-09-14Truhlar And Truhlar Attys NEGOTIATION0Anna Fali
1007Jefferson J WhobreyItaly2026-10-07Benton, John B Jr PROPOSAL41Ivan Magalhaes
1008Greenwood D StockhamBrazil2026-09-13Feiner Bros NEGOTIATION29Onyama Limba
1009Murillo L CampainBrazil2026-09-11Morlong Associates PROPOSAL99Ivan Magalhaes
1010Octavia P FollerCanada2026-09-21Morlong Associates NEGOTIATION64Onyama Limba
1011Nicolas V GlickCanada2026-10-01Rousseaux, Michael Esq NEGOTIATION87Asiya Javayant
1012Kadeem S VocelkaSpain2026-09-29Printing Dimensions RENEWAL71Stephen Shaw
1013Antonio G GlickCanada2026-09-15Truhlar And Truhlar Attys NEGOTIATION75Onyama Limba
1014Leon T DarakjyFrance2026-09-23Chapman, Ross E Esq UNQUALIFIED6Amy Elsner
1015Jefferson U GauchoSpain2026-10-04Dorl, James J Esq QUALIFIED22Amy Elsner
1016Rodrigues Y WaycottBrazil2026-09-13Chanay, Jeffrey A Esq NEGOTIATION52Xuxue Feng
1017Aika R SlusarskiCanada2026-10-07Feltz Printing Service PROPOSAL17Asiya Javayant
1018Kadeem I MarrierJapan2026-10-05Feltz Printing Service PROPOSAL50Ivan Magalhaes
1019Isabel Q SlusarskiCanada2026-09-09Feiner Bros NEGOTIATION58Xuxue Feng
1020Claire T KolmetzArgentina2026-09-12Rangoni Of Florence NEGOTIATION31Ioni Bowcher
1021Octavia V RulapaughFrance2026-09-30Chemel, James L Cpa UNQUALIFIED46Amy Elsner
1022Adams O NestleGermany2026-09-18Benton, John B Jr PROPOSAL39Onyama Limba
1023Leon O AmigonBrazil2026-09-22Chapman, Ross E Esq UNQUALIFIED72Elwin Sharvill
1024Mujtaba X TollnerCanada2026-09-21Rangoni Of Florence NEGOTIATION76Bernardo Dominic
1025Maria E ButtSpain2026-09-22Printing Dimensions PROPOSAL68Asiya Javayant
1026Misaki O InouyeCanada2026-10-04Truhlar And Truhlar Attys NEGOTIATION22Asiya Javayant
1027David B MaletJapan2026-10-04Buckley Miller Wright QUALIFIED78Onyama Limba
1028Isabel V FlosiSpain2026-09-12Commercial Press PROPOSAL43Anna Fali
1029Nicolas I IturbideIndia2026-09-11Truhlar And Truhlar Attys RENEWAL31Ioni Bowcher
1030Jeanfrancois L BologniaSpain2026-10-02King, Christopher A Esq RENEWAL49Stephen Shaw
1031Greenwood J MorascaUnited Kingdom2026-10-03Commercial Press RENEWAL21Bernardo Dominic
1032Aditya S CaudyBrazil2026-09-13Morlong Associates QUALIFIED97Ioni Bowcher
1033Johnson D GillianGermany2026-09-16Truhlar And Truhlar Attys RENEWAL28Asiya Javayant
1034Misaki J FigeroaItaly2026-09-23King, Christopher A Esq NEW0Xuxue Feng
1035Maisha A BologniaIndia2026-09-23Feiner Bros PROPOSAL71Bernardo Dominic
1036Darci M FigeroaAustralia2026-09-12Morlong Associates UNQUALIFIED82Anna Fali
1037Isabel K BriddickGermany2026-10-05Benton, John B Jr QUALIFIED96Stephen Shaw
1038Jeanfrancois W SchemmerIndia2026-09-21Chapman, Ross E Esq NEW63Asiya Javayant
1039Ivar A FlosiUnited Kingdom2026-09-10Chanay, Jeffrey A Esq PROPOSAL98Elwin Sharvill
1040Sinclair B VocelkaGermany2026-09-25Rousseaux, Michael Esq UNQUALIFIED79Stephen Shaw
1041Antonio B VocelkaRussia2026-09-20Printing Dimensions QUALIFIED90Bernardo Dominic
1042Mayumi H SergiItaly2026-09-28Truhlar And Truhlar Attys UNQUALIFIED41Ivan Magalhaes
1043Alejandro E MaletIndia2026-09-17Commercial Press QUALIFIED23Xuxue Feng
1044Arvin V RimRussia2026-09-12Chanay, Jeffrey A Esq NEW65Asiya Javayant
1045Arvin F PaprockiJapan2026-09-18Truhlar And Truhlar Attys NEW71Onyama Limba
1046Kaitlin L SergiItaly2026-10-07Chemel, James L Cpa NEGOTIATION1Anna Fali
1047Leja I MaletRussia2026-10-02Chemel, James L Cpa NEW14Onyama Limba
1048Francesco E PerinUnited Kingdom2026-09-22Morlong Associates PROPOSAL98Amy Elsner
1049Tony F GillianArgentina2026-09-09Printing Dimensions QUALIFIED60Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Sinclair O FigeroaJapanElwin Sharvill RENEWAL
Jones X SergiUnited KingdomAsiya Javayant PROPOSAL
Alejandro D CaldareraIndiaIvan Magalhaes UNQUALIFIED
Juan N PerinJapanAnna Fali NEGOTIATION
Chavez U RulapaughFranceAsiya Javayant RENEWAL
Cody V InouyeSpainBernardo Dominic RENEWAL
Izzy N RulapaughBrazilAnna Fali QUALIFIED
Stacey L BriddickUnited KingdomXuxue Feng PROPOSAL
Johnson J MacleadJapanElwin Sharvill NEGOTIATION
Nicolas I BriddickItalyOnyama Limba UNQUALIFIED
Clifford E CampainRussiaIoni Bowcher QUALIFIED
Isabel N PaprockiItalyElwin Sharvill RENEWAL
Deepesh N ShinkoArgentinaOnyama Limba QUALIFIED
Greenwood Z FerenczBrazilIoni Bowcher UNQUALIFIED
Antonio X FigeroaBrazilXuxue Feng UNQUALIFIED
James E StensethIndiaStephen Shaw QUALIFIED
Costa Q OldroydSpainStephen Shaw RENEWAL
Aika Q FigeroaRussiaIoni Bowcher NEGOTIATION
Munro U PerinUnited KingdomOnyama Limba PROPOSAL
Nicolas V PaprockiRussiaXuxue Feng NEW
Johnson G PoquetteIndiaBernardo Dominic NEW
Kadeem D GarufiFranceAnna Fali RENEWAL
Emily K SchemmerJapanStephen Shaw RENEWAL
Johnson U MarrierJapanOnyama Limba UNQUALIFIED
Kaitlin T KolmetzUnited KingdomXuxue Feng NEW
Jeanfrancois A SaylorsCanadaIoni Bowcher NEGOTIATION
Silvio E CampainJapanOnyama Limba NEGOTIATION
Adams W ButtIndiaIoni Bowcher RENEWAL
David O NestleCanadaAmy Elsner NEGOTIATION
Ivar S RutaIndiaXuxue Feng UNQUALIFIED
Kadeem J MacleadCanadaElwin Sharvill NEW
Johnson L AlbaresArgentinaAsiya Javayant RENEWAL
Mayumi A SchemmerBrazilStephen Shaw QUALIFIED
Kadeem E PoquetteCanadaAnna Fali NEW
Rodrigues H DoeFranceStephen Shaw QUALIFIED
Clifford R WaycottFranceBernardo Dominic NEW
Stacey W SaylorsArgentinaXuxue Feng PROPOSAL
Mayumi Y CaldareraUnited KingdomElwin Sharvill NEGOTIATION
Emily T BowleyJapanAnna Fali NEW
Jeanfrancois J RimItalyAsiya Javayant UNQUALIFIED
Ricardo J GarufiRussiaIoni Bowcher RENEWAL
Silvio X MaletSpainElwin Sharvill QUALIFIED
Octavia A AmigonSpainIoni Bowcher RENEWAL
Kadeem N RulapaughAustraliaElwin Sharvill RENEWAL
Claire M TollnerGermanyAsiya Javayant QUALIFIED
Claire J BologniaBrazilAmy Elsner NEGOTIATION
Julie T PaprockiJapanElwin Sharvill PROPOSAL
Adams T BologniaBrazilIoni Bowcher QUALIFIED
Aditya M FlosiUnited KingdomIvan Magalhaes RENEWAL
Maria E ButtCanadaBernardo Dominic PROPOSAL
Frozen Columns
Name
Antonio P Oldroyd
Maisha S Amigon
Adams M Sergi
Claire N Schemmer
Morrow E Malet
Jefferson Z Royster
Rodrigues S Chui
Arvin C Garufi
Johnson B Butt
Ivar K Garufi
Octavia X Whobrey
Clifford V Oldroyd
Jones Z Briddick
Leja W Bolognia
Costa Z Foller
Leon D Vocelka
Tony Q Garufi
Antonio W Nicka
Cody J Bowley
Leja V Foller
Chavez B Ostrosky
Clifford E Royster
Aruna F Poquette
Murillo G Bolognia
Costa G Nestle
Cody Y Paprocki
Ashley K Marrier
Emily K Flosi
Jennifer A Venere
Jeanfrancois C Venere
Wickens O Stockham
Jeanfrancois C Iturbide
Maisha T Maclead
Maria S Albares
Nicolas T Dilliard
Aditya Q Kolmetz
Alejandro E Rulapaugh
Tony Z Slusarski
Maisha I Vocelka
Julie C Nicka
Faith Q Tollner
James F Briddick
Kadeem N Amigon
Antonio H Doe
Claire B Saylors
Sinclair F Iturbide
Deepesh T Rim
Misaki H Malet
Jennifer J Darakjy
Silvio A Iturbide
IdCountryDate
1000Brazil2026-09-13
1001Japan2026-09-21
1002Brazil2026-09-27
1003Canada2026-10-06
1004Canada2026-09-13
1005Japan2026-09-22
1006Spain2026-09-13
1007France2026-09-27
1008France2026-09-27
1009India2026-10-07
1010France2026-09-19
1011India2026-10-03
1012Spain2026-09-13
1013Russia2026-09-08
1014Canada2026-09-23
1015India2026-10-02
1016Argentina2026-09-21
1017Germany2026-09-24
1018United Kingdom2026-09-24
1019Italy2026-09-26
1020Australia2026-09-12
1021Spain2026-09-21
1022Canada2026-09-13
1023Australia2026-09-14
1024France2026-09-19
1025United Kingdom2026-09-30
1026Italy2026-10-03
1027Japan2026-09-25
1028Canada2026-09-21
1029Germany2026-09-26
1030United Kingdom2026-10-07
1031Australia2026-10-02
1032Russia2026-09-25
1033Australia2026-09-13
1034India2026-09-26
1035France2026-09-18
1036Argentina2026-09-20
1037Argentina2026-09-12
1038United Kingdom2026-09-21
1039Russia2026-10-01
1040Italy2026-09-15
1041India2026-09-11
1042India2026-09-13
1043Italy2026-09-13
1044United Kingdom2026-09-15
1045Canada2026-10-03
1046Russia2026-09-25
1047India2026-10-02
1048Italy2026-09-22
1049France2026-10-07

On-Demand Data

NameIdCountryDate
Emily Y Tollner1000United Kingdom2026-09-21
Isabel B Waycott1001Italy2026-09-19
Silvio F Paprocki1002Japan2026-09-14
Ricardo F Garufi1003Russia2026-10-05
Jennifer Q Figeroa1004United Kingdom2026-10-02
Ivar U Venere1005Brazil2026-10-01
Stacey U Amigon1006Japan2026-09-25
Octavia R Chui1007United Kingdom2026-10-07
Claire J Vocelka1008United Kingdom2026-09-20
Emily W Tollner1009France2026-09-16
Munro V Campain1010France2026-10-05
Aditya C Flosi1011Russia2026-09-09
Stacey Z Campain1012Germany2026-09-21
Salvatore W Bolognia1013Argentina2026-09-26
Isabel I Poquette1014France2026-09-11
Leja T Briddick1015France2026-09-21
Sinclair W Amigon1016Germany2026-09-08
Jennifer Y Darakjy1017India2026-09-08
Misaki W Chui1018Italy2026-09-18
Octavia W Malet1019India2026-09-13
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Rodrigues S BriddickArgentinaAnna Fali NEGOTIATION
Salvatore P KolmetzArgentinaBernardo Dominic QUALIFIED
Ashley I PaprockiJapanBernardo Dominic RENEWAL
Chavez P VocelkaBrazilIvan Magalhaes RENEWAL
Greenwood V RutaArgentinaIvan Magalhaes UNQUALIFIED
David O AmigonGermanyXuxue Feng UNQUALIFIED
Maisha I CampainArgentinaAnna Fali NEW
Johnson Z BowleyFranceAnna Fali UNQUALIFIED
Chavez Y PoquetteFranceIoni Bowcher PROPOSAL
Murillo P TollnerCanadaIvan Magalhaes NEGOTIATION
Nicolas F MacleadGermanyIvan Magalhaes QUALIFIED
Mujtaba Y GauchoArgentinaIoni Bowcher RENEWAL
Cody S WaycottArgentinaElwin Sharvill PROPOSAL
James A KuskoIndiaElwin Sharvill RENEWAL
Misaki O SergiUnited KingdomAmy Elsner NEW
Salvatore D NickaSpainAnna Fali RENEWAL
Izzy Q PerinArgentinaOnyama Limba UNQUALIFIED
Misaki G MorascaUnited KingdomStephen Shaw UNQUALIFIED
Jones J OstroskyRussiaOnyama Limba NEGOTIATION
Johnson U StockhamBrazilIvan Magalhaes QUALIFIED
Munro M CaldareraFranceStephen Shaw UNQUALIFIED
Julie G BologniaArgentinaXuxue Feng NEW
Jones E PoquetteBrazilOnyama Limba NEW
Adams A MacleadSpainXuxue Feng UNQUALIFIED
Clifford W VenereRussiaIvan Magalhaes PROPOSAL
Mayumi J RimIndiaIvan Magalhaes NEW
Greenwood A RulapaughBrazilAsiya Javayant NEW
Mayumi A RoysterFranceBernardo Dominic UNQUALIFIED
Kadeem G BowleyFranceElwin Sharvill NEW
Darci N MaletSpainElwin Sharvill PROPOSAL
Adams L KuskoArgentinaAmy Elsner QUALIFIED
Salvatore G StensethCanadaXuxue Feng UNQUALIFIED
Munro A VenereJapanXuxue Feng UNQUALIFIED
Morrow X GillianSpainXuxue Feng PROPOSAL
Mayumi G SlusarskiAustraliaOnyama Limba UNQUALIFIED
Nicolas A MacleadFranceBernardo Dominic NEW
Mayumi V NestleArgentinaStephen Shaw NEW
Alejandro C VenereSpainOnyama Limba QUALIFIED
Leja P AmigonUnited KingdomOnyama Limba NEW
Deepesh N GlickSpainIvan Magalhaes 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>