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
Maisha V IturbideJapanXuxue Feng UNQUALIFIED
David P WieserFranceAsiya Javayant UNQUALIFIED
Juan T KuskoAustraliaAmy Elsner QUALIFIED
Aditya H RulapaughIndiaAsiya Javayant PROPOSAL
Misaki V SlusarskiArgentinaAnna Fali QUALIFIED
Kaitlin F ShinkoUnited KingdomXuxue Feng QUALIFIED
Aditya Z CaudyGermanyElwin Sharvill UNQUALIFIED
Silvio V SergiSpainAmy Elsner NEW
Stacey R CaudyUnited KingdomBernardo Dominic UNQUALIFIED
Aika X VocelkaGermanyAnna Fali QUALIFIED
Chavez L RutaGermanyIvan Magalhaes RENEWAL
Mujtaba J WhobreyBrazilAnna Fali QUALIFIED
Maria K CaudyFranceXuxue Feng PROPOSAL
Faith E CaudyCanadaXuxue Feng UNQUALIFIED
Mujtaba L SaylorsRussiaElwin Sharvill QUALIFIED
Jefferson S VocelkaJapanOnyama Limba RENEWAL
Maisha O AlbaresArgentinaStephen Shaw RENEWAL
Aruna H MacleadRussiaOnyama Limba NEGOTIATION
Chavez H PerinItalyXuxue Feng RENEWAL
Deepesh R BriddickGermanyElwin Sharvill UNQUALIFIED
Maisha J GauchoJapanOnyama Limba RENEWAL
Alejandro I GauchoItalyOnyama Limba RENEWAL
Jones B RutaJapanXuxue Feng RENEWAL
Jennifer T VenereFranceIoni Bowcher PROPOSAL
Smith V TollnerRussiaBernardo Dominic UNQUALIFIED
Faith S BologniaArgentinaXuxue Feng PROPOSAL
Arvin F ChuiItalyIoni Bowcher RENEWAL
Kaitlin Y SlusarskiCanadaXuxue Feng NEGOTIATION
Julie E BowleyFranceElwin Sharvill QUALIFIED
Kadeem S GlickGermanyAmy Elsner UNQUALIFIED
Morrow O CaudyJapanIvan Magalhaes RENEWAL
Wickens E VocelkaSpainAnna Fali PROPOSAL
Leon K FerenczAustraliaIvan Magalhaes NEGOTIATION
Adams A ChuiSpainStephen Shaw NEGOTIATION
Rodrigues Y ButtBrazilAmy Elsner NEW
Munro U RoysterSpainBernardo Dominic PROPOSAL
Stacey I AmigonAustraliaAmy Elsner UNQUALIFIED
Wickens D GauchoAustraliaXuxue Feng NEW
Ricardo T GauchoRussiaAnna Fali RENEWAL
Smith Q FigeroaFranceXuxue Feng QUALIFIED
Jefferson W GauchoUnited KingdomOnyama Limba NEGOTIATION
Clifford B MaletBrazilElwin Sharvill NEW
Aika R CampainJapanBernardo Dominic PROPOSAL
Smith M DarakjyFranceAmy Elsner UNQUALIFIED
Smith D OldroydIndiaXuxue Feng QUALIFIED
Aruna E IturbideCanadaAnna Fali NEGOTIATION
Murillo B WhobreyRussiaAsiya Javayant NEGOTIATION
Clifford R RulapaughGermanyXuxue Feng PROPOSAL
Greenwood B MarrierFranceElwin Sharvill UNQUALIFIED
Murillo W SaylorsRussiaAnna Fali UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Deepesh U FlosiCanadaOnyama Limba NEW
Ricardo N MaletGermanyAsiya Javayant NEGOTIATION
Greenwood J FerenczItalyIoni Bowcher RENEWAL
Murillo C VenereAustraliaOnyama Limba NEW
Ashley I GillianArgentinaOnyama Limba QUALIFIED
Misaki S StensethSpainOnyama Limba NEGOTIATION
Wickens O RimRussiaOnyama Limba UNQUALIFIED
James A SergiGermanyIvan Magalhaes NEW
Wickens D DoeUnited KingdomXuxue Feng NEGOTIATION
Maisha W GauchoIndiaAmy Elsner UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Izzy Q RimAustralia2026-09-17Truhlar And Truhlar Attys PROPOSAL74Bernardo Dominic
1001Rodrigues E GlickRussia2026-09-11Rangoni Of Florence UNQUALIFIED98Amy Elsner
1002Clifford G WaycottArgentina2026-09-10Benton, John B Jr QUALIFIED73Onyama Limba
1003Aditya W PaprockiFrance2026-09-18Buckley Miller Wright UNQUALIFIED71Onyama Limba
1004Costa Q GauchoCanada2026-09-08Morlong Associates UNQUALIFIED38Onyama Limba
1005Arvin W DarakjyUnited Kingdom2026-09-23Dorl, James J Esq NEW81Xuxue Feng
1006Claire Y WhobreyGermany2026-09-18Rousseaux, Michael Esq NEW8Ivan Magalhaes
1007Antonio Q PoquetteBrazil2026-09-21Rangoni Of Florence NEW3Bernardo Dominic
1008Salvatore I CaudyUnited Kingdom2026-09-12Printing Dimensions NEGOTIATION72Asiya Javayant
1009Ivar S DilliardArgentina2026-09-06Chanay, Jeffrey A Esq RENEWAL38Elwin Sharvill
1010Leja I CaldareraUnited Kingdom2026-09-09King, Christopher A Esq NEW78Stephen Shaw
1011Smith S AmigonIndia2026-09-06Chemel, James L Cpa QUALIFIED49Ivan Magalhaes
1012Julie Z RulapaughAustralia2026-09-09Dorl, James J Esq UNQUALIFIED71Onyama Limba
1013Aditya G SlusarskiFrance2026-09-23Chemel, James L Cpa UNQUALIFIED35Elwin Sharvill
1014Julie P FollerAustralia2026-09-12Feltz Printing Service RENEWAL88Anna Fali
1015James U DilliardCanada2026-09-07King, Christopher A Esq QUALIFIED42Ioni Bowcher
1016Leja L StensethGermany2026-08-27Rousseaux, Michael Esq QUALIFIED15Asiya Javayant
1017James W FollerArgentina2026-09-02Rangoni Of Florence NEW95Amy Elsner
1018Emily Z MaletFrance2026-08-30Rousseaux, Michael Esq UNQUALIFIED48Asiya Javayant
1019Salvatore O RimAustralia2026-09-20Printing Dimensions RENEWAL98Onyama Limba
1020Stacey B AmigonItaly2026-08-28Rousseaux, Michael Esq PROPOSAL32Anna Fali
1021Wickens U WaycottGermany2026-09-01Benton, John B Jr NEW75Asiya Javayant
1022Johnson T PoquetteFrance2026-09-03Buckley Miller Wright NEGOTIATION14Ivan Magalhaes
1023Leon L BowleyRussia2026-09-14Benton, John B Jr RENEWAL60Xuxue Feng
1024Misaki Y MacleadBrazil2026-09-06Rousseaux, Michael Esq RENEWAL76Stephen Shaw
1025Chavez F FigeroaAustralia2026-09-23Commercial Press NEGOTIATION44Asiya Javayant
1026Misaki G WieserBrazil2026-09-14Rangoni Of Florence UNQUALIFIED57Anna Fali
1027Aruna Y PaprockiIndia2026-09-23Rangoni Of Florence QUALIFIED57Stephen Shaw
1028Claire C SergiIndia2026-09-01Dorl, James J Esq QUALIFIED19Stephen Shaw
1029Jennifer T SergiSpain2026-09-11Rangoni Of Florence UNQUALIFIED92Ivan Magalhaes
1030Faith N PaprockiUnited Kingdom2026-08-25Dorl, James J Esq NEGOTIATION66Amy Elsner
1031Murillo L MorascaJapan2026-09-16Chemel, James L Cpa QUALIFIED90Ivan Magalhaes
1032Faith I IturbideFrance2026-09-04Morlong Associates NEGOTIATION93Ivan Magalhaes
1033Kaitlin C RoysterIndia2026-09-15Commercial Press QUALIFIED42Bernardo Dominic
1034Claire R GauchoArgentina2026-08-31Rangoni Of Florence NEW5Elwin Sharvill
1035David I VenereArgentina2026-09-16Dorl, James J Esq RENEWAL78Anna Fali
1036Aruna S ShinkoCanada2026-08-29Dorl, James J Esq RENEWAL74Ivan Magalhaes
1037Alejandro I KuskoGermany2026-09-03King, Christopher A Esq UNQUALIFIED91Xuxue Feng
1038Julie X InouyeBrazil2026-09-16Feiner Bros NEGOTIATION21Elwin Sharvill
1039Chavez M TollnerGermany2026-08-27Feltz Printing Service NEW90Ivan Magalhaes
1040Jefferson Y KolmetzUnited Kingdom2026-09-14Chanay, Jeffrey A Esq UNQUALIFIED66Bernardo Dominic
1041Julie F GauchoCanada2026-08-26King, Christopher A Esq NEGOTIATION26Ioni Bowcher
1042Chavez G NickaFrance2026-09-03Chemel, James L Cpa PROPOSAL6Xuxue Feng
1043Ricardo N SergiJapan2026-08-27Feiner Bros NEGOTIATION76Elwin Sharvill
1044Ivar H BowleyAustralia2026-08-28Truhlar And Truhlar Attys RENEWAL74Xuxue Feng
1045Faith N NickaAustralia2026-09-16Feiner Bros UNQUALIFIED60Ivan Magalhaes
1046Munro C BologniaCanada2026-08-26Benton, John B Jr UNQUALIFIED26Ivan Magalhaes
1047Greenwood Q DarakjyCanada2026-09-21Morlong Associates RENEWAL30Xuxue Feng
1048Johnson Z GillianCanada2026-09-09Feltz Printing Service NEW66Onyama Limba
1049Juan U WieserJapan2026-09-20Feiner Bros PROPOSAL72Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Claire D RoysterRussiaIvan Magalhaes NEW
Izzy F RulapaughBrazilIvan Magalhaes QUALIFIED
Octavia S MaletGermanyElwin Sharvill UNQUALIFIED
Morrow N StensethGermanyAnna Fali NEGOTIATION
James M GlickItalyElwin Sharvill QUALIFIED
Aditya U RoysterCanadaStephen Shaw UNQUALIFIED
Kaitlin A GauchoGermanyBernardo Dominic QUALIFIED
Smith B AmigonFranceBernardo Dominic UNQUALIFIED
Aika R NickaIndiaOnyama Limba PROPOSAL
Cody J NestleArgentinaAmy Elsner RENEWAL
Ricardo J MacleadAustraliaAmy Elsner RENEWAL
Isabel D AmigonJapanOnyama Limba RENEWAL
Izzy V ButtGermanyXuxue Feng NEGOTIATION
Jones W FlosiIndiaAnna Fali QUALIFIED
James U SaylorsSpainBernardo Dominic NEGOTIATION
Jennifer H MacleadGermanyAnna Fali NEGOTIATION
Aditya U DoeJapanIoni Bowcher UNQUALIFIED
Kadeem Y KuskoBrazilOnyama Limba UNQUALIFIED
Wickens T KolmetzJapanElwin Sharvill RENEWAL
Kadeem C FollerJapanBernardo Dominic QUALIFIED
Aika B FollerCanadaAmy Elsner UNQUALIFIED
Izzy V VenereBrazilOnyama Limba QUALIFIED
Greenwood R TollnerBrazilAmy Elsner UNQUALIFIED
Jones C GlickRussiaAsiya Javayant NEW
Antonio K ChuiGermanyIvan Magalhaes PROPOSAL
Silvio K GlickAustraliaXuxue Feng UNQUALIFIED
Julie X PerinBrazilAsiya Javayant UNQUALIFIED
Greenwood V VenereFranceBernardo Dominic RENEWAL
Greenwood G CampainRussiaAsiya Javayant PROPOSAL
Cody G FollerFranceIoni Bowcher RENEWAL
Nicolas O RimFranceIoni Bowcher NEGOTIATION
Mujtaba C VenereUnited KingdomXuxue Feng NEGOTIATION
Stacey I GillianSpainAmy Elsner PROPOSAL
Faith L OldroydCanadaAnna Fali UNQUALIFIED
Leja K FerenczArgentinaBernardo Dominic NEGOTIATION
Adams C OldroydGermanyXuxue Feng PROPOSAL
Misaki V GauchoRussiaXuxue Feng QUALIFIED
Jefferson D InouyeIndiaAsiya Javayant PROPOSAL
James J DoeFranceElwin Sharvill QUALIFIED
Claire T AmigonGermanyElwin Sharvill PROPOSAL
Adams X MorascaJapanIoni Bowcher NEW
Octavia P OldroydRussiaIoni Bowcher NEGOTIATION
Wickens F FerenczItalyIvan Magalhaes UNQUALIFIED
Claire X RimSpainAnna Fali UNQUALIFIED
James D GlickFranceXuxue Feng UNQUALIFIED
Greenwood E FerenczArgentinaXuxue Feng RENEWAL
Jones X FigeroaAustraliaIoni Bowcher NEGOTIATION
Kaitlin Z GillianRussiaXuxue Feng PROPOSAL
Claire J RoysterSpainIoni Bowcher RENEWAL
Tony D ShinkoJapanBernardo Dominic RENEWAL
Frozen Columns
Name
Salvatore O Poquette
Murillo S Albares
Jones D Briddick
Aruna U Maclead
Julie M Gaucho
Maria E Nestle
Johnson J Briddick
Aika O Doe
Murillo W Figeroa
Sinclair Q Garufi
Cody P Glick
James O Whobrey
Cody S Venere
Clifford E Nestle
Leja B Briddick
Cody U Figeroa
Jefferson M Gillian
Maria Y Waycott
Aika W Marrier
Aruna E Sergi
Adams A Ferencz
Mayumi D Briddick
Leon R Venere
Izzy J Briddick
Mujtaba R Schemmer
Maria K Marrier
Jennifer S Darakjy
Maisha I Gillian
Costa L Maclead
Claire X Maclead
Ricardo C Rim
James P Royster
Aika Q Nicka
Deepesh T Chui
Izzy R Foller
Wickens S Flosi
Chavez L Slusarski
Wickens C Venere
Mujtaba K Whobrey
Aika K Bowley
Jennifer H Nestle
Kadeem O Butt
Johnson S Foller
Costa W Stockham
Octavia M Paprocki
Octavia P Glick
Jeanfrancois A Waycott
Leja P Stockham
Ricardo I Iturbide
Johnson M Albares
IdCountryDate
1000India2026-09-17
1001Russia2026-08-30
1002United Kingdom2026-09-19
1003Italy2026-09-19
1004Spain2026-08-27
1005Argentina2026-09-02
1006Japan2026-08-28
1007Canada2026-09-22
1008Japan2026-09-21
1009India2026-09-01
1010Japan2026-09-21
1011Japan2026-09-10
1012Brazil2026-09-17
1013France2026-09-14
1014Spain2026-09-12
1015Argentina2026-09-09
1016Brazil2026-08-26
1017Japan2026-09-16
1018Brazil2026-09-21
1019Canada2026-09-01
1020Brazil2026-08-30
1021Russia2026-09-08
1022Italy2026-09-07
1023United Kingdom2026-09-23
1024Italy2026-09-21
1025United Kingdom2026-09-21
1026Russia2026-09-20
1027Japan2026-08-29
1028Brazil2026-08-31
1029France2026-09-06
1030United Kingdom2026-09-03
1031United Kingdom2026-09-08
1032Italy2026-09-22
1033Argentina2026-08-28
1034United Kingdom2026-09-23
1035Australia2026-08-26
1036Japan2026-09-18
1037Japan2026-09-17
1038Canada2026-09-08
1039United Kingdom2026-09-18
1040India2026-08-26
1041Brazil2026-09-03
1042Italy2026-08-26
1043Russia2026-09-06
1044Brazil2026-09-06
1045Brazil2026-09-20
1046Spain2026-09-11
1047Brazil2026-09-03
1048Russia2026-09-18
1049France2026-08-27

On-Demand Data

NameIdCountryDate
Costa F Venere1000Germany2026-09-16
Aika T Garufi1001Germany2026-09-23
Ashley P Stockham1002Australia2026-09-09
Aditya D Briddick1003India2026-09-01
Smith J Campain1004Argentina2026-09-19
Murillo E Campain1005Argentina2026-09-15
Faith R Whobrey1006Japan2026-09-06
Jefferson Q Slusarski1007Russia2026-09-02
Deepesh X Stenseth1008Argentina2026-09-19
Jones Q Stenseth1009Argentina2026-09-18
Chavez A Briddick1010Germany2026-08-27
Emily N Ostrosky1011United Kingdom2026-09-13
Ashley O Campain1012Japan2026-09-23
Jennifer Z Flosi1013Canada2026-09-06
Ricardo A Rulapaugh1014Canada2026-09-19
Wickens E Butt1015France2026-08-27
Aika I Butt1016Russia2026-09-19
Maisha U Paprocki1017Italy2026-09-03
Octavia P Shinko1018Italy2026-09-15
Greenwood D Gaucho1019Italy2026-09-18
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maria S GarufiCanadaStephen Shaw QUALIFIED
Maria W KolmetzUnited KingdomBernardo Dominic NEGOTIATION
Emily W SchemmerGermanyIvan Magalhaes QUALIFIED
Emily M PaprockiFranceBernardo Dominic PROPOSAL
Wickens G RutaAustraliaIvan Magalhaes RENEWAL
Kadeem T GauchoItalyBernardo Dominic PROPOSAL
Francesco J StensethArgentinaBernardo Dominic UNQUALIFIED
Francesco I AmigonCanadaOnyama Limba NEW
Leon T DilliardUnited KingdomIvan Magalhaes PROPOSAL
Cody T GauchoGermanyAsiya Javayant PROPOSAL
Juan H ChuiGermanyAsiya Javayant RENEWAL
Aruna X DarakjySpainStephen Shaw UNQUALIFIED
Antonio B ChuiRussiaAmy Elsner NEGOTIATION
Clifford M SchemmerIndiaAnna Fali UNQUALIFIED
Julie C DarakjyRussiaXuxue Feng NEW
Aika E FerenczSpainAmy Elsner PROPOSAL
Rodrigues D MaletRussiaOnyama Limba NEW
Wickens P FlosiArgentinaIvan Magalhaes NEW
Rodrigues H MacleadGermanyAmy Elsner UNQUALIFIED
Jefferson B ButtArgentinaAnna Fali QUALIFIED
Chavez O StockhamSpainAmy Elsner NEGOTIATION
Ivar E StockhamSpainStephen Shaw NEGOTIATION
Juan M MaletItalyIvan Magalhaes QUALIFIED
Tony V RoysterIndiaBernardo Dominic QUALIFIED
Nicolas U PaprockiRussiaIoni Bowcher UNQUALIFIED
Jefferson W FollerAustraliaElwin Sharvill NEGOTIATION
Wickens Q RulapaughSpainIvan Magalhaes QUALIFIED
Johnson A VenereJapanElwin Sharvill PROPOSAL
Greenwood Q PerinCanadaIoni Bowcher UNQUALIFIED
Maria W KuskoAustraliaOnyama Limba NEGOTIATION
Kadeem V GarufiCanadaAsiya Javayant RENEWAL
Rodrigues U GillianCanadaElwin Sharvill NEW
Sinclair G MarrierFranceOnyama Limba RENEWAL
Misaki Y RulapaughFranceOnyama Limba NEW
Ivar M OldroydBrazilAsiya Javayant RENEWAL
Izzy Q SaylorsUnited KingdomAmy Elsner RENEWAL
Chavez H PerinUnited KingdomIvan Magalhaes NEW
Aditya A InouyeSpainOnyama Limba RENEWAL
Kaitlin F KuskoBrazilStephen Shaw UNQUALIFIED
Salvatore E MarrierSpainXuxue Feng 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>