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
Ivar A PaprockiArgentinaAmy Elsner RENEWAL
Maria H SlusarskiIndiaIoni Bowcher UNQUALIFIED
Greenwood B GlickItalyXuxue Feng QUALIFIED
Jennifer K MacleadFranceAsiya Javayant RENEWAL
Stacey V OstroskyFranceElwin Sharvill NEW
Adams O PerinGermanyStephen Shaw RENEWAL
Nicolas C GlickCanadaIoni Bowcher PROPOSAL
Stacey X PoquetteGermanyIoni Bowcher RENEWAL
Claire Y FollerItalyAsiya Javayant UNQUALIFIED
Aruna O NestleIndiaStephen Shaw RENEWAL
Antonio S SlusarskiItalyOnyama Limba PROPOSAL
Antonio S VocelkaArgentinaAmy Elsner UNQUALIFIED
Jeanfrancois F PoquetteUnited KingdomElwin Sharvill NEGOTIATION
Murillo H AmigonFranceAmy Elsner NEGOTIATION
Arvin C TollnerRussiaXuxue Feng PROPOSAL
Jefferson W BriddickArgentinaBernardo Dominic NEGOTIATION
Chavez A KuskoAustraliaOnyama Limba RENEWAL
Faith K VenereFranceOnyama Limba NEW
Leon L DarakjyUnited KingdomAmy Elsner UNQUALIFIED
Silvio I BowleyArgentinaBernardo Dominic QUALIFIED
Ashley Y GauchoIndiaAsiya Javayant NEW
Costa L PaprockiGermanyAnna Fali QUALIFIED
Izzy M ShinkoBrazilAmy Elsner NEGOTIATION
Wickens K SaylorsBrazilAmy Elsner UNQUALIFIED
Maria H WaycottSpainAnna Fali NEGOTIATION
Tony F RimBrazilAmy Elsner PROPOSAL
David A SchemmerItalyXuxue Feng RENEWAL
Rodrigues D PerinCanadaOnyama Limba QUALIFIED
Kaitlin W VocelkaFranceAsiya Javayant NEW
Ashley D WaycottItalyElwin Sharvill NEGOTIATION
Silvio U SaylorsAustraliaBernardo Dominic QUALIFIED
Maisha K PaprockiUnited KingdomAsiya Javayant PROPOSAL
Wickens B ButtArgentinaXuxue Feng NEGOTIATION
Julie R KuskoUnited KingdomAnna Fali UNQUALIFIED
Izzy G CampainFranceOnyama Limba NEW
Jeanfrancois U InouyeFranceXuxue Feng NEGOTIATION
David C StensethBrazilIoni Bowcher NEGOTIATION
Isabel B WhobreyIndiaAsiya Javayant NEGOTIATION
Jennifer H KuskoIndiaAmy Elsner NEGOTIATION
Octavia B CaudySpainStephen Shaw RENEWAL
Octavia O KuskoCanadaAsiya Javayant PROPOSAL
Rodrigues T PoquetteJapanAsiya Javayant NEW
Maisha B OstroskyUnited KingdomAsiya Javayant RENEWAL
Juan L TollnerFranceElwin Sharvill QUALIFIED
Kaitlin Z TollnerAustraliaAmy Elsner RENEWAL
Leon E CampainCanadaAnna Fali QUALIFIED
Cody H StensethArgentinaAmy Elsner NEGOTIATION
Smith X SchemmerRussiaBernardo Dominic PROPOSAL
James W MorascaFranceIvan Magalhaes QUALIFIED
Aruna T PaprockiIndiaAmy Elsner NEW
Horizontal
NameCountryRepresentativeStatus
Chavez W WaycottCanadaElwin Sharvill PROPOSAL
Darci U BriddickUnited KingdomXuxue Feng NEW
Jennifer X ShinkoBrazilAsiya Javayant PROPOSAL
Cody G PoquetteBrazilStephen Shaw NEW
Kaitlin V SchemmerIndiaAmy Elsner NEGOTIATION
Murillo N ChuiGermanyIvan Magalhaes PROPOSAL
Tony N RimFranceAnna Fali PROPOSAL
Juan Q RimJapanAsiya Javayant NEGOTIATION
Leon F MorascaRussiaAmy Elsner NEGOTIATION
James F SergiArgentinaAsiya Javayant NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aditya U MaletItaly2026-09-29Feiner Bros UNQUALIFIED67Ioni Bowcher
1001Arvin Q CampainGermany2026-10-01Morlong Associates NEGOTIATION99Onyama Limba
1002Smith E DoeItaly2026-10-15Truhlar And Truhlar Attys PROPOSAL18Ivan Magalhaes
1003Murillo M CaldareraItaly2026-10-17Morlong Associates UNQUALIFIED66Anna Fali
1004Ashley G WhobreyItaly2026-10-23Morlong Associates NEGOTIATION7Ioni Bowcher
1005Leon S MaletUnited Kingdom2026-10-04Feiner Bros QUALIFIED37Elwin Sharvill
1006Sinclair H NestleUnited Kingdom2026-10-11Morlong Associates NEW71Amy Elsner
1007Leja O KolmetzJapan2026-09-30Feltz Printing Service PROPOSAL21Bernardo Dominic
1008Morrow D BriddickItaly2026-09-30Commercial Press RENEWAL63Stephen Shaw
1009Aditya I CaldareraIndia2026-10-16Chapman, Ross E Esq PROPOSAL5Elwin Sharvill
1010Stacey V KuskoUnited Kingdom2026-10-05Truhlar And Truhlar Attys NEW67Anna Fali
1011Munro X StockhamUnited Kingdom2026-10-17King, Christopher A Esq RENEWAL52Bernardo Dominic
1012James K PoquetteCanada2026-10-08Dorl, James J Esq UNQUALIFIED74Ivan Magalhaes
1013Silvio V WhobreyItaly2026-09-28Benton, John B Jr NEW50Stephen Shaw
1014Deepesh L GarufiUnited Kingdom2026-10-11Printing Dimensions PROPOSAL44Bernardo Dominic
1015Ashley N SchemmerAustralia2026-10-13Benton, John B Jr UNQUALIFIED64Amy Elsner
1016Kadeem P BriddickFrance2026-09-27Rousseaux, Michael Esq QUALIFIED93Amy Elsner
1017Kaitlin K RoysterFrance2026-10-10Buckley Miller Wright UNQUALIFIED86Elwin Sharvill
1018David H StensethItaly2026-10-24Buckley Miller Wright NEW29Bernardo Dominic
1019Claire S VenereCanada2026-10-12Feltz Printing Service NEW18Bernardo Dominic
1020Wickens V OldroydArgentina2026-10-04Printing Dimensions NEW73Xuxue Feng
1021Murillo T FollerArgentina2026-10-04Rangoni Of Florence NEGOTIATION16Stephen Shaw
1022Morrow C MaletBrazil2026-09-27Rousseaux, Michael Esq NEW87Ivan Magalhaes
1023Costa M SchemmerJapan2026-10-26Printing Dimensions RENEWAL10Asiya Javayant
1024Jones U KuskoFrance2026-10-15King, Christopher A Esq QUALIFIED73Bernardo Dominic
1025Sinclair O TollnerCanada2026-10-21Rousseaux, Michael Esq NEGOTIATION16Ivan Magalhaes
1026Misaki J MorascaBrazil2026-10-07Buckley Miller Wright NEW41Stephen Shaw
1027Clifford E KuskoCanada2026-10-08Dorl, James J Esq QUALIFIED98Ioni Bowcher
1028Alejandro G SchemmerRussia2026-10-06King, Christopher A Esq RENEWAL1Bernardo Dominic
1029Emily Y CaldareraIndia2026-10-08Dorl, James J Esq PROPOSAL82Ivan Magalhaes
1030Deepesh I PaprockiItaly2026-10-22Chanay, Jeffrey A Esq QUALIFIED91Asiya Javayant
1031Kadeem J SchemmerAustralia2026-10-09Rousseaux, Michael Esq RENEWAL82Amy Elsner
1032Salvatore P VocelkaCanada2026-10-13Dorl, James J Esq NEGOTIATION23Ioni Bowcher
1033Morrow L PaprockiCanada2026-10-22King, Christopher A Esq NEW61Elwin Sharvill
1034Deepesh E FlosiItaly2026-10-11King, Christopher A Esq NEGOTIATION87Ivan Magalhaes
1035Antonio H GarufiGermany2026-09-30King, Christopher A Esq RENEWAL35Amy Elsner
1036Cody Z NickaCanada2026-09-30Chemel, James L Cpa UNQUALIFIED74Amy Elsner
1037Jones H ButtRussia2026-10-05Truhlar And Truhlar Attys PROPOSAL44Stephen Shaw
1038Francesco F ChuiUnited Kingdom2026-10-03Rangoni Of Florence UNQUALIFIED12Xuxue Feng
1039Jeanfrancois A KuskoUnited Kingdom2026-10-19Buckley Miller Wright PROPOSAL0Onyama Limba
1040Morrow W BologniaCanada2026-10-20Benton, John B Jr PROPOSAL46Amy Elsner
1041Ivar O PerinUnited Kingdom2026-10-01Rangoni Of Florence NEW26Asiya Javayant
1042Misaki A FerenczRussia2026-10-15Printing Dimensions PROPOSAL61Amy Elsner
1043Stacey M OldroydIndia2026-10-15Rangoni Of Florence QUALIFIED82Ioni Bowcher
1044James M CaldareraCanada2026-09-29Buckley Miller Wright NEGOTIATION2Ivan Magalhaes
1045Clifford M RutaCanada2026-10-20Chemel, James L Cpa QUALIFIED99Amy Elsner
1046Adams C GlickItaly2026-10-22Benton, John B Jr NEGOTIATION19Ioni Bowcher
1047Faith E StensethUnited Kingdom2026-10-04Morlong Associates UNQUALIFIED56Xuxue Feng
1048Leon B IturbideIndia2026-10-12Morlong Associates RENEWAL49Ioni Bowcher
1049Silvio R FigeroaArgentina2026-10-08Buckley Miller Wright PROPOSAL92Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Leja O PerinUnited KingdomXuxue Feng RENEWAL
Jeanfrancois R AmigonBrazilStephen Shaw RENEWAL
Emily X NestleUnited KingdomStephen Shaw QUALIFIED
Chavez G KolmetzGermanyIoni Bowcher PROPOSAL
Mayumi V SergiAustraliaAnna Fali UNQUALIFIED
Alejandro D KolmetzItalyAnna Fali NEW
Alejandro Y FigeroaJapanIoni Bowcher UNQUALIFIED
Maisha Y StensethIndiaAnna Fali NEGOTIATION
Wickens F CaldareraIndiaAnna Fali QUALIFIED
Darci R BowleyBrazilAnna Fali NEW
Morrow K WhobreyFranceXuxue Feng PROPOSAL
Chavez W PerinItalyIoni Bowcher PROPOSAL
Misaki F BowleyRussiaBernardo Dominic PROPOSAL
Jeanfrancois V GarufiArgentinaIoni Bowcher RENEWAL
Alejandro Q RulapaughFranceBernardo Dominic RENEWAL
Tony G GarufiGermanyAmy Elsner RENEWAL
Aika R OstroskyJapanAnna Fali NEGOTIATION
Murillo L VocelkaUnited KingdomElwin Sharvill PROPOSAL
Tony R GauchoArgentinaAsiya Javayant QUALIFIED
Adams P RutaCanadaAmy Elsner NEW
Greenwood E FigeroaIndiaBernardo Dominic NEGOTIATION
Kaitlin T BologniaItalyAmy Elsner PROPOSAL
Smith X AmigonIndiaElwin Sharvill PROPOSAL
Smith Q SchemmerFranceXuxue Feng UNQUALIFIED
Mujtaba I NestleBrazilStephen Shaw NEGOTIATION
Arvin R WhobreyAustraliaIoni Bowcher PROPOSAL
Morrow D SchemmerBrazilIvan Magalhaes RENEWAL
Leja M RoysterIndiaAnna Fali UNQUALIFIED
Kaitlin D VenereUnited KingdomAsiya Javayant PROPOSAL
Stacey Z FerenczAustraliaElwin Sharvill UNQUALIFIED
Sinclair C FollerCanadaBernardo Dominic QUALIFIED
Murillo I KuskoBrazilIoni Bowcher UNQUALIFIED
Claire B SchemmerSpainStephen Shaw RENEWAL
Sinclair P RoysterBrazilAnna Fali PROPOSAL
Claire K BowleyAustraliaElwin Sharvill RENEWAL
Ivar M MaletJapanStephen Shaw QUALIFIED
Isabel V SergiFranceStephen Shaw PROPOSAL
Misaki W SchemmerCanadaElwin Sharvill NEW
Alejandro W RulapaughSpainAnna Fali NEW
Tony E FollerFranceAnna Fali NEGOTIATION
Jefferson K SlusarskiGermanyXuxue Feng UNQUALIFIED
Rodrigues C RimGermanyIoni Bowcher QUALIFIED
Nicolas P OldroydUnited KingdomXuxue Feng NEW
Ricardo K GauchoBrazilIoni Bowcher RENEWAL
Darci E PerinCanadaAnna Fali RENEWAL
Faith C NestleItalyStephen Shaw NEGOTIATION
Aruna G BriddickIndiaAmy Elsner QUALIFIED
Smith J WhobreySpainBernardo Dominic NEGOTIATION
Jeanfrancois Z FigeroaSpainAsiya Javayant NEW
Salvatore F ButtCanadaAsiya Javayant UNQUALIFIED
Frozen Columns
Name
David N Garufi
Emily J Sergi
Sinclair B Amigon
Jennifer B Chui
Maria P Butt
Jones C Malet
Kaitlin J Flosi
Ricardo W Albares
Maisha P Schemmer
David B Morasca
Deepesh C Poquette
Adams V Chui
Ivar J Foller
Johnson X Briddick
Murillo X Poquette
Aika V Waycott
Deepesh L Iturbide
Mujtaba R Ferencz
Leon W Chui
Salvatore Z Inouye
Clifford H Doe
Wickens J Gillian
Leja H Butt
Clifford G Albares
Julie O Schemmer
Mayumi N Iturbide
Jeanfrancois D Bolognia
Tony A Royster
Kaitlin N Slusarski
Emily A Amigon
Nicolas X Perin
Silvio X Flosi
Leon P Flosi
Aika Y Ferencz
Ashley T Caudy
Arvin H Schemmer
Adams Q Stenseth
Maisha W Briddick
Kadeem A Albares
Juan B Venere
Maria Q Butt
Claire X Inouye
Murillo J Ferencz
Ricardo F Oldroyd
Antonio S Morasca
Munro J Nestle
Silvio G Dilliard
Jefferson K Malet
Costa K Stockham
Jones E Bolognia
IdCountryDate
1000Australia2026-10-23
1001France2026-10-21
1002Russia2026-10-13
1003Japan2026-10-10
1004Russia2026-10-01
1005India2026-10-09
1006Australia2026-10-12
1007Canada2026-10-23
1008Japan2026-10-17
1009Canada2026-10-08
1010France2026-10-17
1011Spain2026-10-15
1012Germany2026-10-18
1013Japan2026-10-02
1014Canada2026-10-12
1015Germany2026-10-23
1016Spain2026-10-18
1017Spain2026-10-24
1018India2026-09-29
1019Russia2026-09-29
1020Russia2026-10-10
1021Canada2026-10-02
1022France2026-10-23
1023Russia2026-10-25
1024Japan2026-10-13
1025Italy2026-10-18
1026Spain2026-10-10
1027Japan2026-10-25
1028Italy2026-10-26
1029Australia2026-10-07
1030Germany2026-10-26
1031United Kingdom2026-10-22
1032Brazil2026-10-14
1033Canada2026-10-24
1034Russia2026-09-29
1035United Kingdom2026-10-10
1036Spain2026-10-23
1037Japan2026-10-09
1038Argentina2026-10-01
1039Italy2026-10-07
1040Spain2026-10-16
1041India2026-10-11
1042India2026-10-25
1043France2026-10-26
1044Brazil2026-10-07
1045India2026-09-27
1046Brazil2026-10-11
1047France2026-10-11
1048Argentina2026-10-23
1049Italy2026-09-30

On-Demand Data

NameIdCountryDate
Juan X Figeroa1000India2026-10-01
Mayumi M Maclead1001Canada2026-10-08
Sinclair O Saylors1002France2026-10-11
Jefferson R Poquette1003France2026-10-03
Stacey Q Gillian1004Australia2026-10-08
Stacey I Venere1005Germany2026-09-30
Leja Q Maclead1006Japan2026-10-17
Chavez P Royster1007Spain2026-10-24
Johnson M Malet1008Argentina2026-09-29
David O Gillian1009Italy2026-09-29
Murillo C Stockham1010France2026-10-03
Morrow J Stockham1011United Kingdom2026-10-07
Mujtaba C Foller1012Brazil2026-10-19
Stacey C Slusarski1013Brazil2026-10-15
Smith A Stenseth1014Spain2026-09-28
Isabel M Oldroyd1015Brazil2026-10-19
Alejandro N Royster1016Argentina2026-10-26
Cody J Rulapaugh1017Germany2026-10-11
Maisha X Butt1018Australia2026-10-20
Rodrigues T Stockham1019Argentina2026-09-27
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Clifford N GarufiFranceIoni Bowcher NEGOTIATION
Wickens G BriddickSpainOnyama Limba RENEWAL
Rodrigues I MacleadFranceIoni Bowcher PROPOSAL
Francesco C PerinBrazilAmy Elsner QUALIFIED
Stacey T VenereArgentinaAmy Elsner NEGOTIATION
Kaitlin P DoeRussiaElwin Sharvill PROPOSAL
Ivar O PoquetteRussiaAmy Elsner NEW
Jones K DoeAustraliaBernardo Dominic NEGOTIATION
Clifford H DarakjyItalyIvan Magalhaes RENEWAL
Sinclair L RimIndiaOnyama Limba PROPOSAL
Silvio B DoeArgentinaOnyama Limba QUALIFIED
Mayumi M FigeroaArgentinaAnna Fali QUALIFIED
Sinclair H InouyeArgentinaIoni Bowcher NEGOTIATION
Antonio K CaudyItalyStephen Shaw RENEWAL
Francesco C CaudyBrazilElwin Sharvill QUALIFIED
Juan T SaylorsFranceElwin Sharvill QUALIFIED
Izzy J ChuiSpainIoni Bowcher PROPOSAL
Aruna H IturbideArgentinaElwin Sharvill NEW
Murillo B CaudySpainAmy Elsner QUALIFIED
Kadeem K AlbaresCanadaStephen Shaw UNQUALIFIED
Maisha X GauchoFranceIvan Magalhaes QUALIFIED
Julie D CampainFranceIvan Magalhaes RENEWAL
Jennifer S BologniaAustraliaElwin Sharvill PROPOSAL
Stacey P DarakjyGermanyBernardo Dominic UNQUALIFIED
Kadeem H AlbaresCanadaAnna Fali PROPOSAL
Greenwood X AmigonCanadaStephen Shaw UNQUALIFIED
Kaitlin D ChuiSpainStephen Shaw RENEWAL
Jennifer B FlosiIndiaIoni Bowcher RENEWAL
Aruna R NestleRussiaAmy Elsner NEW
Kaitlin Z SaylorsCanadaAsiya Javayant RENEWAL
Jeanfrancois A BologniaIndiaStephen Shaw PROPOSAL
Jefferson P VocelkaAustraliaXuxue Feng QUALIFIED
Julie I FigeroaArgentinaAmy Elsner NEW
Antonio K OldroydSpainIvan Magalhaes PROPOSAL
Ricardo Z ButtRussiaIvan Magalhaes UNQUALIFIED
Ivar O WieserAustraliaXuxue Feng UNQUALIFIED
Jennifer L DilliardFranceOnyama Limba QUALIFIED
Maisha Q SergiBrazilAmy Elsner NEGOTIATION
Jefferson R AlbaresCanadaBernardo Dominic UNQUALIFIED
Juan G DilliardGermanyIoni Bowcher QUALIFIED

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