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 S RutaBrazilAmy Elsner NEGOTIATION
Alejandro S TollnerItalyOnyama Limba PROPOSAL
Tony I FollerBrazilBernardo Dominic NEW
Morrow X NickaJapanAsiya Javayant NEW
Faith S KolmetzCanadaStephen Shaw NEGOTIATION
Faith U RulapaughAustraliaAmy Elsner NEW
Francesco H BriddickRussiaXuxue Feng NEW
Silvio N SergiIndiaIoni Bowcher NEGOTIATION
Alejandro H WieserIndiaOnyama Limba NEW
Jeanfrancois A KolmetzCanadaIvan Magalhaes QUALIFIED
Murillo Q PaprockiArgentinaAnna Fali RENEWAL
Silvio G VocelkaJapanIoni Bowcher RENEWAL
Julie J CaldareraItalyBernardo Dominic NEW
Mujtaba J WieserArgentinaAnna Fali UNQUALIFIED
Darci U AlbaresRussiaAnna Fali UNQUALIFIED
Julie X RutaSpainElwin Sharvill UNQUALIFIED
Clifford N SaylorsSpainAnna Fali QUALIFIED
Juan E SchemmerIndiaIoni Bowcher QUALIFIED
Emily Z OldroydArgentinaBernardo Dominic UNQUALIFIED
Ivar P FerenczCanadaAmy Elsner UNQUALIFIED
Wickens V SergiBrazilStephen Shaw NEW
Jefferson V KolmetzJapanBernardo Dominic QUALIFIED
James M AlbaresItalyAsiya Javayant RENEWAL
Antonio W ChuiCanadaIoni Bowcher QUALIFIED
Alejandro D KolmetzRussiaOnyama Limba UNQUALIFIED
Stacey C AmigonGermanyAmy Elsner UNQUALIFIED
Darci S MaletIndiaOnyama Limba PROPOSAL
Jennifer C SaylorsAustraliaElwin Sharvill QUALIFIED
Cody X ShinkoGermanyIoni Bowcher RENEWAL
Jeanfrancois A KuskoGermanyXuxue Feng RENEWAL
Faith Y InouyeCanadaStephen Shaw QUALIFIED
Adams W WaycottArgentinaXuxue Feng NEGOTIATION
Chavez R PoquetteUnited KingdomXuxue Feng RENEWAL
Emily I StensethIndiaElwin Sharvill RENEWAL
Stacey P ButtBrazilStephen Shaw RENEWAL
Jeanfrancois I AlbaresJapanOnyama Limba RENEWAL
James Y NickaAustraliaStephen Shaw UNQUALIFIED
Jefferson Y GauchoItalyIoni Bowcher NEGOTIATION
Darci J TollnerBrazilIvan Magalhaes RENEWAL
Leon M AlbaresFranceOnyama Limba QUALIFIED
Aruna A PoquetteGermanyElwin Sharvill NEGOTIATION
Julie O BriddickSpainIoni Bowcher NEW
Salvatore F InouyeSpainElwin Sharvill PROPOSAL
Jones N RimJapanBernardo Dominic NEGOTIATION
Greenwood K PoquetteRussiaXuxue Feng QUALIFIED
Ivar B VenereSpainBernardo Dominic PROPOSAL
Aruna E FigeroaUnited KingdomElwin Sharvill NEGOTIATION
Octavia P SlusarskiJapanXuxue Feng QUALIFIED
Darci Z ShinkoJapanAmy Elsner NEW
Isabel Q BriddickItalyIoni Bowcher NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Sinclair O FlosiArgentinaIoni Bowcher NEW
Ricardo T FollerItalyIoni Bowcher NEW
Octavia T GauchoItalyAmy Elsner UNQUALIFIED
Jones C ChuiItalyOnyama Limba UNQUALIFIED
Maisha K SaylorsFranceAsiya Javayant NEW
Adams S SlusarskiItalyIvan Magalhaes NEGOTIATION
Adams U KolmetzAustraliaXuxue Feng RENEWAL
Salvatore H PaprockiIndiaAsiya Javayant NEW
Leon E SchemmerIndiaStephen Shaw RENEWAL
Ashley O CaudyJapanIvan Magalhaes UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Juan U StockhamFrance2026-09-03Morlong Associates QUALIFIED56Amy Elsner
1001Aruna B AlbaresArgentina2026-09-05Chanay, Jeffrey A Esq PROPOSAL30Onyama Limba
1002Aditya U CaudySpain2026-09-22Feltz Printing Service NEW19Elwin Sharvill
1003Smith O DarakjyAustralia2026-09-06Printing Dimensions QUALIFIED39Bernardo Dominic
1004Cody E FollerJapan2026-09-16Morlong Associates UNQUALIFIED8Bernardo Dominic
1005Juan T PaprockiItaly2026-09-17Morlong Associates UNQUALIFIED39Elwin Sharvill
1006Arvin M OstroskyJapan2026-09-16Feiner Bros RENEWAL61Amy Elsner
1007Ricardo K StockhamItaly2026-09-14Benton, John B Jr NEW27Bernardo Dominic
1008Tony B RulapaughRussia2026-09-18Feltz Printing Service NEGOTIATION81Bernardo Dominic
1009Aruna T MacleadArgentina2026-09-20Rousseaux, Michael Esq PROPOSAL73Amy Elsner
1010Juan T CaudyAustralia2026-09-21Feiner Bros RENEWAL9Bernardo Dominic
1011Aika Q MarrierCanada2026-08-25Buckley Miller Wright NEGOTIATION34Ivan Magalhaes
1012Jefferson V CaldareraRussia2026-09-21King, Christopher A Esq PROPOSAL27Onyama Limba
1013Murillo X KuskoRussia2026-09-17Commercial Press NEW22Ioni Bowcher
1014Kaitlin A CaldareraRussia2026-09-16Printing Dimensions UNQUALIFIED18Anna Fali
1015Jefferson T OstroskyBrazil2026-08-26Buckley Miller Wright RENEWAL29Stephen Shaw
1016Chavez T FerenczGermany2026-08-27Rangoni Of Florence UNQUALIFIED61Asiya Javayant
1017Salvatore O InouyeArgentina2026-09-06Feiner Bros PROPOSAL45Ivan Magalhaes
1018Aika R MaletSpain2026-08-27Chemel, James L Cpa NEGOTIATION16Stephen Shaw
1019Misaki C BriddickGermany2026-09-01Dorl, James J Esq RENEWAL26Stephen Shaw
1020Arvin E CampainCanada2026-08-27Truhlar And Truhlar Attys PROPOSAL64Ioni Bowcher
1021Izzy O BowleyArgentina2026-09-15Truhlar And Truhlar Attys NEW52Amy Elsner
1022Ricardo R CaudySpain2026-09-20Rangoni Of Florence RENEWAL74Ioni Bowcher
1023Izzy Y VocelkaItaly2026-08-30Morlong Associates PROPOSAL15Anna Fali
1024Aditya H WhobreyAustralia2026-09-08Buckley Miller Wright RENEWAL70Onyama Limba
1025Adams E InouyeSpain2026-09-14Chapman, Ross E Esq NEGOTIATION24Ivan Magalhaes
1026Jeanfrancois N GillianSpain2026-09-01Feltz Printing Service UNQUALIFIED99Onyama Limba
1027Maria S SlusarskiJapan2026-09-09Chanay, Jeffrey A Esq PROPOSAL27Onyama Limba
1028Jennifer R BowleyBrazil2026-09-05Dorl, James J Esq PROPOSAL49Elwin Sharvill
1029Juan M RimJapan2026-08-25Feiner Bros NEW4Onyama Limba
1030Adams I AlbaresArgentina2026-09-22Rangoni Of Florence NEW69Amy Elsner
1031Cody M VocelkaAustralia2026-09-02Feltz Printing Service UNQUALIFIED78Xuxue Feng
1032Jones U CampainArgentina2026-09-04Chemel, James L Cpa UNQUALIFIED7Onyama Limba
1033Salvatore N FigeroaArgentina2026-09-04Chapman, Ross E Esq NEW28Stephen Shaw
1034Sinclair X DoeBrazil2026-09-15Commercial Press NEW25Xuxue Feng
1035Johnson Y OstroskyRussia2026-08-26Commercial Press NEGOTIATION98Anna Fali
1036Murillo G IturbideFrance2026-09-04Rangoni Of Florence RENEWAL28Ivan Magalhaes
1037James X RoysterItaly2026-09-12Feltz Printing Service NEGOTIATION85Onyama Limba
1038Alejandro Q MarrierRussia2026-09-15Truhlar And Truhlar Attys NEGOTIATION67Xuxue Feng
1039Deepesh N BowleyArgentina2026-09-04Rousseaux, Michael Esq QUALIFIED86Ivan Magalhaes
1040Jeanfrancois J IturbideItaly2026-09-07Feltz Printing Service NEW0Ivan Magalhaes
1041Murillo Y MacleadGermany2026-09-01Dorl, James J Esq NEW29Onyama Limba
1042Rodrigues T KolmetzIndia2026-09-09Rangoni Of Florence UNQUALIFIED64Bernardo Dominic
1043Jefferson I DoeIndia2026-09-18Feltz Printing Service RENEWAL91Bernardo Dominic
1044Kaitlin T BriddickAustralia2026-08-24Dorl, James J Esq PROPOSAL33Ivan Magalhaes
1045Alejandro K ChuiItaly2026-09-03Printing Dimensions NEGOTIATION57Anna Fali
1046Mayumi C GarufiFrance2026-09-14Feiner Bros NEGOTIATION26Anna Fali
1047Morrow J StockhamItaly2026-09-12Feltz Printing Service PROPOSAL18Amy Elsner
1048Smith Z SaylorsJapan2026-09-05Chanay, Jeffrey A Esq UNQUALIFIED63Xuxue Feng
1049Maisha Q CaudyRussia2026-09-17Benton, John B Jr NEW88Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Ricardo U BriddickGermanyIvan Magalhaes UNQUALIFIED
Claire R BowleyArgentinaBernardo Dominic RENEWAL
Octavia E MarrierIndiaOnyama Limba NEW
Deepesh W ShinkoFranceStephen Shaw QUALIFIED
Morrow Q MaletFranceAsiya Javayant UNQUALIFIED
Smith X ShinkoUnited KingdomAsiya Javayant QUALIFIED
Jones U FigeroaUnited KingdomAmy Elsner NEW
Jeanfrancois G DoeJapanElwin Sharvill RENEWAL
Deepesh Z FlosiIndiaStephen Shaw QUALIFIED
Tony M CaldareraUnited KingdomOnyama Limba QUALIFIED
Francesco B PerinFranceAsiya Javayant RENEWAL
Claire V AlbaresIndiaAnna Fali NEGOTIATION
Darci N ButtGermanyIoni Bowcher NEW
Cody X TollnerSpainXuxue Feng UNQUALIFIED
Adams Y FlosiFranceElwin Sharvill PROPOSAL
Izzy K FigeroaArgentinaElwin Sharvill QUALIFIED
Jennifer U WieserFranceAnna Fali UNQUALIFIED
Claire N RutaItalyStephen Shaw PROPOSAL
Maria Q DarakjyArgentinaAnna Fali UNQUALIFIED
Costa F ButtCanadaIvan Magalhaes RENEWAL
Isabel U AmigonItalyBernardo Dominic NEGOTIATION
Arvin S KuskoUnited KingdomXuxue Feng PROPOSAL
Maisha U OldroydAustraliaIoni Bowcher QUALIFIED
Smith T FollerRussiaIoni Bowcher UNQUALIFIED
Kaitlin G MaletRussiaBernardo Dominic NEW
Maria N MacleadBrazilOnyama Limba UNQUALIFIED
Isabel Y SaylorsUnited KingdomAsiya Javayant PROPOSAL
Kadeem I PerinRussiaAmy Elsner PROPOSAL
Maria Y OldroydUnited KingdomIvan Magalhaes UNQUALIFIED
Clifford X MorascaArgentinaAsiya Javayant PROPOSAL
Murillo N MaletAustraliaAnna Fali PROPOSAL
Smith O ChuiUnited KingdomElwin Sharvill QUALIFIED
Octavia K NickaJapanIoni Bowcher UNQUALIFIED
Antonio X MacleadJapanOnyama Limba NEW
Murillo K VenereRussiaElwin Sharvill RENEWAL
Adams Q AlbaresArgentinaAmy Elsner RENEWAL
Mujtaba W DarakjyJapanElwin Sharvill UNQUALIFIED
Julie T CaldareraItalyXuxue Feng UNQUALIFIED
Morrow W BowleyIndiaBernardo Dominic PROPOSAL
Mujtaba P VenereBrazilAnna Fali UNQUALIFIED
Octavia G AlbaresUnited KingdomIoni Bowcher NEGOTIATION
Sinclair Y VocelkaJapanBernardo Dominic QUALIFIED
Nicolas J OldroydFranceAsiya Javayant QUALIFIED
Juan K MorascaJapanElwin Sharvill PROPOSAL
Misaki J BriddickItalyIvan Magalhaes PROPOSAL
Aruna Y NestleAustraliaStephen Shaw QUALIFIED
Wickens V DoeAustraliaAnna Fali QUALIFIED
Juan W PerinFranceIvan Magalhaes PROPOSAL
Mujtaba Y BowleyItalyAmy Elsner RENEWAL
Greenwood Y DoeRussiaIoni Bowcher QUALIFIED
Frozen Columns
Name
Costa M Amigon
Tony W Flosi
Maria W Caldarera
Smith O Saylors
Misaki L Marrier
Francesco C Briddick
Leja W Paprocki
Ivar D Perin
Aika V Ruta
Murillo U Chui
Smith P Briddick
Mujtaba C Poquette
Juan R Malet
David L Darakjy
Murillo K Perin
Jennifer G Schemmer
David X Nicka
Chavez H Butt
Smith N Ferencz
Tony S Sergi
Alejandro Z Flosi
Ricardo F Bowley
James C Malet
Chavez G Vocelka
Cody J Inouye
Morrow V Stenseth
Greenwood K Nicka
Munro X Marrier
Mujtaba J Rim
Jones I Caldarera
Kaitlin Y Wieser
Mujtaba V Poquette
David S Inouye
Octavia M Bolognia
Ashley I Foller
Aika I Darakjy
Kaitlin B Waycott
Salvatore X Gillian
James A Marrier
Darci O Waycott
Jennifer E Figeroa
Adams R Darakjy
Munro W Stenseth
Rodrigues D Amigon
Munro I Whobrey
Julie V Maclead
Claire Z Inouye
David M Caudy
Claire Y Poquette
Ivar F Glick
IdCountryDate
1000Australia2026-09-08
1001Japan2026-09-07
1002India2026-09-07
1003France2026-09-07
1004Germany2026-08-29
1005India2026-09-14
1006United Kingdom2026-09-19
1007Canada2026-09-04
1008France2026-08-31
1009Spain2026-09-10
1010United Kingdom2026-09-13
1011Argentina2026-09-10
1012Japan2026-09-10
1013Japan2026-09-20
1014United Kingdom2026-08-27
1015Spain2026-09-17
1016Japan2026-09-22
1017Spain2026-08-27
1018Canada2026-09-16
1019Germany2026-08-24
1020Canada2026-08-31
1021France2026-09-01
1022Brazil2026-09-16
1023Spain2026-08-29
1024Brazil2026-09-03
1025Germany2026-09-11
1026Russia2026-08-29
1027Argentina2026-09-14
1028Australia2026-08-26
1029Canada2026-09-11
1030Canada2026-08-29
1031United Kingdom2026-09-14
1032United Kingdom2026-09-15
1033Germany2026-09-10
1034Germany2026-09-17
1035Germany2026-09-21
1036Germany2026-08-31
1037Australia2026-09-13
1038France2026-09-22
1039Germany2026-09-03
1040United Kingdom2026-08-29
1041Spain2026-09-12
1042France2026-09-17
1043Argentina2026-09-12
1044Argentina2026-08-30
1045India2026-09-15
1046Russia2026-09-10
1047United Kingdom2026-08-25
1048Spain2026-09-03
1049Spain2026-09-02

On-Demand Data

NameIdCountryDate
David U Inouye1000Australia2026-08-30
Maria F Inouye1001Russia2026-09-22
Costa N Garufi1002Australia2026-08-24
Johnson L Figeroa1003Russia2026-09-03
Rodrigues D Marrier1004Russia2026-09-07
Silvio X Darakjy1005Canada2026-09-22
Ricardo R Rulapaugh1006Germany2026-09-07
Kadeem J Doe1007Argentina2026-08-26
Jefferson A Malet1008Brazil2026-08-24
Antonio I Stenseth1009Germany2026-09-10
Aditya H Flosi1010Italy2026-09-05
Alejandro P Inouye1011Spain2026-09-01
Aruna Z Saylors1012Australia2026-09-14
Jefferson P Saylors1013Brazil2026-09-02
Alejandro G Rulapaugh1014Brazil2026-09-16
Arvin F Darakjy1015Germany2026-09-11
Jefferson M Ostrosky1016Japan2026-09-09
Jones L Bolognia1017Germany2026-09-11
Jones Q Campain1018Canada2026-09-07
Salvatore V Rulapaugh1019Italy2026-08-30
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Julie C KolmetzUnited KingdomXuxue Feng RENEWAL
Darci N SergiUnited KingdomIvan Magalhaes PROPOSAL
Francesco L RutaGermanyOnyama Limba PROPOSAL
Octavia I NestleBrazilAmy Elsner NEGOTIATION
Jones L MorascaCanadaElwin Sharvill NEGOTIATION
Maisha D FollerRussiaOnyama Limba RENEWAL
Jones S PerinRussiaAnna Fali UNQUALIFIED
Kaitlin T InouyeBrazilAmy Elsner UNQUALIFIED
Munro G GauchoUnited KingdomElwin Sharvill QUALIFIED
Darci H OldroydBrazilAnna Fali UNQUALIFIED
Ivar I PerinFranceAmy Elsner QUALIFIED
Deepesh G NickaArgentinaStephen Shaw NEW
Jones I KolmetzUnited KingdomStephen Shaw PROPOSAL
Ricardo R CaldareraArgentinaStephen Shaw NEGOTIATION
Greenwood T KuskoArgentinaElwin Sharvill NEGOTIATION
Stacey V TollnerCanadaOnyama Limba PROPOSAL
Ashley X TollnerItalyIvan Magalhaes NEW
David O MaletUnited KingdomAsiya Javayant NEGOTIATION
Claire Z BologniaGermanyAsiya Javayant UNQUALIFIED
Salvatore A WhobreyUnited KingdomIoni Bowcher RENEWAL
Sinclair N CampainFranceAnna Fali NEW
Ivar C PoquetteSpainAsiya Javayant NEGOTIATION
Faith V VenereArgentinaElwin Sharvill PROPOSAL
Misaki I PerinFranceAnna Fali NEGOTIATION
Cody N RoysterArgentinaElwin Sharvill UNQUALIFIED
Aika Q IturbideUnited KingdomAmy Elsner QUALIFIED
Leja R MacleadBrazilAmy Elsner NEW
Mujtaba Y GlickCanadaStephen Shaw PROPOSAL
Silvio T MaletUnited KingdomAmy Elsner QUALIFIED
Kaitlin N InouyeAustraliaIoni Bowcher RENEWAL
Mujtaba V FerenczFranceAnna Fali QUALIFIED
Silvio O SaylorsRussiaIoni Bowcher UNQUALIFIED
Kadeem Y SaylorsSpainOnyama Limba NEGOTIATION
Juan S MaletUnited KingdomStephen Shaw QUALIFIED
Ivar V CaldareraIndiaXuxue Feng NEGOTIATION
Misaki I CaudyUnited KingdomIvan Magalhaes NEW
Darci Q FigeroaSpainAnna Fali UNQUALIFIED
Greenwood R IturbideJapanStephen Shaw NEGOTIATION
Morrow O OstroskyArgentinaStephen Shaw PROPOSAL
Maria P SergiIndiaOnyama Limba 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>