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
Wickens S DilliardFranceBernardo Dominic UNQUALIFIED
Stacey Q BowleyGermanyXuxue Feng NEGOTIATION
Munro V SlusarskiAustraliaElwin Sharvill NEGOTIATION
Mayumi S SchemmerItalyStephen Shaw UNQUALIFIED
Aruna V WaycottCanadaAsiya Javayant NEW
Munro P ShinkoIndiaStephen Shaw PROPOSAL
Alejandro U CaldareraIndiaAsiya Javayant NEGOTIATION
Juan Q FigeroaUnited KingdomAsiya Javayant PROPOSAL
Costa S ChuiGermanyIvan Magalhaes NEGOTIATION
Mayumi Z PoquetteJapanElwin Sharvill QUALIFIED
Aruna X WieserRussiaAnna Fali RENEWAL
Clifford B RoysterJapanAnna Fali QUALIFIED
Sinclair H GillianSpainBernardo Dominic NEW
Munro F GarufiIndiaAsiya Javayant QUALIFIED
Morrow T DoeRussiaOnyama Limba PROPOSAL
Johnson I WieserItalyXuxue Feng NEW
Jefferson H RimItalyOnyama Limba RENEWAL
Tony X VocelkaRussiaAnna Fali UNQUALIFIED
Mujtaba U VenereGermanyIvan Magalhaes PROPOSAL
Arvin I SchemmerIndiaAsiya Javayant UNQUALIFIED
Silvio H WieserAustraliaAnna Fali QUALIFIED
Francesco F ShinkoSpainStephen Shaw PROPOSAL
Greenwood V SaylorsJapanStephen Shaw NEGOTIATION
Arvin T FlosiIndiaStephen Shaw UNQUALIFIED
Jefferson I AlbaresGermanyIoni Bowcher NEW
Julie M StensethFranceAmy Elsner QUALIFIED
Darci H SaylorsSpainOnyama Limba PROPOSAL
Maisha P WieserUnited KingdomXuxue Feng NEGOTIATION
Stacey Q BologniaJapanAnna Fali NEW
Salvatore P PaprockiSpainXuxue Feng QUALIFIED
Jennifer K DoeRussiaBernardo Dominic PROPOSAL
Octavia A FigeroaJapanStephen Shaw QUALIFIED
Salvatore Y MarrierArgentinaStephen Shaw QUALIFIED
Munro H CaudyGermanyAsiya Javayant QUALIFIED
Aruna Q MacleadArgentinaIvan Magalhaes NEGOTIATION
Kadeem B GauchoFranceAmy Elsner PROPOSAL
Jones B CaudySpainElwin Sharvill NEW
Ricardo I OstroskyUnited KingdomBernardo Dominic PROPOSAL
Francesco C CaldareraItalyXuxue Feng PROPOSAL
David R BriddickSpainAmy Elsner QUALIFIED
Jones S RulapaughRussiaElwin Sharvill QUALIFIED
Maria H RutaIndiaStephen Shaw NEGOTIATION
Johnson O MaletUnited KingdomStephen Shaw NEW
Juan R DilliardJapanElwin Sharvill RENEWAL
Darci F TollnerArgentinaAnna Fali UNQUALIFIED
Sinclair E WieserAustraliaAmy Elsner QUALIFIED
Adams N MacleadCanadaXuxue Feng UNQUALIFIED
Jeanfrancois H GlickItalyAmy Elsner UNQUALIFIED
Morrow P MaletCanadaAmy Elsner PROPOSAL
Darci N StockhamUnited KingdomAsiya Javayant PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Aruna C NestleSpainIoni Bowcher NEW
Darci H PerinIndiaAnna Fali NEGOTIATION
Ivar X FerenczAustraliaOnyama Limba PROPOSAL
James V TollnerFranceAsiya Javayant PROPOSAL
Rodrigues G PaprockiAustraliaXuxue Feng PROPOSAL
Arvin X FlosiGermanyElwin Sharvill QUALIFIED
Johnson H WaycottSpainBernardo Dominic PROPOSAL
Munro Y BologniaJapanAsiya Javayant QUALIFIED
Deepesh E WaycottCanadaBernardo Dominic RENEWAL
Julie Q OstroskyAustraliaAmy Elsner RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Morrow L SchemmerAustralia2026-10-21Rousseaux, Michael Esq PROPOSAL64Bernardo Dominic
1001Costa K KolmetzJapan2026-10-05Rousseaux, Michael Esq NEGOTIATION84Elwin Sharvill
1002Ricardo J GauchoAustralia2026-09-29Printing Dimensions UNQUALIFIED87Xuxue Feng
1003Emily P BowleyItaly2026-10-11Chanay, Jeffrey A Esq NEW76Onyama Limba
1004Tony A DarakjyUnited Kingdom2026-10-09King, Christopher A Esq PROPOSAL6Asiya Javayant
1005Rodrigues N CaudyJapan2026-10-15Rangoni Of Florence NEGOTIATION89Anna Fali
1006Cody U ButtBrazil2026-09-28Buckley Miller Wright NEW97Ivan Magalhaes
1007Wickens G InouyeGermany2026-09-27Commercial Press NEGOTIATION0Stephen Shaw
1008Emily U FigeroaFrance2026-10-13King, Christopher A Esq RENEWAL52Xuxue Feng
1009Jennifer D PerinFrance2026-10-06Benton, John B Jr PROPOSAL11Elwin Sharvill
1010Stacey M SergiItaly2026-10-03Feltz Printing Service RENEWAL53Stephen Shaw
1011Johnson K GarufiJapan2026-10-05Feltz Printing Service RENEWAL0Ioni Bowcher
1012James Z SchemmerSpain2026-10-13Chanay, Jeffrey A Esq NEGOTIATION75Bernardo Dominic
1013Mujtaba Y GarufiGermany2026-10-05Rangoni Of Florence PROPOSAL93Anna Fali
1014Darci N FerenczCanada2026-10-03Commercial Press UNQUALIFIED12Bernardo Dominic
1015Claire M RimUnited Kingdom2026-09-27Chemel, James L Cpa QUALIFIED35Amy Elsner
1016Nicolas I PoquetteSpain2026-10-08Feiner Bros QUALIFIED76Anna Fali
1017Aruna N AmigonCanada2026-10-09Dorl, James J Esq RENEWAL73Stephen Shaw
1018Izzy Q DarakjyRussia2026-10-04Chapman, Ross E Esq NEW8Onyama Limba
1019Cody Y ChuiFrance2026-10-11Truhlar And Truhlar Attys RENEWAL64Xuxue Feng
1020Costa N GillianAustralia2026-10-11King, Christopher A Esq QUALIFIED31Amy Elsner
1021Leja D CaudyUnited Kingdom2026-10-25Commercial Press RENEWAL75Elwin Sharvill
1022Mayumi L RulapaughJapan2026-10-14Chemel, James L Cpa UNQUALIFIED46Ivan Magalhaes
1023Mayumi S PoquetteSpain2026-10-09King, Christopher A Esq RENEWAL29Ioni Bowcher
1024Izzy J GlickJapan2026-10-24Feiner Bros NEW25Elwin Sharvill
1025Greenwood C AlbaresJapan2026-10-20Truhlar And Truhlar Attys RENEWAL76Onyama Limba
1026Aditya A TollnerFrance2026-10-18Rousseaux, Michael Esq NEGOTIATION44Onyama Limba
1027Salvatore X RimUnited Kingdom2026-10-18Morlong Associates PROPOSAL26Amy Elsner
1028Wickens V MorascaItaly2026-10-10Chanay, Jeffrey A Esq NEW41Ioni Bowcher
1029Murillo H SlusarskiJapan2026-10-10King, Christopher A Esq QUALIFIED0Xuxue Feng
1030Jennifer B FerenczItaly2026-09-30Morlong Associates UNQUALIFIED6Ioni Bowcher
1031Misaki V CampainJapan2026-09-28Chapman, Ross E Esq QUALIFIED79Anna Fali
1032Morrow O DarakjyGermany2026-10-08Printing Dimensions NEGOTIATION20Elwin Sharvill
1033Stacey K SaylorsItaly2026-10-22Benton, John B Jr QUALIFIED61Xuxue Feng
1034Wickens J GillianUnited Kingdom2026-10-24Commercial Press NEW7Ioni Bowcher
1035Aika S WaycottRussia2026-10-21Printing Dimensions NEGOTIATION75Anna Fali
1036Jones M ChuiRussia2026-10-06Chanay, Jeffrey A Esq QUALIFIED76Amy Elsner
1037Faith B CampainRussia2026-09-27Morlong Associates PROPOSAL97Xuxue Feng
1038Sinclair J CaudyFrance2026-10-15Dorl, James J Esq NEGOTIATION15Ioni Bowcher
1039Ivar D BologniaJapan2026-10-22Rangoni Of Florence NEW47Amy Elsner
1040Wickens V FerenczBrazil2026-10-03King, Christopher A Esq RENEWAL10Elwin Sharvill
1041Morrow B ButtFrance2026-10-09Morlong Associates UNQUALIFIED16Asiya Javayant
1042Mayumi M KuskoBrazil2026-10-20Chapman, Ross E Esq RENEWAL96Onyama Limba
1043Greenwood Q SaylorsIndia2026-10-24Buckley Miller Wright QUALIFIED22Asiya Javayant
1044Salvatore V SchemmerCanada2026-10-04Commercial Press UNQUALIFIED14Xuxue Feng
1045Tony R MorascaSpain2026-10-20Dorl, James J Esq PROPOSAL65Elwin Sharvill
1046Jones O OstroskyItaly2026-10-09Rangoni Of Florence RENEWAL71Asiya Javayant
1047Smith M WhobreyJapan2026-10-13Truhlar And Truhlar Attys UNQUALIFIED34Xuxue Feng
1048Maria I ChuiSpain2026-10-25Dorl, James J Esq NEW58Anna Fali
1049Kaitlin J CampainCanada2026-10-23Chanay, Jeffrey A Esq UNQUALIFIED18Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Juan L AmigonUnited KingdomOnyama Limba RENEWAL
Darci N RoysterSpainIvan Magalhaes RENEWAL
Ivar O FlosiArgentinaAnna Fali RENEWAL
James X DoeJapanIoni Bowcher NEGOTIATION
Munro D MaletUnited KingdomStephen Shaw RENEWAL
James E ShinkoArgentinaXuxue Feng NEGOTIATION
Adams N DoeFranceAnna Fali QUALIFIED
Jefferson G SaylorsFranceStephen Shaw RENEWAL
Aika X FerenczFranceAmy Elsner NEW
Greenwood W BologniaJapanStephen Shaw RENEWAL
David T VenereGermanyAnna Fali UNQUALIFIED
Mujtaba M OldroydIndiaAnna Fali QUALIFIED
Kadeem Q ShinkoIndiaOnyama Limba PROPOSAL
Clifford I DarakjyUnited KingdomAsiya Javayant NEGOTIATION
Claire G MacleadJapanXuxue Feng NEW
Nicolas V FollerArgentinaAnna Fali NEGOTIATION
Isabel T InouyeUnited KingdomElwin Sharvill QUALIFIED
Ricardo E KuskoArgentinaAmy Elsner UNQUALIFIED
Smith Z AlbaresIndiaElwin Sharvill UNQUALIFIED
Octavia H FlosiItalyAnna Fali PROPOSAL
Faith D NestleBrazilOnyama Limba NEGOTIATION
Nicolas D MaletJapanOnyama Limba RENEWAL
Mayumi D InouyeItalyIoni Bowcher QUALIFIED
Mujtaba P AlbaresBrazilXuxue Feng NEGOTIATION
Leja I VenereCanadaAsiya Javayant UNQUALIFIED
Smith C MacleadIndiaBernardo Dominic QUALIFIED
Johnson Z SchemmerJapanAsiya Javayant UNQUALIFIED
Kadeem Y MaletBrazilAmy Elsner QUALIFIED
Wickens Z InouyeJapanIvan Magalhaes RENEWAL
Tony K StockhamJapanStephen Shaw QUALIFIED
Ashley E NestleGermanyAmy Elsner NEGOTIATION
Stacey N DarakjyAustraliaElwin Sharvill NEGOTIATION
Claire I GillianSpainAsiya Javayant PROPOSAL
Misaki Z GlickUnited KingdomOnyama Limba UNQUALIFIED
Julie O GlickCanadaStephen Shaw QUALIFIED
Jeanfrancois D FerenczSpainIoni Bowcher NEW
Alejandro Z MorascaCanadaAnna Fali RENEWAL
Ricardo J ShinkoIndiaElwin Sharvill QUALIFIED
Chavez R ShinkoArgentinaXuxue Feng NEW
Chavez K NestleArgentinaOnyama Limba RENEWAL
Aruna G FerenczJapanXuxue Feng PROPOSAL
Rodrigues J AlbaresItalyOnyama Limba QUALIFIED
Jennifer B FlosiIndiaAsiya Javayant NEW
Deepesh E CaldareraItalyIvan Magalhaes PROPOSAL
Jefferson V KuskoFranceAsiya Javayant UNQUALIFIED
Salvatore V MaletAustraliaXuxue Feng UNQUALIFIED
Faith R DilliardItalyAsiya Javayant NEW
Maria G RoysterGermanyAsiya Javayant NEGOTIATION
Costa W NestleCanadaAnna Fali RENEWAL
Adams B SchemmerArgentinaXuxue Feng PROPOSAL
Frozen Columns
Name
Faith X Ruta
Rodrigues S Paprocki
Stacey Z Nestle
Greenwood M Slusarski
Mujtaba E Whobrey
Nicolas I Butt
Tony I Iturbide
Ashley Y Maclead
Ashley V Amigon
Maisha P Butt
Smith Y Rulapaugh
Julie T Nestle
Faith Q Venere
Antonio H Tollner
Juan V Gaucho
Aditya K Bolognia
Jeanfrancois J Nestle
Darci Y Figeroa
Francesco W Ostrosky
Salvatore Q Amigon
Clifford A Caldarera
Ivar S Bolognia
Mayumi S Nestle
Leja P Stockham
Cody G Morasca
Clifford K Amigon
Antonio N Gaucho
Ashley L Shinko
David C Caldarera
Clifford M Oldroyd
Deepesh W Kolmetz
Jennifer H Vocelka
Jones F Perin
Costa F Gaucho
Wickens L Gaucho
Francesco F Ferencz
Antonio F Ferencz
James U Flosi
Maria X Oldroyd
Sinclair W Butt
Kaitlin F Stockham
Silvio M Tollner
Leon Q Perin
Darci I Nicka
Claire M Nicka
Misaki Y Briddick
Claire J Morasca
Ashley W Oldroyd
Sinclair I Nicka
Adams L Gillian
IdCountryDate
1000Russia2026-10-02
1001Argentina2026-10-22
1002Italy2026-10-18
1003Russia2026-10-26
1004United Kingdom2026-10-16
1005United Kingdom2026-10-11
1006Australia2026-10-06
1007Argentina2026-10-03
1008Russia2026-10-16
1009France2026-10-25
1010Japan2026-10-13
1011Italy2026-10-03
1012India2026-10-25
1013Spain2026-10-05
1014Germany2026-10-15
1015United Kingdom2026-10-18
1016United Kingdom2026-10-07
1017Russia2026-10-10
1018Japan2026-09-27
1019India2026-10-22
1020Japan2026-10-08
1021Canada2026-10-20
1022United Kingdom2026-10-07
1023Italy2026-10-19
1024Italy2026-10-26
1025Russia2026-10-09
1026India2026-10-21
1027United Kingdom2026-10-24
1028Germany2026-10-08
1029Italy2026-09-30
1030Germany2026-10-03
1031Italy2026-10-03
1032Canada2026-10-23
1033Italy2026-09-27
1034Canada2026-10-16
1035India2026-10-01
1036Japan2026-10-06
1037Canada2026-10-03
1038Germany2026-10-22
1039Australia2026-10-14
1040Canada2026-09-29
1041Italy2026-10-22
1042Germany2026-10-02
1043Russia2026-09-30
1044India2026-10-16
1045Russia2026-10-25
1046Russia2026-10-23
1047Japan2026-10-16
1048Brazil2026-10-25
1049United Kingdom2026-10-21

On-Demand Data

NameIdCountryDate
Ashley F Figeroa1000Argentina2026-10-09
Greenwood Q Waycott1001Japan2026-09-29
Smith U Whobrey1002Brazil2026-10-18
Octavia X Malet1003Japan2026-10-04
Aika H Bowley1004Italy2026-09-27
Juan E Caldarera1005Japan2026-10-08
Jennifer D Sergi1006Italy2026-10-05
Chavez Q Darakjy1007Germany2026-10-13
Antonio O Nestle1008Japan2026-10-01
Leja A Ferencz1009Germany2026-10-21
Maria H Ostrosky1010Japan2026-10-11
Greenwood G Malet1011Canada2026-10-04
Arvin P Iturbide1012India2026-09-28
Tony N Vocelka1013Spain2026-10-02
Salvatore Y Malet1014Brazil2026-10-09
Clifford Z Foller1015Russia2026-10-25
Ricardo I Iturbide1016France2026-10-10
Smith W Gillian1017Russia2026-10-09
Deepesh T Bowley1018Russia2026-10-14
Claire L Shinko1019France2026-10-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Nicolas N DilliardIndiaXuxue Feng NEW
Alejandro V TollnerSpainBernardo Dominic NEGOTIATION
Murillo L CaldareraCanadaElwin Sharvill QUALIFIED
Julie K RulapaughGermanyIoni Bowcher UNQUALIFIED
Aika Y WaycottCanadaAsiya Javayant UNQUALIFIED
Greenwood Y CaldareraUnited KingdomElwin Sharvill NEW
Tony S DoeItalyAsiya Javayant UNQUALIFIED
David B FerenczCanadaAmy Elsner NEGOTIATION
Salvatore U CaldareraFranceXuxue Feng UNQUALIFIED
Emily B StockhamRussiaIvan Magalhaes NEW
Munro E WieserBrazilXuxue Feng RENEWAL
Isabel V DarakjyAustraliaElwin Sharvill PROPOSAL
Juan V OldroydSpainXuxue Feng PROPOSAL
Adams X BowleyUnited KingdomIvan Magalhaes NEW
Alejandro L BriddickArgentinaBernardo Dominic RENEWAL
Isabel B IturbideSpainXuxue Feng PROPOSAL
Mayumi D GlickGermanyIoni Bowcher PROPOSAL
Costa O AlbaresItalyStephen Shaw RENEWAL
David E DilliardRussiaAsiya Javayant RENEWAL
Nicolas M MorascaGermanyIvan Magalhaes NEW
Johnson V PerinGermanyAmy Elsner PROPOSAL
Jeanfrancois A WhobreyItalyIoni Bowcher NEGOTIATION
Munro Y FlosiSpainXuxue Feng UNQUALIFIED
Alejandro J GlickArgentinaStephen Shaw QUALIFIED
Cody T WieserCanadaElwin Sharvill NEGOTIATION
Maisha Y MacleadSpainAmy Elsner NEGOTIATION
Adams Z SergiFranceXuxue Feng PROPOSAL
Ricardo Q WieserSpainXuxue Feng QUALIFIED
Maisha T CaldareraArgentinaBernardo Dominic NEGOTIATION
Clifford Z SaylorsAustraliaElwin Sharvill NEW
Faith P WaycottIndiaIoni Bowcher UNQUALIFIED
James O OldroydItalyAnna Fali NEW
Adams H RulapaughSpainStephen Shaw QUALIFIED
Antonio R NickaJapanXuxue Feng PROPOSAL
David F ButtUnited KingdomAnna Fali UNQUALIFIED
Ricardo B WhobreyIndiaXuxue Feng NEGOTIATION
Clifford P NestleJapanElwin Sharvill NEGOTIATION
Kadeem L KolmetzSpainOnyama Limba QUALIFIED
Aika F SchemmerCanadaElwin Sharvill QUALIFIED
Claire J ShinkoArgentinaAmy Elsner 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>