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
Kadeem B WaycottIndiaAmy Elsner PROPOSAL
Jennifer E TollnerIndiaBernardo Dominic RENEWAL
Smith I ButtUnited KingdomStephen Shaw NEGOTIATION
David J CaudyCanadaBernardo Dominic UNQUALIFIED
Francesco H GarufiRussiaOnyama Limba NEW
Izzy A CaudyUnited KingdomXuxue Feng NEGOTIATION
Maria T SchemmerArgentinaStephen Shaw RENEWAL
Rodrigues S WaycottArgentinaElwin Sharvill RENEWAL
Morrow A OldroydUnited KingdomStephen Shaw NEW
Misaki J FigeroaArgentinaOnyama Limba UNQUALIFIED
Salvatore Z BriddickRussiaElwin Sharvill PROPOSAL
Adams Z DoeGermanyElwin Sharvill NEW
Mayumi D OstroskyCanadaIvan Magalhaes QUALIFIED
Rodrigues D MarrierJapanIvan Magalhaes NEW
Clifford E FigeroaItalyXuxue Feng PROPOSAL
Aika L RulapaughArgentinaOnyama Limba RENEWAL
Darci L InouyeItalyIvan Magalhaes PROPOSAL
Aditya U KuskoItalyAmy Elsner NEGOTIATION
Cody N ButtArgentinaStephen Shaw QUALIFIED
Izzy I VenereSpainAmy Elsner RENEWAL
Ivar A CampainJapanIvan Magalhaes PROPOSAL
Murillo C CaldareraGermanyAsiya Javayant QUALIFIED
Salvatore Y GauchoBrazilXuxue Feng NEGOTIATION
Salvatore D FollerCanadaBernardo Dominic QUALIFIED
Alejandro S MaletItalyIoni Bowcher NEW
Deepesh J TollnerGermanyIoni Bowcher RENEWAL
Jones I DarakjyUnited KingdomAmy Elsner PROPOSAL
Chavez H SlusarskiJapanElwin Sharvill PROPOSAL
Izzy O WieserAustraliaAnna Fali NEW
Murillo O WhobreyIndiaIvan Magalhaes UNQUALIFIED
Wickens V WieserIndiaIoni Bowcher PROPOSAL
Munro W NestleGermanyIvan Magalhaes QUALIFIED
Isabel H DoeCanadaStephen Shaw RENEWAL
Ashley Q FigeroaGermanyXuxue Feng UNQUALIFIED
Octavia X ButtUnited KingdomIvan Magalhaes RENEWAL
Darci Z WhobreyItalyElwin Sharvill PROPOSAL
Smith N KuskoIndiaBernardo Dominic RENEWAL
Leja H MarrierItalyOnyama Limba PROPOSAL
Jones G DarakjyCanadaStephen Shaw QUALIFIED
Faith T RimItalyElwin Sharvill RENEWAL
Darci U NickaAustraliaOnyama Limba QUALIFIED
Arvin Z ShinkoCanadaStephen Shaw UNQUALIFIED
Chavez G WhobreyFranceStephen Shaw NEGOTIATION
Ashley D IturbideJapanIoni Bowcher NEGOTIATION
Mayumi T NestleArgentinaXuxue Feng NEGOTIATION
Claire H OldroydJapanStephen Shaw NEW
Silvio O GillianFranceXuxue Feng PROPOSAL
Emily I ButtRussiaBernardo Dominic QUALIFIED
Aditya L DarakjyItalyIvan Magalhaes QUALIFIED
Aruna Y DoeCanadaOnyama Limba NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Leon E MorascaItalyOnyama Limba RENEWAL
Johnson D NickaCanadaElwin Sharvill NEW
Deepesh K InouyeItalyElwin Sharvill QUALIFIED
Alejandro Q GlickArgentinaStephen Shaw RENEWAL
Jennifer L GauchoSpainStephen Shaw UNQUALIFIED
Smith F RutaUnited KingdomAnna Fali UNQUALIFIED
Emily E ChuiUnited KingdomAsiya Javayant PROPOSAL
Jennifer D SlusarskiFranceIoni Bowcher UNQUALIFIED
Izzy S KuskoIndiaBernardo Dominic RENEWAL
Antonio P OldroydIndiaOnyama Limba UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Johnson A MorascaUnited Kingdom2026-10-23Chapman, Ross E Esq NEGOTIATION40Ioni Bowcher
1001Izzy X RulapaughBrazil2026-10-19Truhlar And Truhlar Attys NEGOTIATION43Anna Fali
1002Rodrigues Q StockhamArgentina2026-10-11Chapman, Ross E Esq NEW59Anna Fali
1003Antonio G RoysterRussia2026-10-20Truhlar And Truhlar Attys QUALIFIED38Ivan Magalhaes
1004Mujtaba F PaprockiRussia2026-10-17Truhlar And Truhlar Attys PROPOSAL10Amy Elsner
1005Francesco Z RoysterJapan2026-10-16Feltz Printing Service QUALIFIED14Amy Elsner
1006Munro A OstroskyUnited Kingdom2026-10-13Buckley Miller Wright UNQUALIFIED25Ioni Bowcher
1007Alejandro I TollnerBrazil2026-10-14Benton, John B Jr NEW27Ivan Magalhaes
1008Sinclair P SlusarskiGermany2026-10-28Truhlar And Truhlar Attys UNQUALIFIED78Anna Fali
1009Rodrigues N CampainUnited Kingdom2026-10-26Dorl, James J Esq QUALIFIED68Anna Fali
1010James A PaprockiRussia2026-11-01Chapman, Ross E Esq QUALIFIED95Onyama Limba
1011Emily N BologniaSpain2026-10-10Chanay, Jeffrey A Esq QUALIFIED68Ioni Bowcher
1012Costa F IturbideJapan2026-10-27Buckley Miller Wright NEW92Bernardo Dominic
1013Octavia G MacleadCanada2026-10-29Truhlar And Truhlar Attys RENEWAL36Anna Fali
1014Aruna V RutaFrance2026-10-31Printing Dimensions RENEWAL34Ivan Magalhaes
1015Aruna Z FlosiAustralia2026-10-23Buckley Miller Wright UNQUALIFIED51Onyama Limba
1016Mujtaba B SergiAustralia2026-10-31Buckley Miller Wright NEW59Stephen Shaw
1017Morrow T WhobreyJapan2026-10-08Buckley Miller Wright RENEWAL17Ivan Magalhaes
1018Adams N RimBrazil2026-10-25Feltz Printing Service RENEWAL98Elwin Sharvill
1019Jefferson V IturbideBrazil2026-11-01Chapman, Ross E Esq QUALIFIED15Bernardo Dominic
1020Claire F MaletUnited Kingdom2026-10-21Rangoni Of Florence PROPOSAL86Onyama Limba
1021Maisha V DoeBrazil2026-10-23Chapman, Ross E Esq QUALIFIED42Onyama Limba
1022Izzy B BriddickJapan2026-10-17Commercial Press RENEWAL39Elwin Sharvill
1023Jones N VocelkaCanada2026-11-02Rangoni Of Florence QUALIFIED12Asiya Javayant
1024Kadeem X WaycottBrazil2026-10-09Buckley Miller Wright NEW0Stephen Shaw
1025Murillo W BriddickBrazil2026-10-16Chapman, Ross E Esq RENEWAL35Asiya Javayant
1026Smith Y StockhamArgentina2026-10-04Feiner Bros NEW81Xuxue Feng
1027Rodrigues W PoquetteJapan2026-10-10Printing Dimensions NEGOTIATION99Ioni Bowcher
1028Kaitlin G DilliardItaly2026-10-11Rousseaux, Michael Esq NEW53Amy Elsner
1029Jeanfrancois K BologniaBrazil2026-10-09Rousseaux, Michael Esq NEGOTIATION56Amy Elsner
1030Leon M GlickRussia2026-10-27Chanay, Jeffrey A Esq PROPOSAL73Amy Elsner
1031Juan X PaprockiRussia2026-10-15Feiner Bros PROPOSAL6Stephen Shaw
1032Julie S OldroydFrance2026-10-12Morlong Associates NEGOTIATION83Stephen Shaw
1033Faith Z FerenczGermany2026-10-10Printing Dimensions UNQUALIFIED48Asiya Javayant
1034Kaitlin A SaylorsGermany2026-10-31Feiner Bros NEGOTIATION79Bernardo Dominic
1035Kadeem C RimSpain2026-10-21Rangoni Of Florence QUALIFIED80Asiya Javayant
1036Greenwood G FollerBrazil2026-10-19King, Christopher A Esq NEGOTIATION86Anna Fali
1037Jeanfrancois W SergiUnited Kingdom2026-11-01Buckley Miller Wright NEW95Ioni Bowcher
1038Izzy L DarakjyIndia2026-10-22Rousseaux, Michael Esq PROPOSAL93Bernardo Dominic
1039Munro O PaprockiBrazil2026-10-17King, Christopher A Esq QUALIFIED54Ioni Bowcher
1040Silvio B NestleGermany2026-10-28Truhlar And Truhlar Attys UNQUALIFIED79Anna Fali
1041Munro C KuskoAustralia2026-10-26Chanay, Jeffrey A Esq NEW65Stephen Shaw
1042Aditya B MacleadArgentina2026-10-23Rangoni Of Florence RENEWAL81Amy Elsner
1043Misaki D OldroydRussia2026-10-19Chemel, James L Cpa RENEWAL96Anna Fali
1044Julie K FlosiCanada2026-10-19Morlong Associates PROPOSAL33Elwin Sharvill
1045Deepesh I MaletFrance2026-10-17King, Christopher A Esq UNQUALIFIED43Bernardo Dominic
1046Morrow C PerinArgentina2026-10-25Dorl, James J Esq NEGOTIATION77Bernardo Dominic
1047Juan S TollnerArgentina2026-11-02Chanay, Jeffrey A Esq NEGOTIATION8Onyama Limba
1048Aika W PoquetteFrance2026-10-04Buckley Miller Wright NEW43Stephen Shaw
1049Isabel U DilliardBrazil2026-10-31Printing Dimensions QUALIFIED29Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Kaitlin K WaycottBrazilIvan Magalhaes RENEWAL
Mayumi P CampainItalyXuxue Feng NEW
Leon X RulapaughItalyOnyama Limba NEW
Leon H ChuiIndiaXuxue Feng NEW
Morrow F GauchoCanadaIvan Magalhaes UNQUALIFIED
Johnson Z WaycottIndiaAnna Fali PROPOSAL
Alejandro J WhobreyItalyIoni Bowcher UNQUALIFIED
Wickens M VenereArgentinaIoni Bowcher NEW
Izzy V BowleyItalyBernardo Dominic PROPOSAL
Costa E RutaItalyAmy Elsner QUALIFIED
David F BriddickUnited KingdomElwin Sharvill NEGOTIATION
Nicolas L MarrierIndiaIvan Magalhaes NEGOTIATION
Silvio T CaudyCanadaAnna Fali UNQUALIFIED
Silvio W NestleFranceXuxue Feng UNQUALIFIED
Izzy Z MacleadItalyAnna Fali QUALIFIED
Murillo X AlbaresBrazilStephen Shaw NEW
Aika A BriddickJapanStephen Shaw PROPOSAL
Kadeem U DoeArgentinaIvan Magalhaes NEGOTIATION
Adams L NickaCanadaStephen Shaw NEW
Izzy R PaprockiGermanyElwin Sharvill RENEWAL
Aika A SergiGermanyAsiya Javayant PROPOSAL
Munro B SergiJapanElwin Sharvill QUALIFIED
Darci N VocelkaArgentinaStephen Shaw RENEWAL
Nicolas O KuskoIndiaXuxue Feng NEW
Octavia P KuskoIndiaAsiya Javayant QUALIFIED
Cody N DarakjyArgentinaElwin Sharvill UNQUALIFIED
Mayumi J FigeroaUnited KingdomOnyama Limba NEW
Darci C DoeJapanIoni Bowcher UNQUALIFIED
Sinclair W FigeroaBrazilBernardo Dominic NEW
Emily B SaylorsCanadaElwin Sharvill RENEWAL
Stacey C BologniaIndiaBernardo Dominic UNQUALIFIED
James Q FigeroaArgentinaXuxue Feng PROPOSAL
Leon B WaycottArgentinaIvan Magalhaes RENEWAL
Jeanfrancois X ShinkoBrazilAnna Fali PROPOSAL
Alejandro T FerenczArgentinaIoni Bowcher NEW
Stacey E SaylorsBrazilElwin Sharvill QUALIFIED
Rodrigues J FlosiGermanyAmy Elsner QUALIFIED
Johnson D StensethGermanyElwin Sharvill RENEWAL
Aruna Q VocelkaGermanyElwin Sharvill PROPOSAL
Munro L RutaJapanXuxue Feng NEGOTIATION
Ricardo B BriddickArgentinaAmy Elsner PROPOSAL
Sinclair B KuskoGermanyIvan Magalhaes NEW
Alejandro I OldroydIndiaIvan Magalhaes PROPOSAL
Greenwood Y GlickBrazilAsiya Javayant QUALIFIED
Julie K ButtJapanIoni Bowcher QUALIFIED
Leon A DilliardFranceXuxue Feng NEW
Munro Y BowleyAustraliaXuxue Feng UNQUALIFIED
Salvatore R BologniaItalyBernardo Dominic UNQUALIFIED
Sinclair G MacleadCanadaAnna Fali QUALIFIED
Rodrigues V IturbideFranceOnyama Limba NEW
Frozen Columns
Name
Kaitlin C Butt
Jefferson Z Shinko
Darci A Tollner
Aruna O Glick
Deepesh W Sergi
Deepesh Z Amigon
Salvatore Z Stockham
Aruna P Schemmer
Silvio C Maclead
Aika Q Rulapaugh
Izzy I Maclead
Adams U Venere
Julie M Oldroyd
Aruna A Gaucho
Ashley B Venere
Leon J Garufi
Tony U Albares
Murillo I Butt
Jefferson V Vocelka
Johnson M Bowley
Misaki E Doe
Stacey Q Oldroyd
Chavez J Waycott
Chavez I Gaucho
Ricardo Y Butt
Johnson Y Figeroa
Smith G Flosi
Mujtaba L Chui
Kaitlin L Figeroa
Julie S Ruta
Juan B Kusko
Deepesh A Malet
Tony I Maclead
Nicolas D Caldarera
Rodrigues J Ostrosky
Ivar D Briddick
Antonio I Waycott
Ashley G Marrier
Tony Y Albares
Wickens W Caldarera
Antonio C Royster
Aruna F Amigon
Emily O Royster
Stacey K Whobrey
Aika J Schemmer
David L Ostrosky
Adams R Waycott
Juan C Stockham
Jennifer W Sergi
Smith M Venere
IdCountryDate
1000Spain2026-10-07
1001Germany2026-10-26
1002Italy2026-10-18
1003Japan2026-10-09
1004Russia2026-10-29
1005Argentina2026-10-06
1006Brazil2026-10-10
1007France2026-10-23
1008India2026-10-11
1009Italy2026-10-09
1010Italy2026-10-17
1011Australia2026-10-08
1012Japan2026-10-24
1013United Kingdom2026-10-27
1014Brazil2026-10-18
1015Spain2026-10-10
1016Australia2026-10-12
1017United Kingdom2026-10-12
1018Argentina2026-10-26
1019Australia2026-10-04
1020France2026-10-22
1021France2026-10-05
1022United Kingdom2026-10-10
1023France2026-10-14
1024United Kingdom2026-11-02
1025Italy2026-10-22
1026Germany2026-10-24
1027Argentina2026-10-13
1028Italy2026-10-23
1029Italy2026-10-15
1030Germany2026-10-17
1031India2026-10-23
1032India2026-10-11
1033Spain2026-10-07
1034Brazil2026-10-21
1035Australia2026-10-29
1036France2026-10-28
1037United Kingdom2026-10-18
1038India2026-10-18
1039Italy2026-10-05
1040Russia2026-10-23
1041Japan2026-10-19
1042Canada2026-10-10
1043Germany2026-10-05
1044Germany2026-10-09
1045Spain2026-10-30
1046Italy2026-11-01
1047Japan2026-10-05
1048Italy2026-10-09
1049Brazil2026-11-01

On-Demand Data

NameIdCountryDate
Stacey R Stockham1000Italy2026-10-13
Chavez M Nestle1001Japan2026-10-21
Clifford L Malet1002United Kingdom2026-10-24
Juan G Butt1003Brazil2026-10-17
Jones O Bowley1004Canada2026-10-14
Ashley K Bowley1005Russia2026-10-26
Claire I Glick1006Spain2026-10-19
Murillo L Perin1007Argentina2026-10-23
Deepesh D Tollner1008Russia2026-10-25
Kadeem I Inouye1009France2026-10-28
Juan P Tollner1010Canada2026-10-05
Deepesh Z Inouye1011Brazil2026-10-12
Leja E Tollner1012India2026-10-05
Jefferson O Garufi1013Australia2026-10-21
Ivar K Saylors1014Spain2026-10-04
Antonio Z Ferencz1015Spain2026-10-27
Antonio X Stockham1016Spain2026-10-20
Antonio V Inouye1017France2026-10-06
Clifford T Iturbide1018Italy2026-10-06
Ivar D Perin1019Japan2026-10-15
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Mayumi O ButtFranceStephen Shaw RENEWAL
Aditya R MaletArgentinaAnna Fali NEW
Arvin Y CampainBrazilStephen Shaw NEGOTIATION
Izzy I CaldareraRussiaIoni Bowcher UNQUALIFIED
Aruna Q SaylorsAustraliaElwin Sharvill NEW
Morrow B RulapaughJapanElwin Sharvill QUALIFIED
Antonio A PerinCanadaElwin Sharvill UNQUALIFIED
Isabel I WaycottUnited KingdomAnna Fali QUALIFIED
Darci P WaycottFranceElwin Sharvill NEW
Kadeem A VocelkaCanadaAmy Elsner NEGOTIATION
Murillo I MaletAustraliaBernardo Dominic UNQUALIFIED
Deepesh X VenereFranceAmy Elsner NEGOTIATION
James Z MaletAustraliaAnna Fali NEGOTIATION
Stacey Y FlosiIndiaOnyama Limba NEW
Leon C PaprockiUnited KingdomOnyama Limba NEW
Maria O BriddickSpainIvan Magalhaes NEGOTIATION
Kaitlin Q MarrierBrazilIoni Bowcher PROPOSAL
Mayumi F OstroskySpainOnyama Limba NEGOTIATION
Maria Q GarufiArgentinaStephen Shaw PROPOSAL
Johnson G WieserCanadaOnyama Limba RENEWAL
Murillo W FlosiAustraliaStephen Shaw RENEWAL
Ivar J SergiArgentinaStephen Shaw NEGOTIATION
Adams N AmigonUnited KingdomXuxue Feng UNQUALIFIED
Alejandro J CaldareraAustraliaStephen Shaw NEW
David V StensethItalyBernardo Dominic RENEWAL
Stacey B ShinkoJapanAsiya Javayant PROPOSAL
Jones V SergiUnited KingdomBernardo Dominic PROPOSAL
Arvin F RoysterBrazilElwin Sharvill RENEWAL
Claire N AlbaresItalyXuxue Feng RENEWAL
Chavez Z SchemmerFranceElwin Sharvill NEW
Munro L AmigonAustraliaElwin Sharvill PROPOSAL
Stacey L StockhamIndiaOnyama Limba NEGOTIATION
Clifford H PoquetteBrazilAnna Fali NEW
Alejandro G FerenczGermanyOnyama Limba RENEWAL
Misaki O PaprockiItalyAmy Elsner QUALIFIED
Wickens Y RoysterArgentinaXuxue Feng RENEWAL
Ivar B ShinkoRussiaStephen Shaw NEW
Murillo Q SergiFranceAsiya Javayant RENEWAL
Izzy J BriddickArgentinaXuxue Feng PROPOSAL
Sinclair P StockhamArgentinaAnna Fali UNQUALIFIED

<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>