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
Izzy I StensethCanadaIoni Bowcher UNQUALIFIED
Maisha K AmigonRussiaElwin Sharvill QUALIFIED
Aruna T MorascaJapanIvan Magalhaes PROPOSAL
Wickens Q IturbideFranceIvan Magalhaes QUALIFIED
Silvio Z ButtGermanyIvan Magalhaes NEW
Ricardo W DilliardJapanStephen Shaw NEGOTIATION
Octavia B BologniaBrazilBernardo Dominic RENEWAL
Aditya B ButtUnited KingdomIvan Magalhaes RENEWAL
James B MacleadJapanXuxue Feng PROPOSAL
Kadeem Z ChuiJapanIvan Magalhaes NEW
Ivar W BowleyIndiaIvan Magalhaes RENEWAL
Sinclair E NickaJapanAsiya Javayant QUALIFIED
Murillo Q CaudyItalyAsiya Javayant NEW
Rodrigues I VocelkaGermanyIvan Magalhaes PROPOSAL
Aruna P DoeSpainOnyama Limba NEW
Smith I GauchoArgentinaIoni Bowcher RENEWAL
Isabel E NickaGermanyXuxue Feng QUALIFIED
Misaki P FigeroaSpainAmy Elsner NEGOTIATION
Jones E SergiBrazilXuxue Feng NEGOTIATION
Morrow P BologniaCanadaAnna Fali NEW
Chavez H FollerBrazilStephen Shaw RENEWAL
Jeanfrancois F FigeroaItalyStephen Shaw NEGOTIATION
Salvatore I WaycottBrazilOnyama Limba RENEWAL
Jeanfrancois I FollerItalyAmy Elsner NEGOTIATION
James W PaprockiAustraliaOnyama Limba NEW
Mujtaba O StensethAustraliaXuxue Feng NEW
Silvio S KuskoSpainXuxue Feng PROPOSAL
Salvatore X MorascaAustraliaAnna Fali UNQUALIFIED
Jones Z CampainItalyIvan Magalhaes UNQUALIFIED
Faith J BriddickSpainOnyama Limba RENEWAL
Murillo P SergiJapanAmy Elsner QUALIFIED
Juan E RoysterCanadaElwin Sharvill PROPOSAL
Aruna L SergiGermanyIoni Bowcher NEW
Stacey L DilliardArgentinaBernardo Dominic UNQUALIFIED
Johnson D CaldareraBrazilElwin Sharvill NEW
Ivar G CaudyAustraliaBernardo Dominic PROPOSAL
Sinclair S KuskoArgentinaAsiya Javayant UNQUALIFIED
Antonio Z MarrierSpainElwin Sharvill UNQUALIFIED
Claire W RutaGermanyAmy Elsner RENEWAL
Salvatore H RimCanadaStephen Shaw UNQUALIFIED
Leon W CaudyArgentinaElwin Sharvill NEW
Faith T CaldareraJapanStephen Shaw RENEWAL
Julie Y DarakjyItalyAsiya Javayant QUALIFIED
Smith U VocelkaArgentinaElwin Sharvill QUALIFIED
Deepesh V OstroskyCanadaAsiya Javayant NEW
Munro B SchemmerGermanyAsiya Javayant RENEWAL
Stacey H DoeUnited KingdomAmy Elsner NEGOTIATION
Morrow N PaprockiFranceOnyama Limba PROPOSAL
Mujtaba D InouyeUnited KingdomOnyama Limba UNQUALIFIED
Leon L ButtCanadaXuxue Feng PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Johnson P WhobreyGermanyIoni Bowcher NEGOTIATION
Kaitlin S MorascaArgentinaXuxue Feng UNQUALIFIED
Chavez D SchemmerCanadaBernardo Dominic PROPOSAL
Smith A DarakjyRussiaAsiya Javayant RENEWAL
Ivar E WaycottArgentinaBernardo Dominic PROPOSAL
Costa Z BologniaUnited KingdomXuxue Feng PROPOSAL
Tony Q DilliardArgentinaStephen Shaw UNQUALIFIED
Claire D PaprockiBrazilXuxue Feng NEW
Jennifer Y PerinCanadaElwin Sharvill UNQUALIFIED
Darci L CampainArgentinaAmy Elsner UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Leon H RulapaughRussia2026-09-05Chapman, Ross E Esq QUALIFIED81Elwin Sharvill
1001Aruna M SergiBrazil2026-09-14Printing Dimensions PROPOSAL83Asiya Javayant
1002Alejandro H WhobreySpain2026-09-15Chanay, Jeffrey A Esq QUALIFIED42Anna Fali
1003Ashley R MaletArgentina2026-09-13King, Christopher A Esq UNQUALIFIED70Ivan Magalhaes
1004Rodrigues N RoysterSpain2026-09-14Rangoni Of Florence NEW6Ivan Magalhaes
1005Octavia L MaletCanada2026-09-09Feiner Bros NEGOTIATION79Xuxue Feng
1006Claire V RulapaughFrance2026-09-23Feltz Printing Service NEW75Onyama Limba
1007Greenwood M RutaCanada2026-09-18Dorl, James J Esq NEW72Anna Fali
1008Jeanfrancois V DilliardItaly2026-09-13Buckley Miller Wright NEW92Asiya Javayant
1009Octavia G KolmetzFrance2026-09-14Morlong Associates PROPOSAL88Ioni Bowcher
1010Stacey R FlosiFrance2026-09-27Feiner Bros NEGOTIATION8Ioni Bowcher
1011Leon I FigeroaBrazil2026-09-09Rangoni Of Florence NEGOTIATION59Xuxue Feng
1012Mayumi H PaprockiJapan2026-09-28Chemel, James L Cpa RENEWAL64Elwin Sharvill
1013Isabel I ChuiGermany2026-09-14Rousseaux, Michael Esq RENEWAL67Xuxue Feng
1014Chavez W BriddickCanada2026-09-29Chapman, Ross E Esq UNQUALIFIED58Onyama Limba
1015Deepesh C WhobreySpain2026-09-03Feiner Bros RENEWAL67Anna Fali
1016Antonio W AlbaresIndia2026-09-11Truhlar And Truhlar Attys UNQUALIFIED51Elwin Sharvill
1017Smith E ShinkoBrazil2026-09-09Chemel, James L Cpa NEGOTIATION10Ivan Magalhaes
1018Costa T SaylorsAustralia2026-09-03Commercial Press RENEWAL14Ivan Magalhaes
1019Ashley D ShinkoAustralia2026-09-06Printing Dimensions RENEWAL13Ivan Magalhaes
1020David C NickaRussia2026-09-11Morlong Associates UNQUALIFIED37Stephen Shaw
1021Jeanfrancois U OldroydRussia2026-09-17Morlong Associates PROPOSAL44Elwin Sharvill
1022Wickens T VocelkaItaly2026-09-09King, Christopher A Esq NEW6Elwin Sharvill
1023Adams N ButtJapan2026-10-01Truhlar And Truhlar Attys NEW2Xuxue Feng
1024Mujtaba I CampainArgentina2026-09-27Feiner Bros QUALIFIED97Anna Fali
1025David K FigeroaItaly2026-09-14Chapman, Ross E Esq NEGOTIATION11Amy Elsner
1026Sinclair H GarufiAustralia2026-09-06Printing Dimensions PROPOSAL53Amy Elsner
1027Smith N KuskoFrance2026-09-06Truhlar And Truhlar Attys PROPOSAL91Xuxue Feng
1028Deepesh E RoysterBrazil2026-09-06Dorl, James J Esq NEW85Elwin Sharvill
1029Ricardo O VenereArgentina2026-09-28Truhlar And Truhlar Attys RENEWAL81Bernardo Dominic
1030Sinclair W SaylorsBrazil2026-09-14King, Christopher A Esq RENEWAL87Xuxue Feng
1031Clifford N StensethJapan2026-09-07Feiner Bros PROPOSAL96Asiya Javayant
1032Alejandro T VenereFrance2026-09-27Chapman, Ross E Esq NEGOTIATION13Bernardo Dominic
1033Ashley M CaudyFrance2026-09-13Printing Dimensions PROPOSAL46Bernardo Dominic
1034Rodrigues E NickaUnited Kingdom2026-09-26Dorl, James J Esq NEGOTIATION81Ioni Bowcher
1035Leon P GarufiGermany2026-09-04Dorl, James J Esq UNQUALIFIED8Elwin Sharvill
1036Wickens D SlusarskiSpain2026-09-25Buckley Miller Wright PROPOSAL98Onyama Limba
1037Maria Q WhobreyCanada2026-10-01King, Christopher A Esq NEW30Ivan Magalhaes
1038Silvio E KolmetzBrazil2026-09-23Benton, John B Jr QUALIFIED65Stephen Shaw
1039Aruna R PerinGermany2026-09-20King, Christopher A Esq NEW14Stephen Shaw
1040Maisha F StockhamSpain2026-09-13Feiner Bros RENEWAL45Amy Elsner
1041Mayumi U MacleadAustralia2026-09-09Feltz Printing Service NEW92Ivan Magalhaes
1042Murillo J ButtArgentina2026-09-16Commercial Press RENEWAL85Ivan Magalhaes
1043Costa W MaletCanada2026-09-27Commercial Press UNQUALIFIED79Elwin Sharvill
1044Jefferson X BowleyIndia2026-09-24Chanay, Jeffrey A Esq NEGOTIATION98Elwin Sharvill
1045Faith E DilliardGermany2026-09-30Rangoni Of Florence RENEWAL35Anna Fali
1046Silvio L RoysterFrance2026-09-06Chapman, Ross E Esq NEGOTIATION32Amy Elsner
1047Jennifer A TollnerUnited Kingdom2026-10-02Feiner Bros NEGOTIATION91Bernardo Dominic
1048Wickens L NickaJapan2026-09-08Rousseaux, Michael Esq NEGOTIATION64Onyama Limba
1049Salvatore E StockhamItaly2026-09-12Rangoni Of Florence QUALIFIED9Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Stacey F VocelkaFranceIoni Bowcher QUALIFIED
Octavia T TollnerAustraliaAsiya Javayant PROPOSAL
Faith L RutaUnited KingdomElwin Sharvill NEW
Ivar Q CaudyArgentinaIvan Magalhaes RENEWAL
James Y GarufiArgentinaAsiya Javayant RENEWAL
Jeanfrancois Q NickaGermanyBernardo Dominic NEW
David J PerinUnited KingdomElwin Sharvill NEW
Wickens L SergiUnited KingdomStephen Shaw PROPOSAL
Costa F NestleJapanIvan Magalhaes NEW
Nicolas V PoquetteCanadaStephen Shaw NEW
Clifford H GarufiArgentinaIvan Magalhaes RENEWAL
Kaitlin A VenereIndiaStephen Shaw RENEWAL
James B PaprockiArgentinaIoni Bowcher QUALIFIED
Tony P SaylorsJapanElwin Sharvill RENEWAL
Julie B OstroskyIndiaStephen Shaw PROPOSAL
Aika C VocelkaBrazilElwin Sharvill PROPOSAL
Cody B OstroskyArgentinaAnna Fali QUALIFIED
Julie D TollnerSpainElwin Sharvill NEGOTIATION
Aruna T SergiBrazilStephen Shaw QUALIFIED
Julie R NickaIndiaOnyama Limba UNQUALIFIED
Clifford P MorascaIndiaOnyama Limba QUALIFIED
Jefferson R ButtGermanyAnna Fali UNQUALIFIED
Leon L InouyeBrazilOnyama Limba NEW
Johnson H IturbideIndiaStephen Shaw QUALIFIED
Wickens T RutaSpainIvan Magalhaes PROPOSAL
Cody F DilliardUnited KingdomAnna Fali UNQUALIFIED
Ashley O ButtSpainXuxue Feng QUALIFIED
Aditya X BriddickArgentinaAnna Fali NEGOTIATION
Aruna A WhobreyGermanyXuxue Feng UNQUALIFIED
Jefferson Z DilliardBrazilAmy Elsner UNQUALIFIED
Octavia X GillianItalyOnyama Limba UNQUALIFIED
Francesco X CampainRussiaIvan Magalhaes NEGOTIATION
Kadeem S FollerUnited KingdomIvan Magalhaes PROPOSAL
Leon J OldroydCanadaAsiya Javayant RENEWAL
Ricardo T SchemmerFranceBernardo Dominic NEW
Greenwood O BologniaCanadaIoni Bowcher PROPOSAL
Izzy I NickaGermanyStephen Shaw UNQUALIFIED
Salvatore F AmigonIndiaStephen Shaw NEGOTIATION
Johnson H BriddickAustraliaIvan Magalhaes UNQUALIFIED
Aika S RutaCanadaBernardo Dominic RENEWAL
Leon Y SchemmerRussiaElwin Sharvill UNQUALIFIED
Julie X GauchoCanadaOnyama Limba UNQUALIFIED
Munro B MorascaAustraliaStephen Shaw QUALIFIED
Mujtaba H MacleadBrazilAmy Elsner QUALIFIED
Munro L DilliardBrazilStephen Shaw RENEWAL
Aditya X InouyeArgentinaBernardo Dominic QUALIFIED
Antonio O StockhamSpainElwin Sharvill UNQUALIFIED
Cody K FigeroaUnited KingdomXuxue Feng NEW
Murillo C DarakjyIndiaAsiya Javayant NEW
Francesco J RimBrazilAmy Elsner QUALIFIED
Frozen Columns
Name
Izzy D Shinko
Nicolas C Iturbide
Claire L Maclead
Mayumi Z Paprocki
Costa I Saylors
Stacey C Royster
Mayumi P Chui
Mujtaba R Gaucho
Chavez R Rulapaugh
Greenwood I Gaucho
Mayumi H Albares
Munro M Malet
Wickens M Campain
Johnson P Gaucho
Leja Y Garufi
Rodrigues Y Iturbide
Leja Q Darakjy
Kaitlin P Oldroyd
Antonio I Nestle
Darci V Briddick
Deepesh Q Briddick
Silvio L Malet
Silvio Q Caudy
Leja I Doe
David H Nestle
Leon Q Maclead
Silvio G Inouye
Mayumi C Chui
Kadeem L Morasca
Jennifer E Gaucho
Mayumi I Butt
Maria Y Briddick
Salvatore C Royster
Ashley D Rim
Misaki G Chui
Jeanfrancois A Flosi
Ricardo D Marrier
Octavia Y Gaucho
David J Chui
Alejandro R Ferencz
Rodrigues V Marrier
Izzy T Kolmetz
Jennifer R Iturbide
Claire X Doe
Jefferson W Albares
Arvin S Caudy
Silvio J Paprocki
Leja Q Ostrosky
Morrow I Stockham
Julie E Briddick
IdCountryDate
1000Russia2026-09-10
1001United Kingdom2026-09-03
1002Japan2026-09-06
1003United Kingdom2026-09-05
1004Russia2026-09-24
1005Brazil2026-09-14
1006Brazil2026-09-03
1007India2026-09-04
1008Italy2026-09-08
1009Argentina2026-09-30
1010United Kingdom2026-09-14
1011Argentina2026-09-09
1012Australia2026-09-07
1013France2026-09-30
1014Russia2026-09-11
1015India2026-09-25
1016Brazil2026-09-17
1017France2026-09-19
1018France2026-09-23
1019Spain2026-09-27
1020Spain2026-10-02
1021Russia2026-09-08
1022Canada2026-09-28
1023Australia2026-09-09
1024Australia2026-09-26
1025Argentina2026-09-05
1026Japan2026-09-19
1027Germany2026-09-25
1028Argentina2026-09-29
1029Australia2026-09-16
1030Russia2026-09-12
1031Russia2026-09-08
1032Brazil2026-09-14
1033Spain2026-09-14
1034Germany2026-10-02
1035Germany2026-09-13
1036Argentina2026-09-10
1037Argentina2026-09-22
1038France2026-09-06
1039Brazil2026-09-08
1040Brazil2026-09-20
1041Brazil2026-09-21
1042India2026-09-26
1043France2026-09-28
1044Italy2026-09-25
1045Japan2026-09-07
1046France2026-09-18
1047Italy2026-09-16
1048India2026-09-29
1049France2026-09-28

On-Demand Data

NameIdCountryDate
Isabel I Ostrosky1000India2026-09-16
Izzy T Stockham1001United Kingdom2026-09-15
Salvatore C Paprocki1002Australia2026-09-12
Ricardo I Wieser1003Canada2026-09-05
Silvio D Ruta1004Argentina2026-09-25
Adams T Gillian1005Russia2026-09-22
Ashley K Poquette1006United Kingdom2026-09-03
Maria C Caudy1007Brazil2026-09-08
Jones S Saylors1008Russia2026-09-08
Julie F Foller1009United Kingdom2026-09-17
Morrow Q Malet1010Germany2026-09-06
Munro D Whobrey1011Russia2026-09-26
Adams G Perin1012Spain2026-10-02
James V Malet1013Germany2026-09-03
Arvin M Gaucho1014Canada2026-09-09
James I Schemmer1015Canada2026-09-07
Leon H Rim1016Russia2026-09-30
Jeanfrancois S Stenseth1017France2026-09-11
Juan G Flosi1018United Kingdom2026-09-20
David R Amigon1019Germany2026-09-22
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aika D BowleyRussiaIvan Magalhaes QUALIFIED
Octavia R CampainRussiaAsiya Javayant QUALIFIED
Costa W FlosiJapanOnyama Limba NEGOTIATION
Ivar G AlbaresJapanAsiya Javayant RENEWAL
Jennifer A WhobreySpainIoni Bowcher NEGOTIATION
Sinclair H StensethJapanBernardo Dominic RENEWAL
Octavia X FlosiItalyXuxue Feng PROPOSAL
Julie Y DoeIndiaIoni Bowcher QUALIFIED
Wickens O GillianBrazilStephen Shaw QUALIFIED
Chavez I PerinAustraliaStephen Shaw QUALIFIED
Salvatore F DarakjyGermanyIoni Bowcher QUALIFIED
Maria G RutaBrazilIoni Bowcher QUALIFIED
Jones K FerenczUnited KingdomStephen Shaw UNQUALIFIED
Salvatore S MacleadAustraliaIvan Magalhaes QUALIFIED
Jones N FlosiGermanyStephen Shaw RENEWAL
Arvin X DilliardRussiaXuxue Feng NEW
Isabel X SaylorsRussiaOnyama Limba NEGOTIATION
Aditya Z ButtItalyOnyama Limba PROPOSAL
Maisha E RoysterFranceAmy Elsner NEW
James D RutaUnited KingdomXuxue Feng UNQUALIFIED
Misaki F CampainBrazilBernardo Dominic PROPOSAL
Isabel S MaletBrazilStephen Shaw NEGOTIATION
Jeanfrancois W ButtGermanyIvan Magalhaes PROPOSAL
Rodrigues B DarakjyGermanyStephen Shaw UNQUALIFIED
Leon Q KuskoBrazilIvan Magalhaes PROPOSAL
Smith Y RutaBrazilElwin Sharvill NEGOTIATION
Salvatore Q PoquetteAustraliaAmy Elsner NEGOTIATION
Maria V MorascaArgentinaIoni Bowcher QUALIFIED
Maria B AlbaresCanadaIoni Bowcher RENEWAL
Maria J GarufiBrazilElwin Sharvill NEGOTIATION
Costa T WaycottUnited KingdomAnna Fali NEW
Octavia H MaletSpainElwin Sharvill UNQUALIFIED
Chavez Q WaycottGermanyOnyama Limba PROPOSAL
Jefferson R MacleadJapanAmy Elsner NEW
Wickens F FollerItalyIvan Magalhaes UNQUALIFIED
Ricardo G MarrierUnited KingdomIvan Magalhaes RENEWAL
Jeanfrancois L RoysterFranceStephen Shaw PROPOSAL
Jones M GillianSpainAmy Elsner QUALIFIED
Ivar C IturbideBrazilAsiya Javayant QUALIFIED
Darci U BologniaRussiaOnyama Limba 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>