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 N AmigonRussiaBernardo Dominic UNQUALIFIED
Silvio P ChuiCanadaAmy Elsner NEW
Aditya P PaprockiBrazilAsiya Javayant NEW
Leon H PaprockiSpainBernardo Dominic PROPOSAL
Ricardo H SchemmerAustraliaIoni Bowcher UNQUALIFIED
Adams J AmigonItalyIoni Bowcher UNQUALIFIED
Antonio Y SlusarskiJapanIvan Magalhaes RENEWAL
David M TollnerGermanyAmy Elsner NEGOTIATION
Francesco R CaldareraAustraliaAnna Fali NEGOTIATION
Ashley K GauchoBrazilIoni Bowcher QUALIFIED
Cody U PoquetteSpainAnna Fali UNQUALIFIED
Deepesh P RutaUnited KingdomBernardo Dominic QUALIFIED
Chavez F IturbideFranceAnna Fali QUALIFIED
Mayumi A RimSpainIvan Magalhaes NEW
David W StockhamItalyIoni Bowcher PROPOSAL
Julie O MorascaAustraliaAsiya Javayant RENEWAL
Kadeem B BologniaCanadaIoni Bowcher RENEWAL
Darci U BologniaItalyAnna Fali NEW
Maisha M CaldareraItalyAsiya Javayant NEW
Maria N InouyeSpainOnyama Limba UNQUALIFIED
Mayumi B MacleadUnited KingdomIvan Magalhaes UNQUALIFIED
Smith I ButtSpainAmy Elsner PROPOSAL
Jeanfrancois I FigeroaCanadaElwin Sharvill RENEWAL
Wickens L BriddickRussiaIvan Magalhaes RENEWAL
Ricardo R DarakjyGermanyAsiya Javayant PROPOSAL
Aditya B GlickRussiaStephen Shaw NEW
Greenwood S MorascaBrazilBernardo Dominic NEW
Emily T RimIndiaIvan Magalhaes NEGOTIATION
Jennifer T StensethFranceAsiya Javayant NEGOTIATION
Julie L BologniaIndiaAmy Elsner NEW
Julie G RulapaughCanadaElwin Sharvill NEW
Maria N ChuiRussiaXuxue Feng QUALIFIED
Isabel S WaycottCanadaAnna Fali UNQUALIFIED
Alejandro W SaylorsRussiaAsiya Javayant NEGOTIATION
Chavez F WhobreySpainBernardo Dominic NEW
Aditya J ButtItalyXuxue Feng QUALIFIED
Maria V AlbaresSpainIoni Bowcher NEW
Juan F GarufiRussiaIvan Magalhaes RENEWAL
Claire H RutaArgentinaAnna Fali PROPOSAL
Nicolas I CaudyRussiaElwin Sharvill UNQUALIFIED
Salvatore Y SchemmerGermanyOnyama Limba PROPOSAL
Kadeem B MarrierRussiaIvan Magalhaes NEW
Murillo S PerinGermanyElwin Sharvill NEW
Morrow Z NestleUnited KingdomOnyama Limba RENEWAL
Nicolas X FerenczCanadaAmy Elsner PROPOSAL
Aika T StockhamAustraliaIvan Magalhaes NEGOTIATION
Greenwood H BowleyGermanyBernardo Dominic NEGOTIATION
Leon G StockhamBrazilIoni Bowcher UNQUALIFIED
Julie D InouyeAustraliaAmy Elsner UNQUALIFIED
Maria N NickaRussiaOnyama Limba NEW
Horizontal
NameCountryRepresentativeStatus
Nicolas M RoysterArgentinaBernardo Dominic UNQUALIFIED
Clifford Q MorascaCanadaElwin Sharvill QUALIFIED
Leon I DilliardCanadaIvan Magalhaes RENEWAL
Silvio I TollnerAustraliaAsiya Javayant QUALIFIED
Cody A GlickGermanyBernardo Dominic PROPOSAL
Aika R PaprockiSpainAnna Fali NEGOTIATION
Sinclair N VenereJapanOnyama Limba NEW
Mujtaba L BowleyRussiaElwin Sharvill NEGOTIATION
David O ChuiIndiaIvan Magalhaes PROPOSAL
Francesco A RimGermanyXuxue Feng PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Misaki M MorascaAustralia2026-10-21King, Christopher A Esq NEW15Asiya Javayant
1001Deepesh N FlosiIndia2026-10-25Printing Dimensions NEW16Anna Fali
1002Murillo Y GauchoAustralia2026-11-07Chemel, James L Cpa NEGOTIATION53Onyama Limba
1003Jefferson F BowleyItaly2026-10-16Feltz Printing Service NEGOTIATION14Elwin Sharvill
1004Silvio A KolmetzBrazil2026-10-14Buckley Miller Wright UNQUALIFIED34Elwin Sharvill
1005Jones W BologniaItaly2026-11-07Chemel, James L Cpa NEW67Anna Fali
1006Aruna M AlbaresBrazil2026-10-21Truhlar And Truhlar Attys PROPOSAL89Stephen Shaw
1007Ashley E AlbaresCanada2026-10-20King, Christopher A Esq PROPOSAL94Asiya Javayant
1008Aditya Q VenereAustralia2026-10-16Chanay, Jeffrey A Esq NEW89Ivan Magalhaes
1009Mayumi K DarakjyAustralia2026-10-28Feiner Bros QUALIFIED47Onyama Limba
1010Kaitlin D GarufiItaly2026-10-15King, Christopher A Esq QUALIFIED16Ivan Magalhaes
1011Johnson N NickaUnited Kingdom2026-10-17Chapman, Ross E Esq NEGOTIATION93Onyama Limba
1012Jeanfrancois B NickaItaly2026-10-22Truhlar And Truhlar Attys PROPOSAL60Elwin Sharvill
1013Isabel F CaudyUnited Kingdom2026-10-12Buckley Miller Wright UNQUALIFIED85Amy Elsner
1014Mayumi Q OstroskyIndia2026-10-31Truhlar And Truhlar Attys QUALIFIED13Ivan Magalhaes
1015Julie O InouyeJapan2026-10-17Rousseaux, Michael Esq NEW97Onyama Limba
1016Faith X GarufiFrance2026-10-22Rangoni Of Florence RENEWAL33Ioni Bowcher
1017Claire C SchemmerCanada2026-11-01Feltz Printing Service PROPOSAL10Xuxue Feng
1018Costa G NickaUnited Kingdom2026-10-19Rangoni Of Florence NEGOTIATION12Elwin Sharvill
1019Stacey F GillianArgentina2026-10-31Morlong Associates PROPOSAL88Ivan Magalhaes
1020Cody U ButtUnited Kingdom2026-11-06Printing Dimensions NEGOTIATION55Stephen Shaw
1021Mujtaba B BriddickJapan2026-10-23Morlong Associates UNQUALIFIED42Asiya Javayant
1022Kadeem Z MacleadBrazil2026-10-27Rousseaux, Michael Esq RENEWAL11Ioni Bowcher
1023Smith I DilliardBrazil2026-10-14Feltz Printing Service QUALIFIED53Anna Fali
1024Kaitlin Q SaylorsCanada2026-10-18Truhlar And Truhlar Attys QUALIFIED19Anna Fali
1025Emily K RutaSpain2026-10-16Chanay, Jeffrey A Esq QUALIFIED52Bernardo Dominic
1026Kaitlin V CaldareraCanada2026-10-25Chapman, Ross E Esq NEGOTIATION13Amy Elsner
1027Jones N VocelkaIndia2026-10-14Rousseaux, Michael Esq RENEWAL1Ivan Magalhaes
1028Cody Y GarufiGermany2026-11-07Chanay, Jeffrey A Esq QUALIFIED18Ioni Bowcher
1029Wickens X ShinkoRussia2026-10-15Buckley Miller Wright RENEWAL73Asiya Javayant
1030Rodrigues D SchemmerAustralia2026-10-25Chapman, Ross E Esq PROPOSAL37Stephen Shaw
1031Johnson N KuskoFrance2026-10-20Rangoni Of Florence QUALIFIED19Stephen Shaw
1032Ivar Z FollerBrazil2026-10-28Printing Dimensions QUALIFIED98Stephen Shaw
1033Adams K PaprockiSpain2026-11-09Feltz Printing Service NEW44Anna Fali
1034Ashley G KuskoJapan2026-10-23Rousseaux, Michael Esq QUALIFIED49Bernardo Dominic
1035Tony N SaylorsRussia2026-10-24Benton, John B Jr QUALIFIED27Bernardo Dominic
1036Murillo W KuskoFrance2026-10-26Buckley Miller Wright RENEWAL59Bernardo Dominic
1037Jeanfrancois Y BowleyArgentina2026-10-30Feltz Printing Service NEW57Stephen Shaw
1038Smith Z OstroskyItaly2026-10-24Feltz Printing Service NEW89Ivan Magalhaes
1039Jeanfrancois A AmigonJapan2026-10-15Benton, John B Jr NEW16Asiya Javayant
1040Greenwood N ShinkoCanada2026-11-05Commercial Press UNQUALIFIED37Amy Elsner
1041Morrow Q KolmetzCanada2026-11-03Chemel, James L Cpa UNQUALIFIED89Ivan Magalhaes
1042David E KolmetzIndia2026-11-08Benton, John B Jr NEGOTIATION48Xuxue Feng
1043Aruna H WaycottSpain2026-10-22Printing Dimensions UNQUALIFIED42Stephen Shaw
1044Aruna Z DilliardGermany2026-10-14Rangoni Of Florence NEGOTIATION27Ioni Bowcher
1045Leja F GarufiItaly2026-11-08Feiner Bros QUALIFIED60Xuxue Feng
1046Smith X VocelkaIndia2026-10-20Benton, John B Jr NEW79Onyama Limba
1047Maria R KuskoFrance2026-10-29Commercial Press QUALIFIED2Onyama Limba
1048Jeanfrancois S BologniaJapan2026-10-29Morlong Associates PROPOSAL73Asiya Javayant
1049Stacey W GarufiBrazil2026-11-02Truhlar And Truhlar Attys RENEWAL95Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Emily V FollerBrazilStephen Shaw NEGOTIATION
Munro T RulapaughArgentinaOnyama Limba NEGOTIATION
Munro F PerinIndiaAmy Elsner QUALIFIED
Juan P AmigonGermanyBernardo Dominic NEW
Jennifer H WhobreyBrazilStephen Shaw PROPOSAL
Julie D BologniaBrazilStephen Shaw NEGOTIATION
Mujtaba H OstroskyRussiaElwin Sharvill QUALIFIED
Nicolas A MacleadArgentinaAmy Elsner NEGOTIATION
Claire Z MaletRussiaIvan Magalhaes RENEWAL
Sinclair F FigeroaBrazilIoni Bowcher RENEWAL
Nicolas H VocelkaBrazilAsiya Javayant NEW
James Y WieserRussiaStephen Shaw PROPOSAL
David Q MorascaSpainAnna Fali QUALIFIED
Tony R RutaAustraliaXuxue Feng NEGOTIATION
Antonio G ButtCanadaAnna Fali RENEWAL
Jennifer V MorascaGermanyElwin Sharvill QUALIFIED
Stacey V WieserBrazilElwin Sharvill UNQUALIFIED
Faith I DilliardJapanBernardo Dominic RENEWAL
Rodrigues I StensethGermanyIvan Magalhaes QUALIFIED
Johnson U SaylorsFranceIoni Bowcher UNQUALIFIED
Munro T GlickRussiaAnna Fali UNQUALIFIED
Ricardo K SaylorsJapanIvan Magalhaes RENEWAL
Jeanfrancois M PoquetteItalyXuxue Feng RENEWAL
Aditya A CampainSpainStephen Shaw QUALIFIED
Kaitlin W FerenczIndiaXuxue Feng RENEWAL
Deepesh P CaldareraJapanAmy Elsner NEW
Ricardo M OldroydSpainIvan Magalhaes NEGOTIATION
Mujtaba P ShinkoJapanElwin Sharvill PROPOSAL
Smith C WhobreyGermanyElwin Sharvill NEW
Ivar W BriddickSpainOnyama Limba QUALIFIED
Stacey Z FollerFranceIvan Magalhaes RENEWAL
Darci Y RulapaughGermanyElwin Sharvill NEGOTIATION
Salvatore W WaycottIndiaStephen Shaw NEW
Kaitlin O MaletIndiaBernardo Dominic NEGOTIATION
Francesco B MaletUnited KingdomAsiya Javayant PROPOSAL
Octavia W NickaRussiaAmy Elsner UNQUALIFIED
Smith P OstroskyGermanyBernardo Dominic UNQUALIFIED
Ricardo S WaycottArgentinaStephen Shaw NEW
Rodrigues L MarrierIndiaElwin Sharvill NEGOTIATION
Costa Q AlbaresItalyXuxue Feng NEGOTIATION
Mayumi A WhobreyCanadaAnna Fali RENEWAL
Arvin W GlickIndiaAsiya Javayant RENEWAL
Jones M DoeIndiaOnyama Limba RENEWAL
Smith F CaldareraGermanyAmy Elsner QUALIFIED
Johnson H VenereItalyOnyama Limba PROPOSAL
Arvin X AlbaresItalyAmy Elsner PROPOSAL
Jones G DilliardUnited KingdomIoni Bowcher RENEWAL
Jones Q KolmetzBrazilOnyama Limba UNQUALIFIED
Antonio X BriddickAustraliaIoni Bowcher RENEWAL
Rodrigues L BriddickAustraliaStephen Shaw NEGOTIATION
Frozen Columns
Name
Julie T Ruta
Cody K Bowley
Jones I Amigon
Ricardo H Venere
Johnson J Malet
Salvatore T Flosi
Ashley P Inouye
Kaitlin I Waycott
Deepesh U Doe
Morrow X Kusko
Rodrigues U Schemmer
Costa U Marrier
Faith S Paprocki
Nicolas H Doe
Adams K Glick
Salvatore P Kolmetz
Greenwood S Butt
Morrow A Ferencz
Nicolas J Shinko
Munro J Schemmer
Arvin L Gillian
Murillo Z Flosi
Cody F Paprocki
Izzy J Dilliard
James P Stockham
Maisha U Waycott
Wickens R Rulapaugh
Silvio A Slusarski
Kadeem C Whobrey
Arvin J Tollner
Johnson M Malet
Smith E Dilliard
Tony K Dilliard
Leja Y Foller
Mayumi F Campain
Murillo G Kusko
Munro T Vocelka
Aruna I Iturbide
Morrow V Iturbide
Francesco H Butt
Kadeem N Iturbide
Tony C Amigon
Leja O Flosi
Misaki O Dilliard
Misaki Z Bolognia
Izzy Z Amigon
Jennifer E Briddick
Mayumi Z Caudy
Greenwood W Briddick
Aruna E Saylors
IdCountryDate
1000Germany2026-10-25
1001Australia2026-10-16
1002Argentina2026-10-17
1003Spain2026-10-12
1004Brazil2026-10-12
1005France2026-10-20
1006Australia2026-10-18
1007Japan2026-11-06
1008Italy2026-10-16
1009Italy2026-11-04
1010Canada2026-11-08
1011United Kingdom2026-11-01
1012Canada2026-11-02
1013Brazil2026-11-08
1014Canada2026-10-20
1015Argentina2026-10-26
1016Australia2026-10-16
1017France2026-10-15
1018India2026-10-21
1019Japan2026-10-16
1020Australia2026-10-18
1021United Kingdom2026-10-25
1022Canada2026-10-28
1023United Kingdom2026-10-24
1024Germany2026-10-21
1025Canada2026-10-13
1026France2026-10-30
1027Brazil2026-10-30
1028Russia2026-11-06
1029Italy2026-10-30
1030France2026-10-23
1031United Kingdom2026-10-29
1032France2026-10-26
1033Germany2026-10-30
1034Australia2026-10-29
1035France2026-11-06
1036Spain2026-11-06
1037Italy2026-10-22
1038Canada2026-10-28
1039Germany2026-10-23
1040Spain2026-10-16
1041Russia2026-11-06
1042France2026-10-12
1043Brazil2026-10-19
1044India2026-10-27
1045Spain2026-10-19
1046Germany2026-11-02
1047France2026-10-20
1048Australia2026-10-12
1049Italy2026-11-02

On-Demand Data

NameIdCountryDate
Izzy W Caudy1000United Kingdom2026-11-10
Rodrigues H Schemmer1001Italy2026-10-16
Misaki D Stockham1002Argentina2026-11-07
Cody E Caldarera1003Spain2026-10-22
Adams D Paprocki1004Japan2026-10-18
Emily O Whobrey1005France2026-10-17
Salvatore J Ruta1006Argentina2026-11-08
Johnson H Iturbide1007France2026-10-26
Munro K Flosi1008India2026-10-31
Salvatore O Malet1009Canada2026-10-27
James P Gillian1010Japan2026-11-01
Mujtaba R Whobrey1011Australia2026-10-26
Chavez L Venere1012Australia2026-10-26
Murillo T Malet1013Spain2026-10-30
Octavia N Vocelka1014Australia2026-10-28
Wickens Y Caudy1015Italy2026-10-30
Clifford J Caudy1016India2026-11-08
Silvio F Doe1017Argentina2026-11-03
Wickens O Venere1018France2026-10-15
Nicolas R Malet1019Italy2026-11-09
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Claire P CaldareraCanadaStephen Shaw QUALIFIED
Alejandro C BriddickGermanyElwin Sharvill UNQUALIFIED
Nicolas A NestleAustraliaStephen Shaw RENEWAL
Deepesh H BologniaAustraliaOnyama Limba UNQUALIFIED
Greenwood D IturbideFranceAmy Elsner NEGOTIATION
Aruna O MaletCanadaXuxue Feng NEGOTIATION
Stacey K FerenczArgentinaOnyama Limba NEGOTIATION
Silvio K FigeroaFranceAmy Elsner NEGOTIATION
Darci T MaletArgentinaIoni Bowcher RENEWAL
Juan J MaletUnited KingdomBernardo Dominic NEW
Ricardo M RulapaughCanadaBernardo Dominic UNQUALIFIED
Jones K VenereJapanAnna Fali NEGOTIATION
Leon B VocelkaRussiaAsiya Javayant QUALIFIED
Aruna Y GlickItalyIvan Magalhaes PROPOSAL
Octavia E CaudyUnited KingdomBernardo Dominic NEW
Jennifer C PoquetteRussiaXuxue Feng RENEWAL
Mujtaba E WaycottCanadaAnna Fali UNQUALIFIED
Misaki Q MacleadSpainIoni Bowcher NEW
Julie E FollerIndiaAsiya Javayant RENEWAL
Salvatore X FigeroaIndiaAnna Fali RENEWAL
Jones T ShinkoGermanyOnyama Limba NEGOTIATION
Chavez T TollnerItalyStephen Shaw PROPOSAL
Leon I OldroydIndiaOnyama Limba NEW
Maisha A NickaAustraliaStephen Shaw PROPOSAL
Silvio P BowleyJapanElwin Sharvill QUALIFIED
Juan C PoquetteArgentinaIvan Magalhaes RENEWAL
Octavia M CampainSpainBernardo Dominic QUALIFIED
Clifford U RulapaughIndiaAmy Elsner NEGOTIATION
Ricardo L DarakjyJapanAsiya Javayant NEGOTIATION
Emily O PaprockiArgentinaXuxue Feng UNQUALIFIED
Jeanfrancois U InouyeGermanyOnyama Limba NEGOTIATION
Faith Q MaletCanadaXuxue Feng NEW
Antonio X MacleadUnited KingdomAnna Fali NEW
Tony T MorascaRussiaStephen Shaw PROPOSAL
Jones B BowleyCanadaStephen Shaw PROPOSAL
Jones I BowleyCanadaAmy Elsner NEGOTIATION
Ashley A PaprockiSpainIvan Magalhaes UNQUALIFIED
Misaki Z DarakjyArgentinaStephen Shaw UNQUALIFIED
Jefferson X InouyeFranceAmy Elsner UNQUALIFIED
Murillo W DilliardRussiaStephen Shaw NEW

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