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
Jennifer H MarrierIndiaElwin Sharvill QUALIFIED
Ashley T WhobreyIndiaOnyama Limba UNQUALIFIED
Emily Y KuskoAustraliaIvan Magalhaes UNQUALIFIED
Antonio B DilliardIndiaAmy Elsner NEW
Adams Y CaudyAustraliaOnyama Limba NEW
Morrow I RoysterIndiaAmy Elsner PROPOSAL
Nicolas F WaycottCanadaOnyama Limba RENEWAL
Alejandro U DarakjySpainAmy Elsner QUALIFIED
Silvio W SchemmerGermanyIoni Bowcher NEGOTIATION
Adams Q VenereBrazilIvan Magalhaes NEGOTIATION
Silvio I WhobreyAustraliaIoni Bowcher NEGOTIATION
Johnson P PoquetteBrazilBernardo Dominic NEGOTIATION
Jones P ShinkoJapanBernardo Dominic RENEWAL
Leon A ShinkoBrazilAsiya Javayant NEW
Smith O MaletRussiaIoni Bowcher PROPOSAL
Kaitlin E ChuiJapanOnyama Limba NEW
Costa I ButtRussiaIvan Magalhaes PROPOSAL
Adams C BologniaAustraliaOnyama Limba RENEWAL
James I CaldareraBrazilBernardo Dominic NEGOTIATION
Clifford S KolmetzItalyXuxue Feng NEW
Sinclair F SergiRussiaXuxue Feng RENEWAL
Faith F SergiFranceAsiya Javayant QUALIFIED
Leon G TollnerGermanyAmy Elsner PROPOSAL
Claire K OldroydAustraliaStephen Shaw PROPOSAL
Chavez F OldroydRussiaAmy Elsner NEW
Deepesh T NickaSpainIvan Magalhaes UNQUALIFIED
Costa M PaprockiBrazilAsiya Javayant NEGOTIATION
Julie S OldroydIndiaIoni Bowcher PROPOSAL
Jennifer O FollerRussiaAnna Fali NEGOTIATION
Kadeem B DilliardAustraliaAmy Elsner NEW
Ricardo T CaldareraCanadaAmy Elsner UNQUALIFIED
Greenwood N GauchoBrazilBernardo Dominic UNQUALIFIED
Silvio I PaprockiIndiaAsiya Javayant QUALIFIED
Aditya B SlusarskiBrazilStephen Shaw QUALIFIED
Silvio K NestleArgentinaOnyama Limba UNQUALIFIED
Nicolas K GlickItalyOnyama Limba RENEWAL
Aruna R DarakjyIndiaAsiya Javayant UNQUALIFIED
Jefferson K RulapaughBrazilIvan Magalhaes RENEWAL
Jefferson K AlbaresIndiaIoni Bowcher UNQUALIFIED
Arvin P TollnerJapanElwin Sharvill NEGOTIATION
Johnson T NickaSpainIoni Bowcher RENEWAL
Ricardo R GillianBrazilAnna Fali NEW
Jennifer K KolmetzRussiaAmy Elsner NEW
Salvatore S DilliardAustraliaXuxue Feng RENEWAL
Izzy G PaprockiArgentinaBernardo Dominic UNQUALIFIED
Ashley R ShinkoItalyIvan Magalhaes NEW
Deepesh V CampainAustraliaAsiya Javayant UNQUALIFIED
Isabel S PaprockiItalyBernardo Dominic PROPOSAL
Octavia T RoysterAustraliaAnna Fali NEGOTIATION
Morrow C ShinkoGermanyOnyama Limba NEW
Horizontal
NameCountryRepresentativeStatus
Adams K DarakjyFranceXuxue Feng UNQUALIFIED
Leja E RoysterSpainAmy Elsner NEGOTIATION
Kaitlin P OstroskyIndiaOnyama Limba PROPOSAL
Alejandro H FlosiItalyOnyama Limba QUALIFIED
Francesco I SaylorsRussiaIoni Bowcher NEGOTIATION
Silvio W ButtCanadaAsiya Javayant PROPOSAL
Greenwood I InouyeJapanAsiya Javayant RENEWAL
James P WaycottGermanyIvan Magalhaes PROPOSAL
Deepesh G RulapaughFranceIoni Bowcher RENEWAL
Chavez H PaprockiJapanXuxue Feng RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Leon G SchemmerCanada2026-10-07Dorl, James J Esq RENEWAL94Asiya Javayant
1001Nicolas Q ShinkoSpain2026-09-16Chanay, Jeffrey A Esq UNQUALIFIED69Amy Elsner
1002Cody X ChuiFrance2026-09-28Morlong Associates QUALIFIED64Asiya Javayant
1003Aruna N VocelkaGermany2026-09-26Commercial Press UNQUALIFIED70Xuxue Feng
1004Chavez T DoeAustralia2026-09-12Feltz Printing Service NEW27Onyama Limba
1005Alejandro I KuskoIndia2026-09-21Chapman, Ross E Esq NEW76Ioni Bowcher
1006Claire E DoeIndia2026-10-06Chapman, Ross E Esq QUALIFIED99Ivan Magalhaes
1007Jones X VocelkaUnited Kingdom2026-10-08Feiner Bros NEGOTIATION29Onyama Limba
1008Leja I SaylorsRussia2026-09-24Printing Dimensions RENEWAL40Anna Fali
1009Kaitlin G VenereSpain2026-09-25Rousseaux, Michael Esq RENEWAL38Xuxue Feng
1010Munro J BriddickFrance2026-09-26Printing Dimensions UNQUALIFIED65Ioni Bowcher
1011Adams U InouyeCanada2026-10-08Dorl, James J Esq UNQUALIFIED59Stephen Shaw
1012James S PoquetteRussia2026-09-16Feltz Printing Service QUALIFIED95Xuxue Feng
1013Mujtaba P PerinJapan2026-09-24Rousseaux, Michael Esq PROPOSAL37Onyama Limba
1014James T VocelkaAustralia2026-10-01Rousseaux, Michael Esq PROPOSAL43Ioni Bowcher
1015Maisha S MaletCanada2026-09-28Feltz Printing Service NEGOTIATION70Stephen Shaw
1016Tony J IturbideFrance2026-10-01Benton, John B Jr QUALIFIED19Stephen Shaw
1017Aruna A ShinkoBrazil2026-10-06King, Christopher A Esq RENEWAL92Stephen Shaw
1018Faith T GarufiBrazil2026-09-30Chapman, Ross E Esq NEW50Ioni Bowcher
1019Arvin L StensethSpain2026-09-14Chemel, James L Cpa NEGOTIATION76Xuxue Feng
1020James G BowleyAustralia2026-09-24Truhlar And Truhlar Attys RENEWAL32Amy Elsner
1021Mayumi G RoysterIndia2026-10-07Feltz Printing Service RENEWAL36Asiya Javayant
1022Antonio Y KuskoArgentina2026-10-05Chemel, James L Cpa QUALIFIED90Anna Fali
1023Emily B CaldareraUnited Kingdom2026-09-11Benton, John B Jr RENEWAL49Elwin Sharvill
1024Silvio D GauchoGermany2026-09-15Buckley Miller Wright RENEWAL37Amy Elsner
1025Mayumi S GillianIndia2026-09-12Chanay, Jeffrey A Esq NEGOTIATION6Bernardo Dominic
1026Aika C KuskoBrazil2026-09-29Truhlar And Truhlar Attys PROPOSAL71Elwin Sharvill
1027Sinclair U RutaGermany2026-09-12Dorl, James J Esq NEGOTIATION78Ioni Bowcher
1028Wickens P InouyeGermany2026-09-22Feiner Bros PROPOSAL20Anna Fali
1029Jefferson B RulapaughCanada2026-10-07Buckley Miller Wright NEW28Asiya Javayant
1030Ricardo D VenereJapan2026-09-28Printing Dimensions NEW0Amy Elsner
1031Mujtaba T FlosiArgentina2026-10-01Chanay, Jeffrey A Esq UNQUALIFIED97Anna Fali
1032Clifford S FigeroaItaly2026-09-24Chemel, James L Cpa NEGOTIATION48Ivan Magalhaes
1033Misaki V ShinkoFrance2026-10-04Buckley Miller Wright RENEWAL79Ioni Bowcher
1034Maria S InouyeFrance2026-09-24Morlong Associates UNQUALIFIED86Asiya Javayant
1035Aruna F SergiJapan2026-10-05King, Christopher A Esq NEGOTIATION90Ivan Magalhaes
1036Salvatore E ChuiArgentina2026-09-13Morlong Associates QUALIFIED48Bernardo Dominic
1037Wickens D DarakjyCanada2026-09-29Benton, John B Jr NEW24Amy Elsner
1038Adams U SlusarskiItaly2026-09-17Rousseaux, Michael Esq NEGOTIATION46Anna Fali
1039Chavez H ShinkoAustralia2026-09-12Feiner Bros NEW35Asiya Javayant
1040Izzy P KolmetzAustralia2026-10-06Feltz Printing Service PROPOSAL99Amy Elsner
1041Octavia R FollerRussia2026-10-01King, Christopher A Esq QUALIFIED25Bernardo Dominic
1042Clifford W OstroskyItaly2026-09-17Truhlar And Truhlar Attys NEW72Ivan Magalhaes
1043Smith Y DoeArgentina2026-09-21Morlong Associates UNQUALIFIED77Xuxue Feng
1044Mayumi V KolmetzSpain2026-09-17Chemel, James L Cpa PROPOSAL74Xuxue Feng
1045Chavez W WieserJapan2026-09-11Rangoni Of Florence NEGOTIATION68Stephen Shaw
1046Jennifer C VocelkaArgentina2026-09-14King, Christopher A Esq UNQUALIFIED84Anna Fali
1047Octavia X RoysterSpain2026-09-20Feltz Printing Service RENEWAL89Ivan Magalhaes
1048Juan H KuskoBrazil2026-10-03Printing Dimensions RENEWAL27Anna Fali
1049Stacey M InouyeUnited Kingdom2026-09-23Chapman, Ross E Esq NEGOTIATION66Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Rodrigues D SchemmerRussiaStephen Shaw NEGOTIATION
Francesco V MaletSpainIvan Magalhaes UNQUALIFIED
Maria R FigeroaIndiaAnna Fali UNQUALIFIED
Francesco G BriddickSpainBernardo Dominic UNQUALIFIED
Mujtaba Z SlusarskiArgentinaXuxue Feng RENEWAL
Munro C PaprockiFranceBernardo Dominic PROPOSAL
Maria D FlosiCanadaStephen Shaw NEW
Johnson P RimAustraliaStephen Shaw QUALIFIED
Ricardo L FollerRussiaIoni Bowcher NEW
Deepesh D KolmetzArgentinaBernardo Dominic NEGOTIATION
Rodrigues K FerenczAustraliaBernardo Dominic RENEWAL
Darci U InouyeItalyBernardo Dominic NEGOTIATION
Nicolas Q AlbaresBrazilIoni Bowcher RENEWAL
Misaki Z GarufiItalyAsiya Javayant PROPOSAL
Mujtaba D MaletGermanyAnna Fali UNQUALIFIED
Sinclair X SlusarskiRussiaAmy Elsner QUALIFIED
Kadeem S GillianFranceIvan Magalhaes QUALIFIED
Leja X MacleadUnited KingdomElwin Sharvill UNQUALIFIED
Misaki Y KolmetzUnited KingdomIvan Magalhaes NEGOTIATION
James V CampainArgentinaAnna Fali RENEWAL
Maisha Y DoeCanadaAsiya Javayant NEGOTIATION
Rodrigues E MacleadSpainIoni Bowcher UNQUALIFIED
Misaki F WhobreyRussiaXuxue Feng PROPOSAL
Claire N FerenczSpainBernardo Dominic PROPOSAL
Adams V OldroydIndiaStephen Shaw RENEWAL
Smith B OstroskyUnited KingdomAsiya Javayant NEGOTIATION
Ivar H BologniaSpainBernardo Dominic RENEWAL
Francesco F GauchoRussiaXuxue Feng NEGOTIATION
Stacey M GarufiBrazilAmy Elsner QUALIFIED
David R MorascaRussiaStephen Shaw RENEWAL
Johnson O TollnerAustraliaXuxue Feng NEW
Maisha R MarrierGermanyStephen Shaw RENEWAL
Emily P PerinGermanyAnna Fali NEW
Leon X ChuiArgentinaAsiya Javayant NEW
Jeanfrancois K NestleSpainAsiya Javayant RENEWAL
Wickens H BriddickFranceIvan Magalhaes NEW
Deepesh X VenereBrazilBernardo Dominic NEGOTIATION
Leon B WhobreyUnited KingdomAsiya Javayant UNQUALIFIED
Juan W SchemmerAustraliaAnna Fali UNQUALIFIED
Kadeem X BowleyRussiaAmy Elsner PROPOSAL
Julie R VenereGermanyIoni Bowcher UNQUALIFIED
Jennifer W BriddickAustraliaIoni Bowcher PROPOSAL
Silvio H FlosiIndiaOnyama Limba NEW
Aruna G KuskoSpainAnna Fali PROPOSAL
Kadeem R NickaFranceAnna Fali NEGOTIATION
Ricardo W KolmetzUnited KingdomAmy Elsner PROPOSAL
Jeanfrancois W IturbideSpainStephen Shaw NEW
Nicolas O StockhamArgentinaAmy Elsner PROPOSAL
Kadeem V RimIndiaIvan Magalhaes UNQUALIFIED
Clifford V RutaUnited KingdomElwin Sharvill QUALIFIED
Frozen Columns
Name
Jeanfrancois H Darakjy
Munro R Albares
Misaki X Albares
Mayumi V Morasca
Kadeem B Bowley
Aruna Z Marrier
Francesco I Ferencz
Maria Y Ostrosky
Chavez D Morasca
Ricardo Y Chui
Maria Y Bolognia
Aruna U Garufi
Nicolas C Wieser
Johnson R Tollner
Emily K Wieser
Murillo Z Chui
Julie G Vocelka
Ricardo J Doe
Alejandro P Rim
Deepesh K Briddick
Julie J Rulapaugh
Salvatore P Ruta
Nicolas R Dilliard
Leja T Malet
Kadeem Q Tollner
Aditya W Shinko
Mujtaba L Saylors
James A Inouye
Jones H Darakjy
Costa C Iturbide
Maria D Gaucho
Maria X Stockham
Wickens I Venere
Costa D Butt
Aika F Inouye
Jeanfrancois T Marrier
Octavia O Flosi
Emily H Figeroa
Morrow L Butt
Salvatore T Perin
Clifford X Tollner
Kaitlin L Shinko
Salvatore X Garufi
Antonio F Figeroa
David N Ruta
Aruna M Tollner
Maisha J Butt
Johnson V Sergi
Claire F Venere
Rodrigues T Stenseth
IdCountryDate
1000Argentina2026-09-12
1001United Kingdom2026-09-13
1002United Kingdom2026-09-18
1003Russia2026-09-23
1004France2026-09-27
1005France2026-09-27
1006India2026-09-12
1007Brazil2026-09-11
1008Australia2026-09-17
1009Germany2026-09-26
1010Canada2026-09-18
1011Germany2026-09-25
1012Brazil2026-10-07
1013Canada2026-10-02
1014Australia2026-10-03
1015Italy2026-10-01
1016Australia2026-10-02
1017Japan2026-09-18
1018Australia2026-09-26
1019Germany2026-09-21
1020Japan2026-09-20
1021Russia2026-10-05
1022Italy2026-09-26
1023Germany2026-09-27
1024Spain2026-09-21
1025Australia2026-09-25
1026Argentina2026-09-22
1027Germany2026-09-13
1028Spain2026-10-04
1029Spain2026-09-15
1030United Kingdom2026-09-22
1031Argentina2026-10-01
1032Italy2026-09-29
1033Spain2026-09-26
1034Germany2026-09-21
1035Brazil2026-10-04
1036Germany2026-09-13
1037United Kingdom2026-09-23
1038Australia2026-09-21
1039Italy2026-09-10
1040Australia2026-09-20
1041Russia2026-09-20
1042Argentina2026-10-04
1043India2026-09-17
1044Argentina2026-09-20
1045Russia2026-10-04
1046Italy2026-10-07
1047Japan2026-09-19
1048India2026-09-10
1049France2026-10-04

On-Demand Data

NameIdCountryDate
Smith Z Figeroa1000Spain2026-10-09
Aruna I Foller1001Australia2026-10-07
Aika T Glick1002Russia2026-09-25
Rodrigues O Butt1003Japan2026-09-11
Octavia G Dilliard1004Spain2026-10-02
Maisha T Waycott1005Japan2026-09-21
Mayumi D Tollner1006Russia2026-10-02
Arvin W Gillian1007Spain2026-09-27
Smith A Iturbide1008Spain2026-09-19
Juan F Doe1009France2026-09-10
Isabel Q Gaucho1010Russia2026-10-04
Arvin G Malet1011Italy2026-09-13
Leja E Saylors1012Germany2026-10-02
Darci C Dilliard1013Argentina2026-10-01
Wickens Q Caldarera1014Canada2026-09-14
Silvio A Nicka1015Brazil2026-09-21
Francesco O Slusarski1016Germany2026-09-11
Juan N Perin1017Canada2026-10-04
Arvin P Foller1018Italy2026-09-30
Murillo F Figeroa1019Spain2026-09-30
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
James N PerinSpainXuxue Feng PROPOSAL
Juan K NickaUnited KingdomXuxue Feng UNQUALIFIED
Jeanfrancois T NickaUnited KingdomOnyama Limba QUALIFIED
Leja P CaudyArgentinaStephen Shaw RENEWAL
Kadeem B RutaBrazilXuxue Feng NEGOTIATION
Juan N IturbideJapanStephen Shaw NEGOTIATION
Johnson X CaldareraSpainAsiya Javayant NEW
Juan A ShinkoItalyElwin Sharvill NEGOTIATION
Ashley J GlickCanadaAmy Elsner QUALIFIED
Tony F PaprockiSpainElwin Sharvill NEGOTIATION
Francesco L PoquetteItalyIoni Bowcher NEGOTIATION
Isabel K BriddickUnited KingdomAmy Elsner NEGOTIATION
Ivar U StockhamSpainIvan Magalhaes RENEWAL
David O VenereItalyIvan Magalhaes QUALIFIED
Emily S NestleFranceIvan Magalhaes PROPOSAL
Francesco M BriddickFranceAsiya Javayant QUALIFIED
Nicolas P MaletSpainAsiya Javayant QUALIFIED
Julie L SchemmerIndiaStephen Shaw NEGOTIATION
Juan J FollerFranceElwin Sharvill NEGOTIATION
Ashley H SlusarskiJapanAnna Fali QUALIFIED
Cody M WhobreyUnited KingdomOnyama Limba RENEWAL
Silvio R CaudyGermanyBernardo Dominic PROPOSAL
Greenwood L NestleGermanyIoni Bowcher NEGOTIATION
Kaitlin R MaletGermanyBernardo Dominic NEW
Deepesh Y OldroydJapanAsiya Javayant UNQUALIFIED
Emily J BriddickIndiaOnyama Limba PROPOSAL
Darci Z GlickSpainAnna Fali UNQUALIFIED
Ricardo S VocelkaFranceIoni Bowcher PROPOSAL
Alejandro C CampainJapanXuxue Feng QUALIFIED
Jones T CaudySpainAmy Elsner QUALIFIED
Aruna E OldroydFranceStephen Shaw UNQUALIFIED
Octavia A NestleFranceOnyama Limba UNQUALIFIED
Silvio I MacleadUnited KingdomAsiya Javayant RENEWAL
Antonio D BowleyBrazilStephen Shaw RENEWAL
Deepesh F RoysterFranceAnna Fali NEW
Munro P KolmetzBrazilElwin Sharvill QUALIFIED
Tony U NestleSpainOnyama Limba NEGOTIATION
Leja O FlosiIndiaAnna Fali UNQUALIFIED
Costa K SlusarskiBrazilStephen Shaw UNQUALIFIED
Leja F WieserAustraliaOnyama Limba 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>