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
Julie F VenereAustraliaOnyama Limba UNQUALIFIED
Johnson N NestleSpainStephen Shaw NEGOTIATION
Deepesh J RutaFranceIvan Magalhaes PROPOSAL
Jeanfrancois J PerinJapanAsiya Javayant QUALIFIED
Octavia H BriddickAustraliaStephen Shaw UNQUALIFIED
Greenwood B MorascaGermanyOnyama Limba NEGOTIATION
Emily J PoquetteItalyStephen Shaw PROPOSAL
Faith K MorascaAustraliaAmy Elsner NEW
Faith L GauchoIndiaBernardo Dominic UNQUALIFIED
Claire E PoquetteBrazilElwin Sharvill UNQUALIFIED
Jennifer X PerinCanadaAnna Fali RENEWAL
Adams K InouyeBrazilAsiya Javayant PROPOSAL
Jones I NickaFranceAmy Elsner PROPOSAL
Smith S KuskoIndiaAsiya Javayant NEW
Jennifer E RulapaughFranceXuxue Feng QUALIFIED
Alejandro Z GlickAustraliaBernardo Dominic UNQUALIFIED
Antonio F WaycottJapanAnna Fali PROPOSAL
Leon G RimItalyOnyama Limba RENEWAL
Jefferson Y GauchoAustraliaIvan Magalhaes NEGOTIATION
Sinclair L InouyeGermanyBernardo Dominic NEW
Maisha E InouyeSpainAmy Elsner QUALIFIED
Faith H CampainGermanyOnyama Limba PROPOSAL
David S ButtUnited KingdomIoni Bowcher NEGOTIATION
Faith B VocelkaUnited KingdomAmy Elsner UNQUALIFIED
Francesco E SchemmerFranceBernardo Dominic QUALIFIED
Emily E PerinCanadaAmy Elsner RENEWAL
Tony Q StensethAustraliaIoni Bowcher NEW
Claire R BowleyGermanyOnyama Limba UNQUALIFIED
Misaki P CaldareraGermanyAmy Elsner UNQUALIFIED
Kadeem E DilliardRussiaAsiya Javayant PROPOSAL
Mujtaba H MorascaArgentinaOnyama Limba PROPOSAL
Deepesh H WhobreyFranceStephen Shaw UNQUALIFIED
Francesco Y VocelkaCanadaBernardo Dominic PROPOSAL
Smith A AmigonGermanyAmy Elsner NEW
Maisha L SlusarskiSpainOnyama Limba QUALIFIED
Salvatore Q PaprockiItalyStephen Shaw NEW
Maria D MaletRussiaXuxue Feng NEW
Alejandro X MaletCanadaAsiya Javayant RENEWAL
Julie Q PaprockiIndiaOnyama Limba RENEWAL
Jeanfrancois Y PaprockiSpainIoni Bowcher UNQUALIFIED
Adams W BriddickUnited KingdomAsiya Javayant PROPOSAL
Francesco I RimUnited KingdomAmy Elsner QUALIFIED
Alejandro Y CaudyRussiaOnyama Limba RENEWAL
Maisha K KolmetzAustraliaAmy Elsner UNQUALIFIED
Izzy H KolmetzUnited KingdomOnyama Limba RENEWAL
Antonio E RimSpainStephen Shaw NEW
Ashley T NestleJapanIoni Bowcher NEGOTIATION
Antonio X CaudyArgentinaBernardo Dominic QUALIFIED
Adams I AmigonAustraliaStephen Shaw RENEWAL
Ivar S GauchoArgentinaElwin Sharvill NEW
Horizontal
NameCountryRepresentativeStatus
Aditya S CampainRussiaIoni Bowcher PROPOSAL
Leja Q PoquetteFranceIvan Magalhaes UNQUALIFIED
Leja T WieserGermanyOnyama Limba PROPOSAL
Greenwood J ShinkoJapanIoni Bowcher NEGOTIATION
Octavia D WieserCanadaStephen Shaw NEW
Claire P RulapaughArgentinaIoni Bowcher UNQUALIFIED
Ivar J PaprockiUnited KingdomIoni Bowcher NEW
Murillo P CaldareraGermanyElwin Sharvill PROPOSAL
Murillo W ChuiIndiaElwin Sharvill UNQUALIFIED
Ricardo Q FerenczArgentinaAsiya Javayant NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Darci F PoquetteCanada2026-09-01Benton, John B Jr PROPOSAL79Xuxue Feng
1001Ashley J ShinkoIndia2026-09-11Feltz Printing Service QUALIFIED56Asiya Javayant
1002Costa I GauchoSpain2026-09-23Feiner Bros QUALIFIED8Ioni Bowcher
1003Munro L SergiCanada2026-09-26Feltz Printing Service NEW90Elwin Sharvill
1004Ricardo C MaletBrazil2026-09-22Morlong Associates QUALIFIED16Bernardo Dominic
1005Ashley G AmigonGermany2026-09-19Buckley Miller Wright PROPOSAL94Ioni Bowcher
1006Chavez Q PaprockiBrazil2026-09-17Feltz Printing Service RENEWAL76Anna Fali
1007Aika R KuskoSpain2026-09-22Truhlar And Truhlar Attys QUALIFIED40Xuxue Feng
1008Maisha V OldroydBrazil2026-09-17Chapman, Ross E Esq NEW54Stephen Shaw
1009Emily V WaycottSpain2026-09-09Feltz Printing Service UNQUALIFIED66Amy Elsner
1010Maisha W MaletSpain2026-09-04Benton, John B Jr PROPOSAL40Ioni Bowcher
1011Julie S MorascaGermany2026-09-20Truhlar And Truhlar Attys UNQUALIFIED51Amy Elsner
1012Kaitlin O BriddickIndia2026-09-04Chemel, James L Cpa UNQUALIFIED77Amy Elsner
1013Tony X VocelkaJapan2026-09-01Chanay, Jeffrey A Esq UNQUALIFIED12Stephen Shaw
1014Tony P VocelkaBrazil2026-09-13Feiner Bros PROPOSAL18Xuxue Feng
1015Francesco O RulapaughJapan2026-09-22Benton, John B Jr NEW71Elwin Sharvill
1016Tony D MacleadAustralia2026-09-24Truhlar And Truhlar Attys RENEWAL30Bernardo Dominic
1017Julie Y MarrierJapan2026-09-17Commercial Press UNQUALIFIED98Elwin Sharvill
1018Silvio U VenereCanada2026-09-21Feltz Printing Service QUALIFIED93Onyama Limba
1019Mujtaba Q SaylorsFrance2026-09-11King, Christopher A Esq QUALIFIED0Xuxue Feng
1020Rodrigues U RulapaughIndia2026-09-07King, Christopher A Esq QUALIFIED41Onyama Limba
1021Munro H KuskoCanada2026-09-25Feltz Printing Service NEW44Elwin Sharvill
1022Adams V GillianJapan2026-09-01Commercial Press NEGOTIATION20Stephen Shaw
1023Deepesh J NickaCanada2026-09-03Morlong Associates NEGOTIATION33Amy Elsner
1024Tony J TollnerJapan2026-09-22Commercial Press QUALIFIED93Xuxue Feng
1025Alejandro P BriddickGermany2026-09-11Chanay, Jeffrey A Esq UNQUALIFIED11Elwin Sharvill
1026Octavia N ChuiArgentina2026-09-17Benton, John B Jr RENEWAL63Xuxue Feng
1027Maria M CaudyJapan2026-09-18Morlong Associates QUALIFIED17Ivan Magalhaes
1028Munro W DoeUnited Kingdom2026-09-14Feiner Bros PROPOSAL0Onyama Limba
1029Izzy L CaudyIndia2026-09-14King, Christopher A Esq PROPOSAL23Asiya Javayant
1030Ivar B WhobreyCanada2026-09-19Rousseaux, Michael Esq NEW3Asiya Javayant
1031Munro Q NickaItaly2026-09-27Chemel, James L Cpa UNQUALIFIED25Asiya Javayant
1032Aditya W PaprockiUnited Kingdom2026-09-02Feltz Printing Service RENEWAL60Ivan Magalhaes
1033Jefferson Y NestleSpain2026-09-27Commercial Press UNQUALIFIED69Bernardo Dominic
1034James X GlickIndia2026-09-21Chapman, Ross E Esq UNQUALIFIED50Bernardo Dominic
1035Ivar C PoquetteBrazil2026-09-03Printing Dimensions UNQUALIFIED85Anna Fali
1036Isabel U MaletCanada2026-09-07Chanay, Jeffrey A Esq NEW35Anna Fali
1037Leon K SaylorsSpain2026-09-07Rangoni Of Florence PROPOSAL92Xuxue Feng
1038Costa N GauchoGermany2026-09-17Morlong Associates PROPOSAL50Anna Fali
1039Emily T OldroydBrazil2026-09-02Dorl, James J Esq NEW74Ivan Magalhaes
1040Murillo Y OstroskyItaly2026-09-14Truhlar And Truhlar Attys NEGOTIATION78Anna Fali
1041Arvin M BriddickBrazil2026-09-19Buckley Miller Wright UNQUALIFIED8Anna Fali
1042Mujtaba S GauchoArgentina2026-09-09Feiner Bros PROPOSAL98Anna Fali
1043Salvatore L InouyeArgentina2026-09-08Morlong Associates QUALIFIED45Anna Fali
1044Isabel O GillianItaly2026-09-16Benton, John B Jr RENEWAL39Stephen Shaw
1045Maria H FlosiGermany2026-09-12Printing Dimensions NEW4Amy Elsner
1046Johnson N MacleadCanada2026-09-19Dorl, James J Esq UNQUALIFIED98Bernardo Dominic
1047Maisha H DarakjyAustralia2026-09-17Rousseaux, Michael Esq NEGOTIATION0Amy Elsner
1048Chavez H SaylorsUnited Kingdom2026-09-04Commercial Press UNQUALIFIED36Stephen Shaw
1049Isabel R SergiIndia2026-09-27Chemel, James L Cpa PROPOSAL86Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Juan Q SchemmerFranceIvan Magalhaes RENEWAL
Jefferson C AlbaresUnited KingdomAsiya Javayant RENEWAL
Rodrigues G OldroydSpainBernardo Dominic PROPOSAL
Julie U MaletIndiaIvan Magalhaes PROPOSAL
Claire D InouyeJapanIvan Magalhaes NEGOTIATION
Stacey I CaldareraRussiaAmy Elsner UNQUALIFIED
Izzy R MorascaItalyIoni Bowcher QUALIFIED
Murillo F MorascaRussiaIoni Bowcher RENEWAL
Julie K OstroskyArgentinaIoni Bowcher UNQUALIFIED
Stacey M NickaItalyOnyama Limba NEW
Maria Q NestleAustraliaStephen Shaw UNQUALIFIED
Jones T MarrierCanadaAmy Elsner RENEWAL
Stacey Z ChuiBrazilAmy Elsner PROPOSAL
Smith D AmigonRussiaElwin Sharvill QUALIFIED
Jeanfrancois X AmigonAustraliaElwin Sharvill NEW
Morrow D IturbideJapanElwin Sharvill NEW
Isabel E MaletFranceStephen Shaw UNQUALIFIED
Darci G CaudyGermanyIvan Magalhaes NEGOTIATION
Ivar F InouyeSpainAnna Fali QUALIFIED
Izzy R WhobreyBrazilAmy Elsner RENEWAL
Izzy X AlbaresGermanyAmy Elsner QUALIFIED
Arvin H SlusarskiSpainXuxue Feng PROPOSAL
Darci P KuskoGermanyStephen Shaw UNQUALIFIED
Aika X FerenczIndiaOnyama Limba PROPOSAL
Jones T ChuiIndiaIoni Bowcher PROPOSAL
Isabel G MaletArgentinaIvan Magalhaes RENEWAL
Wickens N FlosiUnited KingdomBernardo Dominic NEGOTIATION
Darci C MorascaSpainAsiya Javayant NEGOTIATION
Kadeem Z SergiBrazilXuxue Feng NEGOTIATION
Adams Z WhobreyAustraliaStephen Shaw UNQUALIFIED
Alejandro U WieserUnited KingdomIoni Bowcher NEGOTIATION
Deepesh W VenereCanadaBernardo Dominic UNQUALIFIED
Aditya G GlickArgentinaAnna Fali PROPOSAL
Julie Z PaprockiJapanElwin Sharvill RENEWAL
Smith G GlickGermanyAmy Elsner UNQUALIFIED
Maria N VocelkaCanadaOnyama Limba PROPOSAL
Juan B RimRussiaAsiya Javayant UNQUALIFIED
Claire L FigeroaRussiaAnna Fali UNQUALIFIED
Juan G NickaItalyBernardo Dominic UNQUALIFIED
Kaitlin Z RoysterItalyAnna Fali RENEWAL
Juan I GauchoUnited KingdomAmy Elsner NEW
Chavez S IturbideItalyOnyama Limba NEGOTIATION
Chavez M OldroydCanadaElwin Sharvill NEW
Stacey V GauchoItalyStephen Shaw NEGOTIATION
Nicolas R FigeroaIndiaIoni Bowcher PROPOSAL
Cody Q OldroydCanadaXuxue Feng UNQUALIFIED
Ricardo E DarakjyItalyOnyama Limba UNQUALIFIED
Aruna I BriddickAustraliaStephen Shaw UNQUALIFIED
Maria Q WhobreyAustraliaAmy Elsner RENEWAL
Morrow T ButtRussiaXuxue Feng PROPOSAL
Frozen Columns
Name
Julie W Kusko
Deepesh G Malet
Chavez V Venere
Mujtaba Q Nestle
Juan N Iturbide
Stacey Q Slusarski
Misaki G Tollner
Chavez R Campain
Leon O Kusko
Silvio K Chui
Clifford S Royster
Leja M Campain
Mujtaba G Garufi
Munro Y Slusarski
Johnson B Briddick
Silvio P Briddick
Aruna W Dilliard
Juan J Paprocki
Morrow A Rim
Darci H Vocelka
Francesco X Rulapaugh
Emily M Maclead
Octavia D Whobrey
Wickens B Inouye
Johnson E Iturbide
Nicolas H Malet
Juan F Rim
Octavia S Tollner
Johnson U Gaucho
Wickens X Stockham
Darci C Oldroyd
Isabel N Ruta
Rodrigues T Flosi
Alejandro L Caldarera
Francesco U Kolmetz
Emily U Ruta
Aruna Y Malet
Isabel C Wieser
Aika M Garufi
Clifford X Schemmer
Silvio Q Royster
Julie X Doe
Isabel J Saylors
Cody S Rulapaugh
Darci R Whobrey
Morrow D Butt
Cody X Inouye
Nicolas E Marrier
Greenwood T Kolmetz
Deepesh N Morasca
IdCountryDate
1000Spain2026-09-23
1001Canada2026-09-25
1002France2026-09-07
1003India2026-09-02
1004Japan2026-09-20
1005Canada2026-08-30
1006Brazil2026-09-11
1007India2026-09-14
1008France2026-08-30
1009Russia2026-09-12
1010India2026-09-04
1011Japan2026-09-19
1012Italy2026-09-16
1013India2026-09-24
1014Spain2026-09-01
1015Japan2026-09-02
1016Germany2026-09-01
1017India2026-09-02
1018Russia2026-09-10
1019Japan2026-08-31
1020Australia2026-09-23
1021Germany2026-09-11
1022Germany2026-09-24
1023Japan2026-09-17
1024United Kingdom2026-09-24
1025Brazil2026-09-26
1026Australia2026-09-13
1027Argentina2026-09-12
1028Japan2026-09-05
1029Spain2026-09-26
1030Brazil2026-09-13
1031Brazil2026-09-23
1032Germany2026-09-16
1033Argentina2026-09-13
1034Australia2026-09-14
1035United Kingdom2026-09-16
1036Australia2026-09-25
1037Russia2026-09-08
1038India2026-08-29
1039Spain2026-09-07
1040United Kingdom2026-09-04
1041France2026-09-11
1042Argentina2026-09-04
1043Canada2026-09-19
1044India2026-08-29
1045Italy2026-09-13
1046Australia2026-09-06
1047Argentina2026-09-27
1048Russia2026-09-18
1049Canada2026-09-10

On-Demand Data

NameIdCountryDate
Aruna D Poquette1000Germany2026-09-02
Smith S Perin1001India2026-08-30
Francesco O Schemmer1002India2026-09-04
Morrow C Ferencz1003France2026-09-14
Ashley W Doe1004Brazil2026-09-01
Claire B Royster1005Brazil2026-09-03
Munro U Nicka1006Russia2026-09-10
David X Kusko1007Canada2026-09-05
Jones N Gillian1008Italy2026-09-14
Jennifer I Morasca1009Spain2026-09-18
Darci J Bolognia1010Brazil2026-09-14
Munro L Saylors1011Russia2026-09-18
Maria J Marrier1012Japan2026-08-30
Cody T Chui1013United Kingdom2026-09-24
Ricardo E Tollner1014Spain2026-09-12
Stacey I Stenseth1015Brazil2026-09-27
Nicolas S Gillian1016Australia2026-08-30
Alejandro A Figeroa1017India2026-09-25
Jones A Stenseth1018Australia2026-08-31
Greenwood S Amigon1019France2026-09-18
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Sinclair H SergiGermanyStephen Shaw NEW
Julie W GarufiItalyElwin Sharvill RENEWAL
Jefferson T SchemmerGermanyIvan Magalhaes QUALIFIED
Emily O PaprockiArgentinaAsiya Javayant QUALIFIED
Izzy Q WaycottItalyAsiya Javayant PROPOSAL
Leja I RulapaughRussiaIoni Bowcher NEW
Juan W VocelkaRussiaIoni Bowcher UNQUALIFIED
Stacey S CampainIndiaXuxue Feng QUALIFIED
Mayumi O RimIndiaAnna Fali NEGOTIATION
Leja O PoquetteSpainIvan Magalhaes QUALIFIED
David C CaudyCanadaIoni Bowcher QUALIFIED
Wickens A GauchoArgentinaStephen Shaw NEGOTIATION
Sinclair Q PoquetteArgentinaOnyama Limba UNQUALIFIED
Ricardo C FollerRussiaAnna Fali UNQUALIFIED
Cody W StockhamGermanyIvan Magalhaes UNQUALIFIED
Cody Q MorascaIndiaOnyama Limba RENEWAL
Munro X MorascaBrazilOnyama Limba QUALIFIED
Clifford Q GillianAustraliaAsiya Javayant RENEWAL
Kaitlin P SchemmerArgentinaOnyama Limba PROPOSAL
Ashley W DoeArgentinaOnyama Limba NEGOTIATION
Juan S AmigonRussiaAmy Elsner NEW
Maria Z FollerCanadaIoni Bowcher NEGOTIATION
Kadeem K CaudyUnited KingdomXuxue Feng UNQUALIFIED
Leja R FerenczBrazilAmy Elsner PROPOSAL
Ricardo O PoquetteBrazilBernardo Dominic UNQUALIFIED
Munro A ShinkoRussiaElwin Sharvill UNQUALIFIED
Munro L MaletSpainIoni Bowcher RENEWAL
Leon K ButtAustraliaOnyama Limba PROPOSAL
Julie L StockhamRussiaIoni Bowcher NEGOTIATION
David F FollerRussiaAmy Elsner RENEWAL
Alejandro S IturbideJapanAmy Elsner NEGOTIATION
Kadeem P MaletIndiaBernardo Dominic NEGOTIATION
Leja U DilliardFranceBernardo Dominic PROPOSAL
Isabel T KolmetzUnited KingdomIvan Magalhaes PROPOSAL
Mayumi R PerinGermanyAmy Elsner RENEWAL
Mujtaba Q MarrierIndiaElwin Sharvill RENEWAL
Cody P SlusarskiBrazilElwin Sharvill PROPOSAL
Darci C RutaJapanOnyama Limba NEW
Sinclair N RoysterItalyStephen Shaw UNQUALIFIED
Juan V WaycottSpainStephen Shaw 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>