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
Chavez F AmigonFranceStephen Shaw UNQUALIFIED
Aditya M OstroskyRussiaAmy Elsner RENEWAL
Julie M GlickArgentinaIvan Magalhaes NEGOTIATION
Greenwood S VocelkaRussiaIoni Bowcher NEW
Claire T MacleadArgentinaXuxue Feng RENEWAL
David G GauchoJapanStephen Shaw QUALIFIED
Isabel V ButtJapanXuxue Feng RENEWAL
Munro W MacleadAustraliaBernardo Dominic NEW
Leon Q RutaSpainIoni Bowcher QUALIFIED
Costa H IturbideSpainXuxue Feng PROPOSAL
Misaki H CaudyAustraliaAnna Fali PROPOSAL
Stacey K StockhamSpainOnyama Limba NEGOTIATION
Aditya L MorascaBrazilStephen Shaw QUALIFIED
Mayumi N AmigonFranceOnyama Limba RENEWAL
Emily U WaycottCanadaIoni Bowcher NEW
Chavez D KolmetzItalyElwin Sharvill NEW
Morrow O MarrierBrazilAnna Fali QUALIFIED
Leja E CaldareraBrazilBernardo Dominic NEW
Faith T TollnerAustraliaIoni Bowcher RENEWAL
Faith T SaylorsFranceStephen Shaw QUALIFIED
Salvatore W BologniaUnited KingdomAsiya Javayant PROPOSAL
Aditya Q BologniaArgentinaAsiya Javayant UNQUALIFIED
Maria V PerinArgentinaElwin Sharvill NEW
Ashley T IturbideArgentinaAmy Elsner UNQUALIFIED
Mujtaba H RutaGermanyIoni Bowcher NEW
Francesco H NickaJapanAnna Fali RENEWAL
Mayumi N DoeIndiaOnyama Limba QUALIFIED
Greenwood E NickaRussiaAnna Fali RENEWAL
Ivar U PaprockiFranceIvan Magalhaes PROPOSAL
Morrow I CampainArgentinaIoni Bowcher RENEWAL
Costa B RulapaughSpainAmy Elsner QUALIFIED
Tony L AlbaresGermanyXuxue Feng QUALIFIED
Isabel Y StensethIndiaStephen Shaw NEW
Arvin D MacleadSpainXuxue Feng NEGOTIATION
Aditya Q GillianCanadaAmy Elsner RENEWAL
Mujtaba W OldroydAustraliaAmy Elsner NEGOTIATION
Aruna B PoquetteGermanyAmy Elsner PROPOSAL
Adams M ButtAustraliaBernardo Dominic UNQUALIFIED
Aika T RutaArgentinaElwin Sharvill NEGOTIATION
Jeanfrancois S StockhamJapanStephen Shaw RENEWAL
Misaki H InouyeJapanAmy Elsner QUALIFIED
Johnson C FollerGermanyXuxue Feng QUALIFIED
Clifford D CaldareraCanadaBernardo Dominic PROPOSAL
Isabel I OstroskyGermanyIoni Bowcher QUALIFIED
Morrow H CaudyCanadaAnna Fali NEW
Leja C TollnerBrazilAsiya Javayant NEGOTIATION
Smith Y RoysterBrazilAsiya Javayant QUALIFIED
Jeanfrancois P WaycottSpainXuxue Feng UNQUALIFIED
Claire M SergiUnited KingdomIvan Magalhaes UNQUALIFIED
Sinclair K SchemmerArgentinaOnyama Limba NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Ricardo X SaylorsGermanyOnyama Limba UNQUALIFIED
Cody A OstroskyFranceAnna Fali QUALIFIED
Murillo L CaldareraBrazilAmy Elsner PROPOSAL
Arvin L TollnerArgentinaElwin Sharvill UNQUALIFIED
Isabel O WhobreyItalyOnyama Limba RENEWAL
Munro W FollerCanadaAsiya Javayant NEGOTIATION
Mayumi N ButtRussiaStephen Shaw RENEWAL
Octavia V IturbideAustraliaOnyama Limba RENEWAL
Morrow R SergiCanadaElwin Sharvill QUALIFIED
Jefferson D VocelkaSpainIvan Magalhaes QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Arvin Z RulapaughJapan2026-09-19Chapman, Ross E Esq NEW9Onyama Limba
1001Octavia Z InouyeJapan2026-08-25Dorl, James J Esq NEW18Bernardo Dominic
1002Francesco G StockhamArgentina2026-09-09Benton, John B Jr NEW3Ivan Magalhaes
1003Deepesh Y PerinSpain2026-08-21Rangoni Of Florence NEGOTIATION97Ioni Bowcher
1004Julie F KolmetzArgentina2026-08-29Morlong Associates NEW63Ioni Bowcher
1005James G RoysterIndia2026-09-05Buckley Miller Wright RENEWAL3Stephen Shaw
1006Alejandro E RulapaughSpain2026-08-27Dorl, James J Esq NEGOTIATION6Stephen Shaw
1007Misaki I VenereRussia2026-08-24Chanay, Jeffrey A Esq NEW60Amy Elsner
1008Cody T PaprockiItaly2026-09-06Commercial Press NEW96Xuxue Feng
1009Kaitlin K DarakjySpain2026-09-12Morlong Associates UNQUALIFIED43Onyama Limba
1010Jeanfrancois O GlickFrance2026-09-19Printing Dimensions RENEWAL41Asiya Javayant
1011Leon B TollnerSpain2026-09-09Buckley Miller Wright UNQUALIFIED58Xuxue Feng
1012Alejandro N InouyeJapan2026-09-11Feltz Printing Service QUALIFIED39Elwin Sharvill
1013Arvin I PoquetteBrazil2026-09-02King, Christopher A Esq QUALIFIED26Ioni Bowcher
1014Tony W FlosiJapan2026-09-06King, Christopher A Esq PROPOSAL33Xuxue Feng
1015Alejandro M SaylorsSpain2026-08-31Dorl, James J Esq UNQUALIFIED39Bernardo Dominic
1016Izzy L FollerSpain2026-09-08Chanay, Jeffrey A Esq QUALIFIED55Ivan Magalhaes
1017Julie X GarufiSpain2026-08-28Chanay, Jeffrey A Esq RENEWAL21Stephen Shaw
1018Leon G FollerArgentina2026-09-15Buckley Miller Wright RENEWAL31Elwin Sharvill
1019James I GauchoSpain2026-08-31Feiner Bros NEW49Amy Elsner
1020Misaki R ButtIndia2026-08-23Rousseaux, Michael Esq PROPOSAL11Ioni Bowcher
1021Aika Y CaudySpain2026-09-18Chemel, James L Cpa RENEWAL53Elwin Sharvill
1022Johnson Q SlusarskiSpain2026-09-17Feiner Bros QUALIFIED61Onyama Limba
1023Aika K ShinkoIndia2026-08-22Rangoni Of Florence UNQUALIFIED43Elwin Sharvill
1024Nicolas T StensethJapan2026-08-31Feltz Printing Service PROPOSAL34Amy Elsner
1025Smith I BowleyRussia2026-09-10Dorl, James J Esq NEGOTIATION26Anna Fali
1026Tony U SergiJapan2026-09-10Feiner Bros NEW37Bernardo Dominic
1027Silvio V MaletBrazil2026-09-01Chanay, Jeffrey A Esq UNQUALIFIED82Bernardo Dominic
1028Alejandro H WieserUnited Kingdom2026-08-30Truhlar And Truhlar Attys NEW92Stephen Shaw
1029Deepesh Y KuskoIndia2026-08-31Benton, John B Jr UNQUALIFIED37Stephen Shaw
1030Misaki Y NestleBrazil2026-09-06Feiner Bros NEGOTIATION79Onyama Limba
1031Ivar N MorascaBrazil2026-09-05Dorl, James J Esq RENEWAL62Amy Elsner
1032Octavia E FollerBrazil2026-09-10Feiner Bros UNQUALIFIED10Ioni Bowcher
1033Faith E FigeroaItaly2026-08-28King, Christopher A Esq PROPOSAL98Ivan Magalhaes
1034Ashley P AmigonGermany2026-08-27Rangoni Of Florence NEW62Onyama Limba
1035Nicolas W ButtSpain2026-08-21Feiner Bros NEGOTIATION51Ivan Magalhaes
1036Mujtaba C VenereSpain2026-08-21Rangoni Of Florence PROPOSAL65Ioni Bowcher
1037Cody L SchemmerJapan2026-09-10King, Christopher A Esq NEGOTIATION58Xuxue Feng
1038James Z CaudyFrance2026-08-22Benton, John B Jr NEGOTIATION0Elwin Sharvill
1039Aruna D FlosiAustralia2026-08-26Dorl, James J Esq NEW57Asiya Javayant
1040Rodrigues A NestleFrance2026-08-22Buckley Miller Wright RENEWAL21Xuxue Feng
1041Sinclair J NestleBrazil2026-08-31Chanay, Jeffrey A Esq PROPOSAL37Xuxue Feng
1042Jefferson Z RoysterItaly2026-08-31Benton, John B Jr NEGOTIATION31Xuxue Feng
1043Aruna P AlbaresUnited Kingdom2026-08-29Buckley Miller Wright NEW4Anna Fali
1044Kadeem I SchemmerUnited Kingdom2026-09-15Chanay, Jeffrey A Esq NEW22Elwin Sharvill
1045Claire L AmigonCanada2026-09-17Buckley Miller Wright PROPOSAL17Amy Elsner
1046Kadeem M KolmetzBrazil2026-09-06Feltz Printing Service QUALIFIED35Onyama Limba
1047Maisha Z InouyeIndia2026-09-07Feiner Bros QUALIFIED81Elwin Sharvill
1048Rodrigues B WhobreyBrazil2026-08-23Morlong Associates RENEWAL98Bernardo Dominic
1049Murillo M SlusarskiGermany2026-08-31Benton, John B Jr NEGOTIATION1Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Mujtaba Z MaletItalyBernardo Dominic RENEWAL
Ivar E MacleadGermanyBernardo Dominic NEGOTIATION
Adams A ButtJapanElwin Sharvill PROPOSAL
Jeanfrancois D ShinkoArgentinaIvan Magalhaes RENEWAL
Ashley V KuskoUnited KingdomAnna Fali PROPOSAL
Chavez Y CaudyIndiaStephen Shaw PROPOSAL
Ashley K FollerAustraliaAmy Elsner NEW
Francesco A BowleyIndiaOnyama Limba UNQUALIFIED
Isabel B FlosiArgentinaIoni Bowcher UNQUALIFIED
Clifford V RulapaughCanadaAmy Elsner NEGOTIATION
Mujtaba Z MacleadIndiaXuxue Feng PROPOSAL
Munro F ShinkoRussiaXuxue Feng NEGOTIATION
Jennifer O SchemmerUnited KingdomIoni Bowcher QUALIFIED
Faith K CaldareraGermanyBernardo Dominic UNQUALIFIED
Claire P SaylorsCanadaIvan Magalhaes QUALIFIED
Aditya E ChuiItalyBernardo Dominic NEW
Morrow H ButtUnited KingdomStephen Shaw NEW
Octavia W MacleadGermanyOnyama Limba UNQUALIFIED
Jones Y FollerUnited KingdomIvan Magalhaes QUALIFIED
Cody E StockhamGermanyIoni Bowcher UNQUALIFIED
Ashley O AlbaresCanadaIoni Bowcher NEGOTIATION
Kadeem M GarufiIndiaAsiya Javayant NEW
Costa U KolmetzRussiaStephen Shaw NEGOTIATION
Izzy M KuskoFranceIoni Bowcher RENEWAL
David T StensethFranceAsiya Javayant NEGOTIATION
Maisha D ShinkoAustraliaAsiya Javayant UNQUALIFIED
Aditya T VenereGermanyOnyama Limba NEGOTIATION
Octavia U DilliardJapanBernardo Dominic NEGOTIATION
Aruna P RulapaughIndiaXuxue Feng PROPOSAL
Smith B FollerGermanyStephen Shaw PROPOSAL
Adams T CaudyFranceIoni Bowcher RENEWAL
Adams I WhobreySpainXuxue Feng UNQUALIFIED
Leja N InouyeSpainIvan Magalhaes RENEWAL
Misaki L FlosiUnited KingdomElwin Sharvill PROPOSAL
Isabel Q DoeArgentinaIoni Bowcher PROPOSAL
Aditya Y GauchoFranceIvan Magalhaes NEW
Salvatore B WieserAustraliaAmy Elsner RENEWAL
Mayumi N RulapaughFranceElwin Sharvill NEGOTIATION
Salvatore F PaprockiFranceAmy Elsner NEGOTIATION
Jeanfrancois U DarakjyCanadaIvan Magalhaes QUALIFIED
Rodrigues I BriddickIndiaStephen Shaw QUALIFIED
Deepesh U IturbideUnited KingdomXuxue Feng PROPOSAL
Mayumi D WaycottItalyAsiya Javayant RENEWAL
Leon V FlosiArgentinaAsiya Javayant NEGOTIATION
Kaitlin O RimItalyAmy Elsner NEW
Clifford U GlickJapanElwin Sharvill QUALIFIED
Costa E BologniaRussiaAsiya Javayant UNQUALIFIED
Julie T PaprockiIndiaIvan Magalhaes UNQUALIFIED
Costa V KuskoIndiaBernardo Dominic NEGOTIATION
Aditya V SlusarskiJapanBernardo Dominic NEW
Frozen Columns
Name
Nicolas N Schemmer
Aruna J Marrier
Wickens V Stockham
Jefferson B Poquette
Jefferson F Dilliard
Juan X Caldarera
Sinclair H Sergi
Leja E Stenseth
Mujtaba U Rulapaugh
Jennifer G Shinko
Costa T Poquette
Stacey D Vocelka
Aditya X Ruta
Ivar U Royster
Aruna O Nicka
Rodrigues B Rim
Adams D Figeroa
Aika G Malet
Kaitlin P Paprocki
Stacey S Butt
Jeanfrancois F Wieser
Ashley S Caldarera
Izzy B Wieser
David B Caudy
Kadeem O Ostrosky
Leon L Ruta
Johnson C Ruta
Ashley T Albares
Kaitlin A Royster
Maisha D Amigon
Antonio S Caldarera
Maisha H Rulapaugh
Munro P Caldarera
James F Maclead
Juan L Figeroa
Adams D Chui
Leja L Garufi
Leja Q Vocelka
Arvin Z Dilliard
Ricardo F Tollner
Maisha R Vocelka
Emily U Perin
Costa J Kolmetz
Misaki C Kusko
Munro K Kolmetz
Ivar P Whobrey
Tony D Vocelka
Deepesh H Albares
Julie U Inouye
James B Schemmer
IdCountryDate
1000India2026-09-17
1001Argentina2026-09-11
1002Japan2026-08-30
1003France2026-08-25
1004United Kingdom2026-09-03
1005Brazil2026-09-13
1006Italy2026-08-28
1007Argentina2026-08-23
1008Canada2026-08-21
1009Italy2026-09-02
1010Brazil2026-09-08
1011Spain2026-09-04
1012Russia2026-08-26
1013Italy2026-08-24
1014Russia2026-08-31
1015Argentina2026-09-02
1016Italy2026-09-14
1017Spain2026-09-11
1018Argentina2026-09-04
1019Canada2026-08-26
1020Brazil2026-08-23
1021Germany2026-09-15
1022Spain2026-09-14
1023United Kingdom2026-09-14
1024Brazil2026-08-22
1025United Kingdom2026-09-19
1026Russia2026-08-23
1027Canada2026-09-09
1028Brazil2026-08-25
1029Brazil2026-09-11
1030Brazil2026-09-17
1031Italy2026-09-03
1032France2026-08-26
1033United Kingdom2026-08-29
1034United Kingdom2026-09-09
1035Brazil2026-09-10
1036Russia2026-09-03
1037Germany2026-09-12
1038Russia2026-09-04
1039Italy2026-09-08
1040Australia2026-09-16
1041Argentina2026-08-27
1042Italy2026-08-23
1043Spain2026-09-13
1044Russia2026-08-25
1045Spain2026-09-08
1046India2026-09-10
1047Russia2026-08-21
1048United Kingdom2026-08-21
1049France2026-09-01

On-Demand Data

NameIdCountryDate
Clifford P Perin1000India2026-08-23
Greenwood S Garufi1001Canada2026-09-16
Costa Q Stenseth1002Brazil2026-09-09
Clifford Y Stockham1003India2026-08-26
Johnson O Chui1004Spain2026-09-13
Kaitlin Q Albares1005India2026-08-30
Faith H Glick1006France2026-09-09
Smith M Glick1007France2026-09-05
Kaitlin R Gaucho1008Japan2026-09-11
Jones A Saylors1009Canada2026-09-09
Murillo Y Saylors1010Spain2026-08-23
Antonio A Ferencz1011Australia2026-09-11
Morrow M Glick1012France2026-09-02
Arvin A Poquette1013Australia2026-09-16
Julie P Wieser1014Spain2026-09-09
Chavez O Ostrosky1015Japan2026-08-25
Cody S Paprocki1016Brazil2026-08-24
Salvatore D Morasca1017Brazil2026-09-01
Misaki R Vocelka1018Argentina2026-09-14
Silvio J Albares1019Russia2026-09-04
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Adams K RoysterCanadaAmy Elsner PROPOSAL
Misaki O BowleyFranceAmy Elsner QUALIFIED
Adams J VenereGermanyAsiya Javayant QUALIFIED
Julie B CaudyJapanAmy Elsner NEGOTIATION
Rodrigues W MorascaCanadaStephen Shaw UNQUALIFIED
Adams D StockhamFranceAmy Elsner UNQUALIFIED
Adams S SergiBrazilOnyama Limba PROPOSAL
Costa D BriddickAustraliaAnna Fali QUALIFIED
Ricardo S DarakjyBrazilIoni Bowcher NEGOTIATION
Rodrigues F InouyeAustraliaAnna Fali QUALIFIED
Jones Z KuskoGermanyBernardo Dominic PROPOSAL
Stacey F CampainJapanIoni Bowcher NEW
Darci O NestleArgentinaAmy Elsner RENEWAL
Jeanfrancois F WieserGermanyBernardo Dominic RENEWAL
James F ButtAustraliaOnyama Limba NEGOTIATION
Clifford T ChuiGermanyAsiya Javayant PROPOSAL
Leja F WieserRussiaElwin Sharvill UNQUALIFIED
Misaki P MaletItalyXuxue Feng NEGOTIATION
Ashley D AlbaresArgentinaOnyama Limba QUALIFIED
Greenwood J VenereFranceAmy Elsner NEW
Izzy R StensethAustraliaXuxue Feng NEGOTIATION
Faith R KolmetzJapanXuxue Feng RENEWAL
Ricardo V AmigonCanadaAmy Elsner NEW
Jennifer X FlosiUnited KingdomIoni Bowcher UNQUALIFIED
Arvin P BowleyJapanStephen Shaw QUALIFIED
David M StockhamSpainElwin Sharvill NEGOTIATION
James O GlickFranceElwin Sharvill QUALIFIED
Sinclair U BriddickIndiaOnyama Limba NEGOTIATION
Mayumi N SchemmerFranceAmy Elsner RENEWAL
Deepesh O StockhamRussiaStephen Shaw NEGOTIATION
Misaki Q NestleBrazilOnyama Limba NEW
David V KuskoItalyAmy Elsner QUALIFIED
Jennifer V DilliardGermanyXuxue Feng NEW
Ashley R PaprockiUnited KingdomOnyama Limba UNQUALIFIED
Sinclair E KolmetzUnited KingdomBernardo Dominic RENEWAL
Faith I SlusarskiFranceAsiya Javayant PROPOSAL
Arvin O DarakjyIndiaAmy Elsner RENEWAL
Jennifer R FollerCanadaIoni Bowcher NEGOTIATION
David C RoysterAustraliaOnyama Limba QUALIFIED
Octavia S FollerFranceIvan Magalhaes 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>