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
Mujtaba I BologniaUnited KingdomAsiya Javayant NEGOTIATION
Wickens E DarakjyFranceIoni Bowcher RENEWAL
Izzy A GauchoGermanyIvan Magalhaes PROPOSAL
Misaki U MaletGermanyElwin Sharvill NEGOTIATION
Jefferson F OldroydAustraliaAmy Elsner RENEWAL
Jefferson S PoquetteJapanIvan Magalhaes NEGOTIATION
Francesco H MaletItalyAmy Elsner NEW
Deepesh D BowleyUnited KingdomElwin Sharvill PROPOSAL
Octavia N AmigonFranceAsiya Javayant NEW
Izzy E MarrierUnited KingdomIoni Bowcher RENEWAL
Juan L VocelkaRussiaAnna Fali RENEWAL
James Y ShinkoAustraliaElwin Sharvill RENEWAL
Julie Y AlbaresItalyAnna Fali NEW
Silvio L AmigonArgentinaAnna Fali NEGOTIATION
Ivar R RimItalyIvan Magalhaes PROPOSAL
Francesco O ChuiBrazilBernardo Dominic RENEWAL
Izzy P IturbideCanadaAnna Fali PROPOSAL
Claire P OstroskyAustraliaAsiya Javayant NEGOTIATION
Octavia H CaudyAustraliaAmy Elsner NEW
Isabel I SaylorsArgentinaAnna Fali NEW
Darci F AlbaresAustraliaElwin Sharvill UNQUALIFIED
Cody F BologniaGermanyBernardo Dominic UNQUALIFIED
Rodrigues J FollerIndiaIvan Magalhaes NEGOTIATION
Kadeem D GauchoFranceStephen Shaw NEW
Ashley U BologniaFranceIoni Bowcher NEW
Leon D GarufiAustraliaAmy Elsner UNQUALIFIED
David F ChuiAustraliaAsiya Javayant QUALIFIED
Silvio P MarrierUnited KingdomOnyama Limba NEGOTIATION
Kaitlin L RimAustraliaOnyama Limba UNQUALIFIED
Octavia F VocelkaRussiaElwin Sharvill NEW
Aruna G DoeUnited KingdomBernardo Dominic NEW
Ricardo E MacleadItalyAmy Elsner NEW
Nicolas B OstroskyBrazilAmy Elsner UNQUALIFIED
Sinclair Z SergiCanadaStephen Shaw NEW
Nicolas Y WaycottIndiaOnyama Limba PROPOSAL
Silvio C InouyeRussiaStephen Shaw PROPOSAL
Mujtaba H WhobreyFranceIoni Bowcher NEW
Adams M RimCanadaAmy Elsner QUALIFIED
Morrow S SlusarskiCanadaAnna Fali UNQUALIFIED
Arvin H CampainRussiaOnyama Limba PROPOSAL
Faith R CaudyRussiaIvan Magalhaes NEW
Stacey W DilliardAustraliaAnna Fali NEGOTIATION
Wickens S GauchoCanadaBernardo Dominic PROPOSAL
Faith L ButtUnited KingdomStephen Shaw RENEWAL
Julie T StensethItalyAnna Fali NEGOTIATION
Stacey V CaldareraArgentinaBernardo Dominic NEGOTIATION
Juan S MaletGermanyBernardo Dominic PROPOSAL
Antonio G GillianIndiaIoni Bowcher NEW
Mujtaba X NickaRussiaBernardo Dominic QUALIFIED
Izzy M GlickUnited KingdomOnyama Limba NEW
Horizontal
NameCountryRepresentativeStatus
Ricardo C WaycottRussiaStephen Shaw QUALIFIED
Misaki L TollnerIndiaXuxue Feng RENEWAL
Antonio D NestleRussiaXuxue Feng PROPOSAL
Nicolas M SaylorsRussiaElwin Sharvill QUALIFIED
Ashley Z RulapaughUnited KingdomIvan Magalhaes UNQUALIFIED
Ashley O InouyeAustraliaIoni Bowcher UNQUALIFIED
Sinclair H GillianIndiaOnyama Limba NEGOTIATION
Tony F FerenczBrazilIoni Bowcher NEW
Juan Q SergiBrazilIoni Bowcher RENEWAL
Isabel X ButtCanadaIoni Bowcher PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jeanfrancois U AlbaresIndia2026-09-15Rangoni Of Florence PROPOSAL5Elwin Sharvill
1001Rodrigues A KuskoSpain2026-09-16Feiner Bros NEW88Ivan Magalhaes
1002Stacey A VenereRussia2026-09-04Benton, John B Jr RENEWAL76Bernardo Dominic
1003Tony L ChuiArgentina2026-09-14Commercial Press NEW87Onyama Limba
1004Francesco J SlusarskiAustralia2026-09-14Morlong Associates NEGOTIATION78Onyama Limba
1005Johnson C InouyeFrance2026-09-24Rousseaux, Michael Esq UNQUALIFIED99Bernardo Dominic
1006Smith K CampainAustralia2026-09-04Buckley Miller Wright RENEWAL89Xuxue Feng
1007Maria D FigeroaSpain2026-09-01Feiner Bros RENEWAL62Onyama Limba
1008Stacey U FlosiCanada2026-09-05Chanay, Jeffrey A Esq QUALIFIED24Stephen Shaw
1009Silvio J BologniaUnited Kingdom2026-09-10Feiner Bros RENEWAL51Ivan Magalhaes
1010Misaki B FigeroaIndia2026-09-11Chanay, Jeffrey A Esq UNQUALIFIED77Ioni Bowcher
1011Ricardo X PerinAustralia2026-09-26Printing Dimensions PROPOSAL55Ioni Bowcher
1012Salvatore W MaletRussia2026-09-15Commercial Press NEGOTIATION52Onyama Limba
1013Aika W MaletRussia2026-09-19Benton, John B Jr PROPOSAL85Xuxue Feng
1014Ricardo D CaudyBrazil2026-09-07Feltz Printing Service PROPOSAL40Anna Fali
1015Aruna H SergiJapan2026-09-04Rangoni Of Florence PROPOSAL49Onyama Limba
1016Claire P DilliardBrazil2026-09-23Benton, John B Jr UNQUALIFIED60Amy Elsner
1017Aika F SergiArgentina2026-09-07Morlong Associates PROPOSAL37Ivan Magalhaes
1018Maisha U WaycottItaly2026-09-13Feltz Printing Service NEGOTIATION58Xuxue Feng
1019Rodrigues N VocelkaUnited Kingdom2026-09-12Chemel, James L Cpa PROPOSAL86Bernardo Dominic
1020Smith L PaprockiItaly2026-09-26Chanay, Jeffrey A Esq QUALIFIED95Asiya Javayant
1021Emily S WaycottCanada2026-09-02Feltz Printing Service NEW96Stephen Shaw
1022Julie M RimAustralia2026-09-20Truhlar And Truhlar Attys RENEWAL70Anna Fali
1023Darci N ButtJapan2026-09-26Chemel, James L Cpa QUALIFIED50Ioni Bowcher
1024Clifford O SlusarskiCanada2026-09-24Benton, John B Jr UNQUALIFIED0Ioni Bowcher
1025Greenwood K VocelkaFrance2026-09-14Chapman, Ross E Esq PROPOSAL80Onyama Limba
1026Maria O MarrierFrance2026-09-14Printing Dimensions RENEWAL99Xuxue Feng
1027Aruna B OstroskyUnited Kingdom2026-09-27Chemel, James L Cpa RENEWAL32Amy Elsner
1028Greenwood V MaletCanada2026-09-13Truhlar And Truhlar Attys QUALIFIED27Anna Fali
1029Mayumi T BowleyItaly2026-09-04Truhlar And Truhlar Attys UNQUALIFIED86Bernardo Dominic
1030Claire S CaldareraUnited Kingdom2026-09-26Chanay, Jeffrey A Esq UNQUALIFIED6Ivan Magalhaes
1031Clifford V WieserBrazil2026-09-16Rangoni Of Florence UNQUALIFIED51Asiya Javayant
1032Costa Q GillianJapan2026-09-11Chapman, Ross E Esq NEGOTIATION79Asiya Javayant
1033Misaki K CampainUnited Kingdom2026-09-17Benton, John B Jr NEGOTIATION25Bernardo Dominic
1034Maria J BowleyUnited Kingdom2026-09-21Buckley Miller Wright NEGOTIATION92Amy Elsner
1035Faith U OldroydCanada2026-09-10Chemel, James L Cpa RENEWAL17Asiya Javayant
1036Juan C FigeroaAustralia2026-09-23Chemel, James L Cpa QUALIFIED3Amy Elsner
1037Ricardo E RimRussia2026-09-16Feiner Bros UNQUALIFIED51Amy Elsner
1038Stacey H RulapaughItaly2026-09-08Benton, John B Jr RENEWAL16Ioni Bowcher
1039Leon J GarufiJapan2026-09-20King, Christopher A Esq NEW98Xuxue Feng
1040Emily W ButtFrance2026-09-05Chapman, Ross E Esq PROPOSAL3Xuxue Feng
1041Maisha Y FlosiSpain2026-09-04Commercial Press QUALIFIED50Xuxue Feng
1042Cody X RulapaughIndia2026-09-26King, Christopher A Esq RENEWAL22Onyama Limba
1043Stacey Q MaletArgentina2026-09-27Truhlar And Truhlar Attys QUALIFIED24Bernardo Dominic
1044Aditya R PerinFrance2026-09-05Chemel, James L Cpa NEGOTIATION34Bernardo Dominic
1045Juan Z GlickCanada2026-09-04Chapman, Ross E Esq RENEWAL81Xuxue Feng
1046Clifford O SchemmerUnited Kingdom2026-09-01Rousseaux, Michael Esq RENEWAL19Ioni Bowcher
1047Deepesh F AlbaresJapan2026-09-23Rousseaux, Michael Esq RENEWAL44Xuxue Feng
1048Maria R SergiItaly2026-09-17Rousseaux, Michael Esq NEW98Anna Fali
1049Ashley G BologniaJapan2026-09-08Morlong Associates UNQUALIFIED40Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Jones B VocelkaRussiaAmy Elsner RENEWAL
David Z ShinkoBrazilIvan Magalhaes PROPOSAL
Salvatore Q MarrierJapanBernardo Dominic QUALIFIED
Ricardo A RulapaughFranceBernardo Dominic PROPOSAL
Faith R MaletSpainAnna Fali RENEWAL
Jennifer B GillianIndiaAmy Elsner QUALIFIED
Chavez S NestleFranceAmy Elsner RENEWAL
Rodrigues T RoysterIndiaElwin Sharvill NEW
Smith L BowleyAustraliaAsiya Javayant NEGOTIATION
Arvin L IturbideRussiaOnyama Limba UNQUALIFIED
Sinclair F FlosiSpainStephen Shaw NEW
Kadeem L FollerRussiaOnyama Limba RENEWAL
Nicolas W PoquetteFranceIoni Bowcher QUALIFIED
Kaitlin Z InouyeGermanyOnyama Limba NEGOTIATION
Kaitlin N RoysterArgentinaAnna Fali NEGOTIATION
Munro K VenereUnited KingdomStephen Shaw RENEWAL
Leon X VocelkaIndiaAnna Fali PROPOSAL
Ashley D PaprockiGermanyXuxue Feng RENEWAL
Tony R NestleBrazilAnna Fali PROPOSAL
Salvatore X FollerItalyAnna Fali PROPOSAL
Cody H MaletGermanyBernardo Dominic RENEWAL
Isabel P OstroskyItalyAsiya Javayant RENEWAL
Ivar Z KuskoItalyAnna Fali PROPOSAL
Isabel Q PaprockiRussiaAnna Fali UNQUALIFIED
Tony M AlbaresBrazilElwin Sharvill RENEWAL
Mayumi W RutaUnited KingdomStephen Shaw UNQUALIFIED
Jones C BriddickArgentinaBernardo Dominic QUALIFIED
Octavia M DoeJapanIvan Magalhaes QUALIFIED
Greenwood U CaudyCanadaElwin Sharvill RENEWAL
Jennifer O OstroskyBrazilAmy Elsner NEW
Wickens L KuskoIndiaAsiya Javayant RENEWAL
Johnson O AmigonCanadaIoni Bowcher QUALIFIED
Leon K MarrierCanadaOnyama Limba RENEWAL
Greenwood L RimUnited KingdomBernardo Dominic PROPOSAL
Tony I GlickFranceXuxue Feng NEGOTIATION
Wickens R NickaRussiaXuxue Feng RENEWAL
Wickens V NickaAustraliaAsiya Javayant UNQUALIFIED
Nicolas X CaudyJapanOnyama Limba PROPOSAL
Kaitlin X MacleadIndiaBernardo Dominic RENEWAL
Stacey N VocelkaFranceAmy Elsner RENEWAL
Izzy Q PoquetteGermanyXuxue Feng UNQUALIFIED
Maria V MacleadUnited KingdomAmy Elsner UNQUALIFIED
Leja P CampainUnited KingdomXuxue Feng NEW
Greenwood U NickaJapanAnna Fali NEGOTIATION
Maisha I OstroskySpainAnna Fali QUALIFIED
Costa U SaylorsUnited KingdomBernardo Dominic NEW
Cody W DoeFranceOnyama Limba UNQUALIFIED
Chavez D CaudyBrazilAsiya Javayant NEW
Leon Z BriddickArgentinaIvan Magalhaes UNQUALIFIED
Johnson P KuskoFranceStephen Shaw RENEWAL
Frozen Columns
Name
Alejandro L Caldarera
Leja V Nestle
Adams P Kusko
Darci U Venere
Deepesh L Shinko
Faith F Malet
Tony R Poquette
Greenwood Z Oldroyd
Johnson X Ruta
Kadeem N Stenseth
Greenwood N Bowley
Isabel S Campain
Mujtaba D Foller
Johnson X Malet
Rodrigues C Chui
Wickens L Saylors
Francesco G Stenseth
Misaki H Oldroyd
Faith V Flosi
Murillo E Doe
Sinclair Y Tollner
Kadeem I Marrier
Murillo H Flosi
Adams J Butt
Izzy F Kolmetz
Rodrigues V Glick
Jennifer U Ferencz
Kaitlin L Figeroa
Stacey O Glick
Smith U Waycott
Stacey P Sergi
Julie A Caudy
Maria X Whobrey
Silvio R Glick
Wickens K Nicka
Ricardo L Waycott
Jones R Butt
Misaki Y Flosi
Morrow H Royster
Deepesh O Rim
Leon C Saylors
Jefferson Z Dilliard
Aruna E Malet
Adams P Royster
Adams W Flosi
Antonio R Iturbide
Cody V Figeroa
Greenwood A Gillian
Misaki S Glick
Smith P Marrier
IdCountryDate
1000Australia2026-09-05
1001United Kingdom2026-09-11
1002India2026-09-25
1003Germany2026-09-30
1004Brazil2026-09-14
1005Japan2026-09-30
1006Russia2026-09-18
1007United Kingdom2026-09-07
1008Russia2026-09-10
1009Australia2026-09-28
1010Japan2026-09-02
1011Japan2026-09-24
1012Italy2026-09-17
1013Spain2026-09-27
1014Germany2026-09-18
1015Italy2026-09-10
1016Spain2026-09-17
1017Italy2026-09-03
1018Germany2026-09-06
1019Japan2026-09-05
1020Japan2026-09-07
1021Argentina2026-09-07
1022Germany2026-09-05
1023Japan2026-09-18
1024Japan2026-09-17
1025United Kingdom2026-09-17
1026Germany2026-09-19
1027India2026-09-20
1028France2026-09-01
1029Russia2026-09-05
1030Japan2026-09-03
1031Japan2026-09-09
1032Australia2026-09-20
1033Australia2026-09-04
1034Italy2026-09-26
1035United Kingdom2026-09-21
1036Argentina2026-09-30
1037Argentina2026-09-18
1038France2026-09-14
1039Canada2026-09-29
1040Australia2026-09-20
1041France2026-09-24
1042Germany2026-09-19
1043India2026-09-27
1044Argentina2026-09-30
1045Canada2026-09-27
1046Canada2026-09-13
1047Germany2026-09-02
1048Russia2026-09-28
1049Russia2026-09-13

On-Demand Data

NameIdCountryDate
Leja D Bowley1000Russia2026-09-24
Jones H Vocelka1001United Kingdom2026-09-24
Tony M Vocelka1002Italy2026-09-01
Mayumi U Poquette1003Brazil2026-09-23
Misaki Z Figeroa1004Japan2026-09-01
Maisha P Tollner1005France2026-09-02
Jeanfrancois E Albares1006Brazil2026-09-24
Leon A Whobrey1007Japan2026-09-25
Kaitlin B Marrier1008Canada2026-09-16
Arvin X Foller1009Argentina2026-09-24
Isabel R Rim1010Brazil2026-09-17
Arvin Z Bowley1011Canada2026-09-10
Isabel H Malet1012France2026-09-20
Johnson A Wieser1013Japan2026-09-10
Smith B Doe1014Italy2026-09-10
Costa Y Whobrey1015Brazil2026-09-11
Antonio B Whobrey1016Japan2026-09-11
Jefferson C Iturbide1017Brazil2026-09-11
Leon G Venere1018Argentina2026-09-08
Mujtaba K Stockham1019United Kingdom2026-09-19
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leon Z SaylorsJapanElwin Sharvill NEW
Leja E CampainJapanStephen Shaw NEGOTIATION
Mujtaba J MorascaCanadaAnna Fali NEW
Arvin D PaprockiUnited KingdomIvan Magalhaes NEW
Izzy K WaycottRussiaBernardo Dominic PROPOSAL
Jones W FerenczJapanAnna Fali QUALIFIED
Murillo M ButtSpainAsiya Javayant NEW
David H RutaFranceAnna Fali RENEWAL
Francesco G SlusarskiArgentinaXuxue Feng PROPOSAL
Kaitlin L WhobreyRussiaBernardo Dominic NEW
Maria K NestleSpainIvan Magalhaes PROPOSAL
Silvio F PerinUnited KingdomAmy Elsner NEW
Arvin X SaylorsFranceStephen Shaw NEW
Wickens F MacleadIndiaOnyama Limba PROPOSAL
Nicolas A OstroskySpainAnna Fali RENEWAL
Silvio W SaylorsUnited KingdomXuxue Feng NEGOTIATION
Juan C RulapaughGermanyAnna Fali UNQUALIFIED
Julie W BriddickCanadaIvan Magalhaes UNQUALIFIED
Greenwood S PoquetteCanadaIvan Magalhaes NEGOTIATION
Silvio S FerenczRussiaElwin Sharvill PROPOSAL
Faith U OldroydFranceBernardo Dominic UNQUALIFIED
James B ShinkoFranceXuxue Feng NEW
Kadeem V FollerItalyAsiya Javayant PROPOSAL
Greenwood B ChuiUnited KingdomIoni Bowcher QUALIFIED
Ricardo T BowleyItalyAsiya Javayant NEW
Aditya J BologniaIndiaAmy Elsner NEGOTIATION
James L KolmetzCanadaElwin Sharvill QUALIFIED
Nicolas R WhobreyRussiaOnyama Limba UNQUALIFIED
Jefferson Z WaycottSpainBernardo Dominic NEGOTIATION
Emily O PaprockiItalyXuxue Feng NEGOTIATION
Octavia Y SchemmerAustraliaIoni Bowcher QUALIFIED
Julie X MarrierJapanAmy Elsner RENEWAL
Jefferson V MorascaCanadaIoni Bowcher NEW
Izzy F RimArgentinaIvan Magalhaes UNQUALIFIED
Ivar S CampainUnited KingdomXuxue Feng NEGOTIATION
Ivar Y IturbideRussiaStephen Shaw RENEWAL
Arvin O WaycottFranceStephen Shaw NEW
Darci J MaletUnited KingdomXuxue Feng NEW
David Q BologniaAustraliaElwin Sharvill NEW
Juan C FlosiUnited KingdomElwin Sharvill RENEWAL

<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>