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
Jones C FigeroaArgentinaOnyama Limba RENEWAL
Murillo O WieserFranceOnyama Limba QUALIFIED
Jones A ChuiCanadaIvan Magalhaes NEW
Aditya E WhobreyRussiaAmy Elsner QUALIFIED
Smith Z AlbaresCanadaAnna Fali NEGOTIATION
Wickens C DoeFranceBernardo Dominic NEGOTIATION
Silvio X AlbaresFranceIoni Bowcher QUALIFIED
Isabel O FlosiCanadaXuxue Feng RENEWAL
Smith Q SaylorsFranceStephen Shaw QUALIFIED
Aditya R BriddickFranceStephen Shaw NEW
Faith S NestleSpainIoni Bowcher NEGOTIATION
Stacey V WieserBrazilIoni Bowcher NEGOTIATION
Ricardo D OldroydAustraliaElwin Sharvill NEW
Octavia A FollerArgentinaElwin Sharvill UNQUALIFIED
Chavez I FlosiItalyIoni Bowcher NEGOTIATION
Mujtaba U FollerItalyIvan Magalhaes NEGOTIATION
Isabel N VenereIndiaIvan Magalhaes UNQUALIFIED
Rodrigues M WaycottIndiaAnna Fali NEW
Nicolas X NestleGermanyStephen Shaw RENEWAL
Jefferson V MorascaCanadaAnna Fali RENEWAL
Julie D MorascaRussiaIvan Magalhaes RENEWAL
Silvio C OldroydSpainIvan Magalhaes QUALIFIED
Clifford C IturbideGermanyXuxue Feng RENEWAL
Clifford T MacleadGermanyAsiya Javayant UNQUALIFIED
Leon K AmigonJapanOnyama Limba NEGOTIATION
Murillo Q RimArgentinaIoni Bowcher QUALIFIED
Isabel N WaycottAustraliaIvan Magalhaes PROPOSAL
Leon A KuskoGermanyIvan Magalhaes QUALIFIED
Claire D GlickItalyAnna Fali NEGOTIATION
Greenwood H DarakjyUnited KingdomElwin Sharvill RENEWAL
Jennifer P PaprockiIndiaIvan Magalhaes RENEWAL
Claire U RimArgentinaXuxue Feng PROPOSAL
Mujtaba L GauchoCanadaAsiya Javayant QUALIFIED
Darci I ButtFranceElwin Sharvill NEW
Cody X ShinkoCanadaBernardo Dominic PROPOSAL
Smith W StensethBrazilXuxue Feng NEGOTIATION
Arvin U RutaArgentinaAsiya Javayant UNQUALIFIED
Emily J CampainRussiaOnyama Limba UNQUALIFIED
Morrow Y MorascaCanadaBernardo Dominic NEGOTIATION
Izzy D GillianGermanyBernardo Dominic RENEWAL
Aika H VenereJapanStephen Shaw RENEWAL
Aditya C SaylorsSpainIvan Magalhaes RENEWAL
Smith K SchemmerFranceIoni Bowcher RENEWAL
Maria C SlusarskiSpainAmy Elsner NEGOTIATION
Morrow N WieserFranceAmy Elsner NEGOTIATION
Rodrigues G MaletJapanXuxue Feng NEGOTIATION
Rodrigues A ChuiRussiaIvan Magalhaes UNQUALIFIED
Adams B GauchoRussiaBernardo Dominic RENEWAL
Nicolas G MaletBrazilAmy Elsner PROPOSAL
Sinclair V PaprockiIndiaAmy Elsner PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Misaki A SergiRussiaStephen Shaw PROPOSAL
Costa L PaprockiIndiaStephen Shaw PROPOSAL
Leja H OldroydJapanAmy Elsner UNQUALIFIED
Emily J WieserSpainIvan Magalhaes PROPOSAL
Munro H StensethRussiaAmy Elsner UNQUALIFIED
Jennifer L OstroskyJapanOnyama Limba UNQUALIFIED
Misaki D OstroskyBrazilIvan Magalhaes NEGOTIATION
Smith R GauchoSpainAnna Fali NEW
Leja H BriddickCanadaStephen Shaw PROPOSAL
Munro F MorascaFranceXuxue Feng QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jefferson Q MorascaUnited Kingdom2026-11-09Rousseaux, Michael Esq PROPOSAL15Amy Elsner
1001Munro C GarufiIndia2026-11-08Rousseaux, Michael Esq RENEWAL18Onyama Limba
1002Aruna L SergiAustralia2026-10-16Chapman, Ross E Esq UNQUALIFIED72Stephen Shaw
1003Arvin O RimArgentina2026-10-31King, Christopher A Esq PROPOSAL65Stephen Shaw
1004James Y KolmetzCanada2026-10-26Rangoni Of Florence RENEWAL57Elwin Sharvill
1005Chavez H WhobreyAustralia2026-10-18Chemel, James L Cpa UNQUALIFIED7Elwin Sharvill
1006Kaitlin N PerinSpain2026-10-23Feiner Bros QUALIFIED63Bernardo Dominic
1007Murillo Q MarrierRussia2026-11-12Rousseaux, Michael Esq NEW19Elwin Sharvill
1008Jefferson J RulapaughJapan2026-10-21Chanay, Jeffrey A Esq NEGOTIATION94Xuxue Feng
1009Cody W PaprockiUnited Kingdom2026-10-30Feltz Printing Service RENEWAL73Ivan Magalhaes
1010Ricardo K SergiAustralia2026-11-04Feiner Bros RENEWAL42Amy Elsner
1011Arvin V GauchoAustralia2026-11-07Benton, John B Jr NEGOTIATION48Ioni Bowcher
1012Tony K PoquetteUnited Kingdom2026-11-13King, Christopher A Esq NEW6Bernardo Dominic
1013Arvin N PerinIndia2026-10-30Benton, John B Jr RENEWAL16Xuxue Feng
1014Nicolas I RutaArgentina2026-10-29Feltz Printing Service UNQUALIFIED90Onyama Limba
1015Aruna V FollerFrance2026-10-31Chemel, James L Cpa RENEWAL40Bernardo Dominic
1016Alejandro I NickaRussia2026-10-26Rousseaux, Michael Esq NEGOTIATION39Ioni Bowcher
1017Claire M DoeGermany2026-11-04Dorl, James J Esq RENEWAL98Elwin Sharvill
1018Nicolas V DoeCanada2026-10-17Rangoni Of Florence QUALIFIED99Asiya Javayant
1019Morrow X WaycottArgentina2026-10-31Chapman, Ross E Esq QUALIFIED32Bernardo Dominic
1020Jefferson Y WieserBrazil2026-10-20King, Christopher A Esq QUALIFIED59Ioni Bowcher
1021Darci N MaletArgentina2026-11-07Chemel, James L Cpa UNQUALIFIED36Onyama Limba
1022Murillo H MorascaItaly2026-10-29Feiner Bros UNQUALIFIED86Anna Fali
1023Aditya J FerenczUnited Kingdom2026-11-06Feltz Printing Service QUALIFIED61Ioni Bowcher
1024Salvatore R NestleFrance2026-11-04Chapman, Ross E Esq QUALIFIED0Ivan Magalhaes
1025Francesco P BowleyRussia2026-10-20Printing Dimensions RENEWAL39Amy Elsner
1026Munro F CaudySpain2026-10-30Dorl, James J Esq NEW24Anna Fali
1027Aruna N KolmetzItaly2026-11-08Printing Dimensions RENEWAL6Xuxue Feng
1028Jefferson G RulapaughFrance2026-10-18Morlong Associates PROPOSAL56Stephen Shaw
1029Sinclair E ButtItaly2026-11-13Feiner Bros NEGOTIATION26Elwin Sharvill
1030Aditya U GarufiFrance2026-11-11Chemel, James L Cpa PROPOSAL80Amy Elsner
1031Alejandro P FerenczIndia2026-10-25Feltz Printing Service UNQUALIFIED27Onyama Limba
1032Faith V CampainJapan2026-10-24Feltz Printing Service NEGOTIATION93Xuxue Feng
1033Mayumi I VenereFrance2026-11-08Chanay, Jeffrey A Esq QUALIFIED53Stephen Shaw
1034Jones W SlusarskiFrance2026-11-02Chemel, James L Cpa NEGOTIATION22Onyama Limba
1035James M BriddickSpain2026-10-23Morlong Associates NEW37Anna Fali
1036Kaitlin F MorascaFrance2026-10-17Rousseaux, Michael Esq NEGOTIATION3Onyama Limba
1037Izzy P FollerJapan2026-10-27Benton, John B Jr NEW22Onyama Limba
1038Juan P ButtItaly2026-11-13Printing Dimensions PROPOSAL12Stephen Shaw
1039Chavez L AmigonAustralia2026-10-30Chanay, Jeffrey A Esq UNQUALIFIED22Asiya Javayant
1040Silvio H FerenczItaly2026-10-27Feiner Bros UNQUALIFIED55Ioni Bowcher
1041Murillo U BowleyFrance2026-10-30Chapman, Ross E Esq UNQUALIFIED30Elwin Sharvill
1042Maria N BologniaAustralia2026-10-31Dorl, James J Esq PROPOSAL47Onyama Limba
1043Izzy H FerenczIndia2026-11-04Chemel, James L Cpa UNQUALIFIED99Xuxue Feng
1044Octavia P TollnerAustralia2026-10-15Morlong Associates QUALIFIED64Amy Elsner
1045Mayumi Z AmigonArgentina2026-11-06Morlong Associates PROPOSAL60Xuxue Feng
1046Kadeem V BowleyFrance2026-11-09Feltz Printing Service UNQUALIFIED28Bernardo Dominic
1047Darci W TollnerUnited Kingdom2026-11-04Printing Dimensions NEGOTIATION26Elwin Sharvill
1048Arvin V FerenczFrance2026-11-07Morlong Associates NEW25Amy Elsner
1049Ivar Y SchemmerBrazil2026-11-10Chapman, Ross E Esq PROPOSAL26Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Tony A DilliardUnited KingdomAnna Fali NEW
Aruna E RutaCanadaElwin Sharvill NEW
Maria B StensethSpainXuxue Feng NEGOTIATION
Aditya V VenereJapanIoni Bowcher RENEWAL
Misaki W BologniaJapanAmy Elsner PROPOSAL
Rodrigues U SaylorsFranceOnyama Limba QUALIFIED
Chavez I FerenczFranceElwin Sharvill QUALIFIED
Costa N DarakjyGermanyOnyama Limba PROPOSAL
Ashley Y RimFranceOnyama Limba RENEWAL
James W BriddickJapanStephen Shaw PROPOSAL
David R StensethFranceIoni Bowcher PROPOSAL
Cody F AlbaresSpainAnna Fali QUALIFIED
Costa Q ChuiBrazilBernardo Dominic QUALIFIED
Maisha C StockhamArgentinaXuxue Feng RENEWAL
Greenwood O FollerItalyAsiya Javayant PROPOSAL
Kaitlin L WaycottSpainIvan Magalhaes RENEWAL
Francesco N BriddickArgentinaIoni Bowcher NEGOTIATION
Wickens X RutaAustraliaOnyama Limba RENEWAL
Francesco I OstroskyRussiaIvan Magalhaes RENEWAL
Francesco X OstroskyRussiaXuxue Feng NEGOTIATION
Jennifer L WaycottBrazilElwin Sharvill UNQUALIFIED
Morrow A PoquetteCanadaAnna Fali UNQUALIFIED
Mujtaba Z WaycottJapanAsiya Javayant UNQUALIFIED
Morrow B MacleadUnited KingdomOnyama Limba QUALIFIED
Ricardo B FerenczSpainIvan Magalhaes RENEWAL
Ricardo A ShinkoRussiaBernardo Dominic NEW
Smith P SlusarskiGermanyStephen Shaw QUALIFIED
Isabel Y FerenczBrazilIoni Bowcher PROPOSAL
Faith V InouyeSpainBernardo Dominic PROPOSAL
Munro A RimJapanStephen Shaw PROPOSAL
Kadeem R MaletUnited KingdomAmy Elsner QUALIFIED
Ivar G AmigonUnited KingdomStephen Shaw NEW
Maisha N MacleadFranceElwin Sharvill UNQUALIFIED
Juan F WieserJapanXuxue Feng UNQUALIFIED
Wickens M GarufiIndiaBernardo Dominic NEGOTIATION
Isabel B FigeroaItalyStephen Shaw UNQUALIFIED
Jeanfrancois M ButtUnited KingdomIvan Magalhaes RENEWAL
Antonio O ChuiSpainStephen Shaw PROPOSAL
Misaki R DarakjySpainElwin Sharvill UNQUALIFIED
Cody P FerenczCanadaIoni Bowcher PROPOSAL
Deepesh M OstroskyRussiaIoni Bowcher RENEWAL
Costa H SergiArgentinaIvan Magalhaes RENEWAL
Stacey S MaletCanadaIvan Magalhaes UNQUALIFIED
Julie W CaudyArgentinaAsiya Javayant NEW
Kadeem D TollnerRussiaElwin Sharvill UNQUALIFIED
Emily X PerinSpainElwin Sharvill NEW
Greenwood U RoysterArgentinaOnyama Limba UNQUALIFIED
Emily N IturbideSpainOnyama Limba NEGOTIATION
Morrow C SchemmerBrazilXuxue Feng NEGOTIATION
Leja C RulapaughAustraliaAsiya Javayant PROPOSAL
Frozen Columns
Name
Maria M Albares
Ivar Z Waycott
Izzy J Slusarski
Isabel R Gaucho
Sinclair R Stenseth
Darci J Oldroyd
Octavia E Whobrey
Jennifer B Amigon
Greenwood S Chui
Mujtaba X Iturbide
Murillo A Marrier
Kaitlin D Schemmer
Emily X Doe
Jeanfrancois Z Chui
Kadeem R Paprocki
Arvin K Whobrey
Clifford B Campain
Faith Z Darakjy
Aditya I Paprocki
Wickens H Vocelka
Aruna D Gaucho
Faith H Foller
Emily L Shinko
Rodrigues D Ostrosky
Kaitlin O Malet
Morrow R Waycott
Stacey N Flosi
Deepesh S Foller
Jennifer K Rim
Juan B Darakjy
Clifford V Oldroyd
Munro X Bowley
Wickens F Rulapaugh
Smith T Morasca
Deepesh W Nestle
Munro T Venere
Arvin L Nestle
Smith W Albares
Aika J Maclead
Smith T Foller
Silvio T Sergi
Jennifer P Foller
Sinclair S Nicka
Emily D Darakjy
Jefferson T Royster
Kadeem D Gillian
Adams D Paprocki
Nicolas V Marrier
Johnson Z Marrier
Chavez N Ostrosky
IdCountryDate
1000Argentina2026-10-31
1001Australia2026-10-25
1002Spain2026-10-17
1003France2026-10-31
1004Germany2026-11-07
1005Germany2026-10-28
1006Spain2026-11-11
1007Germany2026-10-27
1008Russia2026-10-21
1009Japan2026-11-06
1010Germany2026-10-19
1011Germany2026-10-31
1012Australia2026-10-27
1013Australia2026-10-29
1014Spain2026-10-20
1015India2026-10-31
1016Japan2026-10-29
1017Italy2026-10-31
1018Russia2026-10-17
1019India2026-10-16
1020Canada2026-10-25
1021Australia2026-10-23
1022United Kingdom2026-10-19
1023Brazil2026-10-15
1024Brazil2026-10-20
1025France2026-11-05
1026Argentina2026-10-18
1027Russia2026-10-29
1028Japan2026-10-19
1029Japan2026-11-08
1030Italy2026-11-11
1031Australia2026-10-25
1032United Kingdom2026-11-06
1033Canada2026-10-15
1034Russia2026-10-30
1035Argentina2026-10-25
1036India2026-10-30
1037France2026-11-10
1038Japan2026-11-05
1039Brazil2026-10-21
1040Russia2026-11-09
1041Canada2026-10-25
1042Italy2026-11-11
1043Canada2026-11-04
1044Spain2026-11-08
1045France2026-11-03
1046India2026-11-02
1047Germany2026-10-29
1048Argentina2026-10-26
1049France2026-11-10

On-Demand Data

NameIdCountryDate
Jennifer C Glick1000Germany2026-11-12
Maria A Stockham1001United Kingdom2026-11-10
Cody N Gaucho1002Argentina2026-11-01
Maria Z Stenseth1003Italy2026-10-27
Claire S Darakjy1004United Kingdom2026-10-24
Jefferson B Rulapaugh1005Germany2026-11-09
Alejandro H Butt1006France2026-11-01
Juan O Glick1007Canada2026-10-30
Ivar K Royster1008Japan2026-11-09
Ashley M Foller1009India2026-10-20
Misaki E Poquette1010Germany2026-11-01
David T Iturbide1011France2026-10-16
Ashley N Nestle1012Italy2026-10-28
Jeanfrancois N Rulapaugh1013India2026-10-31
Kadeem Q Caudy1014Australia2026-11-05
Octavia M Royster1015Russia2026-11-09
Ivar B Perin1016Italy2026-11-08
Jeanfrancois G Nestle1017Argentina2026-11-09
Jeanfrancois J Campain1018Germany2026-11-07
Jennifer J Malet1019France2026-10-30
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Morrow N RimBrazilIoni Bowcher NEW
Claire F NickaUnited KingdomAsiya Javayant RENEWAL
Maria H CaldareraJapanStephen Shaw NEGOTIATION
Mayumi A OldroydSpainAsiya Javayant QUALIFIED
Antonio Z OstroskyUnited KingdomAnna Fali NEGOTIATION
Cody G ShinkoSpainElwin Sharvill RENEWAL
Julie L StensethBrazilXuxue Feng UNQUALIFIED
Tony U ShinkoUnited KingdomBernardo Dominic NEW
Izzy A WaycottBrazilStephen Shaw UNQUALIFIED
Adams E MaletAustraliaBernardo Dominic NEGOTIATION
Rodrigues V FigeroaUnited KingdomAmy Elsner RENEWAL
Octavia Y MaletAustraliaIvan Magalhaes NEW
Jennifer G NickaItalyOnyama Limba NEW
Jennifer F MaletUnited KingdomElwin Sharvill NEW
Aruna I KolmetzGermanyAsiya Javayant NEW
Adams M RimFranceXuxue Feng RENEWAL
Maisha H PerinBrazilElwin Sharvill NEW
Wickens K KuskoUnited KingdomIoni Bowcher RENEWAL
Murillo C WaycottSpainStephen Shaw NEGOTIATION
Deepesh R DilliardItalyElwin Sharvill RENEWAL
Cody U SergiRussiaIoni Bowcher RENEWAL
Izzy E MorascaAustraliaAnna Fali NEGOTIATION
Aika L AmigonJapanStephen Shaw NEW
Chavez D AmigonFranceAsiya Javayant RENEWAL
Faith V WieserRussiaIvan Magalhaes NEGOTIATION
Antonio N OstroskySpainOnyama Limba PROPOSAL
Faith H MaletSpainOnyama Limba PROPOSAL
Isabel Y IturbideUnited KingdomIoni Bowcher UNQUALIFIED
Clifford H AlbaresSpainAnna Fali PROPOSAL
Cody D SergiArgentinaAnna Fali NEGOTIATION
Kadeem E CaudyJapanElwin Sharvill NEGOTIATION
Salvatore H RutaItalyStephen Shaw QUALIFIED
Juan Z ShinkoFranceAsiya Javayant UNQUALIFIED
David S MarrierAustraliaIvan Magalhaes QUALIFIED
Wickens W CaldareraSpainIoni Bowcher PROPOSAL
Isabel X RulapaughGermanyStephen Shaw RENEWAL
James H SlusarskiJapanIoni Bowcher PROPOSAL
Aika O FollerBrazilBernardo Dominic NEGOTIATION
Ashley L RutaGermanyIoni Bowcher QUALIFIED
Ivar W VenereJapanElwin Sharvill 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>