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
Francesco X FerenczAustraliaAmy Elsner RENEWAL
Morrow S CaldareraGermanyIoni Bowcher QUALIFIED
Juan J CaudyGermanyXuxue Feng PROPOSAL
Johnson M AmigonAustraliaStephen Shaw QUALIFIED
Faith W BriddickIndiaElwin Sharvill NEGOTIATION
Silvio P SlusarskiSpainBernardo Dominic NEGOTIATION
Mujtaba N SergiCanadaStephen Shaw PROPOSAL
Munro S RoysterSpainOnyama Limba RENEWAL
Jennifer V DilliardBrazilXuxue Feng PROPOSAL
Clifford I WieserAustraliaElwin Sharvill QUALIFIED
Jeanfrancois Z VenereUnited KingdomXuxue Feng PROPOSAL
Jefferson S WieserArgentinaBernardo Dominic NEW
Munro G ShinkoJapanElwin Sharvill NEGOTIATION
Izzy U PaprockiFranceOnyama Limba UNQUALIFIED
Johnson I DilliardArgentinaBernardo Dominic QUALIFIED
Jennifer B OstroskyBrazilElwin Sharvill NEW
Mayumi Z NickaCanadaBernardo Dominic PROPOSAL
Sinclair Y MaletItalyOnyama Limba NEGOTIATION
Morrow J FerenczArgentinaIvan Magalhaes NEW
Darci P PerinArgentinaOnyama Limba NEW
Wickens F MorascaIndiaIoni Bowcher QUALIFIED
Aditya U AlbaresCanadaBernardo Dominic QUALIFIED
Aika M GauchoCanadaOnyama Limba RENEWAL
Jones U OldroydArgentinaBernardo Dominic RENEWAL
Antonio E MacleadCanadaOnyama Limba RENEWAL
Adams P MarrierItalyIoni Bowcher RENEWAL
Octavia E BologniaRussiaElwin Sharvill RENEWAL
Smith R GillianFranceAsiya Javayant QUALIFIED
Francesco D GlickFranceAnna Fali PROPOSAL
Jefferson O SaylorsArgentinaIvan Magalhaes NEGOTIATION
Jeanfrancois U GauchoIndiaXuxue Feng QUALIFIED
Leja A MorascaJapanBernardo Dominic PROPOSAL
Francesco D CampainSpainAnna Fali RENEWAL
Nicolas K SaylorsAustraliaXuxue Feng NEW
Darci Q GarufiBrazilIoni Bowcher QUALIFIED
Alejandro V CampainCanadaIoni Bowcher PROPOSAL
Kaitlin Y PaprockiItalyAsiya Javayant QUALIFIED
Faith V WhobreyAustraliaXuxue Feng UNQUALIFIED
Claire R GarufiCanadaOnyama Limba UNQUALIFIED
Julie Z RutaGermanyElwin Sharvill NEW
Adams P MarrierArgentinaIvan Magalhaes NEW
Aruna U CaudySpainXuxue Feng NEGOTIATION
Arvin M GarufiFranceOnyama Limba NEGOTIATION
Sinclair B WaycottItalyAmy Elsner NEGOTIATION
Alejandro Q FlosiJapanStephen Shaw NEW
Mujtaba S CampainFranceElwin Sharvill NEW
Stacey N OldroydUnited KingdomBernardo Dominic NEGOTIATION
Morrow M VenereCanadaXuxue Feng RENEWAL
Nicolas V FerenczRussiaIvan Magalhaes RENEWAL
Aika F SchemmerBrazilBernardo Dominic PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Cody I MaletFranceAnna Fali UNQUALIFIED
James S DoeSpainAmy Elsner PROPOSAL
Leon D TollnerBrazilElwin Sharvill NEW
James N NestleArgentinaElwin Sharvill NEW
Julie Z BriddickSpainXuxue Feng UNQUALIFIED
Jeanfrancois E GillianRussiaAnna Fali RENEWAL
Maria C RimArgentinaStephen Shaw QUALIFIED
Jeanfrancois B SchemmerSpainIoni Bowcher RENEWAL
Silvio A SaylorsItalyOnyama Limba PROPOSAL
Jones L ButtUnited KingdomAsiya Javayant RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Tony F FlosiUnited Kingdom2026-10-13Commercial Press RENEWAL46Ioni Bowcher
1001Kadeem S RulapaughItaly2026-10-20Truhlar And Truhlar Attys NEW56Anna Fali
1002Rodrigues D NickaFrance2026-10-22Commercial Press PROPOSAL8Amy Elsner
1003Kadeem N FigeroaCanada2026-10-21Printing Dimensions NEW92Onyama Limba
1004Maisha G FigeroaIndia2026-10-02Morlong Associates PROPOSAL40Anna Fali
1005Jennifer U GauchoItaly2026-10-21Commercial Press QUALIFIED10Elwin Sharvill
1006Ricardo T SergiSpain2026-10-12Commercial Press NEGOTIATION32Xuxue Feng
1007Maisha P StensethJapan2026-10-11Rousseaux, Michael Esq NEGOTIATION68Ioni Bowcher
1008Wickens D SchemmerUnited Kingdom2026-10-01Truhlar And Truhlar Attys QUALIFIED79Ivan Magalhaes
1009Juan Q NickaArgentina2026-10-06Commercial Press QUALIFIED96Onyama Limba
1010Antonio W MarrierBrazil2026-10-08Printing Dimensions NEW23Stephen Shaw
1011Maisha P TollnerItaly2026-10-09Chanay, Jeffrey A Esq UNQUALIFIED83Elwin Sharvill
1012Silvio O WhobreyIndia2026-10-19Truhlar And Truhlar Attys UNQUALIFIED43Xuxue Feng
1013Leon I DilliardFrance2026-09-27Feiner Bros QUALIFIED76Stephen Shaw
1014Mayumi B RimBrazil2026-10-16Dorl, James J Esq QUALIFIED85Ivan Magalhaes
1015Jefferson O MaletFrance2026-10-04Chanay, Jeffrey A Esq NEW23Ioni Bowcher
1016Jeanfrancois Y GlickJapan2026-10-14Rousseaux, Michael Esq NEW84Anna Fali
1017Stacey X MacleadBrazil2026-10-15Dorl, James J Esq NEGOTIATION18Asiya Javayant
1018Chavez M KolmetzUnited Kingdom2026-10-03Chemel, James L Cpa RENEWAL60Elwin Sharvill
1019Jones C DilliardRussia2026-10-18Dorl, James J Esq QUALIFIED97Elwin Sharvill
1020Ricardo D WhobreyIndia2026-10-23King, Christopher A Esq RENEWAL4Ivan Magalhaes
1021Aruna C GauchoArgentina2026-10-14Benton, John B Jr UNQUALIFIED31Amy Elsner
1022Morrow F AlbaresItaly2026-10-02Rangoni Of Florence UNQUALIFIED74Asiya Javayant
1023Aruna B OldroydItaly2026-10-02Commercial Press NEW21Asiya Javayant
1024Mayumi I VocelkaUnited Kingdom2026-10-01King, Christopher A Esq RENEWAL32Xuxue Feng
1025Arvin Z WhobreyRussia2026-10-22Buckley Miller Wright RENEWAL92Onyama Limba
1026Nicolas W RulapaughSpain2026-10-15Rousseaux, Michael Esq PROPOSAL98Stephen Shaw
1027Smith L BowleyRussia2026-10-01Buckley Miller Wright UNQUALIFIED40Ivan Magalhaes
1028Nicolas K AmigonFrance2026-10-24Chapman, Ross E Esq NEGOTIATION77Onyama Limba
1029Mujtaba P MaletCanada2026-10-09Truhlar And Truhlar Attys NEW26Bernardo Dominic
1030Aika Z NickaArgentina2026-10-07Buckley Miller Wright QUALIFIED65Elwin Sharvill
1031Maisha Q PaprockiGermany2026-10-07Feiner Bros PROPOSAL0Asiya Javayant
1032Leon W VocelkaSpain2026-10-06Chapman, Ross E Esq UNQUALIFIED21Xuxue Feng
1033Johnson P RimAustralia2026-10-16Feiner Bros QUALIFIED98Ioni Bowcher
1034Smith N FigeroaRussia2026-10-01King, Christopher A Esq RENEWAL91Anna Fali
1035Adams M NestleUnited Kingdom2026-10-13King, Christopher A Esq RENEWAL91Ivan Magalhaes
1036Jennifer K MarrierFrance2026-10-01King, Christopher A Esq PROPOSAL61Anna Fali
1037Francesco W MorascaUnited Kingdom2026-10-05Feltz Printing Service RENEWAL70Onyama Limba
1038Antonio B PoquetteItaly2026-10-22Feltz Printing Service QUALIFIED55Anna Fali
1039Misaki R TollnerRussia2026-10-08Truhlar And Truhlar Attys UNQUALIFIED76Elwin Sharvill
1040Darci R WhobreySpain2026-10-26Truhlar And Truhlar Attys RENEWAL17Xuxue Feng
1041Emily T WhobreySpain2026-10-15Rousseaux, Michael Esq NEW33Bernardo Dominic
1042Mujtaba U StockhamGermany2026-10-01Morlong Associates UNQUALIFIED11Bernardo Dominic
1043Ricardo H OstroskyItaly2026-09-29Rousseaux, Michael Esq RENEWAL35Xuxue Feng
1044Cody G RulapaughBrazil2026-09-27Morlong Associates NEW39Xuxue Feng
1045Faith V WieserCanada2026-10-02Chemel, James L Cpa PROPOSAL15Stephen Shaw
1046Salvatore G PerinItaly2026-10-07Feltz Printing Service QUALIFIED15Asiya Javayant
1047Aditya K WieserJapan2026-09-29Morlong Associates QUALIFIED42Ioni Bowcher
1048Tony V ChuiFrance2026-10-03King, Christopher A Esq UNQUALIFIED87Anna Fali
1049Julie K MarrierFrance2026-10-25Feiner Bros UNQUALIFIED7Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Darci M SergiRussiaOnyama Limba QUALIFIED
Munro U OstroskyGermanyBernardo Dominic QUALIFIED
Arvin Y ShinkoItalyIoni Bowcher QUALIFIED
Munro H DarakjyBrazilIvan Magalhaes NEW
Maisha U BriddickIndiaAmy Elsner NEGOTIATION
Munro C InouyeGermanyXuxue Feng QUALIFIED
Mujtaba U VocelkaCanadaStephen Shaw NEGOTIATION
Greenwood Z NickaJapanIoni Bowcher QUALIFIED
Emily Z StensethArgentinaStephen Shaw UNQUALIFIED
Johnson B PerinCanadaXuxue Feng QUALIFIED
Aditya S FerenczItalyBernardo Dominic NEGOTIATION
Aika M BowleyJapanAsiya Javayant NEW
Aruna S IturbideArgentinaAmy Elsner PROPOSAL
Octavia I BowleyAustraliaOnyama Limba UNQUALIFIED
Arvin X PoquetteAustraliaBernardo Dominic NEGOTIATION
Clifford J ShinkoRussiaAsiya Javayant PROPOSAL
Ivar X WaycottFranceXuxue Feng UNQUALIFIED
Kaitlin L StockhamUnited KingdomOnyama Limba UNQUALIFIED
Murillo O GarufiSpainAnna Fali QUALIFIED
Jefferson P MacleadAustraliaOnyama Limba RENEWAL
Costa B FlosiArgentinaAnna Fali QUALIFIED
Ivar E SlusarskiJapanXuxue Feng NEGOTIATION
Julie C WaycottSpainOnyama Limba QUALIFIED
James G MaletIndiaAsiya Javayant UNQUALIFIED
Francesco H FlosiBrazilAmy Elsner NEGOTIATION
Aruna V MaletBrazilAsiya Javayant RENEWAL
Morrow W IturbideGermanyIoni Bowcher QUALIFIED
Munro Y DoeJapanElwin Sharvill NEGOTIATION
Wickens H FlosiCanadaAnna Fali QUALIFIED
Alejandro U FigeroaFranceXuxue Feng RENEWAL
Cody R DarakjyUnited KingdomAnna Fali PROPOSAL
Aika E NickaUnited KingdomXuxue Feng PROPOSAL
Antonio C ChuiRussiaAmy Elsner RENEWAL
Kadeem S KolmetzIndiaOnyama Limba NEW
Francesco B FlosiArgentinaXuxue Feng NEGOTIATION
Juan I TollnerCanadaIoni Bowcher RENEWAL
Maisha O MaletAustraliaElwin Sharvill NEW
Munro X DilliardFranceBernardo Dominic PROPOSAL
Wickens S IturbideJapanIoni Bowcher QUALIFIED
Emily A ChuiRussiaAnna Fali RENEWAL
Clifford Q NickaGermanyBernardo Dominic QUALIFIED
Maria X MaletIndiaStephen Shaw RENEWAL
Morrow E GarufiAustraliaBernardo Dominic NEW
Tony M WhobreyUnited KingdomStephen Shaw QUALIFIED
Mujtaba C FlosiAustraliaAmy Elsner NEW
Munro G GauchoJapanAmy Elsner UNQUALIFIED
Leon F CaudyIndiaAnna Fali NEW
Kadeem J FlosiCanadaAsiya Javayant PROPOSAL
Isabel J DarakjyFranceElwin Sharvill PROPOSAL
Darci L KuskoBrazilElwin Sharvill NEGOTIATION
Frozen Columns
Name
Rodrigues C Malet
Mayumi Q Nicka
Adams T Stockham
Julie C Inouye
Wickens Y Ferencz
Smith P Maclead
Adams T Whobrey
Mayumi E Wieser
Jones I Chui
Izzy B Nestle
Adams N Chui
Tony S Schemmer
Kaitlin J Albares
Wickens H Gillian
Juan Q Perin
Mujtaba J Chui
Isabel R Maclead
Costa W Saylors
Ivar G Poquette
Maisha Z Tollner
Sinclair C Bowley
Aika L Ostrosky
Jeanfrancois J Stenseth
Tony D Figeroa
Mayumi A Poquette
Greenwood M Ruta
Arvin X Vocelka
Ivar I Malet
Munro G Marrier
Claire R Malet
Smith H Perin
Jones M Whobrey
Ashley Z Iturbide
Aika S Paprocki
Rodrigues U Poquette
Stacey J Sergi
Maisha R Iturbide
Stacey D Dilliard
Smith X Campain
Costa E Amigon
Aika R Paprocki
Jeanfrancois B Glick
Morrow S Sergi
Antonio A Inouye
Ivar M Chui
Darci T Poquette
Leon M Chui
Mujtaba T Sergi
Costa P Morasca
Stacey O Gillian
IdCountryDate
1000Italy2026-10-10
1001United Kingdom2026-10-14
1002United Kingdom2026-10-04
1003Australia2026-10-08
1004Japan2026-10-13
1005France2026-10-02
1006Italy2026-10-14
1007United Kingdom2026-10-13
1008Australia2026-10-25
1009Spain2026-10-19
1010India2026-09-30
1011France2026-10-15
1012Italy2026-10-07
1013France2026-09-29
1014India2026-10-22
1015France2026-10-25
1016Germany2026-10-09
1017France2026-10-06
1018Spain2026-10-09
1019Italy2026-10-19
1020Argentina2026-10-23
1021India2026-10-08
1022India2026-10-11
1023Italy2026-10-21
1024Italy2026-10-09
1025Brazil2026-10-16
1026Italy2026-10-02
1027Spain2026-09-29
1028Japan2026-10-02
1029United Kingdom2026-10-03
1030United Kingdom2026-10-23
1031Canada2026-10-02
1032United Kingdom2026-10-12
1033Russia2026-10-18
1034Germany2026-10-01
1035Germany2026-10-24
1036India2026-10-03
1037Spain2026-10-06
1038United Kingdom2026-10-22
1039Germany2026-10-10
1040France2026-10-20
1041United Kingdom2026-10-19
1042India2026-10-03
1043Japan2026-10-24
1044Japan2026-10-11
1045Argentina2026-10-02
1046Canada2026-10-12
1047India2026-09-27
1048Spain2026-10-12
1049Russia2026-10-03

On-Demand Data

NameIdCountryDate
Rodrigues N Doe1000Japan2026-09-30
Cody Q Saylors1001France2026-10-17
Mujtaba Y Caldarera1002Brazil2026-10-01
Smith L Flosi1003Italy2026-10-12
Jefferson S Albares1004Canada2026-10-05
Aditya Q Caldarera1005Brazil2026-10-04
Darci B Nicka1006Germany2026-10-18
Rodrigues Z Whobrey1007Argentina2026-10-06
Chavez N Paprocki1008Italy2026-10-25
Leja Q Nestle1009Russia2026-09-29
Antonio B Briddick1010Russia2026-10-16
Faith K Amigon1011United Kingdom2026-10-17
Aruna I Malet1012United Kingdom2026-10-14
Ricardo X Morasca1013Brazil2026-10-16
Silvio H Foller1014India2026-10-10
Misaki B Foller1015Italy2026-10-22
Emily X Maclead1016India2026-10-18
Munro C Butt1017Italy2026-10-26
Ricardo C Shinko1018Brazil2026-10-01
Morrow L Oldroyd1019Brazil2026-10-17
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Mayumi O AlbaresAustraliaXuxue Feng QUALIFIED
Cody J SergiItalyStephen Shaw UNQUALIFIED
Smith Y DilliardRussiaIvan Magalhaes NEW
Jeanfrancois K BriddickJapanAnna Fali QUALIFIED
Sinclair F CaudyJapanXuxue Feng QUALIFIED
Mayumi E PaprockiSpainOnyama Limba NEGOTIATION
Wickens J ChuiItalyElwin Sharvill QUALIFIED
Tony G MorascaCanadaAmy Elsner RENEWAL
Octavia M SaylorsAustraliaElwin Sharvill PROPOSAL
Ricardo Q NickaAustraliaBernardo Dominic PROPOSAL
Julie U WaycottCanadaIvan Magalhaes RENEWAL
Murillo K AlbaresFranceAsiya Javayant NEGOTIATION
Mujtaba K ChuiFranceXuxue Feng NEGOTIATION
Silvio N DilliardSpainAsiya Javayant RENEWAL
Costa N MorascaRussiaStephen Shaw UNQUALIFIED
Leja J AlbaresItalyAnna Fali PROPOSAL
Ashley N NickaCanadaStephen Shaw RENEWAL
Salvatore A GlickJapanAmy Elsner NEGOTIATION
Mayumi U SergiSpainIoni Bowcher NEW
Aruna M KuskoFranceIoni Bowcher NEW
Cody U WaycottSpainIvan Magalhaes UNQUALIFIED
Jennifer I RulapaughIndiaIvan Magalhaes UNQUALIFIED
James X CaldareraBrazilAmy Elsner UNQUALIFIED
David F FerenczRussiaBernardo Dominic NEGOTIATION
Kadeem Q MacleadJapanXuxue Feng UNQUALIFIED
Izzy O StensethIndiaIvan Magalhaes QUALIFIED
Mayumi A StockhamUnited KingdomIoni Bowcher NEGOTIATION
Isabel I StockhamItalyElwin Sharvill PROPOSAL
Chavez U WhobreyIndiaOnyama Limba PROPOSAL
Munro K ButtArgentinaAsiya Javayant PROPOSAL
Deepesh O DarakjyCanadaElwin Sharvill PROPOSAL
Deepesh F TollnerArgentinaAmy Elsner NEW
Faith Y SaylorsGermanyOnyama Limba RENEWAL
Silvio Q OstroskyUnited KingdomAsiya Javayant QUALIFIED
Clifford D DoeSpainAsiya Javayant QUALIFIED
Antonio P OldroydSpainElwin Sharvill RENEWAL
Emily C BowleyFranceBernardo Dominic NEGOTIATION
Silvio M CaldareraUnited KingdomAsiya Javayant UNQUALIFIED
Jefferson F OstroskyArgentinaXuxue Feng QUALIFIED
Kadeem J WaycottArgentinaAsiya Javayant NEW

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