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
Darci A MarrierAustraliaBernardo Dominic QUALIFIED
Julie I SergiCanadaAmy Elsner PROPOSAL
Costa N IturbideCanadaStephen Shaw UNQUALIFIED
Aika V VocelkaGermanyElwin Sharvill NEW
Maria P AmigonArgentinaAmy Elsner NEGOTIATION
Antonio T FigeroaCanadaIoni Bowcher RENEWAL
Costa L MarrierSpainStephen Shaw QUALIFIED
Aruna X DilliardItalyIvan Magalhaes UNQUALIFIED
Tony Z GauchoSpainStephen Shaw NEGOTIATION
Greenwood A RutaUnited KingdomOnyama Limba UNQUALIFIED
Costa O DarakjyGermanyAnna Fali UNQUALIFIED
Maria M PoquetteJapanBernardo Dominic NEW
Greenwood L NestleIndiaIoni Bowcher RENEWAL
Misaki W ChuiJapanIoni Bowcher NEGOTIATION
Mayumi B MacleadItalyOnyama Limba RENEWAL
Munro J BowleyGermanyAnna Fali UNQUALIFIED
Munro O GarufiGermanyAmy Elsner NEGOTIATION
Deepesh P InouyeRussiaStephen Shaw UNQUALIFIED
Murillo W AmigonIndiaElwin Sharvill UNQUALIFIED
Kaitlin C PoquetteIndiaIoni Bowcher PROPOSAL
Aditya B GauchoRussiaAmy Elsner NEW
Mujtaba C RoysterIndiaAsiya Javayant PROPOSAL
David N FigeroaJapanStephen Shaw UNQUALIFIED
Morrow T SlusarskiJapanIvan Magalhaes RENEWAL
Maria X CaudyCanadaStephen Shaw NEW
Maisha F OstroskyItalyAsiya Javayant NEGOTIATION
Aruna V AlbaresArgentinaElwin Sharvill NEGOTIATION
Arvin L PoquetteUnited KingdomIvan Magalhaes PROPOSAL
Mujtaba E BologniaUnited KingdomElwin Sharvill NEW
Jones C GillianBrazilIoni Bowcher QUALIFIED
Misaki Y StensethItalyBernardo Dominic NEGOTIATION
Leon H DarakjyItalyXuxue Feng QUALIFIED
Misaki K MorascaBrazilAsiya Javayant UNQUALIFIED
Alejandro Z GillianAustraliaAnna Fali QUALIFIED
Johnson Q VocelkaArgentinaOnyama Limba NEGOTIATION
Kaitlin L GillianItalyAnna Fali NEGOTIATION
Ashley U InouyeRussiaAmy Elsner NEW
Adams X InouyeJapanElwin Sharvill NEW
Jeanfrancois B SchemmerFranceStephen Shaw PROPOSAL
Costa T GarufiArgentinaStephen Shaw QUALIFIED
Maria H SergiFranceIoni Bowcher RENEWAL
Maria H BriddickJapanElwin Sharvill QUALIFIED
Greenwood O SchemmerUnited KingdomAsiya Javayant NEW
Juan Y FlosiIndiaXuxue Feng NEGOTIATION
Octavia Q DilliardFranceElwin Sharvill NEW
Wickens S PoquetteJapanStephen Shaw QUALIFIED
Francesco N FlosiCanadaOnyama Limba RENEWAL
Tony C FigeroaItalyIoni Bowcher NEGOTIATION
Mayumi D WaycottCanadaElwin Sharvill PROPOSAL
Tony T GarufiCanadaAsiya Javayant QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Kaitlin H MaletCanadaElwin Sharvill QUALIFIED
Ivar W OstroskyUnited KingdomAmy Elsner UNQUALIFIED
Mayumi W SlusarskiUnited KingdomStephen Shaw QUALIFIED
Munro X BriddickFranceOnyama Limba NEGOTIATION
Francesco G AlbaresRussiaIvan Magalhaes QUALIFIED
Nicolas P PaprockiItalyXuxue Feng NEGOTIATION
Jones C DilliardCanadaAsiya Javayant UNQUALIFIED
Izzy Y FlosiGermanyAnna Fali NEW
Jeanfrancois U StensethBrazilIvan Magalhaes QUALIFIED
Aditya B GauchoJapanIvan Magalhaes PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aruna R CaudyUnited Kingdom2026-09-23Chapman, Ross E Esq RENEWAL44Asiya Javayant
1001Jennifer A ShinkoCanada2026-10-03Feltz Printing Service NEW92Amy Elsner
1002Jennifer Y BologniaRussia2026-09-13Morlong Associates UNQUALIFIED90Ivan Magalhaes
1003Cody Z ButtAustralia2026-09-19Truhlar And Truhlar Attys QUALIFIED39Ioni Bowcher
1004Octavia P CaudyFrance2026-09-19Chemel, James L Cpa PROPOSAL26Ivan Magalhaes
1005Misaki I BriddickJapan2026-09-29Chapman, Ross E Esq NEW22Anna Fali
1006Arvin Z ShinkoCanada2026-10-06Chanay, Jeffrey A Esq UNQUALIFIED58Elwin Sharvill
1007Kadeem L AmigonArgentina2026-09-27Commercial Press PROPOSAL13Onyama Limba
1008Mujtaba W NestleBrazil2026-09-27Chanay, Jeffrey A Esq NEGOTIATION20Bernardo Dominic
1009Munro H PoquetteGermany2026-09-29Benton, John B Jr NEGOTIATION4Stephen Shaw
1010Deepesh H WhobreySpain2026-09-13Chemel, James L Cpa NEGOTIATION70Amy Elsner
1011Maria C GillianJapan2026-09-19Feltz Printing Service NEGOTIATION47Bernardo Dominic
1012David A PaprockiRussia2026-10-05Chanay, Jeffrey A Esq RENEWAL76Anna Fali
1013Maisha M DilliardJapan2026-10-02Buckley Miller Wright UNQUALIFIED72Ioni Bowcher
1014Adams H IturbideGermany2026-09-22Morlong Associates QUALIFIED11Amy Elsner
1015Munro U FollerIndia2026-10-01King, Christopher A Esq UNQUALIFIED87Elwin Sharvill
1016Smith G OstroskyArgentina2026-09-30Buckley Miller Wright NEGOTIATION62Amy Elsner
1017Claire B DoeIndia2026-09-20Feiner Bros UNQUALIFIED10Xuxue Feng
1018Salvatore F InouyeRussia2026-09-21Chanay, Jeffrey A Esq QUALIFIED42Bernardo Dominic
1019Silvio F DoeCanada2026-09-28Chapman, Ross E Esq NEW30Ioni Bowcher
1020Salvatore E FollerBrazil2026-10-01Chanay, Jeffrey A Esq UNQUALIFIED66Bernardo Dominic
1021David C CampainFrance2026-09-29Truhlar And Truhlar Attys RENEWAL77Anna Fali
1022Arvin Y GlickRussia2026-09-15Rousseaux, Michael Esq NEW7Ioni Bowcher
1023Isabel E NestleJapan2026-09-24Rangoni Of Florence NEGOTIATION34Amy Elsner
1024Wickens E TollnerBrazil2026-09-13Buckley Miller Wright QUALIFIED94Anna Fali
1025Julie X GarufiSpain2026-09-11Commercial Press NEW23Amy Elsner
1026Morrow D ButtIndia2026-09-30Commercial Press NEGOTIATION11Ioni Bowcher
1027Leon N SergiGermany2026-09-25Morlong Associates QUALIFIED64Amy Elsner
1028Nicolas J DilliardIndia2026-09-08Buckley Miller Wright NEGOTIATION85Xuxue Feng
1029Ricardo A ShinkoCanada2026-09-11Printing Dimensions UNQUALIFIED71Ivan Magalhaes
1030Ricardo C ButtArgentina2026-10-01Chanay, Jeffrey A Esq RENEWAL15Stephen Shaw
1031Ivar Y RimSpain2026-09-07Chemel, James L Cpa UNQUALIFIED97Elwin Sharvill
1032Morrow C PerinItaly2026-09-20Feiner Bros QUALIFIED92Elwin Sharvill
1033Murillo N AlbaresAustralia2026-09-22Rangoni Of Florence UNQUALIFIED55Asiya Javayant
1034Mujtaba J ShinkoBrazil2026-10-06Buckley Miller Wright NEW17Anna Fali
1035Leja J WaycottBrazil2026-10-03Buckley Miller Wright NEW95Asiya Javayant
1036Sinclair P RimFrance2026-09-13Benton, John B Jr RENEWAL20Elwin Sharvill
1037Clifford S DoeFrance2026-09-16Rangoni Of Florence NEGOTIATION26Ioni Bowcher
1038Maisha F FerenczAustralia2026-09-24Dorl, James J Esq NEGOTIATION59Ivan Magalhaes
1039Chavez K GarufiJapan2026-09-13Commercial Press QUALIFIED66Anna Fali
1040Octavia N IturbideAustralia2026-10-02Rousseaux, Michael Esq PROPOSAL88Xuxue Feng
1041Silvio D GauchoUnited Kingdom2026-09-08Rangoni Of Florence RENEWAL28Ioni Bowcher
1042Maisha P BologniaRussia2026-10-04Feltz Printing Service QUALIFIED92Onyama Limba
1043Jefferson O CaldareraGermany2026-09-12Commercial Press PROPOSAL2Elwin Sharvill
1044Jefferson R ShinkoAustralia2026-09-18Chemel, James L Cpa NEGOTIATION81Anna Fali
1045Jones G GillianUnited Kingdom2026-10-01Chemel, James L Cpa QUALIFIED66Anna Fali
1046Ashley Y CaldareraJapan2026-10-05Printing Dimensions NEGOTIATION7Asiya Javayant
1047Juan W InouyeSpain2026-09-29Benton, John B Jr PROPOSAL99Elwin Sharvill
1048Morrow M NestleFrance2026-09-12Rousseaux, Michael Esq NEW42Asiya Javayant
1049Jeanfrancois O OldroydIndia2026-09-29Dorl, James J Esq PROPOSAL39Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
David P DilliardJapanOnyama Limba QUALIFIED
Leja F MacleadRussiaElwin Sharvill UNQUALIFIED
Sinclair Q IturbideItalyStephen Shaw PROPOSAL
Smith W DoeAustraliaAmy Elsner NEGOTIATION
Faith U SlusarskiSpainStephen Shaw QUALIFIED
Maisha X RimFranceAmy Elsner NEW
Emily Z AmigonJapanAnna Fali RENEWAL
Darci Z GillianFranceAmy Elsner QUALIFIED
Emily P MorascaJapanBernardo Dominic NEW
Leja D TollnerCanadaAsiya Javayant QUALIFIED
Jeanfrancois L IturbideIndiaStephen Shaw RENEWAL
Claire S KuskoRussiaBernardo Dominic UNQUALIFIED
Aruna H MorascaItalyAnna Fali PROPOSAL
Adams N AmigonBrazilOnyama Limba NEW
Salvatore A NickaAustraliaIvan Magalhaes RENEWAL
Nicolas J KolmetzJapanElwin Sharvill NEW
Jefferson U WieserRussiaIoni Bowcher NEW
Silvio E FerenczAustraliaIvan Magalhaes UNQUALIFIED
Aditya M FerenczJapanAmy Elsner RENEWAL
Darci J FollerArgentinaIvan Magalhaes NEW
Jennifer V VocelkaSpainAsiya Javayant NEW
Clifford P ButtCanadaStephen Shaw RENEWAL
Leon G DarakjyRussiaAnna Fali NEW
Leon U MaletSpainAmy Elsner NEGOTIATION
Leon G OstroskyIndiaElwin Sharvill PROPOSAL
Nicolas K IturbideUnited KingdomElwin Sharvill UNQUALIFIED
Adams K RutaCanadaStephen Shaw UNQUALIFIED
James H MaletGermanyStephen Shaw QUALIFIED
Leon E GlickItalyStephen Shaw PROPOSAL
Nicolas E NestleUnited KingdomOnyama Limba QUALIFIED
Wickens U FlosiCanadaAnna Fali UNQUALIFIED
Murillo H PaprockiBrazilXuxue Feng NEW
Jeanfrancois J DilliardRussiaXuxue Feng QUALIFIED
Morrow N StensethUnited KingdomOnyama Limba UNQUALIFIED
Clifford V GillianUnited KingdomIvan Magalhaes NEGOTIATION
Aika I FigeroaArgentinaOnyama Limba UNQUALIFIED
Leon P SergiUnited KingdomBernardo Dominic NEW
Aika Q NickaRussiaOnyama Limba NEW
Maisha E CampainRussiaAmy Elsner RENEWAL
Wickens X CampainUnited KingdomStephen Shaw RENEWAL
Jeanfrancois H RutaSpainIoni Bowcher PROPOSAL
Costa F KolmetzBrazilAmy Elsner QUALIFIED
Emily O BowleyItalyIvan Magalhaes PROPOSAL
Maisha Q BologniaItalyAnna Fali RENEWAL
Isabel H WhobreyIndiaStephen Shaw QUALIFIED
Alejandro R DarakjyCanadaAmy Elsner QUALIFIED
Aditya B ShinkoGermanyStephen Shaw UNQUALIFIED
Salvatore B FollerGermanyElwin Sharvill QUALIFIED
Ashley Z SergiCanadaOnyama Limba NEGOTIATION
Jennifer A GauchoBrazilIoni Bowcher NEGOTIATION
Frozen Columns
Name
Maisha R Gaucho
Nicolas T Campain
Francesco U Stenseth
Sinclair J Morasca
Francesco D Butt
Tony P Kusko
Misaki M Iturbide
Aditya L Schemmer
Isabel S Foller
Aruna H Malet
Maria T Butt
Aditya M Schemmer
Jeanfrancois G Royster
Deepesh F Wieser
Nicolas Y Slusarski
Izzy U Gillian
Izzy W Slusarski
Wickens N Stockham
Chavez V Rulapaugh
Julie X Chui
Mayumi D Wieser
Francesco O Albares
Kadeem D Wieser
Sinclair E Ferencz
Morrow X Perin
Francesco P Vocelka
Mujtaba Q Ruta
Jennifer K Stenseth
Ashley E Gaucho
Faith N Stockham
Tony S Ruta
Ivar W Poquette
Arvin Z Rulapaugh
Jefferson H Dilliard
Salvatore M Caudy
Leon P Campain
Wickens P Chui
Sinclair K Ferencz
Arvin I Venere
Ashley T Iturbide
Ivar N Iturbide
Rodrigues N Figeroa
Ricardo U Malet
Tony E Stockham
Aditya W Caudy
Leon K Malet
Johnson D Tollner
Emily L Malet
Mujtaba H Shinko
Cody R Tollner
IdCountryDate
1000United Kingdom2026-09-22
1001Germany2026-10-01
1002Spain2026-09-12
1003Spain2026-09-28
1004Canada2026-09-30
1005Spain2026-09-30
1006Brazil2026-09-23
1007Germany2026-10-02
1008Argentina2026-09-14
1009United Kingdom2026-09-25
1010Argentina2026-10-01
1011Brazil2026-09-21
1012United Kingdom2026-09-30
1013India2026-09-26
1014Australia2026-09-11
1015Argentina2026-09-15
1016India2026-09-30
1017Italy2026-10-03
1018Australia2026-09-18
1019United Kingdom2026-09-30
1020Russia2026-09-07
1021Germany2026-09-14
1022Russia2026-09-28
1023Russia2026-09-18
1024India2026-09-30
1025Germany2026-10-05
1026United Kingdom2026-09-25
1027France2026-09-25
1028Spain2026-10-05
1029France2026-09-17
1030Canada2026-09-15
1031Brazil2026-09-08
1032Spain2026-10-03
1033United Kingdom2026-09-13
1034Argentina2026-09-13
1035India2026-09-26
1036France2026-09-08
1037France2026-09-25
1038Spain2026-09-26
1039Australia2026-10-01
1040Japan2026-09-10
1041Japan2026-10-01
1042United Kingdom2026-09-26
1043Canada2026-10-02
1044France2026-09-15
1045Russia2026-09-24
1046Japan2026-09-24
1047Australia2026-10-06
1048Italy2026-10-02
1049United Kingdom2026-09-19

On-Demand Data

NameIdCountryDate
Misaki T Gaucho1000Russia2026-09-27
Sinclair B Figeroa1001Italy2026-09-30
Izzy H Rim1002Germany2026-09-26
Julie J Marrier1003Spain2026-09-15
Rodrigues G Slusarski1004Australia2026-09-12
Faith L Gaucho1005Australia2026-09-21
Leja B Campain1006Italy2026-09-25
Smith T Malet1007Italy2026-09-29
Darci Y Slusarski1008Argentina2026-09-27
Claire G Shinko1009Canada2026-10-05
Isabel L Vocelka1010Spain2026-09-26
Rodrigues B Gillian1011Spain2026-09-28
Murillo P Caudy1012Germany2026-09-29
Jeanfrancois U Bolognia1013Germany2026-09-26
Mujtaba T Iturbide1014Brazil2026-09-27
Alejandro E Oldroyd1015Australia2026-10-04
Aruna M Kolmetz1016Australia2026-09-22
Mayumi Z Oldroyd1017Brazil2026-09-18
Rodrigues Q Ferencz1018Italy2026-09-17
Juan B Darakjy1019Argentina2026-10-03
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jeanfrancois P PerinRussiaIvan Magalhaes RENEWAL
Tony R NickaBrazilBernardo Dominic NEW
Sinclair I KuskoGermanyAnna Fali NEGOTIATION
Jefferson Y KuskoAustraliaElwin Sharvill NEGOTIATION
Emily M BowleyBrazilAmy Elsner RENEWAL
James E SlusarskiBrazilBernardo Dominic QUALIFIED
Jeanfrancois X GillianCanadaOnyama Limba NEW
Aika Q BriddickSpainAsiya Javayant RENEWAL
Antonio G OldroydUnited KingdomAsiya Javayant QUALIFIED
Mayumi Q VocelkaIndiaOnyama Limba QUALIFIED
Costa V MaletRussiaOnyama Limba QUALIFIED
Arvin B GauchoBrazilIoni Bowcher NEW
Cody D CaldareraFranceXuxue Feng RENEWAL
Johnson Y IturbideFranceIvan Magalhaes NEW
Juan X MorascaAustraliaXuxue Feng NEGOTIATION
Octavia R BologniaCanadaBernardo Dominic NEW
Maisha F MaletItalyAnna Fali QUALIFIED
Maisha S MarrierCanadaXuxue Feng NEGOTIATION
Adams X RimItalyIvan Magalhaes RENEWAL
Cody L InouyeAustraliaOnyama Limba UNQUALIFIED
Emily Y ButtBrazilBernardo Dominic UNQUALIFIED
David M MaletItalyElwin Sharvill QUALIFIED
Smith A PoquetteFranceStephen Shaw QUALIFIED
Wickens W BriddickGermanyStephen Shaw UNQUALIFIED
Mayumi J FollerArgentinaAnna Fali UNQUALIFIED
Morrow K MaletJapanAnna Fali NEW
Wickens M DarakjySpainBernardo Dominic RENEWAL
Maria Y FerenczIndiaStephen Shaw NEW
Leja Z DoeItalyOnyama Limba QUALIFIED
Jeanfrancois B MorascaUnited KingdomIvan Magalhaes RENEWAL
Isabel I PoquetteJapanIoni Bowcher RENEWAL
Ivar L FlosiAustraliaAmy Elsner NEW
Faith H TollnerGermanyXuxue Feng PROPOSAL
Faith N WhobreyIndiaIvan Magalhaes RENEWAL
Octavia H GarufiBrazilXuxue Feng UNQUALIFIED
Cody Y RulapaughGermanyXuxue Feng UNQUALIFIED
Johnson H OstroskyAustraliaIvan Magalhaes NEW
James O StensethCanadaAnna Fali PROPOSAL
Jennifer B BriddickItalyAsiya Javayant NEGOTIATION
Stacey X RulapaughGermanyIvan Magalhaes 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>