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
Clifford W PaprockiSpainStephen Shaw RENEWAL
Salvatore B ChuiFranceStephen Shaw NEW
Silvio M RulapaughGermanyElwin Sharvill PROPOSAL
Leon A MarrierJapanIvan Magalhaes NEGOTIATION
Aruna U TollnerBrazilOnyama Limba NEGOTIATION
Emily E GillianBrazilOnyama Limba QUALIFIED
Misaki X ButtGermanyIvan Magalhaes PROPOSAL
Murillo S WhobreyBrazilElwin Sharvill QUALIFIED
Arvin F BriddickIndiaAsiya Javayant UNQUALIFIED
Munro J PerinCanadaAmy Elsner UNQUALIFIED
Aika E NestleArgentinaIvan Magalhaes NEGOTIATION
James F PaprockiGermanyElwin Sharvill NEW
Costa C MorascaRussiaElwin Sharvill NEW
Silvio N DoeBrazilElwin Sharvill PROPOSAL
Antonio Z BriddickAustraliaStephen Shaw PROPOSAL
Ricardo P GillianJapanXuxue Feng UNQUALIFIED
Nicolas G StockhamSpainXuxue Feng QUALIFIED
Darci M FerenczRussiaAmy Elsner QUALIFIED
Misaki Q FigeroaArgentinaElwin Sharvill UNQUALIFIED
Kadeem I VocelkaCanadaElwin Sharvill PROPOSAL
Nicolas P MorascaAustraliaOnyama Limba UNQUALIFIED
Ivar H RoysterArgentinaXuxue Feng NEW
Francesco E NickaArgentinaBernardo Dominic RENEWAL
Claire D FigeroaIndiaIvan Magalhaes NEGOTIATION
Kadeem S InouyeJapanOnyama Limba PROPOSAL
Johnson G RutaBrazilAsiya Javayant NEGOTIATION
Francesco Y OstroskyRussiaIvan Magalhaes UNQUALIFIED
Alejandro G BriddickBrazilAmy Elsner PROPOSAL
Francesco P AlbaresJapanAmy Elsner QUALIFIED
Smith C MaletRussiaElwin Sharvill PROPOSAL
David V WhobreyBrazilIvan Magalhaes NEGOTIATION
Alejandro U CaldareraFranceAsiya Javayant PROPOSAL
James L ButtArgentinaAsiya Javayant PROPOSAL
Kaitlin I CaudyIndiaIoni Bowcher QUALIFIED
Jefferson X PoquetteGermanyBernardo Dominic QUALIFIED
Tony C MaletCanadaElwin Sharvill NEGOTIATION
Kaitlin H DoeRussiaAmy Elsner NEGOTIATION
Claire R WieserSpainAsiya Javayant RENEWAL
Arvin F KolmetzGermanyAmy Elsner QUALIFIED
Wickens D RimFranceAnna Fali PROPOSAL
Wickens M NestleRussiaAnna Fali RENEWAL
Emily B IturbideGermanyAnna Fali RENEWAL
Tony S TollnerUnited KingdomAsiya Javayant UNQUALIFIED
Adams X IturbideSpainIoni Bowcher RENEWAL
Morrow R StensethItalyAmy Elsner UNQUALIFIED
Deepesh V BowleyGermanyIoni Bowcher QUALIFIED
Aruna A MacleadIndiaAmy Elsner NEGOTIATION
Antonio D AmigonRussiaAsiya Javayant PROPOSAL
Leon K WhobreyArgentinaIvan Magalhaes RENEWAL
Clifford B VocelkaCanadaXuxue Feng RENEWAL
Horizontal
NameCountryRepresentativeStatus
Izzy D SergiIndiaElwin Sharvill UNQUALIFIED
Smith G WhobreyArgentinaBernardo Dominic RENEWAL
Sinclair Z FlosiSpainXuxue Feng NEGOTIATION
Mayumi U StockhamAustraliaAsiya Javayant NEW
Darci D SchemmerJapanOnyama Limba RENEWAL
Sinclair K SaylorsGermanyAmy Elsner UNQUALIFIED
Smith Y InouyeSpainXuxue Feng RENEWAL
Leon T ChuiFranceAsiya Javayant PROPOSAL
Mayumi W FerenczRussiaStephen Shaw QUALIFIED
Adams P ButtJapanElwin Sharvill NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Darci N RimItaly2026-10-07Feiner Bros UNQUALIFIED8Anna Fali
1001Darci U OldroydAustralia2026-10-24Truhlar And Truhlar Attys NEGOTIATION73Onyama Limba
1002Arvin L WieserIndia2026-10-09Dorl, James J Esq NEW16Stephen Shaw
1003Kadeem B MorascaAustralia2026-10-30Chemel, James L Cpa NEW35Xuxue Feng
1004Faith P AmigonJapan2026-10-15Truhlar And Truhlar Attys PROPOSAL14Stephen Shaw
1005Aditya W SaylorsIndia2026-10-20Dorl, James J Esq UNQUALIFIED46Xuxue Feng
1006Kadeem G RulapaughArgentina2026-10-24King, Christopher A Esq PROPOSAL38Ioni Bowcher
1007David Y MorascaCanada2026-10-31Feltz Printing Service NEGOTIATION78Anna Fali
1008Greenwood X BologniaCanada2026-10-24Dorl, James J Esq NEW96Onyama Limba
1009Francesco R PoquetteRussia2026-10-06Truhlar And Truhlar Attys RENEWAL87Anna Fali
1010James T GauchoGermany2026-10-20Benton, John B Jr RENEWAL88Asiya Javayant
1011Deepesh G WieserAustralia2026-10-20Chanay, Jeffrey A Esq RENEWAL17Anna Fali
1012Wickens A PoquetteArgentina2026-10-27Chapman, Ross E Esq PROPOSAL27Amy Elsner
1013Johnson L WaycottAustralia2026-10-03Chapman, Ross E Esq NEGOTIATION28Asiya Javayant
1014Kadeem Y NestleFrance2026-10-05Chemel, James L Cpa PROPOSAL44Anna Fali
1015Tony T MorascaRussia2026-10-14Rangoni Of Florence RENEWAL43Amy Elsner
1016Misaki G FigeroaSpain2026-10-07Commercial Press NEW10Xuxue Feng
1017Jones H PaprockiItaly2026-11-01Rangoni Of Florence RENEWAL4Elwin Sharvill
1018Jefferson M RutaRussia2026-10-03Rousseaux, Michael Esq RENEWAL86Xuxue Feng
1019Ivar K BowleyBrazil2026-10-12Chanay, Jeffrey A Esq RENEWAL67Amy Elsner
1020Arvin Z MorascaFrance2026-10-20Chemel, James L Cpa PROPOSAL52Amy Elsner
1021Nicolas A PoquetteArgentina2026-10-15Feiner Bros NEGOTIATION70Ioni Bowcher
1022Johnson Z DilliardIndia2026-10-04Truhlar And Truhlar Attys PROPOSAL50Onyama Limba
1023Aika Y PoquetteUnited Kingdom2026-10-20Morlong Associates NEGOTIATION9Anna Fali
1024Chavez U BowleyItaly2026-10-19Chemel, James L Cpa NEGOTIATION82Ivan Magalhaes
1025Francesco Y AmigonItaly2026-10-22Printing Dimensions QUALIFIED93Ivan Magalhaes
1026James D RulapaughBrazil2026-10-23Feiner Bros RENEWAL98Elwin Sharvill
1027Kaitlin N SergiSpain2026-10-17Chanay, Jeffrey A Esq NEGOTIATION87Elwin Sharvill
1028Smith B DoeGermany2026-10-19Morlong Associates PROPOSAL52Ioni Bowcher
1029James P VenereAustralia2026-10-23Chanay, Jeffrey A Esq RENEWAL1Asiya Javayant
1030Izzy O FerenczUnited Kingdom2026-10-13Commercial Press RENEWAL22Onyama Limba
1031Faith W MarrierSpain2026-10-29Rangoni Of Florence PROPOSAL14Anna Fali
1032Isabel O MacleadItaly2026-10-06Dorl, James J Esq UNQUALIFIED45Asiya Javayant
1033Juan L StensethJapan2026-10-12Chapman, Ross E Esq QUALIFIED66Stephen Shaw
1034Murillo P KolmetzUnited Kingdom2026-10-29Benton, John B Jr UNQUALIFIED58Ioni Bowcher
1035Silvio R NestleJapan2026-10-12Chemel, James L Cpa RENEWAL42Xuxue Feng
1036Octavia N VocelkaUnited Kingdom2026-10-13Chemel, James L Cpa PROPOSAL47Elwin Sharvill
1037Faith E KuskoSpain2026-10-18Benton, John B Jr PROPOSAL50Bernardo Dominic
1038Munro S OstroskyBrazil2026-10-05Morlong Associates NEW69Xuxue Feng
1039Chavez I MaletJapan2026-10-21Feltz Printing Service RENEWAL38Bernardo Dominic
1040James I SlusarskiSpain2026-10-14Printing Dimensions NEW52Asiya Javayant
1041Isabel R PaprockiFrance2026-10-05Printing Dimensions NEGOTIATION70Bernardo Dominic
1042Smith V PerinFrance2026-10-29Rousseaux, Michael Esq RENEWAL54Xuxue Feng
1043Emily G BologniaUnited Kingdom2026-10-08Feltz Printing Service NEW47Stephen Shaw
1044Claire S NickaUnited Kingdom2026-10-11Chapman, Ross E Esq QUALIFIED30Xuxue Feng
1045Smith Z OstroskyRussia2026-10-25Printing Dimensions PROPOSAL80Onyama Limba
1046Sinclair V DilliardCanada2026-10-22Chapman, Ross E Esq RENEWAL97Amy Elsner
1047Aruna F OldroydCanada2026-10-17King, Christopher A Esq NEGOTIATION54Ioni Bowcher
1048Antonio L RulapaughAustralia2026-10-08Rangoni Of Florence UNQUALIFIED14Bernardo Dominic
1049James Y MaletCanada2026-10-05Morlong Associates QUALIFIED73Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Cody P CaudyIndiaBernardo Dominic QUALIFIED
Johnson N MaletRussiaAnna Fali UNQUALIFIED
James K CaudyAustraliaXuxue Feng NEGOTIATION
Claire Z CaldareraGermanyAmy Elsner NEW
Johnson T OstroskySpainElwin Sharvill NEGOTIATION
Tony D OstroskyBrazilAmy Elsner PROPOSAL
Ivar G FerenczJapanOnyama Limba UNQUALIFIED
Ivar O KuskoArgentinaXuxue Feng QUALIFIED
Johnson L SchemmerUnited KingdomElwin Sharvill RENEWAL
Chavez R BologniaGermanyOnyama Limba NEW
Ashley I MaletGermanyAnna Fali NEW
Deepesh L IturbideCanadaXuxue Feng PROPOSAL
Mayumi S IturbideJapanBernardo Dominic QUALIFIED
Faith H NestleSpainOnyama Limba PROPOSAL
Mayumi J TollnerRussiaOnyama Limba NEGOTIATION
Munro K PerinGermanyAmy Elsner QUALIFIED
Leja Q GlickSpainXuxue Feng NEW
Kaitlin P BriddickArgentinaAmy Elsner RENEWAL
Mujtaba L SlusarskiIndiaIoni Bowcher PROPOSAL
Stacey Y BowleyUnited KingdomXuxue Feng QUALIFIED
Aruna F NickaItalyXuxue Feng NEW
Chavez G ChuiUnited KingdomStephen Shaw UNQUALIFIED
Chavez W ChuiJapanAmy Elsner PROPOSAL
Francesco G StockhamGermanyBernardo Dominic UNQUALIFIED
Deepesh N OstroskyIndiaBernardo Dominic QUALIFIED
Jennifer Z FerenczFranceOnyama Limba UNQUALIFIED
Isabel E ChuiCanadaIvan Magalhaes UNQUALIFIED
Salvatore A PerinUnited KingdomStephen Shaw NEW
Francesco Z RutaIndiaIvan Magalhaes QUALIFIED
Clifford O KolmetzJapanAsiya Javayant PROPOSAL
Kaitlin N GillianBrazilElwin Sharvill UNQUALIFIED
James F AmigonArgentinaAsiya Javayant NEGOTIATION
Mayumi Y VocelkaBrazilIoni Bowcher UNQUALIFIED
Nicolas G OstroskyItalyOnyama Limba UNQUALIFIED
Mayumi J BriddickUnited KingdomIoni Bowcher QUALIFIED
Murillo A CaudyFranceBernardo Dominic RENEWAL
Jones K MaletBrazilBernardo Dominic NEW
Munro O NickaArgentinaAsiya Javayant QUALIFIED
Isabel A MaletBrazilElwin Sharvill QUALIFIED
Alejandro Q WaycottCanadaAmy Elsner PROPOSAL
Johnson N DilliardSpainAnna Fali NEW
Wickens L DoeJapanAnna Fali PROPOSAL
Aika F CaldareraSpainXuxue Feng UNQUALIFIED
Darci P RoysterIndiaAmy Elsner PROPOSAL
Costa U BriddickIndiaIvan Magalhaes QUALIFIED
Sinclair C PerinSpainIvan Magalhaes NEW
Smith J NestleArgentinaAsiya Javayant NEW
Leon Q WaycottRussiaXuxue Feng PROPOSAL
Julie I PaprockiBrazilAmy Elsner UNQUALIFIED
Aika N FerenczIndiaAsiya Javayant NEGOTIATION
Frozen Columns
Name
Izzy K Marrier
Leja V Sergi
Leon Z Stenseth
Wickens Y Stenseth
Arvin F Figeroa
Jefferson V Marrier
Mujtaba T Rulapaugh
Morrow R Malet
Faith E Kusko
Darci A Gaucho
Johnson Q Saylors
Chavez G Saylors
Maisha Z Campain
Leon K Gillian
Octavia C Shinko
Stacey N Amigon
Ivar X Perin
Morrow X Inouye
Jones R Rim
Sinclair R Kolmetz
Ivar C Gillian
Rodrigues W Ruta
Maria O Shinko
Silvio R Doe
Jennifer A Poquette
Ricardo M Whobrey
Adams J Rim
Rodrigues G Caudy
Smith E Marrier
Francesco Q Caudy
Murillo P Perin
Chavez V Glick
Isabel L Sergi
Wickens S Chui
Arvin O Tollner
Leja X Caldarera
Emily D Venere
Cody V Garufi
Morrow N Doe
Jefferson J Maclead
Faith Q Whobrey
Munro Y Venere
Emily C Glick
Jeanfrancois B Albares
Munro N Briddick
Munro S Briddick
Mujtaba M Marrier
Isabel E Butt
Leja D Sergi
Mayumi Q Garufi
IdCountryDate
1000Russia2026-11-01
1001France2026-10-28
1002Brazil2026-11-01
1003Brazil2026-10-10
1004Australia2026-10-24
1005Russia2026-10-25
1006Russia2026-10-24
1007France2026-10-22
1008Australia2026-10-31
1009Germany2026-10-11
1010Spain2026-10-16
1011Brazil2026-10-11
1012Australia2026-10-08
1013Russia2026-10-10
1014Russia2026-10-25
1015United Kingdom2026-10-26
1016India2026-10-08
1017United Kingdom2026-10-05
1018Brazil2026-10-12
1019India2026-10-15
1020Italy2026-10-30
1021Australia2026-10-12
1022Australia2026-10-13
1023Canada2026-10-06
1024Japan2026-10-21
1025Brazil2026-10-11
1026Japan2026-10-07
1027United Kingdom2026-10-28
1028Germany2026-10-24
1029Canada2026-10-08
1030Russia2026-10-06
1031United Kingdom2026-10-16
1032Brazil2026-10-29
1033Japan2026-10-26
1034India2026-10-18
1035France2026-10-04
1036Spain2026-10-11
1037Spain2026-10-05
1038India2026-10-03
1039India2026-10-18
1040United Kingdom2026-10-24
1041Canada2026-10-19
1042Germany2026-10-04
1043Spain2026-10-11
1044United Kingdom2026-10-03
1045India2026-10-23
1046Australia2026-10-06
1047Brazil2026-10-03
1048Brazil2026-10-03
1049Spain2026-10-12

On-Demand Data

NameIdCountryDate
Julie H Amigon1000United Kingdom2026-10-04
Arvin D Amigon1001Australia2026-10-28
Faith Z Marrier1002France2026-10-25
Julie N Whobrey1003Spain2026-10-08
Clifford P Venere1004Brazil2026-10-21
Leon D Stockham1005Spain2026-10-12
Octavia O Inouye1006United Kingdom2026-10-22
Costa A Nestle1007Canada2026-10-23
Rodrigues B Ruta1008Italy2026-10-30
Misaki B Malet1009Germany2026-10-10
Jennifer C Butt1010Spain2026-10-08
Jennifer N Gaucho1011France2026-10-05
David L Waycott1012United Kingdom2026-10-30
Faith O Stenseth1013Japan2026-10-10
Faith T Garufi1014France2026-11-01
Rodrigues O Chui1015Germany2026-10-08
Jones A Waycott1016Germany2026-10-16
Kaitlin A Schemmer1017Spain2026-10-24
Silvio L Oldroyd1018Brazil2026-10-31
Sinclair P Waycott1019India2026-10-04
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
James X KuskoGermanyElwin Sharvill QUALIFIED
Stacey W VenereIndiaAnna Fali QUALIFIED
Leon T SaylorsJapanStephen Shaw NEW
Greenwood B GarufiItalyOnyama Limba NEGOTIATION
Smith C ShinkoAustraliaElwin Sharvill RENEWAL
Jefferson E MorascaBrazilOnyama Limba PROPOSAL
Kadeem Y OstroskyGermanyXuxue Feng QUALIFIED
Faith T ShinkoGermanyXuxue Feng UNQUALIFIED
Antonio P VenereGermanyElwin Sharvill NEGOTIATION
Leja A OstroskyIndiaOnyama Limba RENEWAL
Clifford L CaldareraCanadaStephen Shaw QUALIFIED
Morrow U GillianItalyBernardo Dominic RENEWAL
Costa H SaylorsFranceBernardo Dominic NEW
Antonio M IturbideJapanAmy Elsner UNQUALIFIED
Francesco Q CampainJapanBernardo Dominic RENEWAL
Ivar H KuskoJapanBernardo Dominic QUALIFIED
Faith W MaletIndiaIvan Magalhaes NEGOTIATION
Claire A FigeroaJapanAsiya Javayant UNQUALIFIED
Alejandro R DilliardIndiaXuxue Feng UNQUALIFIED
Arvin O MacleadUnited KingdomIvan Magalhaes QUALIFIED
Jones V SlusarskiCanadaIoni Bowcher RENEWAL
Munro W FollerItalyXuxue Feng NEW
Clifford W InouyeSpainAmy Elsner RENEWAL
Darci U FollerFranceAnna Fali QUALIFIED
David P MaletAustraliaXuxue Feng NEW
Deepesh P RulapaughAustraliaAmy Elsner PROPOSAL
Ashley L TollnerGermanyIvan Magalhaes PROPOSAL
Stacey J OstroskyAustraliaAsiya Javayant PROPOSAL
Costa H StensethAustraliaAsiya Javayant PROPOSAL
Maria F FollerCanadaOnyama Limba NEGOTIATION
Mujtaba Y FerenczSpainIoni Bowcher NEW
Ricardo K GauchoArgentinaOnyama Limba UNQUALIFIED
Ivar C IturbideCanadaIvan Magalhaes NEGOTIATION
Jefferson H AlbaresIndiaStephen Shaw NEW
Mujtaba R GarufiIndiaBernardo Dominic NEGOTIATION
Rodrigues H DoeArgentinaIvan Magalhaes UNQUALIFIED
Octavia W RulapaughArgentinaBernardo Dominic QUALIFIED
Wickens L CaldareraAustraliaOnyama Limba UNQUALIFIED
Leja A WaycottArgentinaXuxue Feng RENEWAL
Juan R GillianArgentinaIoni Bowcher 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>