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
Mujtaba P PaprockiAustraliaOnyama Limba NEGOTIATION
Clifford P MacleadRussiaIoni Bowcher NEGOTIATION
Sinclair N NestleRussiaAmy Elsner NEGOTIATION
Costa U GillianBrazilXuxue Feng RENEWAL
Kadeem R VenereBrazilBernardo Dominic UNQUALIFIED
Emily Z DoeGermanyStephen Shaw RENEWAL
Stacey F WhobreyBrazilElwin Sharvill QUALIFIED
Leja P MarrierArgentinaAsiya Javayant NEW
Ricardo I CampainAustraliaBernardo Dominic UNQUALIFIED
Maria S SaylorsRussiaXuxue Feng NEGOTIATION
Alejandro M CaudyCanadaElwin Sharvill NEW
Costa C MaletItalyAsiya Javayant RENEWAL
Salvatore Z WhobreyUnited KingdomAsiya Javayant PROPOSAL
Salvatore A MaletItalyBernardo Dominic RENEWAL
Costa Y RoysterRussiaAmy Elsner UNQUALIFIED
Francesco U CaldareraGermanyAnna Fali NEW
Claire D FollerJapanIoni Bowcher NEW
Aditya I NestleJapanOnyama Limba NEW
Jefferson Q BriddickFranceAnna Fali PROPOSAL
Faith G WieserArgentinaAmy Elsner NEW
Leja N RoysterCanadaElwin Sharvill NEGOTIATION
Jones O ButtJapanAsiya Javayant NEW
Sinclair C FigeroaUnited KingdomBernardo Dominic UNQUALIFIED
Juan J OldroydJapanAmy Elsner NEW
Munro R SergiRussiaIoni Bowcher RENEWAL
Johnson A RulapaughUnited KingdomAmy Elsner RENEWAL
Aditya B ButtCanadaAsiya Javayant NEW
Stacey B CaldareraJapanAmy Elsner UNQUALIFIED
Claire T RimJapanAmy Elsner UNQUALIFIED
Claire B RutaAustraliaIoni Bowcher PROPOSAL
Julie U MaletAustraliaElwin Sharvill UNQUALIFIED
Greenwood U BowleySpainStephen Shaw PROPOSAL
Juan F BowleyRussiaBernardo Dominic RENEWAL
Cody T SlusarskiSpainXuxue Feng NEW
Kadeem U FerenczGermanyBernardo Dominic QUALIFIED
Kadeem H GarufiArgentinaAmy Elsner UNQUALIFIED
Octavia X MaletIndiaAnna Fali QUALIFIED
Kaitlin E GlickJapanAsiya Javayant NEW
Leja P DoeUnited KingdomBernardo Dominic PROPOSAL
Claire B StockhamFranceXuxue Feng NEW
Claire J FerenczJapanIvan Magalhaes UNQUALIFIED
Jeanfrancois W VocelkaSpainAsiya Javayant QUALIFIED
Isabel X VocelkaBrazilAmy Elsner RENEWAL
Jones S MaletIndiaStephen Shaw NEGOTIATION
Wickens L MacleadBrazilIoni Bowcher QUALIFIED
Greenwood N VenereBrazilXuxue Feng NEW
Costa W MarrierCanadaElwin Sharvill NEW
Isabel Q InouyeFranceBernardo Dominic NEW
Greenwood Z AmigonCanadaAnna Fali RENEWAL
Francesco U StockhamRussiaAmy Elsner QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Munro V GlickArgentinaAnna Fali QUALIFIED
Cody O MaletGermanyAsiya Javayant NEGOTIATION
Kaitlin B VenereBrazilIvan Magalhaes NEGOTIATION
Silvio F AmigonBrazilElwin Sharvill NEGOTIATION
Maria V SergiJapanAmy Elsner NEGOTIATION
Munro W BriddickIndiaAmy Elsner NEGOTIATION
Salvatore C OldroydAustraliaAnna Fali UNQUALIFIED
Stacey J WhobreyUnited KingdomAsiya Javayant RENEWAL
Jennifer O SaylorsIndiaAmy Elsner NEGOTIATION
Costa X OldroydArgentinaIvan Magalhaes NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aruna U RutaRussia2026-09-22Benton, John B Jr NEW31Stephen Shaw
1001Izzy A BriddickItaly2026-09-06Truhlar And Truhlar Attys UNQUALIFIED29Stephen Shaw
1002Octavia O ShinkoGermany2026-09-21Chemel, James L Cpa NEGOTIATION13Ioni Bowcher
1003Aika E MaletIndia2026-09-15Commercial Press RENEWAL68Anna Fali
1004Jeanfrancois W VocelkaFrance2026-09-16Truhlar And Truhlar Attys NEW91Xuxue Feng
1005Francesco A AlbaresItaly2026-09-08Commercial Press QUALIFIED21Stephen Shaw
1006Maisha C FigeroaUnited Kingdom2026-08-29Commercial Press QUALIFIED19Ivan Magalhaes
1007Claire E BriddickUnited Kingdom2026-09-15Feiner Bros NEW35Stephen Shaw
1008Claire Q CaudyUnited Kingdom2026-09-17Chapman, Ross E Esq PROPOSAL18Asiya Javayant
1009Leon F PaprockiItaly2026-09-18Chapman, Ross E Esq RENEWAL83Elwin Sharvill
1010Leon N MaletUnited Kingdom2026-09-07Chanay, Jeffrey A Esq QUALIFIED85Anna Fali
1011Chavez O DoeBrazil2026-09-12Commercial Press RENEWAL24Asiya Javayant
1012Darci Z SchemmerArgentina2026-09-02Dorl, James J Esq UNQUALIFIED10Ioni Bowcher
1013Chavez M DoeUnited Kingdom2026-09-11Buckley Miller Wright UNQUALIFIED9Xuxue Feng
1014Munro R AmigonAustralia2026-09-19Rousseaux, Michael Esq NEGOTIATION76Elwin Sharvill
1015Smith J DarakjyFrance2026-09-12Rangoni Of Florence PROPOSAL30Xuxue Feng
1016Emily F DilliardJapan2026-08-27King, Christopher A Esq NEW2Amy Elsner
1017Jennifer Q RoysterFrance2026-08-27Feiner Bros NEGOTIATION7Ivan Magalhaes
1018Aruna L OldroydFrance2026-09-22Feltz Printing Service QUALIFIED17Ioni Bowcher
1019Julie N CaldareraSpain2026-09-11Benton, John B Jr RENEWAL87Ivan Magalhaes
1020Izzy W ButtFrance2026-08-28Feiner Bros NEGOTIATION22Onyama Limba
1021Alejandro V InouyeArgentina2026-08-27Benton, John B Jr NEGOTIATION98Amy Elsner
1022Arvin H TollnerRussia2026-08-29Rangoni Of Florence PROPOSAL88Amy Elsner
1023Jeanfrancois T FlosiSpain2026-09-25Benton, John B Jr PROPOSAL77Anna Fali
1024Kadeem L RulapaughSpain2026-08-31King, Christopher A Esq UNQUALIFIED19Onyama Limba
1025Nicolas L FerenczBrazil2026-09-11Printing Dimensions NEW40Ioni Bowcher
1026Tony E SchemmerUnited Kingdom2026-09-25Buckley Miller Wright UNQUALIFIED7Xuxue Feng
1027Chavez U SchemmerSpain2026-08-28Feltz Printing Service NEGOTIATION47Anna Fali
1028Isabel J DilliardIndia2026-09-03Chapman, Ross E Esq UNQUALIFIED20Elwin Sharvill
1029Johnson S ChuiSpain2026-09-10Chanay, Jeffrey A Esq UNQUALIFIED81Xuxue Feng
1030Chavez N BologniaCanada2026-09-10Benton, John B Jr PROPOSAL93Amy Elsner
1031Julie S MorascaUnited Kingdom2026-09-20Truhlar And Truhlar Attys NEW8Elwin Sharvill
1032Kaitlin K SchemmerCanada2026-09-04Morlong Associates PROPOSAL63Ioni Bowcher
1033Wickens V GarufiRussia2026-09-06Feltz Printing Service NEW3Ivan Magalhaes
1034Stacey P MaletItaly2026-09-18Buckley Miller Wright QUALIFIED53Amy Elsner
1035Kadeem V ShinkoJapan2026-08-28Feltz Printing Service PROPOSAL43Ivan Magalhaes
1036Misaki J SergiItaly2026-09-25Chemel, James L Cpa UNQUALIFIED98Onyama Limba
1037Sinclair X NickaFrance2026-08-31Feiner Bros PROPOSAL36Ivan Magalhaes
1038Adams G IturbideBrazil2026-09-07Morlong Associates NEGOTIATION32Stephen Shaw
1039Juan W GlickFrance2026-09-17Dorl, James J Esq QUALIFIED17Bernardo Dominic
1040Clifford Q CaudyFrance2026-09-22Printing Dimensions RENEWAL76Amy Elsner
1041Faith U ChuiBrazil2026-09-19Chanay, Jeffrey A Esq UNQUALIFIED22Asiya Javayant
1042Tony Z FigeroaJapan2026-09-19Truhlar And Truhlar Attys NEW33Elwin Sharvill
1043Ivar I TollnerRussia2026-09-11Chemel, James L Cpa NEGOTIATION56Ioni Bowcher
1044Emily V GarufiRussia2026-09-05King, Christopher A Esq UNQUALIFIED54Amy Elsner
1045Ashley J MaletArgentina2026-09-22Benton, John B Jr PROPOSAL4Asiya Javayant
1046Jefferson Z BologniaUnited Kingdom2026-09-14Truhlar And Truhlar Attys NEGOTIATION60Bernardo Dominic
1047Smith A StensethItaly2026-09-23Feiner Bros UNQUALIFIED18Elwin Sharvill
1048Morrow N ShinkoUnited Kingdom2026-09-22Chemel, James L Cpa QUALIFIED74Asiya Javayant
1049Cody W KuskoAustralia2026-08-30Chapman, Ross E Esq NEGOTIATION13Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Cody N KuskoJapanIvan Magalhaes PROPOSAL
Munro O SchemmerIndiaAmy Elsner NEW
Emily E GlickIndiaIoni Bowcher NEGOTIATION
Darci P NickaFranceAmy Elsner QUALIFIED
Tony S MaletUnited KingdomElwin Sharvill NEW
Smith M FerenczGermanyIvan Magalhaes PROPOSAL
Leja D ChuiBrazilAnna Fali NEGOTIATION
Antonio B SchemmerFranceBernardo Dominic UNQUALIFIED
Emily Q RulapaughAustraliaXuxue Feng PROPOSAL
Misaki C KolmetzRussiaXuxue Feng NEW
Kaitlin X RutaCanadaBernardo Dominic NEGOTIATION
Salvatore H WaycottCanadaIvan Magalhaes NEGOTIATION
Costa M SergiArgentinaOnyama Limba NEW
Kadeem T OldroydAustraliaStephen Shaw PROPOSAL
Costa X NestleJapanIoni Bowcher QUALIFIED
Maria U KolmetzFranceAsiya Javayant PROPOSAL
Cody Q RutaBrazilBernardo Dominic QUALIFIED
Claire W MorascaGermanyStephen Shaw PROPOSAL
Smith V VenereCanadaAmy Elsner NEGOTIATION
Aruna F VocelkaCanadaAmy Elsner NEGOTIATION
Murillo R FerenczSpainAsiya Javayant QUALIFIED
Clifford P WaycottSpainBernardo Dominic NEW
Leja X MacleadArgentinaStephen Shaw QUALIFIED
Mujtaba P ButtCanadaElwin Sharvill NEGOTIATION
Wickens P ShinkoAustraliaAnna Fali QUALIFIED
Isabel Y PaprockiIndiaIvan Magalhaes RENEWAL
Maisha X KolmetzFranceIvan Magalhaes PROPOSAL
Isabel R RulapaughUnited KingdomBernardo Dominic RENEWAL
Kadeem W MarrierAustraliaElwin Sharvill UNQUALIFIED
Izzy N GauchoSpainAnna Fali NEGOTIATION
Arvin R SlusarskiCanadaBernardo Dominic NEW
Arvin A GauchoIndiaIvan Magalhaes PROPOSAL
Johnson N PoquetteAustraliaAnna Fali PROPOSAL
Adams A KuskoItalyBernardo Dominic RENEWAL
Darci Z KolmetzAustraliaAsiya Javayant UNQUALIFIED
Julie D DoeAustraliaElwin Sharvill NEGOTIATION
Tony T RimJapanOnyama Limba PROPOSAL
Ivar H BriddickJapanStephen Shaw NEGOTIATION
Jennifer E MarrierCanadaAmy Elsner NEGOTIATION
Chavez V StockhamFranceStephen Shaw QUALIFIED
Salvatore C RulapaughIndiaBernardo Dominic UNQUALIFIED
Morrow L InouyeGermanyAnna Fali QUALIFIED
Maisha P FollerRussiaBernardo Dominic NEW
Emily D CaudyUnited KingdomIoni Bowcher RENEWAL
Mujtaba A FollerIndiaStephen Shaw PROPOSAL
Aika P WhobreyArgentinaOnyama Limba NEW
Maria Q KolmetzFranceXuxue Feng NEGOTIATION
Aditya M TollnerAustraliaAmy Elsner QUALIFIED
Stacey Z RimRussiaElwin Sharvill RENEWAL
Leon O OldroydGermanyElwin Sharvill PROPOSAL
Frozen Columns
Name
Leja O Ostrosky
Nicolas L Bowley
Rodrigues K Nicka
Smith U Poquette
Smith F Slusarski
Darci L Darakjy
Juan C Ruta
Costa N Glick
Murillo Z Flosi
Juan P Amigon
Mujtaba G Slusarski
Ivar W Figeroa
Kaitlin Z Glick
Darci B Slusarski
Chavez W Briddick
Silvio A Malet
Munro O Garufi
Francesco L Butt
Salvatore U Wieser
Faith Q Schemmer
Julie U Kolmetz
Maria P Flosi
Darci R Saylors
Munro F Morasca
Alejandro B Maclead
Kadeem I Schemmer
Deepesh M Tollner
Alejandro P Doe
Silvio D Nicka
Francesco Y Doe
Jones H Royster
Clifford L Glick
Ivar M Waycott
Stacey K Poquette
Aruna X Caldarera
Jennifer S Ruta
Clifford L Campain
Leja L Waycott
Kadeem A Stockham
James U Kusko
Costa V Whobrey
Julie A Rulapaugh
Stacey L Marrier
Aika T Paprocki
Tony F Poquette
Adams R Rulapaugh
Johnson J Sergi
David E Rulapaugh
Darci P Marrier
Stacey P Briddick
IdCountryDate
1000Japan2026-09-22
1001Brazil2026-08-31
1002Japan2026-09-04
1003Spain2026-08-29
1004Japan2026-09-07
1005India2026-09-17
1006United Kingdom2026-09-03
1007Germany2026-09-02
1008India2026-09-18
1009Germany2026-08-29
1010Japan2026-09-10
1011Canada2026-09-09
1012Italy2026-09-17
1013United Kingdom2026-09-09
1014Brazil2026-09-18
1015France2026-09-16
1016United Kingdom2026-09-13
1017Australia2026-09-04
1018Brazil2026-09-06
1019Australia2026-08-31
1020Argentina2026-09-17
1021Japan2026-09-21
1022Germany2026-09-17
1023France2026-09-24
1024Brazil2026-09-18
1025United Kingdom2026-08-31
1026France2026-09-04
1027Canada2026-09-14
1028Germany2026-09-15
1029Spain2026-09-17
1030Brazil2026-09-12
1031Spain2026-09-08
1032Japan2026-09-09
1033Spain2026-09-11
1034United Kingdom2026-09-10
1035United Kingdom2026-08-28
1036Spain2026-09-18
1037Italy2026-09-01
1038Australia2026-09-23
1039Japan2026-09-04
1040India2026-09-18
1041Australia2026-09-25
1042United Kingdom2026-09-12
1043Canada2026-08-27
1044Russia2026-09-01
1045Russia2026-09-12
1046France2026-09-14
1047United Kingdom2026-09-10
1048Canada2026-09-02
1049United Kingdom2026-09-03

On-Demand Data

NameIdCountryDate
Mayumi L Wieser1000Japan2026-09-14
Jennifer J Figeroa1001Japan2026-09-06
Salvatore F Shinko1002Russia2026-09-24
Silvio H Kusko1003Australia2026-09-19
Greenwood R Butt1004Argentina2026-09-19
Kaitlin X Shinko1005India2026-09-17
Aditya A Ostrosky1006Japan2026-09-18
Clifford C Flosi1007Spain2026-09-05
Darci L Royster1008Japan2026-09-25
Munro I Kolmetz1009Argentina2026-09-22
Jones I Albares1010Japan2026-09-20
Deepesh O Tollner1011Germany2026-09-21
Salvatore Z Flosi1012Spain2026-09-02
Francesco Y Shinko1013Canada2026-09-12
Francesco E Caldarera1014Germany2026-09-13
Cody G Venere1015Italy2026-09-05
Munro Y Morasca1016India2026-09-06
Maria D Campain1017Australia2026-09-17
Deepesh T Gaucho1018India2026-09-01
Silvio N Inouye1019Australia2026-09-03
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Sinclair D CaudyFranceXuxue Feng NEW
Arvin A FigeroaUnited KingdomAsiya Javayant PROPOSAL
Juan O FerenczIndiaBernardo Dominic UNQUALIFIED
Jefferson N MacleadJapanAmy Elsner RENEWAL
Smith Q DarakjyFranceStephen Shaw UNQUALIFIED
Clifford W DilliardGermanyAmy Elsner RENEWAL
Sinclair X GarufiSpainAnna Fali NEW
Cody Y WhobreyAustraliaIvan Magalhaes UNQUALIFIED
Antonio D GillianBrazilAmy Elsner NEW
Aika D RimFranceIoni Bowcher NEW
Smith M FerenczJapanElwin Sharvill PROPOSAL
Clifford G RoysterAustraliaAsiya Javayant UNQUALIFIED
Isabel Y DoeSpainIvan Magalhaes QUALIFIED
Antonio U InouyeCanadaOnyama Limba NEGOTIATION
James G RoysterRussiaIvan Magalhaes NEW
Aditya I InouyeCanadaStephen Shaw NEGOTIATION
Ashley J KuskoFranceAsiya Javayant UNQUALIFIED
Jones C AlbaresItalyElwin Sharvill QUALIFIED
Aruna R PaprockiBrazilOnyama Limba NEGOTIATION
Greenwood V OldroydAustraliaElwin Sharvill UNQUALIFIED
Smith G StensethBrazilBernardo Dominic RENEWAL
Juan M NickaRussiaAsiya Javayant PROPOSAL
Jones D CaldareraGermanyAnna Fali NEW
Ivar U ButtCanadaAnna Fali PROPOSAL
Silvio D RutaSpainIvan Magalhaes UNQUALIFIED
Munro H OstroskySpainIoni Bowcher QUALIFIED
Morrow F SchemmerBrazilAnna Fali NEGOTIATION
Ashley X GlickIndiaIoni Bowcher QUALIFIED
Salvatore C FigeroaIndiaXuxue Feng RENEWAL
Nicolas B BowleyArgentinaOnyama Limba QUALIFIED
Smith A GauchoGermanyAsiya Javayant QUALIFIED
Leja F MorascaFranceAsiya Javayant RENEWAL
Adams R TollnerIndiaIvan Magalhaes PROPOSAL
Salvatore Z SergiCanadaXuxue Feng UNQUALIFIED
Leon O InouyeGermanyBernardo Dominic NEW
Isabel B DarakjyGermanyXuxue Feng RENEWAL
Morrow V TollnerRussiaAsiya Javayant RENEWAL
Francesco Y DilliardGermanyAmy Elsner NEW
Jennifer A SchemmerJapanXuxue Feng NEGOTIATION
Juan L RimItalyAsiya Javayant 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>