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
Jefferson J GillianRussiaStephen Shaw NEGOTIATION
Claire P SlusarskiRussiaAsiya Javayant RENEWAL
Aruna W KolmetzJapanElwin Sharvill NEGOTIATION
Jones N VenereGermanyAsiya Javayant PROPOSAL
Morrow C GillianSpainElwin Sharvill PROPOSAL
Antonio D RulapaughJapanXuxue Feng RENEWAL
Salvatore Q BowleyItalyAsiya Javayant QUALIFIED
Jennifer V PoquetteGermanyIoni Bowcher NEW
Francesco T AlbaresJapanIoni Bowcher UNQUALIFIED
Maria D IturbideRussiaAsiya Javayant PROPOSAL
Ivar E KolmetzUnited KingdomAmy Elsner RENEWAL
Claire A GillianCanadaAnna Fali NEGOTIATION
Aika P DilliardCanadaStephen Shaw PROPOSAL
Leja A KuskoArgentinaXuxue Feng NEW
Salvatore G DoeItalyAsiya Javayant UNQUALIFIED
Costa P AmigonIndiaOnyama Limba NEGOTIATION
Sinclair D CampainUnited KingdomXuxue Feng NEGOTIATION
Adams B FerenczAustraliaAnna Fali PROPOSAL
Antonio E VenereSpainXuxue Feng RENEWAL
Maisha B FerenczCanadaOnyama Limba PROPOSAL
Chavez G BowleyUnited KingdomOnyama Limba NEGOTIATION
Izzy I RoysterRussiaAsiya Javayant QUALIFIED
Silvio L TollnerCanadaAnna Fali RENEWAL
Kaitlin H AmigonItalyAsiya Javayant NEGOTIATION
Munro X WieserUnited KingdomOnyama Limba NEGOTIATION
Jefferson D MorascaGermanyAnna Fali PROPOSAL
Emily W NickaArgentinaElwin Sharvill NEW
Aditya X GarufiCanadaIvan Magalhaes RENEWAL
Faith E CampainIndiaAnna Fali RENEWAL
Mayumi D NickaArgentinaAnna Fali RENEWAL
Emily O CampainIndiaIvan Magalhaes NEGOTIATION
Isabel Z GauchoUnited KingdomAnna Fali PROPOSAL
Salvatore S SlusarskiBrazilAsiya Javayant NEW
Darci L AlbaresItalyXuxue Feng QUALIFIED
Jefferson E VocelkaAustraliaAnna Fali NEGOTIATION
Chavez Q CampainCanadaAnna Fali NEW
Aditya G DarakjyJapanOnyama Limba UNQUALIFIED
Isabel X BowleyUnited KingdomStephen Shaw NEGOTIATION
Jefferson P ShinkoIndiaElwin Sharvill NEW
Morrow U MorascaIndiaIvan Magalhaes RENEWAL
Deepesh G NickaRussiaOnyama Limba NEGOTIATION
Darci T OldroydAustraliaElwin Sharvill NEGOTIATION
Costa W GillianBrazilOnyama Limba QUALIFIED
Jeanfrancois N GauchoAustraliaIoni Bowcher NEGOTIATION
Octavia V OldroydSpainIoni Bowcher UNQUALIFIED
Clifford H WaycottAustraliaIoni Bowcher NEW
Antonio B OstroskyArgentinaIoni Bowcher UNQUALIFIED
Munro J RoysterItalyElwin Sharvill NEGOTIATION
Ashley U VenereRussiaOnyama Limba PROPOSAL
Izzy Z MaletFranceStephen Shaw UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Francesco B SergiJapanXuxue Feng PROPOSAL
Wickens H KuskoAustraliaOnyama Limba NEW
Nicolas E GauchoIndiaIoni Bowcher NEW
Faith N DilliardJapanOnyama Limba NEW
Francesco Z NestleUnited KingdomAmy Elsner PROPOSAL
Costa B KuskoArgentinaIvan Magalhaes QUALIFIED
Greenwood C TollnerIndiaStephen Shaw PROPOSAL
David M AmigonBrazilXuxue Feng RENEWAL
Munro O GarufiAustraliaStephen Shaw UNQUALIFIED
Octavia V WaycottItalyOnyama Limba NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Leja V KuskoSpain2026-10-16Rousseaux, Michael Esq NEGOTIATION71Bernardo Dominic
1001Johnson P StockhamUnited Kingdom2026-10-15Truhlar And Truhlar Attys QUALIFIED64Anna Fali
1002Maisha S FerenczCanada2026-11-01Chapman, Ross E Esq PROPOSAL5Ioni Bowcher
1003David C WhobreyFrance2026-10-31Rangoni Of Florence UNQUALIFIED1Bernardo Dominic
1004Salvatore T MarrierIndia2026-10-21King, Christopher A Esq QUALIFIED97Amy Elsner
1005David R FlosiGermany2026-11-08Rousseaux, Michael Esq PROPOSAL52Anna Fali
1006Wickens W RutaFrance2026-10-25Truhlar And Truhlar Attys NEGOTIATION26Elwin Sharvill
1007James J RoysterAustralia2026-10-28Chapman, Ross E Esq NEGOTIATION38Xuxue Feng
1008Darci Q CaldareraCanada2026-11-13Rangoni Of Florence NEW82Xuxue Feng
1009Ashley K RutaBrazil2026-10-26Chemel, James L Cpa RENEWAL53Onyama Limba
1010Aditya O GlickBrazil2026-11-07Printing Dimensions PROPOSAL56Stephen Shaw
1011Tony T OstroskyRussia2026-11-04Chapman, Ross E Esq RENEWAL40Asiya Javayant
1012Mayumi I NickaSpain2026-11-02Feiner Bros NEGOTIATION22Asiya Javayant
1013Ivar P DarakjyGermany2026-10-28Chanay, Jeffrey A Esq PROPOSAL74Asiya Javayant
1014Darci R NestleRussia2026-11-10Morlong Associates PROPOSAL50Asiya Javayant
1015Emily B RutaUnited Kingdom2026-10-30Printing Dimensions QUALIFIED28Bernardo Dominic
1016Salvatore N DoeItaly2026-11-09Buckley Miller Wright NEW6Xuxue Feng
1017David M ButtAustralia2026-10-26Truhlar And Truhlar Attys UNQUALIFIED3Bernardo Dominic
1018Leja U MacleadArgentina2026-10-28Rousseaux, Michael Esq RENEWAL18Elwin Sharvill
1019Arvin A SergiBrazil2026-11-09Buckley Miller Wright UNQUALIFIED96Xuxue Feng
1020Deepesh R GlickSpain2026-10-20Truhlar And Truhlar Attys NEW56Asiya Javayant
1021Aruna M OldroydBrazil2026-10-23Rousseaux, Michael Esq UNQUALIFIED20Xuxue Feng
1022Darci W SaylorsArgentina2026-11-03Feltz Printing Service NEW10Amy Elsner
1023Chavez X StensethBrazil2026-11-01Printing Dimensions NEW58Ioni Bowcher
1024Rodrigues H SaylorsSpain2026-10-26Chanay, Jeffrey A Esq RENEWAL76Ivan Magalhaes
1025Cody K GarufiSpain2026-11-13Commercial Press NEGOTIATION6Elwin Sharvill
1026Leja J MarrierBrazil2026-11-02Rangoni Of Florence PROPOSAL49Elwin Sharvill
1027Johnson I RulapaughBrazil2026-10-27Rousseaux, Michael Esq QUALIFIED51Xuxue Feng
1028James A GlickUnited Kingdom2026-11-02Rangoni Of Florence PROPOSAL57Xuxue Feng
1029Adams E FlosiIndia2026-11-07Buckley Miller Wright UNQUALIFIED74Ivan Magalhaes
1030Adams G WieserArgentina2026-11-02Feiner Bros RENEWAL27Asiya Javayant
1031Ashley U ButtRussia2026-11-07Dorl, James J Esq NEW79Stephen Shaw
1032Chavez F NestleRussia2026-10-23King, Christopher A Esq RENEWAL40Elwin Sharvill
1033Morrow R PoquetteSpain2026-11-05Chapman, Ross E Esq QUALIFIED40Bernardo Dominic
1034Greenwood H FerenczBrazil2026-10-23Dorl, James J Esq NEW63Ioni Bowcher
1035Costa F MaletIndia2026-10-25Chemel, James L Cpa QUALIFIED41Asiya Javayant
1036Silvio L MacleadGermany2026-11-09Rousseaux, Michael Esq UNQUALIFIED48Onyama Limba
1037Leon X OldroydItaly2026-10-16Truhlar And Truhlar Attys UNQUALIFIED14Bernardo Dominic
1038Adams Z InouyeSpain2026-10-15Chemel, James L Cpa PROPOSAL76Ivan Magalhaes
1039Jefferson C CampainIndia2026-10-25Printing Dimensions PROPOSAL95Xuxue Feng
1040Rodrigues C InouyeJapan2026-11-06Rangoni Of Florence NEGOTIATION9Xuxue Feng
1041Jeanfrancois B SaylorsJapan2026-10-25Morlong Associates NEW57Anna Fali
1042Wickens O InouyeSpain2026-10-30Buckley Miller Wright UNQUALIFIED23Ivan Magalhaes
1043Silvio F MarrierJapan2026-11-11Dorl, James J Esq RENEWAL75Stephen Shaw
1044Jennifer T RoysterItaly2026-10-16Rousseaux, Michael Esq NEGOTIATION23Stephen Shaw
1045Kadeem S NestleItaly2026-11-06Printing Dimensions UNQUALIFIED89Asiya Javayant
1046Johnson K AmigonFrance2026-11-03Feiner Bros NEW44Bernardo Dominic
1047Costa S GauchoJapan2026-10-21Feltz Printing Service PROPOSAL69Ivan Magalhaes
1048Tony V PerinAustralia2026-10-21Feltz Printing Service RENEWAL63Anna Fali
1049Octavia W KolmetzGermany2026-10-24King, Christopher A Esq RENEWAL41Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Misaki K SchemmerBrazilAmy Elsner PROPOSAL
Alejandro F ShinkoIndiaStephen Shaw QUALIFIED
Ricardo R PoquetteIndiaElwin Sharvill RENEWAL
Sinclair D BologniaSpainStephen Shaw PROPOSAL
Kaitlin A FerenczArgentinaXuxue Feng PROPOSAL
David I MaletIndiaAnna Fali PROPOSAL
Kaitlin D ShinkoJapanAsiya Javayant NEW
Misaki L FollerItalyBernardo Dominic RENEWAL
Aditya H VenereGermanyElwin Sharvill PROPOSAL
Adams E ButtBrazilOnyama Limba PROPOSAL
Maisha Y MaletJapanElwin Sharvill NEW
Wickens D FlosiUnited KingdomOnyama Limba NEW
Clifford Z WhobreyBrazilStephen Shaw NEGOTIATION
Costa B GlickIndiaXuxue Feng QUALIFIED
Juan D RutaCanadaStephen Shaw RENEWAL
Kadeem O FerenczFranceBernardo Dominic UNQUALIFIED
Antonio S RutaUnited KingdomAsiya Javayant UNQUALIFIED
Munro N TollnerRussiaAmy Elsner RENEWAL
Kadeem B RimRussiaAnna Fali PROPOSAL
Faith V CaldareraJapanIoni Bowcher UNQUALIFIED
Murillo J CaudyArgentinaIoni Bowcher UNQUALIFIED
Isabel Q IturbideBrazilElwin Sharvill NEGOTIATION
Tony Z PaprockiJapanBernardo Dominic NEW
Kaitlin W PoquetteAustraliaAnna Fali NEW
Adams M DoeIndiaBernardo Dominic NEW
Murillo X BriddickJapanBernardo Dominic NEW
Aditya J OstroskyArgentinaXuxue Feng PROPOSAL
Rodrigues N SaylorsUnited KingdomOnyama Limba NEW
Morrow N CaudyFranceAnna Fali UNQUALIFIED
Arvin Z FigeroaRussiaIoni Bowcher NEW
Deepesh I BologniaGermanyBernardo Dominic NEW
Jones Q KuskoCanadaIvan Magalhaes NEGOTIATION
Arvin L BologniaItalyIoni Bowcher RENEWAL
Jones X FigeroaAustraliaOnyama Limba NEGOTIATION
Johnson J WaycottCanadaXuxue Feng NEW
Costa X OstroskyRussiaStephen Shaw NEGOTIATION
Julie M FlosiJapanOnyama Limba PROPOSAL
Jones T GillianJapanAsiya Javayant UNQUALIFIED
Cody F BriddickIndiaIvan Magalhaes PROPOSAL
Costa I StensethItalyStephen Shaw NEGOTIATION
Ricardo B StockhamCanadaAmy Elsner UNQUALIFIED
Ivar F InouyeRussiaStephen Shaw PROPOSAL
Sinclair X RulapaughIndiaAsiya Javayant NEGOTIATION
Faith K InouyeUnited KingdomAsiya Javayant PROPOSAL
Leja R MaletSpainOnyama Limba PROPOSAL
Cody T BriddickGermanyAsiya Javayant NEW
Alejandro I SaylorsJapanXuxue Feng NEGOTIATION
Stacey C VocelkaUnited KingdomAnna Fali UNQUALIFIED
Clifford N StensethUnited KingdomBernardo Dominic QUALIFIED
Wickens W SaylorsArgentinaAnna Fali PROPOSAL
Frozen Columns
Name
Juan O Ferencz
Faith C Bowley
Maria X Kusko
Costa M Caudy
Kaitlin M Iturbide
Alejandro M Bowley
Ricardo O Ostrosky
Juan D Vocelka
Maisha D Albares
Ricardo E Chui
Faith D Darakjy
Sinclair S Poquette
Aruna Q Gaucho
Ricardo Y Malet
Smith M Vocelka
Ashley W Iturbide
Aditya Q Gaucho
Chavez O Doe
Maria N Albares
Mujtaba O Morasca
Deepesh U Perin
Greenwood Z Oldroyd
Costa S Morasca
Leon T Rulapaugh
Mayumi V Royster
Morrow U Malet
Silvio R Darakjy
Maisha A Dilliard
Mayumi T Kusko
Jones A Stockham
Mayumi G Amigon
Mujtaba A Figeroa
Tony E Inouye
Julie W Bolognia
Silvio F Malet
Maria Q Sergi
Wickens J Bowley
Misaki N Shinko
Francesco L Sergi
Kadeem O Campain
James N Ostrosky
Ivar S Poquette
Wickens U Wieser
Munro H Amigon
Leon P Morasca
Misaki G Garufi
Deepesh I Stockham
Jeanfrancois L Whobrey
Julie J Dilliard
Sinclair L Albares
IdCountryDate
1000United Kingdom2026-10-16
1001United Kingdom2026-11-02
1002Canada2026-11-04
1003Argentina2026-10-18
1004Canada2026-11-12
1005Argentina2026-10-25
1006India2026-10-16
1007Australia2026-10-21
1008Germany2026-10-21
1009Brazil2026-11-12
1010Spain2026-10-24
1011United Kingdom2026-11-10
1012Russia2026-11-07
1013France2026-10-26
1014India2026-11-03
1015Japan2026-10-21
1016Brazil2026-10-30
1017Germany2026-11-10
1018Italy2026-10-23
1019Russia2026-11-01
1020Argentina2026-10-20
1021Germany2026-10-15
1022India2026-10-31
1023Canada2026-10-27
1024United Kingdom2026-10-27
1025Germany2026-11-11
1026Japan2026-11-13
1027France2026-11-12
1028Germany2026-10-30
1029India2026-10-30
1030France2026-11-06
1031Australia2026-11-07
1032Canada2026-11-01
1033France2026-10-15
1034Brazil2026-11-03
1035India2026-10-25
1036Italy2026-11-08
1037Spain2026-11-02
1038Australia2026-11-10
1039United Kingdom2026-11-02
1040Italy2026-10-20
1041Australia2026-10-26
1042Italy2026-10-15
1043Japan2026-10-22
1044Japan2026-10-20
1045France2026-11-13
1046Italy2026-11-01
1047Russia2026-11-08
1048Australia2026-10-29
1049Russia2026-11-02

On-Demand Data

NameIdCountryDate
Smith O Dilliard1000Spain2026-10-24
Aditya D Glick1001Spain2026-11-09
Cody G Oldroyd1002Italy2026-10-23
Wickens E Schemmer1003Germany2026-10-16
Salvatore L Malet1004France2026-10-22
Morrow I Rim1005Argentina2026-10-22
Aditya T Dilliard1006Japan2026-11-08
Arvin U Garufi1007Italy2026-11-11
David W Morasca1008Italy2026-10-24
Alejandro K Glick1009Brazil2026-11-07
Francesco O Oldroyd1010United Kingdom2026-10-28
Arvin D Inouye1011Canada2026-11-09
Chavez Q Figeroa1012Spain2026-11-09
Rodrigues D Morasca1013Brazil2026-11-10
Ivar T Flosi1014Australia2026-10-29
Misaki O Marrier1015Japan2026-10-22
Aika J Stockham1016United Kingdom2026-11-11
Johnson B Flosi1017Spain2026-11-05
Wickens Z Bolognia1018Brazil2026-11-05
Smith Y Nestle1019India2026-11-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Isabel L IturbideRussiaAmy Elsner PROPOSAL
Clifford E ButtSpainIvan Magalhaes PROPOSAL
Murillo P CaldareraSpainElwin Sharvill RENEWAL
Ivar W OstroskyBrazilElwin Sharvill UNQUALIFIED
Julie A RutaArgentinaXuxue Feng NEW
Rodrigues M RoysterBrazilIoni Bowcher PROPOSAL
Wickens M FlosiSpainElwin Sharvill NEW
Mujtaba Q SlusarskiArgentinaBernardo Dominic PROPOSAL
Cody D GlickItalyIvan Magalhaes PROPOSAL
Alejandro T TollnerItalyAsiya Javayant NEW
Morrow L VenereGermanyAnna Fali QUALIFIED
Ivar V PerinBrazilIoni Bowcher QUALIFIED
Mayumi C StensethRussiaAnna Fali PROPOSAL
Costa T DarakjyRussiaAmy Elsner NEGOTIATION
Francesco B DilliardJapanAnna Fali QUALIFIED
Maisha U SlusarskiGermanyIoni Bowcher UNQUALIFIED
Darci Z KuskoRussiaOnyama Limba RENEWAL
Cody U DoeUnited KingdomOnyama Limba UNQUALIFIED
Jones D RulapaughCanadaAnna Fali RENEWAL
Kaitlin B RutaFranceAnna Fali RENEWAL
Maria G GauchoRussiaBernardo Dominic NEGOTIATION
Tony S BriddickAustraliaIoni Bowcher NEGOTIATION
Octavia E ChuiAustraliaAsiya Javayant NEW
Adams Q BowleySpainBernardo Dominic PROPOSAL
Silvio V DoeGermanyStephen Shaw RENEWAL
Johnson P CaudyGermanyAmy Elsner NEGOTIATION
Ricardo V CaldareraAustraliaXuxue Feng PROPOSAL
Maisha M MorascaBrazilIoni Bowcher RENEWAL
Mayumi Y FlosiIndiaIoni Bowcher NEW
Claire Y FerenczUnited KingdomBernardo Dominic NEW
Jeanfrancois B GillianGermanyAnna Fali NEW
Tony L PaprockiAustraliaIvan Magalhaes RENEWAL
Claire N SaylorsFranceAmy Elsner NEW
Francesco R VocelkaBrazilOnyama Limba UNQUALIFIED
Jennifer Q BowleyBrazilAsiya Javayant QUALIFIED
Julie H DarakjyArgentinaOnyama Limba RENEWAL
Leja G SchemmerArgentinaAnna Fali NEGOTIATION
Jefferson H WaycottUnited KingdomOnyama Limba QUALIFIED
Greenwood P DarakjyItalyOnyama Limba UNQUALIFIED
Mayumi S NestleIndiaAnna Fali 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>