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
Maria B ButtRussiaBernardo Dominic QUALIFIED
Arvin J GlickFranceOnyama Limba NEW
Mayumi S GlickFranceOnyama Limba UNQUALIFIED
Ivar G KuskoCanadaIvan Magalhaes PROPOSAL
Octavia W StockhamRussiaStephen Shaw NEW
Isabel Q SaylorsCanadaAsiya Javayant PROPOSAL
Faith O GillianItalyStephen Shaw PROPOSAL
Julie B RulapaughSpainStephen Shaw UNQUALIFIED
Jennifer G SchemmerBrazilElwin Sharvill PROPOSAL
Octavia V NestleUnited KingdomAnna Fali NEGOTIATION
Costa K MorascaUnited KingdomAsiya Javayant RENEWAL
Faith B FigeroaJapanIoni Bowcher QUALIFIED
Kadeem A ShinkoItalyIvan Magalhaes NEGOTIATION
Jefferson W DilliardSpainElwin Sharvill RENEWAL
Octavia Y FollerIndiaElwin Sharvill NEW
Misaki V DilliardIndiaAnna Fali QUALIFIED
Sinclair Y GarufiRussiaAmy Elsner PROPOSAL
Sinclair W BologniaArgentinaStephen Shaw PROPOSAL
Cody Z WhobreyItalyElwin Sharvill QUALIFIED
Arvin N PerinUnited KingdomIvan Magalhaes NEW
David R DarakjyUnited KingdomOnyama Limba RENEWAL
Julie J GarufiFranceIoni Bowcher UNQUALIFIED
Tony J SlusarskiCanadaIvan Magalhaes PROPOSAL
David C FigeroaArgentinaAmy Elsner NEGOTIATION
Octavia T GarufiAustraliaStephen Shaw UNQUALIFIED
Isabel G RulapaughArgentinaStephen Shaw RENEWAL
Jennifer B GillianCanadaAsiya Javayant PROPOSAL
Julie G FerenczFranceAsiya Javayant RENEWAL
Tony E PoquetteUnited KingdomStephen Shaw UNQUALIFIED
Clifford V RutaCanadaAsiya Javayant UNQUALIFIED
Antonio J GillianBrazilAmy Elsner NEGOTIATION
Izzy P PaprockiCanadaElwin Sharvill UNQUALIFIED
Rodrigues Y BowleyCanadaStephen Shaw NEW
Wickens C GlickUnited KingdomStephen Shaw NEW
Jeanfrancois J GlickUnited KingdomAsiya Javayant QUALIFIED
Darci T SergiBrazilOnyama Limba RENEWAL
Maisha E SaylorsUnited KingdomIvan Magalhaes QUALIFIED
Leon E BologniaItalyIoni Bowcher UNQUALIFIED
Emily I FollerBrazilBernardo Dominic NEW
Johnson K AlbaresSpainStephen Shaw NEW
Antonio Z SaylorsFranceXuxue Feng NEW
Jefferson R NickaJapanOnyama Limba PROPOSAL
Mayumi H DilliardAustraliaElwin Sharvill QUALIFIED
Maria Q KuskoJapanAnna Fali QUALIFIED
Rodrigues T DarakjyJapanAmy Elsner NEW
Jefferson A NickaAustraliaXuxue Feng UNQUALIFIED
Leon E OstroskyItalyElwin Sharvill QUALIFIED
Silvio Z RulapaughFranceBernardo Dominic UNQUALIFIED
Rodrigues P ChuiItalyOnyama Limba RENEWAL
Faith X VenereGermanyIvan Magalhaes QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Rodrigues M GarufiIndiaElwin Sharvill UNQUALIFIED
Antonio F MarrierGermanyAmy Elsner PROPOSAL
Faith Y CaudyCanadaIoni Bowcher QUALIFIED
Greenwood Y WhobreyIndiaStephen Shaw NEGOTIATION
Misaki T BologniaIndiaXuxue Feng RENEWAL
Rodrigues N OstroskyUnited KingdomAnna Fali NEGOTIATION
Kadeem W MarrierFranceStephen Shaw PROPOSAL
Cody S PaprockiAustraliaStephen Shaw RENEWAL
Alejandro V DarakjyAustraliaAsiya Javayant UNQUALIFIED
Smith L CaldareraRussiaOnyama Limba UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Isabel X SaylorsRussia2026-10-12Chemel, James L Cpa UNQUALIFIED75Anna Fali
1001Costa D VocelkaGermany2026-10-04Commercial Press UNQUALIFIED25Asiya Javayant
1002Tony H GlickAustralia2026-09-30Chemel, James L Cpa RENEWAL15Asiya Javayant
1003Aditya W PoquetteCanada2026-10-12Commercial Press RENEWAL84Onyama Limba
1004Aruna P GillianGermany2026-10-08Rangoni Of Florence QUALIFIED69Ioni Bowcher
1005Jeanfrancois P RimFrance2026-10-15Printing Dimensions UNQUALIFIED37Asiya Javayant
1006Juan F InouyeItaly2026-10-08Benton, John B Jr NEGOTIATION60Anna Fali
1007Jefferson L NickaAustralia2026-09-22Chanay, Jeffrey A Esq PROPOSAL7Ioni Bowcher
1008Nicolas Q CaldareraRussia2026-10-03Benton, John B Jr PROPOSAL3Ioni Bowcher
1009Cody Q PerinSpain2026-10-15Chanay, Jeffrey A Esq NEGOTIATION42Asiya Javayant
1010Juan B FlosiGermany2026-10-17Chanay, Jeffrey A Esq PROPOSAL37Xuxue Feng
1011Mujtaba D FlosiGermany2026-10-05Benton, John B Jr RENEWAL30Ivan Magalhaes
1012David B GarufiArgentina2026-09-29King, Christopher A Esq QUALIFIED0Onyama Limba
1013Chavez X BowleyCanada2026-09-27Chapman, Ross E Esq PROPOSAL35Anna Fali
1014Johnson O GauchoArgentina2026-10-09Printing Dimensions UNQUALIFIED8Xuxue Feng
1015Ivar N BologniaBrazil2026-10-17Feiner Bros NEGOTIATION37Ioni Bowcher
1016Izzy H NickaGermany2026-10-07Feiner Bros NEGOTIATION5Xuxue Feng
1017Leon G NestleSpain2026-09-25Chapman, Ross E Esq NEGOTIATION27Elwin Sharvill
1018Jones T MaletRussia2026-09-29King, Christopher A Esq RENEWAL64Onyama Limba
1019Murillo I StensethItaly2026-10-03Rousseaux, Michael Esq QUALIFIED45Ivan Magalhaes
1020Juan W BologniaRussia2026-09-26Chapman, Ross E Esq UNQUALIFIED65Ivan Magalhaes
1021Smith X VocelkaUnited Kingdom2026-10-13Feiner Bros QUALIFIED84Onyama Limba
1022Alejandro O IturbideGermany2026-10-16Printing Dimensions RENEWAL62Ioni Bowcher
1023Alejandro U ShinkoArgentina2026-10-03Printing Dimensions NEW52Anna Fali
1024Isabel P GlickArgentina2026-10-04Commercial Press UNQUALIFIED61Xuxue Feng
1025Aruna D FerenczItaly2026-09-23Buckley Miller Wright PROPOSAL24Anna Fali
1026Greenwood K KuskoBrazil2026-10-17Rousseaux, Michael Esq NEW36Ivan Magalhaes
1027Johnson I NestleArgentina2026-10-11Printing Dimensions NEW85Onyama Limba
1028Isabel Z InouyeJapan2026-09-25King, Christopher A Esq QUALIFIED55Stephen Shaw
1029James G MaletAustralia2026-10-08Dorl, James J Esq NEW95Amy Elsner
1030Ivar Z DoeBrazil2026-10-18Morlong Associates PROPOSAL56Asiya Javayant
1031Munro B BowleyIndia2026-09-21Feltz Printing Service PROPOSAL9Amy Elsner
1032Stacey N ChuiItaly2026-10-10King, Christopher A Esq NEW87Onyama Limba
1033Francesco Q WieserGermany2026-10-12Chemel, James L Cpa NEW3Ivan Magalhaes
1034Ashley J MarrierRussia2026-10-19Chanay, Jeffrey A Esq NEW58Anna Fali
1035Francesco N ShinkoAustralia2026-10-01Morlong Associates QUALIFIED52Elwin Sharvill
1036Johnson B WaycottAustralia2026-10-14Feiner Bros NEGOTIATION22Stephen Shaw
1037Tony S RutaSpain2026-10-01Feiner Bros UNQUALIFIED18Bernardo Dominic
1038Munro A FigeroaItaly2026-10-02Feiner Bros NEW73Anna Fali
1039Ivar N RulapaughIndia2026-10-17Printing Dimensions RENEWAL23Bernardo Dominic
1040Adams I StockhamJapan2026-09-22Buckley Miller Wright NEW91Stephen Shaw
1041Cody Z AlbaresArgentina2026-10-16Benton, John B Jr RENEWAL51Ioni Bowcher
1042Morrow M DilliardJapan2026-09-27Rousseaux, Michael Esq RENEWAL20Asiya Javayant
1043Ashley N PerinCanada2026-10-15Truhlar And Truhlar Attys NEGOTIATION57Ivan Magalhaes
1044Stacey M GillianArgentina2026-10-02Truhlar And Truhlar Attys NEGOTIATION20Ivan Magalhaes
1045Ricardo V WaycottAustralia2026-10-20King, Christopher A Esq QUALIFIED0Ivan Magalhaes
1046Juan Q KolmetzUnited Kingdom2026-10-01Commercial Press UNQUALIFIED66Anna Fali
1047Stacey X CaudyIndia2026-10-13Rangoni Of Florence PROPOSAL78Bernardo Dominic
1048Octavia F OstroskyUnited Kingdom2026-10-01Feiner Bros NEW86Xuxue Feng
1049David I DoeCanada2026-09-25Commercial Press UNQUALIFIED64Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Aika S VenereCanadaIvan Magalhaes NEGOTIATION
Isabel Z OldroydUnited KingdomElwin Sharvill PROPOSAL
Aika F StockhamRussiaXuxue Feng RENEWAL
Isabel J RimArgentinaElwin Sharvill NEGOTIATION
Silvio Y MarrierSpainStephen Shaw PROPOSAL
James A WieserCanadaAnna Fali QUALIFIED
Jefferson X IturbideJapanStephen Shaw NEW
Maria Y RulapaughUnited KingdomAnna Fali PROPOSAL
Jefferson D GarufiUnited KingdomAmy Elsner PROPOSAL
Maisha G VocelkaGermanyOnyama Limba NEGOTIATION
Misaki Y CampainJapanIvan Magalhaes RENEWAL
Munro F FollerIndiaBernardo Dominic NEW
Juan R CampainGermanyXuxue Feng NEW
Faith V WaycottFranceIvan Magalhaes RENEWAL
Misaki E RutaSpainXuxue Feng NEGOTIATION
Murillo M KuskoGermanyIoni Bowcher NEGOTIATION
Nicolas R VocelkaSpainAsiya Javayant PROPOSAL
Aditya A NickaUnited KingdomStephen Shaw RENEWAL
Kadeem J IturbideUnited KingdomIoni Bowcher NEW
Kaitlin O FigeroaGermanyIoni Bowcher NEW
Costa Z AlbaresGermanyAmy Elsner NEW
Rodrigues Z CaudyUnited KingdomElwin Sharvill NEW
Rodrigues B DoeGermanyElwin Sharvill RENEWAL
Smith L VenereUnited KingdomAsiya Javayant PROPOSAL
Isabel Z CaldareraGermanyElwin Sharvill QUALIFIED
Julie W PaprockiJapanAnna Fali RENEWAL
Mayumi S SaylorsBrazilIvan Magalhaes RENEWAL
Ivar I CampainBrazilXuxue Feng PROPOSAL
Jeanfrancois H DoeBrazilIoni Bowcher UNQUALIFIED
Emily O StockhamRussiaAnna Fali NEGOTIATION
David E NickaJapanAmy Elsner UNQUALIFIED
Francesco K VenereArgentinaIoni Bowcher QUALIFIED
Smith D CaudyUnited KingdomBernardo Dominic RENEWAL
Aika B PaprockiArgentinaAnna Fali NEGOTIATION
Maisha R WaycottItalyAnna Fali RENEWAL
Chavez J MaletItalyOnyama Limba NEW
Johnson K SchemmerGermanyAnna Fali QUALIFIED
Wickens P SchemmerArgentinaOnyama Limba UNQUALIFIED
Aditya B MaletCanadaElwin Sharvill NEGOTIATION
Antonio E RoysterUnited KingdomIvan Magalhaes UNQUALIFIED
Adams Q WhobreySpainIoni Bowcher NEGOTIATION
Rodrigues R PoquetteItalyStephen Shaw PROPOSAL
Julie O BriddickItalyBernardo Dominic NEW
Greenwood E DoeGermanyIvan Magalhaes NEGOTIATION
Faith R CampainJapanBernardo Dominic NEW
Aruna I RimBrazilAmy Elsner UNQUALIFIED
Arvin M PaprockiArgentinaAsiya Javayant QUALIFIED
Morrow R BowleyUnited KingdomIoni Bowcher RENEWAL
Rodrigues O FlosiAustraliaElwin Sharvill PROPOSAL
Kaitlin A TollnerItalyElwin Sharvill NEGOTIATION
Frozen Columns
Name
Cody D Briddick
Francesco Q Rulapaugh
Faith X Campain
Johnson X Caldarera
Ivar C Malet
Juan R Poquette
Morrow I Vocelka
Aditya V Schemmer
Julie M Shinko
Mayumi Z Rim
Arvin I Paprocki
Francesco D Ruta
Chavez M Inouye
Morrow N Glick
Sinclair C Oldroyd
Octavia G Caldarera
Jeanfrancois D Inouye
Aruna R Whobrey
Mujtaba L Venere
Murillo H Perin
Tony Z Dilliard
Ashley I Chui
Juan R Maclead
Leon U Venere
Aruna A Saylors
Ashley T Slusarski
Johnson J Kusko
Ashley M Vocelka
Tony D Perin
Claire B Caudy
Jones Y Caudy
Rodrigues S Glick
Adams Y Caldarera
Mujtaba P Butt
James R Marrier
Adams C Inouye
Antonio K Malet
Emily O Iturbide
Antonio F Flosi
Aditya W Ruta
Jones M Schemmer
Johnson J Marrier
Arvin N Vocelka
Rodrigues T Garufi
Aika R Darakjy
Julie R Kolmetz
Mujtaba X Darakjy
Adams Q Morasca
Aruna A Bowley
Morrow I Wieser
IdCountryDate
1000Spain2026-10-03
1001Spain2026-10-06
1002Argentina2026-09-23
1003France2026-09-23
1004Canada2026-09-27
1005Argentina2026-10-02
1006Argentina2026-10-03
1007Brazil2026-10-20
1008India2026-10-12
1009Japan2026-10-15
1010Canada2026-10-05
1011France2026-10-08
1012Italy2026-09-22
1013United Kingdom2026-10-15
1014Australia2026-10-03
1015France2026-10-14
1016Germany2026-10-04
1017Japan2026-10-06
1018United Kingdom2026-10-09
1019Japan2026-10-20
1020Russia2026-10-09
1021United Kingdom2026-09-24
1022United Kingdom2026-10-12
1023United Kingdom2026-09-21
1024Germany2026-10-02
1025Japan2026-10-10
1026Argentina2026-10-05
1027Spain2026-10-07
1028India2026-10-14
1029France2026-09-30
1030India2026-10-12
1031Russia2026-10-16
1032Brazil2026-10-08
1033Argentina2026-09-23
1034Argentina2026-09-27
1035Japan2026-10-17
1036Brazil2026-10-08
1037Argentina2026-10-14
1038Spain2026-09-25
1039Russia2026-10-05
1040Italy2026-10-10
1041Canada2026-10-13
1042Australia2026-10-05
1043Germany2026-10-05
1044India2026-10-10
1045Spain2026-10-20
1046Japan2026-09-22
1047Italy2026-10-16
1048Russia2026-10-09
1049India2026-09-25

On-Demand Data

NameIdCountryDate
Stacey S Stenseth1000Russia2026-09-21
Arvin W Bowley1001Brazil2026-10-03
Ashley T Malet1002Germany2026-09-29
Aditya W Glick1003France2026-09-23
Ashley H Stockham1004Italy2026-10-18
Costa X Poquette1005United Kingdom2026-10-20
Tony H Darakjy1006Spain2026-10-10
Ricardo U Kusko1007India2026-09-24
Wickens G Slusarski1008Spain2026-09-28
James D Kolmetz1009Brazil2026-10-09
Smith V Gaucho1010United Kingdom2026-10-15
Nicolas T Maclead1011Germany2026-10-02
Cody V Gillian1012United Kingdom2026-10-19
James E Stockham1013Australia2026-10-11
Maisha D Slusarski1014United Kingdom2026-10-06
Aditya U Vocelka1015France2026-10-13
Arvin O Waycott1016Italy2026-10-19
Rodrigues C Whobrey1017Germany2026-10-04
Smith B Rim1018United Kingdom2026-10-11
Misaki Z Oldroyd1019Japan2026-10-19
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Sinclair O OstroskyItalyAnna Fali UNQUALIFIED
Deepesh D FollerCanadaOnyama Limba NEW
Rodrigues Z CaldareraIndiaAsiya Javayant UNQUALIFIED
Darci N DarakjyBrazilAmy Elsner NEGOTIATION
Octavia W GlickSpainStephen Shaw QUALIFIED
Kaitlin H SaylorsCanadaAsiya Javayant UNQUALIFIED
Aika Q FlosiCanadaXuxue Feng UNQUALIFIED
Smith L NestleCanadaIvan Magalhaes NEW
Cody K DilliardUnited KingdomOnyama Limba UNQUALIFIED
Wickens B VenereRussiaAsiya Javayant NEGOTIATION
Smith J AlbaresRussiaAmy Elsner PROPOSAL
Jeanfrancois K SaylorsIndiaIoni Bowcher PROPOSAL
Julie P AmigonRussiaIvan Magalhaes UNQUALIFIED
Arvin P MarrierFranceElwin Sharvill NEGOTIATION
Silvio I ChuiFranceElwin Sharvill PROPOSAL
Smith B CaldareraIndiaBernardo Dominic NEW
Jones Y TollnerItalyElwin Sharvill PROPOSAL
Rodrigues H WaycottItalyAsiya Javayant NEW
Costa Z BriddickIndiaElwin Sharvill RENEWAL
Munro H WaycottGermanyIoni Bowcher NEGOTIATION
Jeanfrancois K MaletGermanyAmy Elsner PROPOSAL
Nicolas B CaudyUnited KingdomIoni Bowcher UNQUALIFIED
Mayumi Q KuskoIndiaAmy Elsner QUALIFIED
Clifford W RutaItalyIoni Bowcher QUALIFIED
Morrow M ShinkoIndiaStephen Shaw PROPOSAL
Greenwood H MarrierAustraliaOnyama Limba UNQUALIFIED
Maria G AlbaresIndiaXuxue Feng UNQUALIFIED
Deepesh Y ChuiRussiaAsiya Javayant RENEWAL
Darci C SchemmerArgentinaIoni Bowcher UNQUALIFIED
Jennifer X MacleadFranceElwin Sharvill NEGOTIATION
Leon P RimUnited KingdomStephen Shaw NEW
Maria V FollerFranceStephen Shaw NEW
Leja U KuskoFranceAmy Elsner RENEWAL
Ivar L PaprockiCanadaAsiya Javayant RENEWAL
Cody C BologniaArgentinaAsiya Javayant UNQUALIFIED
Ivar R SergiRussiaAmy Elsner NEGOTIATION
Emily P SaylorsCanadaAmy Elsner QUALIFIED
Leon J DarakjyItalyStephen Shaw UNQUALIFIED
Adams Q TollnerBrazilIvan Magalhaes RENEWAL
Juan V GarufiFranceAsiya Javayant 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>