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
Jones Z TollnerIndiaIoni Bowcher NEGOTIATION
Juan E SaylorsAustraliaIvan Magalhaes RENEWAL
Aika Y KuskoFranceIoni Bowcher PROPOSAL
Octavia O InouyeBrazilIvan Magalhaes UNQUALIFIED
Smith P GauchoGermanyOnyama Limba UNQUALIFIED
Leja J NestleUnited KingdomIoni Bowcher UNQUALIFIED
Cody D WieserRussiaAsiya Javayant PROPOSAL
Juan X AlbaresUnited KingdomIoni Bowcher RENEWAL
Leja A VocelkaRussiaIvan Magalhaes NEW
Isabel F PoquetteSpainAsiya Javayant RENEWAL
Clifford U RimGermanyStephen Shaw PROPOSAL
Costa V GarufiGermanyElwin Sharvill QUALIFIED
Jeanfrancois A SlusarskiJapanOnyama Limba PROPOSAL
Jones Y AlbaresIndiaIvan Magalhaes QUALIFIED
Juan Z AlbaresFranceElwin Sharvill RENEWAL
Rodrigues T ChuiAustraliaIvan Magalhaes RENEWAL
Izzy B FerenczBrazilXuxue Feng PROPOSAL
Faith M GlickArgentinaOnyama Limba NEW
Maria U WhobreyFranceXuxue Feng QUALIFIED
Chavez P MarrierCanadaBernardo Dominic NEGOTIATION
Sinclair F WieserGermanyIoni Bowcher PROPOSAL
Cody E RulapaughAustraliaOnyama Limba RENEWAL
Tony K CaldareraArgentinaBernardo Dominic RENEWAL
Jefferson Y TollnerItalyIvan Magalhaes NEW
Claire V AlbaresUnited KingdomIvan Magalhaes NEGOTIATION
Wickens F AmigonRussiaElwin Sharvill NEW
Rodrigues M PaprockiGermanyBernardo Dominic NEGOTIATION
Leon J FollerFranceIvan Magalhaes UNQUALIFIED
Mujtaba Q CampainCanadaElwin Sharvill RENEWAL
Jefferson A FigeroaBrazilStephen Shaw QUALIFIED
Adams S AlbaresIndiaXuxue Feng NEW
Kaitlin C GarufiAustraliaAmy Elsner RENEWAL
Munro F StensethUnited KingdomOnyama Limba QUALIFIED
Rodrigues W FigeroaCanadaXuxue Feng UNQUALIFIED
Cody U BowleySpainElwin Sharvill RENEWAL
Maisha N RulapaughGermanyAmy Elsner NEW
Aruna X BowleyJapanAmy Elsner PROPOSAL
Silvio U OldroydArgentinaElwin Sharvill NEGOTIATION
Antonio K SaylorsBrazilStephen Shaw UNQUALIFIED
Maisha C MarrierAustraliaAmy Elsner PROPOSAL
Mujtaba M GarufiFranceAsiya Javayant QUALIFIED
Kaitlin D CampainArgentinaOnyama Limba NEW
Cody G MorascaGermanyAnna Fali NEGOTIATION
Maria C BologniaGermanyElwin Sharvill PROPOSAL
Ivar M ChuiItalyIoni Bowcher UNQUALIFIED
Smith P MorascaJapanElwin Sharvill UNQUALIFIED
Darci Z SergiUnited KingdomBernardo Dominic NEW
Stacey Q FlosiUnited KingdomElwin Sharvill NEGOTIATION
Francesco A FlosiArgentinaElwin Sharvill NEW
Darci D OldroydBrazilIoni Bowcher UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Aruna X DarakjyUnited KingdomBernardo Dominic NEGOTIATION
Cody U AlbaresJapanIvan Magalhaes RENEWAL
Cody H NestleArgentinaAmy Elsner UNQUALIFIED
Silvio I CampainCanadaBernardo Dominic NEW
Rodrigues O RimJapanIoni Bowcher NEGOTIATION
Jennifer O MaletGermanyXuxue Feng RENEWAL
David P SergiGermanyBernardo Dominic NEW
Chavez N SchemmerItalyAmy Elsner QUALIFIED
Ashley X VenereJapanAnna Fali UNQUALIFIED
Darci K KuskoCanadaAmy Elsner QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Maisha T KuskoItaly2026-10-15Benton, John B Jr RENEWAL65Amy Elsner
1001Greenwood A MaletItaly2026-10-18Benton, John B Jr NEGOTIATION68Stephen Shaw
1002Faith A MarrierIndia2026-10-17Feiner Bros UNQUALIFIED29Stephen Shaw
1003Kaitlin D InouyeSpain2026-10-26Chemel, James L Cpa RENEWAL4Ivan Magalhaes
1004Maisha O WhobreyJapan2026-10-14Commercial Press PROPOSAL57Stephen Shaw
1005Juan Y BologniaBrazil2026-10-23King, Christopher A Esq RENEWAL81Onyama Limba
1006Wickens D IturbideArgentina2026-10-28Rangoni Of Florence QUALIFIED74Asiya Javayant
1007Ricardo Y KolmetzGermany2026-10-15Benton, John B Jr PROPOSAL79Stephen Shaw
1008Faith G CaldareraGermany2026-10-26Rousseaux, Michael Esq QUALIFIED21Amy Elsner
1009Alejandro Z DoeCanada2026-11-03King, Christopher A Esq QUALIFIED94Bernardo Dominic
1010Murillo I ChuiAustralia2026-11-04Feltz Printing Service QUALIFIED25Ivan Magalhaes
1011Ashley O VenereIndia2026-10-12Benton, John B Jr NEGOTIATION33Ioni Bowcher
1012Kaitlin T PoquetteRussia2026-11-02Truhlar And Truhlar Attys PROPOSAL58Ioni Bowcher
1013Maisha A OldroydArgentina2026-11-01Rousseaux, Michael Esq RENEWAL54Elwin Sharvill
1014Munro P PoquetteAustralia2026-11-03Printing Dimensions PROPOSAL8Bernardo Dominic
1015Arvin H PoquetteUnited Kingdom2026-11-05Dorl, James J Esq QUALIFIED74Stephen Shaw
1016Maria L SchemmerAustralia2026-10-29Buckley Miller Wright PROPOSAL33Ioni Bowcher
1017Rodrigues A ChuiGermany2026-10-22Printing Dimensions NEGOTIATION45Asiya Javayant
1018Ivar S FollerArgentina2026-10-12Buckley Miller Wright PROPOSAL91Asiya Javayant
1019Izzy V AlbaresGermany2026-10-22Buckley Miller Wright RENEWAL62Ivan Magalhaes
1020Aditya R WhobreyGermany2026-10-19Printing Dimensions NEW78Anna Fali
1021Aditya H MacleadFrance2026-11-03Chapman, Ross E Esq QUALIFIED81Bernardo Dominic
1022Ricardo W ShinkoJapan2026-10-22King, Christopher A Esq NEW68Onyama Limba
1023Clifford S BowleyFrance2026-10-26Dorl, James J Esq NEGOTIATION78Anna Fali
1024Claire X MorascaIndia2026-11-03Rangoni Of Florence NEW36Elwin Sharvill
1025Izzy V WaycottItaly2026-10-15Benton, John B Jr NEW95Ivan Magalhaes
1026Jennifer I MorascaAustralia2026-10-10Feiner Bros PROPOSAL90Ivan Magalhaes
1027Mujtaba H MacleadJapan2026-10-24King, Christopher A Esq NEGOTIATION56Elwin Sharvill
1028Aruna R ChuiArgentina2026-10-11Feltz Printing Service RENEWAL93Bernardo Dominic
1029Misaki G MarrierSpain2026-10-31Benton, John B Jr NEW42Onyama Limba
1030Mujtaba G RimCanada2026-11-08Feltz Printing Service NEGOTIATION5Amy Elsner
1031Julie P GauchoRussia2026-10-13Morlong Associates PROPOSAL57Bernardo Dominic
1032Leja G GauchoIndia2026-10-21Commercial Press RENEWAL94Stephen Shaw
1033Morrow U RimRussia2026-10-30Benton, John B Jr UNQUALIFIED90Anna Fali
1034Maisha P CaudyAustralia2026-11-02Rousseaux, Michael Esq NEW67Xuxue Feng
1035Costa F GlickIndia2026-10-30Feltz Printing Service UNQUALIFIED19Xuxue Feng
1036Isabel M TollnerRussia2026-11-03Commercial Press UNQUALIFIED51Xuxue Feng
1037Cody M SergiFrance2026-10-27Rangoni Of Florence NEGOTIATION30Onyama Limba
1038Jennifer V WaycottUnited Kingdom2026-10-25Chapman, Ross E Esq QUALIFIED57Elwin Sharvill
1039Stacey F WieserIndia2026-10-26Chemel, James L Cpa RENEWAL27Anna Fali
1040Silvio H MaletAustralia2026-10-15Chanay, Jeffrey A Esq UNQUALIFIED64Amy Elsner
1041Misaki Q PaprockiCanada2026-10-28Rangoni Of Florence QUALIFIED74Elwin Sharvill
1042Wickens X OstroskyItaly2026-10-16Benton, John B Jr NEGOTIATION78Amy Elsner
1043Ricardo Y PerinArgentina2026-10-16Benton, John B Jr NEGOTIATION1Xuxue Feng
1044Sinclair J StensethJapan2026-11-05Morlong Associates QUALIFIED19Ioni Bowcher
1045Nicolas Z RimSpain2026-10-18Dorl, James J Esq NEW63Xuxue Feng
1046Arvin M VocelkaCanada2026-10-27Rousseaux, Michael Esq RENEWAL57Xuxue Feng
1047Leon L GarufiCanada2026-11-03Rousseaux, Michael Esq NEW58Onyama Limba
1048Alejandro J MorascaGermany2026-11-05King, Christopher A Esq NEW30Elwin Sharvill
1049Julie J VocelkaGermany2026-10-25Buckley Miller Wright NEW12Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Maisha E RulapaughUnited KingdomAsiya Javayant NEW
Adams I WhobreyFranceIoni Bowcher NEGOTIATION
Munro Y PoquetteIndiaStephen Shaw NEGOTIATION
Jefferson E SlusarskiUnited KingdomAmy Elsner QUALIFIED
Munro R InouyeItalyAmy Elsner NEGOTIATION
Francesco R GlickFranceIvan Magalhaes QUALIFIED
Cody F BowleyBrazilXuxue Feng RENEWAL
Nicolas H MaletItalyAsiya Javayant PROPOSAL
Chavez C InouyeJapanIvan Magalhaes NEGOTIATION
Wickens B KolmetzAustraliaAnna Fali NEW
Julie Y IturbideCanadaOnyama Limba QUALIFIED
Ivar A ShinkoJapanStephen Shaw NEGOTIATION
Maria N WhobreyUnited KingdomIvan Magalhaes NEW
Mujtaba Y RoysterFranceBernardo Dominic QUALIFIED
Chavez K MarrierBrazilElwin Sharvill NEW
Aditya Y WaycottSpainOnyama Limba NEGOTIATION
Francesco B OstroskyFranceAnna Fali UNQUALIFIED
Mayumi A StensethUnited KingdomOnyama Limba NEGOTIATION
Kadeem F PoquetteFranceStephen Shaw RENEWAL
Jeanfrancois K PaprockiIndiaAsiya Javayant NEGOTIATION
Julie Q RutaAustraliaAmy Elsner NEGOTIATION
Emily K MorascaCanadaXuxue Feng RENEWAL
Chavez I ShinkoJapanXuxue Feng RENEWAL
Kadeem G FlosiCanadaIoni Bowcher RENEWAL
Aika Q RulapaughBrazilElwin Sharvill PROPOSAL
Sinclair N MaletBrazilXuxue Feng PROPOSAL
Mujtaba A OldroydIndiaElwin Sharvill NEGOTIATION
Leon R GarufiUnited KingdomXuxue Feng QUALIFIED
Juan Y GarufiAustraliaElwin Sharvill UNQUALIFIED
Aditya L ChuiRussiaElwin Sharvill QUALIFIED
Maria J PoquetteSpainStephen Shaw NEW
Maisha T MorascaUnited KingdomOnyama Limba RENEWAL
Munro T FigeroaBrazilBernardo Dominic PROPOSAL
Alejandro A GarufiSpainBernardo Dominic NEW
Jeanfrancois V MacleadUnited KingdomIoni Bowcher NEW
Francesco D WieserFranceXuxue Feng PROPOSAL
Francesco H BologniaArgentinaIoni Bowcher NEGOTIATION
Kaitlin S PerinBrazilIoni Bowcher NEW
Emily A IturbideUnited KingdomOnyama Limba NEGOTIATION
Ricardo K NickaRussiaBernardo Dominic RENEWAL
David U VocelkaGermanyIoni Bowcher NEW
Smith O DarakjySpainIvan Magalhaes NEGOTIATION
Tony B ChuiSpainAsiya Javayant UNQUALIFIED
Wickens C PoquetteIndiaStephen Shaw QUALIFIED
Aika X OldroydAustraliaAsiya Javayant QUALIFIED
Leja M IturbideRussiaOnyama Limba UNQUALIFIED
Juan U IturbideBrazilStephen Shaw UNQUALIFIED
Nicolas K StensethBrazilXuxue Feng NEW
Izzy T GillianItalyOnyama Limba NEW
Wickens G GlickCanadaIoni Bowcher NEW
Frozen Columns
Name
Leja B Paprocki
Jefferson B Ostrosky
Cody P Slusarski
Francesco L Ostrosky
Leon K Chui
Tony H Wieser
Jeanfrancois X Flosi
Salvatore P Chui
Wickens L Waycott
Emily M Royster
Jeanfrancois Z Venere
Faith D Perin
Silvio X Butt
Sinclair O Maclead
Claire F Albares
Kaitlin T Caldarera
Deepesh Q Campain
Mayumi D Oldroyd
David D Dilliard
Claire R Dilliard
Ricardo S Amigon
Nicolas M Gillian
Aika W Slusarski
Kadeem X Saylors
Murillo C Kusko
Chavez X Paprocki
Maisha I Perin
Aika W Waycott
Darci R Slusarski
Morrow Q Nestle
Aditya Q Paprocki
Faith M Saylors
Adams P Inouye
Aruna Y Glick
Jeanfrancois U Albares
Silvio O Gaucho
Jones T Bolognia
Morrow K Figeroa
Rodrigues N Schemmer
Kaitlin X Dilliard
Jones C Stockham
Juan P Schemmer
Jeanfrancois H Morasca
Isabel R Shinko
Murillo K Nestle
Isabel T Oldroyd
Jefferson J Caldarera
Stacey W Royster
Jones Z Malet
Jennifer M Marrier
IdCountryDate
1000United Kingdom2026-10-17
1001United Kingdom2026-10-18
1002Russia2026-10-21
1003Germany2026-11-08
1004Australia2026-10-22
1005France2026-11-08
1006United Kingdom2026-11-03
1007Argentina2026-10-12
1008Australia2026-10-30
1009Argentina2026-10-30
1010Australia2026-10-19
1011Spain2026-10-21
1012Argentina2026-10-30
1013Brazil2026-11-05
1014Argentina2026-10-30
1015Spain2026-10-29
1016India2026-10-31
1017France2026-11-07
1018Spain2026-10-26
1019India2026-11-05
1020France2026-11-04
1021United Kingdom2026-10-25
1022Argentina2026-10-31
1023Brazil2026-10-23
1024Italy2026-10-15
1025Australia2026-11-06
1026Canada2026-10-13
1027Italy2026-10-12
1028Argentina2026-10-24
1029United Kingdom2026-10-29
1030Spain2026-11-05
1031Canada2026-11-04
1032France2026-10-17
1033Argentina2026-10-20
1034India2026-11-06
1035Canada2026-11-07
1036Argentina2026-10-19
1037Germany2026-11-06
1038Australia2026-10-26
1039Spain2026-10-31
1040India2026-10-30
1041Russia2026-10-14
1042Russia2026-10-25
1043Australia2026-10-15
1044Spain2026-11-04
1045Spain2026-10-28
1046Japan2026-10-31
1047Italy2026-10-13
1048France2026-10-12
1049United Kingdom2026-10-19

On-Demand Data

NameIdCountryDate
Munro Z Perin1000United Kingdom2026-10-27
Jones H Poquette1001Russia2026-11-02
Jennifer L Briddick1002Spain2026-10-19
Mujtaba S Kusko1003France2026-11-01
Jones C Maclead1004Argentina2026-10-12
Smith H Gillian1005Italy2026-10-20
Cody Z Marrier1006Japan2026-11-01
Kadeem I Bolognia1007Italy2026-10-13
Adams D Foller1008Brazil2026-10-14
Arvin O Rulapaugh1009India2026-10-18
Kadeem P Royster1010Brazil2026-11-02
Jones I Garufi1011Germany2026-10-14
Misaki Z Wieser1012Australia2026-10-22
David A Chui1013Italy2026-10-18
Jefferson Q Chui1014France2026-10-17
Ivar W Royster1015India2026-10-13
Maisha Y Butt1016India2026-10-13
Ricardo K Albares1017France2026-11-03
Aditya U Bolognia1018United Kingdom2026-10-14
Jennifer L Inouye1019United Kingdom2026-10-19
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Salvatore M KolmetzRussiaElwin Sharvill QUALIFIED
Misaki O CaudyAustraliaElwin Sharvill QUALIFIED
Sinclair G PoquetteUnited KingdomXuxue Feng RENEWAL
Maisha Q FollerRussiaIvan Magalhaes RENEWAL
Adams Y KuskoItalyIoni Bowcher UNQUALIFIED
Arvin V RoysterJapanElwin Sharvill RENEWAL
Salvatore D BowleyFranceAmy Elsner UNQUALIFIED
Octavia M OstroskyJapanAnna Fali PROPOSAL
Smith T WieserAustraliaAmy Elsner NEGOTIATION
Silvio B DoeJapanStephen Shaw UNQUALIFIED
Isabel N MorascaRussiaOnyama Limba PROPOSAL
Alejandro M MaletFranceIoni Bowcher UNQUALIFIED
Aika M WhobreyGermanyAsiya Javayant NEW
Clifford J RoysterBrazilIoni Bowcher UNQUALIFIED
Rodrigues F KolmetzAustraliaAmy Elsner NEW
Leja T WieserFranceAnna Fali QUALIFIED
Faith F SergiFranceBernardo Dominic QUALIFIED
Emily V RutaSpainElwin Sharvill NEW
Julie K NickaRussiaAmy Elsner QUALIFIED
Leon M WhobreyBrazilIvan Magalhaes UNQUALIFIED
Jones G PerinSpainOnyama Limba NEW
Kadeem E MacleadJapanBernardo Dominic NEW
Jones S MarrierBrazilElwin Sharvill UNQUALIFIED
Murillo G SlusarskiAustraliaIoni Bowcher UNQUALIFIED
Maria T RimArgentinaIvan Magalhaes NEW
Faith D WaycottArgentinaXuxue Feng RENEWAL
Leja Q MaletAustraliaAnna Fali QUALIFIED
Leja S SlusarskiFranceAnna Fali QUALIFIED
Jeanfrancois F KuskoSpainAmy Elsner NEW
Sinclair M FollerJapanIoni Bowcher UNQUALIFIED
Isabel P MarrierSpainElwin Sharvill NEW
Deepesh K OldroydSpainAnna Fali UNQUALIFIED
Aditya B PoquetteSpainIoni Bowcher RENEWAL
Kadeem Q SergiAustraliaIvan Magalhaes QUALIFIED
Ivar O MarrierJapanBernardo Dominic RENEWAL
Munro B IturbideGermanyAnna Fali NEW
Izzy F InouyeUnited KingdomOnyama Limba QUALIFIED
Mayumi Y OldroydSpainOnyama Limba UNQUALIFIED
Chavez N WhobreyRussiaAmy Elsner NEW
Octavia U PerinBrazilXuxue Feng RENEWAL

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