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
Julie L RimAustraliaBernardo Dominic PROPOSAL
Stacey U SaylorsRussiaAnna Fali RENEWAL
Jefferson G SlusarskiAustraliaAmy Elsner QUALIFIED
Stacey G PaprockiRussiaAmy Elsner PROPOSAL
Ashley M RutaCanadaIoni Bowcher UNQUALIFIED
Clifford B VenereBrazilAsiya Javayant PROPOSAL
Octavia E FlosiRussiaIoni Bowcher QUALIFIED
Wickens C MacleadJapanAmy Elsner NEGOTIATION
Mayumi P RulapaughFranceAsiya Javayant QUALIFIED
Kadeem E SaylorsJapanXuxue Feng UNQUALIFIED
Johnson N AmigonGermanyOnyama Limba UNQUALIFIED
Mujtaba Q SchemmerIndiaStephen Shaw RENEWAL
Aruna P SaylorsCanadaIvan Magalhaes NEGOTIATION
Ashley F AlbaresItalyStephen Shaw QUALIFIED
Munro D NestleGermanyAmy Elsner NEGOTIATION
Johnson E GlickJapanStephen Shaw NEGOTIATION
Juan A CampainAustraliaElwin Sharvill RENEWAL
Murillo Z RimGermanyIoni Bowcher QUALIFIED
Ashley A VenereGermanyOnyama Limba UNQUALIFIED
Ricardo S CampainJapanAmy Elsner RENEWAL
Francesco L SchemmerAustraliaXuxue Feng UNQUALIFIED
Leja C OstroskyRussiaBernardo Dominic NEW
Costa N CaldareraCanadaOnyama Limba UNQUALIFIED
Isabel V VenereIndiaIoni Bowcher QUALIFIED
David M GillianCanadaXuxue Feng UNQUALIFIED
Aditya R RutaArgentinaOnyama Limba PROPOSAL
Wickens V DarakjyAustraliaIoni Bowcher RENEWAL
Mujtaba W IturbideIndiaIvan Magalhaes QUALIFIED
Deepesh B FigeroaArgentinaIoni Bowcher UNQUALIFIED
Kaitlin D MarrierIndiaStephen Shaw PROPOSAL
Johnson G CaudyJapanBernardo Dominic NEGOTIATION
Deepesh N TollnerSpainAsiya Javayant UNQUALIFIED
Silvio R DilliardAustraliaOnyama Limba QUALIFIED
Jones W SaylorsSpainStephen Shaw UNQUALIFIED
Greenwood E WhobreySpainBernardo Dominic PROPOSAL
Izzy D GauchoIndiaElwin Sharvill QUALIFIED
Mujtaba W MacleadFranceAsiya Javayant RENEWAL
Johnson H MaletIndiaAnna Fali NEW
Alejandro E MarrierFranceXuxue Feng QUALIFIED
Adams U CampainFranceElwin Sharvill NEW
Leon Z GauchoRussiaOnyama Limba NEW
Clifford B SlusarskiIndiaAsiya Javayant QUALIFIED
Francesco A DarakjyCanadaXuxue Feng NEGOTIATION
Aika J GlickIndiaElwin Sharvill PROPOSAL
Emily P MaletItalyOnyama Limba NEW
Arvin C OldroydItalyIvan Magalhaes QUALIFIED
Ricardo L FigeroaRussiaStephen Shaw NEGOTIATION
Morrow B SergiGermanyAnna Fali NEW
Mujtaba I StensethCanadaBernardo Dominic PROPOSAL
Wickens O FlosiAustraliaXuxue Feng RENEWAL
Horizontal
NameCountryRepresentativeStatus
Munro Y DarakjyGermanyOnyama Limba UNQUALIFIED
Nicolas Q RoysterFranceAsiya Javayant UNQUALIFIED
Arvin M SaylorsItalyAmy Elsner NEGOTIATION
Tony C MaletIndiaAmy Elsner NEGOTIATION
Clifford Y WhobreyJapanAnna Fali RENEWAL
Munro I BowleyIndiaAsiya Javayant RENEWAL
Maria E AmigonArgentinaStephen Shaw NEW
Isabel Y GlickIndiaBernardo Dominic QUALIFIED
James P CampainBrazilAsiya Javayant RENEWAL
Aika Z StensethAustraliaAmy Elsner RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Salvatore B StensethSpain2026-10-07Dorl, James J Esq RENEWAL55Ivan Magalhaes
1001Jones L VenereAustralia2026-10-10Chapman, Ross E Esq QUALIFIED75Onyama Limba
1002Wickens X MacleadItaly2026-09-26Morlong Associates NEW1Elwin Sharvill
1003Morrow E FlosiFrance2026-10-05King, Christopher A Esq NEW7Bernardo Dominic
1004Sinclair L SergiJapan2026-09-26Rousseaux, Michael Esq NEGOTIATION34Elwin Sharvill
1005Aditya T DoeFrance2026-10-07Commercial Press UNQUALIFIED6Amy Elsner
1006Kaitlin X SlusarskiAustralia2026-10-05Morlong Associates UNQUALIFIED67Ioni Bowcher
1007Maisha Y OldroydUnited Kingdom2026-10-14Morlong Associates QUALIFIED84Elwin Sharvill
1008Costa I SaylorsRussia2026-10-05Commercial Press QUALIFIED28Ioni Bowcher
1009Antonio B ButtJapan2026-09-25Truhlar And Truhlar Attys UNQUALIFIED84Bernardo Dominic
1010Murillo X ChuiIndia2026-09-21Morlong Associates NEW32Amy Elsner
1011Chavez E StensethFrance2026-10-13Benton, John B Jr NEGOTIATION44Xuxue Feng
1012Julie Y GlickArgentina2026-09-23Rangoni Of Florence PROPOSAL87Bernardo Dominic
1013Kadeem N NestleFrance2026-10-12Buckley Miller Wright QUALIFIED32Bernardo Dominic
1014Alejandro B DilliardRussia2026-09-25Buckley Miller Wright PROPOSAL47Anna Fali
1015Arvin I NickaJapan2026-10-16King, Christopher A Esq NEGOTIATION16Amy Elsner
1016Jeanfrancois Z PoquetteUnited Kingdom2026-09-25Rangoni Of Florence NEGOTIATION23Xuxue Feng
1017Johnson H StockhamArgentina2026-09-22Commercial Press QUALIFIED66Ioni Bowcher
1018Isabel P PerinIndia2026-10-14King, Christopher A Esq PROPOSAL11Amy Elsner
1019Francesco Y SlusarskiFrance2026-09-27King, Christopher A Esq NEGOTIATION22Stephen Shaw
1020Leja D SchemmerItaly2026-09-22Printing Dimensions QUALIFIED71Elwin Sharvill
1021Murillo S MarrierFrance2026-10-02Feiner Bros PROPOSAL21Elwin Sharvill
1022Costa A MarrierRussia2026-09-26Chapman, Ross E Esq RENEWAL73Ioni Bowcher
1023Sinclair R KuskoBrazil2026-09-19Morlong Associates NEW74Elwin Sharvill
1024Izzy M FollerGermany2026-10-18Truhlar And Truhlar Attys NEGOTIATION54Stephen Shaw
1025Mayumi Q PaprockiUnited Kingdom2026-10-03Chapman, Ross E Esq NEGOTIATION52Amy Elsner
1026Julie S NestleSpain2026-10-02Printing Dimensions UNQUALIFIED73Ioni Bowcher
1027James Z ButtCanada2026-10-11Chemel, James L Cpa NEGOTIATION81Bernardo Dominic
1028Misaki T ShinkoRussia2026-10-15Printing Dimensions NEGOTIATION69Xuxue Feng
1029Claire L WaycottArgentina2026-10-17Rousseaux, Michael Esq UNQUALIFIED40Onyama Limba
1030David N MaletRussia2026-09-28Commercial Press QUALIFIED32Stephen Shaw
1031Leon R BriddickBrazil2026-10-08Chemel, James L Cpa RENEWAL94Elwin Sharvill
1032Juan R KolmetzAustralia2026-09-27Feiner Bros UNQUALIFIED55Anna Fali
1033Faith I BowleyBrazil2026-10-06King, Christopher A Esq RENEWAL97Xuxue Feng
1034Ivar Y KolmetzFrance2026-09-19Truhlar And Truhlar Attys QUALIFIED41Stephen Shaw
1035Murillo K FollerItaly2026-10-18Rousseaux, Michael Esq QUALIFIED22Asiya Javayant
1036Arvin A DilliardArgentina2026-10-11Chanay, Jeffrey A Esq NEW98Elwin Sharvill
1037Claire J PoquetteIndia2026-10-07Morlong Associates QUALIFIED66Amy Elsner
1038Juan S RimGermany2026-10-02Rangoni Of Florence PROPOSAL25Xuxue Feng
1039Leon M FigeroaCanada2026-10-16Feiner Bros PROPOSAL19Asiya Javayant
1040Stacey J FigeroaArgentina2026-10-02Feltz Printing Service UNQUALIFIED49Asiya Javayant
1041Stacey M NickaRussia2026-10-16Printing Dimensions PROPOSAL57Amy Elsner
1042Deepesh B VocelkaRussia2026-09-19Rangoni Of Florence UNQUALIFIED59Asiya Javayant
1043Arvin J GarufiAustralia2026-10-04Chapman, Ross E Esq PROPOSAL39Stephen Shaw
1044Leja F InouyeArgentina2026-09-27Rangoni Of Florence NEW77Elwin Sharvill
1045Tony A ShinkoArgentina2026-09-26Truhlar And Truhlar Attys NEGOTIATION11Anna Fali
1046Aruna A CaudyFrance2026-10-01Rousseaux, Michael Esq QUALIFIED32Onyama Limba
1047Tony F GlickBrazil2026-10-05King, Christopher A Esq NEW84Stephen Shaw
1048Clifford Q FigeroaRussia2026-10-12Printing Dimensions UNQUALIFIED0Stephen Shaw
1049Ricardo Y SergiRussia2026-09-21Morlong Associates UNQUALIFIED93Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Jeanfrancois O ChuiRussiaXuxue Feng RENEWAL
Tony Z PaprockiItalyIvan Magalhaes RENEWAL
Sinclair W OldroydAustraliaXuxue Feng QUALIFIED
Octavia C WieserSpainIoni Bowcher QUALIFIED
Misaki B StensethUnited KingdomAsiya Javayant NEGOTIATION
Mayumi B InouyeGermanyIvan Magalhaes NEGOTIATION
Kadeem W IturbideItalyXuxue Feng UNQUALIFIED
Alejandro W FlosiJapanAmy Elsner UNQUALIFIED
Juan S SaylorsIndiaIoni Bowcher PROPOSAL
Smith W DoeItalyOnyama Limba UNQUALIFIED
Faith M SaylorsIndiaStephen Shaw RENEWAL
Kadeem C RutaJapanStephen Shaw NEGOTIATION
Nicolas G RulapaughItalyIvan Magalhaes PROPOSAL
Octavia X RutaCanadaAsiya Javayant NEGOTIATION
David Y BriddickGermanyAnna Fali PROPOSAL
Francesco J BologniaIndiaElwin Sharvill QUALIFIED
Mujtaba G SlusarskiJapanIvan Magalhaes UNQUALIFIED
Isabel H MaletRussiaBernardo Dominic UNQUALIFIED
Emily R RoysterSpainAnna Fali QUALIFIED
Jefferson X MaletArgentinaAnna Fali NEGOTIATION
Leja J GarufiCanadaAsiya Javayant PROPOSAL
Misaki R CaudyCanadaIoni Bowcher NEW
Faith U NickaJapanAmy Elsner PROPOSAL
Darci U SaylorsCanadaXuxue Feng QUALIFIED
Mujtaba E StockhamJapanAsiya Javayant NEW
Aditya K TollnerUnited KingdomStephen Shaw PROPOSAL
Isabel Z SaylorsCanadaStephen Shaw UNQUALIFIED
James H MacleadGermanyAsiya Javayant QUALIFIED
Johnson D WieserIndiaBernardo Dominic PROPOSAL
Costa L OstroskyItalyIvan Magalhaes QUALIFIED
Izzy U ChuiGermanyIoni Bowcher NEGOTIATION
Leja I MacleadFranceElwin Sharvill NEW
Kadeem H VocelkaIndiaAsiya Javayant PROPOSAL
Jones D GarufiIndiaBernardo Dominic QUALIFIED
Ivar D BriddickSpainBernardo Dominic UNQUALIFIED
Deepesh E RoysterIndiaElwin Sharvill NEW
Kaitlin V VenereFranceBernardo Dominic QUALIFIED
Costa B RulapaughGermanyBernardo Dominic UNQUALIFIED
Alejandro N CampainCanadaStephen Shaw QUALIFIED
Isabel E BologniaJapanIoni Bowcher UNQUALIFIED
Claire N BriddickSpainIvan Magalhaes NEW
Deepesh O MacleadGermanyXuxue Feng NEGOTIATION
Mujtaba D SaylorsUnited KingdomOnyama Limba NEW
Emily Q GillianUnited KingdomXuxue Feng PROPOSAL
Jeanfrancois L VocelkaUnited KingdomAsiya Javayant RENEWAL
Mujtaba K NestleRussiaStephen Shaw PROPOSAL
Jones S FigeroaArgentinaAmy Elsner UNQUALIFIED
Wickens Z MaletJapanOnyama Limba QUALIFIED
Tony O SchemmerRussiaAnna Fali RENEWAL
Julie A SchemmerCanadaElwin Sharvill QUALIFIED
Frozen Columns
Name
Alejandro X Stenseth
Antonio Z Ferencz
Ashley O Doe
Darci E Morasca
Mayumi H Ferencz
David Q Perin
Jeanfrancois D Gillian
Adams U Campain
Aditya D Ostrosky
Maria P Kusko
Leja X Royster
Murillo X Figeroa
Munro J Perin
Jeanfrancois I Gaucho
Jefferson D Waycott
Alejandro P Malet
Ivar M Dilliard
Jefferson Z Morasca
Jeanfrancois T Glick
Clifford Q Glick
Costa C Venere
Julie Y Ruta
Greenwood N Sergi
Cody M Maclead
Jefferson N Tollner
Darci S Doe
Ricardo I Bowley
Claire I Perin
Francesco D Waycott
Silvio S Kolmetz
Maria R Ferencz
Clifford L Nicka
Alejandro O Rulapaugh
Faith S Stockham
Mujtaba P Ferencz
Leja E Darakjy
David E Inouye
Leon M Inouye
Isabel Y Doe
Nicolas C Venere
Isabel Y Malet
Alejandro K Foller
Munro I Schemmer
Mujtaba J Slusarski
Greenwood I Figeroa
Morrow U Flosi
Mayumi V Glick
Alejandro F Foller
Aika V Gillian
Maria O Perin
IdCountryDate
1000Italy2026-10-18
1001Spain2026-09-23
1002France2026-10-07
1003Germany2026-09-22
1004Spain2026-09-23
1005France2026-10-02
1006Canada2026-09-21
1007Argentina2026-09-30
1008Brazil2026-10-02
1009Brazil2026-09-22
1010Canada2026-10-04
1011France2026-10-12
1012Germany2026-10-17
1013United Kingdom2026-09-25
1014Italy2026-09-19
1015Brazil2026-10-13
1016Russia2026-10-07
1017Argentina2026-10-12
1018India2026-10-11
1019Russia2026-09-23
1020Japan2026-09-29
1021Brazil2026-10-03
1022Italy2026-09-21
1023Spain2026-10-07
1024Brazil2026-09-19
1025Australia2026-09-26
1026Japan2026-10-10
1027India2026-09-24
1028United Kingdom2026-10-14
1029Italy2026-09-29
1030Germany2026-10-15
1031France2026-09-24
1032France2026-10-06
1033Argentina2026-09-27
1034Argentina2026-10-17
1035Australia2026-09-19
1036Germany2026-10-18
1037France2026-10-12
1038France2026-10-17
1039Brazil2026-10-13
1040Russia2026-10-13
1041France2026-10-11
1042Canada2026-10-12
1043France2026-10-09
1044Spain2026-10-02
1045Brazil2026-09-30
1046United Kingdom2026-09-21
1047Canada2026-09-27
1048Russia2026-09-25
1049Brazil2026-10-03

On-Demand Data

NameIdCountryDate
Faith O Chui1000France2026-09-26
Izzy J Paprocki1001Russia2026-09-29
Ashley D Nicka1002Spain2026-10-16
Aditya T Whobrey1003Canada2026-10-11
Antonio S Marrier1004Argentina2026-10-12
Munro B Gaucho1005Canada2026-10-15
Leon H Gaucho1006Brazil2026-10-15
Aika D Briddick1007France2026-09-24
Emily T Iturbide1008Canada2026-10-03
Ashley I Nicka1009India2026-09-25
Salvatore K Maclead1010Argentina2026-10-15
Munro G Morasca1011Brazil2026-10-16
Tony S Rim1012Germany2026-09-23
Jennifer T Wieser1013Brazil2026-09-29
James C Vocelka1014United Kingdom2026-10-11
Costa T Ferencz1015Italy2026-10-07
James Y Stenseth1016Spain2026-09-29
Ricardo N Glick1017Italy2026-09-21
Costa X Briddick1018United Kingdom2026-09-19
Faith G Paprocki1019Canada2026-10-09
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Ricardo Q PerinItalyIoni Bowcher RENEWAL
Aika J GillianBrazilStephen Shaw UNQUALIFIED
Izzy V AmigonFranceBernardo Dominic NEW
Smith Z BriddickArgentinaElwin Sharvill UNQUALIFIED
Salvatore C BriddickFranceIoni Bowcher RENEWAL
Octavia V SlusarskiJapanXuxue Feng QUALIFIED
Misaki D CampainUnited KingdomAsiya Javayant NEW
Mayumi L WaycottSpainIoni Bowcher PROPOSAL
Jeanfrancois O MorascaCanadaIoni Bowcher RENEWAL
Ricardo E MaletSpainIvan Magalhaes NEGOTIATION
Murillo X WieserFranceElwin Sharvill UNQUALIFIED
Julie S IturbideSpainXuxue Feng RENEWAL
David G OstroskyCanadaStephen Shaw UNQUALIFIED
Aika B FigeroaAustraliaAmy Elsner NEGOTIATION
Cody G CaldareraArgentinaAsiya Javayant NEW
Misaki Z SergiCanadaXuxue Feng PROPOSAL
Arvin P MorascaFranceBernardo Dominic NEW
Adams Z AmigonCanadaIvan Magalhaes QUALIFIED
Nicolas U FerenczAustraliaIvan Magalhaes PROPOSAL
Octavia A InouyeJapanIoni Bowcher RENEWAL
Leon C PoquetteSpainAnna Fali QUALIFIED
Ivar B BriddickCanadaAsiya Javayant PROPOSAL
Deepesh X AmigonArgentinaAmy Elsner NEW
Aditya J PerinSpainAsiya Javayant NEGOTIATION
Smith Q NestleFranceAsiya Javayant PROPOSAL
Cody U VenereAustraliaOnyama Limba UNQUALIFIED
Cody F RulapaughBrazilStephen Shaw NEW
Rodrigues J StensethArgentinaIoni Bowcher RENEWAL
Maria I GillianGermanyAsiya Javayant QUALIFIED
Chavez M SergiSpainIoni Bowcher PROPOSAL
Alejandro C BriddickCanadaIvan Magalhaes UNQUALIFIED
Nicolas R NickaUnited KingdomOnyama Limba QUALIFIED
Faith K PoquetteBrazilAmy Elsner QUALIFIED
Salvatore E KolmetzGermanyXuxue Feng UNQUALIFIED
Julie L WaycottBrazilElwin Sharvill NEGOTIATION
Francesco C DilliardFranceAmy Elsner RENEWAL
Ivar O GillianFranceAsiya Javayant NEW
Maisha X PaprockiFranceAsiya Javayant QUALIFIED
Aika Q NickaFranceOnyama Limba RENEWAL
Deepesh X VocelkaBrazilAnna 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>