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
Aditya S RoysterAustraliaAnna Fali NEW
Sinclair A CaudyRussiaStephen Shaw QUALIFIED
Costa U BowleyCanadaAsiya Javayant RENEWAL
Munro D ChuiIndiaIoni Bowcher NEGOTIATION
Nicolas I DilliardCanadaStephen Shaw QUALIFIED
Aditya R MaletIndiaAmy Elsner PROPOSAL
Munro N MorascaItalyXuxue Feng QUALIFIED
Kaitlin S DarakjyCanadaElwin Sharvill NEGOTIATION
Claire I WhobreyUnited KingdomAsiya Javayant RENEWAL
Emily O OstroskyCanadaIvan Magalhaes RENEWAL
Leja D VocelkaGermanyIvan Magalhaes PROPOSAL
Leja H PoquetteAustraliaAsiya Javayant QUALIFIED
Darci J RoysterJapanAmy Elsner PROPOSAL
Aika F FigeroaGermanyAnna Fali QUALIFIED
Mayumi Q NestleGermanyAnna Fali RENEWAL
Aditya M PoquetteFranceXuxue Feng NEGOTIATION
Izzy D NickaRussiaBernardo Dominic PROPOSAL
Francesco B NickaUnited KingdomBernardo Dominic QUALIFIED
Claire U IturbideArgentinaIvan Magalhaes UNQUALIFIED
Mujtaba R KolmetzCanadaAsiya Javayant NEW
Deepesh Z WhobreyRussiaOnyama Limba NEGOTIATION
Isabel V RoysterArgentinaElwin Sharvill UNQUALIFIED
Johnson L GarufiUnited KingdomIoni Bowcher NEW
Murillo T GillianCanadaElwin Sharvill QUALIFIED
Jennifer O InouyeSpainIvan Magalhaes RENEWAL
Francesco G MaletCanadaStephen Shaw QUALIFIED
Emily F NickaJapanOnyama Limba PROPOSAL
Izzy R SaylorsUnited KingdomElwin Sharvill NEGOTIATION
Arvin Z BowleyJapanStephen Shaw PROPOSAL
Clifford J AmigonJapanElwin Sharvill NEGOTIATION
Maria X GlickArgentinaXuxue Feng NEGOTIATION
Greenwood F FlosiRussiaIvan Magalhaes PROPOSAL
Leon P GillianGermanyIvan Magalhaes NEW
Emily C GlickSpainAsiya Javayant RENEWAL
Jones O FerenczArgentinaElwin Sharvill PROPOSAL
Costa Q PaprockiFranceAmy Elsner UNQUALIFIED
Mujtaba D FerenczFranceElwin Sharvill QUALIFIED
Antonio M PaprockiCanadaXuxue Feng NEW
Chavez U FigeroaUnited KingdomXuxue Feng NEGOTIATION
Kaitlin X GillianFranceXuxue Feng PROPOSAL
Aika W ButtArgentinaAsiya Javayant UNQUALIFIED
Ricardo A RimFranceBernardo Dominic UNQUALIFIED
Maria A MacleadGermanyStephen Shaw PROPOSAL
Cody N FigeroaSpainIoni Bowcher PROPOSAL
Adams G SergiItalyXuxue Feng RENEWAL
David C ButtCanadaAnna Fali NEW
Leja L BologniaBrazilIoni Bowcher NEGOTIATION
Octavia F StockhamArgentinaAsiya Javayant PROPOSAL
Ivar G PaprockiSpainBernardo Dominic UNQUALIFIED
Sinclair I PerinBrazilStephen Shaw UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Nicolas P SchemmerGermanyBernardo Dominic UNQUALIFIED
Julie R GauchoUnited KingdomAsiya Javayant UNQUALIFIED
Arvin P TollnerRussiaXuxue Feng UNQUALIFIED
Wickens M SchemmerFranceIoni Bowcher NEW
Jefferson E FigeroaBrazilXuxue Feng PROPOSAL
Julie I InouyeItalyAsiya Javayant QUALIFIED
Darci L RutaGermanyXuxue Feng QUALIFIED
Julie M OldroydSpainAsiya Javayant NEW
Darci Y FlosiRussiaBernardo Dominic UNQUALIFIED
Antonio U VocelkaUnited KingdomAnna Fali QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aika B StockhamRussia2026-10-20Buckley Miller Wright QUALIFIED75Stephen Shaw
1001Sinclair J MacleadAustralia2026-10-22Chanay, Jeffrey A Esq RENEWAL0Ioni Bowcher
1002Mayumi S MarrierRussia2026-10-25Commercial Press UNQUALIFIED5Onyama Limba
1003Stacey I SlusarskiItaly2026-10-07Chapman, Ross E Esq NEW41Bernardo Dominic
1004Leja V AmigonBrazil2026-10-03Feiner Bros PROPOSAL32Onyama Limba
1005Maria P WhobreyItaly2026-10-25Feiner Bros PROPOSAL68Xuxue Feng
1006Morrow U PaprockiFrance2026-10-27Benton, John B Jr RENEWAL69Anna Fali
1007Murillo E WieserCanada2026-10-05Dorl, James J Esq UNQUALIFIED65Ioni Bowcher
1008Jefferson G RoysterJapan2026-10-03Benton, John B Jr PROPOSAL48Ivan Magalhaes
1009Emily C SergiUnited Kingdom2026-10-17Buckley Miller Wright PROPOSAL91Ioni Bowcher
1010Jeanfrancois G BologniaUnited Kingdom2026-10-27Commercial Press PROPOSAL9Bernardo Dominic
1011Darci P SchemmerCanada2026-10-13Commercial Press NEGOTIATION0Asiya Javayant
1012Ivar J RulapaughBrazil2026-10-12Printing Dimensions UNQUALIFIED28Onyama Limba
1013Leon Z PoquetteItaly2026-10-17Buckley Miller Wright NEW34Ioni Bowcher
1014Darci C FigeroaFrance2026-10-20Benton, John B Jr UNQUALIFIED50Ioni Bowcher
1015Alejandro K KuskoRussia2026-10-31Commercial Press PROPOSAL15Stephen Shaw
1016Maria Z GillianIndia2026-10-11Rousseaux, Michael Esq RENEWAL62Asiya Javayant
1017Kaitlin H FollerBrazil2026-10-22Benton, John B Jr QUALIFIED36Bernardo Dominic
1018Kaitlin T OstroskyBrazil2026-10-11Printing Dimensions NEGOTIATION46Bernardo Dominic
1019Costa I RoysterFrance2026-10-24Chanay, Jeffrey A Esq RENEWAL42Xuxue Feng
1020Clifford I TollnerRussia2026-10-24King, Christopher A Esq PROPOSAL25Stephen Shaw
1021Kaitlin D CampainUnited Kingdom2026-10-09Printing Dimensions QUALIFIED21Bernardo Dominic
1022Smith O FigeroaItaly2026-10-03Feltz Printing Service RENEWAL30Elwin Sharvill
1023Kadeem U FigeroaBrazil2026-10-28Commercial Press UNQUALIFIED59Elwin Sharvill
1024Jennifer O InouyeCanada2026-10-07Feltz Printing Service NEGOTIATION23Ivan Magalhaes
1025Clifford P RoysterRussia2026-10-29Benton, John B Jr NEW53Ivan Magalhaes
1026Munro F ButtJapan2026-10-24Chanay, Jeffrey A Esq UNQUALIFIED95Ioni Bowcher
1027Kadeem A SergiItaly2026-10-07Printing Dimensions PROPOSAL64Bernardo Dominic
1028Ivar X WieserArgentina2026-10-03Printing Dimensions RENEWAL32Ivan Magalhaes
1029Clifford K RoysterFrance2026-10-20Chanay, Jeffrey A Esq UNQUALIFIED8Onyama Limba
1030Costa W FlosiFrance2026-10-26Buckley Miller Wright RENEWAL52Xuxue Feng
1031Ivar I VenereUnited Kingdom2026-10-23Commercial Press QUALIFIED43Elwin Sharvill
1032Kaitlin C MarrierSpain2026-10-24Dorl, James J Esq UNQUALIFIED11Elwin Sharvill
1033Francesco Y BriddickBrazil2026-10-21Dorl, James J Esq PROPOSAL28Bernardo Dominic
1034David R WieserJapan2026-10-07Chanay, Jeffrey A Esq QUALIFIED41Onyama Limba
1035Rodrigues Q AmigonItaly2026-10-20Feiner Bros PROPOSAL45Elwin Sharvill
1036Wickens O FigeroaSpain2026-10-14Feltz Printing Service QUALIFIED90Xuxue Feng
1037Ricardo F GlickAustralia2026-10-06Benton, John B Jr RENEWAL63Amy Elsner
1038Ivar K MaletArgentina2026-10-11Chemel, James L Cpa RENEWAL99Elwin Sharvill
1039Mayumi T MorascaGermany2026-10-15Chapman, Ross E Esq RENEWAL18Ioni Bowcher
1040Arvin H VenereJapan2026-10-30Rousseaux, Michael Esq PROPOSAL2Anna Fali
1041Ashley Q ShinkoFrance2026-10-20Morlong Associates RENEWAL35Bernardo Dominic
1042Ashley P BowleyUnited Kingdom2026-10-11Benton, John B Jr NEGOTIATION33Asiya Javayant
1043Maria V CaldareraUnited Kingdom2026-10-31King, Christopher A Esq NEW13Xuxue Feng
1044Jefferson V PerinCanada2026-10-14Truhlar And Truhlar Attys QUALIFIED35Bernardo Dominic
1045Chavez W BologniaAustralia2026-10-09Chapman, Ross E Esq RENEWAL33Amy Elsner
1046Maria U AmigonSpain2026-10-29Printing Dimensions PROPOSAL71Anna Fali
1047Octavia T ButtCanada2026-10-28Dorl, James J Esq QUALIFIED42Onyama Limba
1048Antonio B FlosiRussia2026-10-20Buckley Miller Wright QUALIFIED87Amy Elsner
1049Aruna R FigeroaArgentina2026-10-05Rousseaux, Michael Esq RENEWAL84Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Francesco V IturbideBrazilStephen Shaw NEW
Munro M SergiFranceXuxue Feng QUALIFIED
Maria U WhobreyJapanAsiya Javayant QUALIFIED
Faith N SaylorsCanadaAsiya Javayant NEW
Kadeem K GarufiArgentinaBernardo Dominic NEW
Stacey C VocelkaCanadaAmy Elsner UNQUALIFIED
Arvin C GarufiArgentinaBernardo Dominic QUALIFIED
Smith L SlusarskiSpainIoni Bowcher RENEWAL
Maisha E KuskoArgentinaOnyama Limba QUALIFIED
Sinclair V CampainItalyElwin Sharvill PROPOSAL
Jefferson K GlickItalyXuxue Feng PROPOSAL
Murillo V AmigonItalyBernardo Dominic QUALIFIED
Murillo P StockhamUnited KingdomXuxue Feng QUALIFIED
Kaitlin B GillianFranceStephen Shaw UNQUALIFIED
Alejandro F NestleSpainIvan Magalhaes NEGOTIATION
Ivar K StensethFranceBernardo Dominic QUALIFIED
Isabel R RoysterFranceIoni Bowcher PROPOSAL
Greenwood J KuskoArgentinaStephen Shaw NEW
Aditya D RoysterAustraliaOnyama Limba QUALIFIED
Johnson A ButtItalyBernardo Dominic QUALIFIED
Morrow R FlosiSpainAnna Fali RENEWAL
Leja D WaycottFranceOnyama Limba NEW
Misaki Y NickaCanadaIvan Magalhaes PROPOSAL
Sinclair N RulapaughRussiaIoni Bowcher UNQUALIFIED
Darci U KolmetzUnited KingdomElwin Sharvill RENEWAL
Stacey C SchemmerArgentinaXuxue Feng NEW
Adams A DarakjyJapanOnyama Limba RENEWAL
Johnson H MaletArgentinaOnyama Limba PROPOSAL
Smith S BowleyArgentinaIoni Bowcher RENEWAL
Wickens C PoquetteJapanBernardo Dominic NEW
Greenwood V TollnerIndiaAnna Fali QUALIFIED
Deepesh Y VenereUnited KingdomStephen Shaw NEGOTIATION
Ivar D NestleCanadaStephen Shaw PROPOSAL
Faith U InouyeSpainElwin Sharvill NEGOTIATION
Silvio Q SergiJapanAsiya Javayant PROPOSAL
Jones O IturbideArgentinaElwin Sharvill RENEWAL
Wickens I PerinJapanStephen Shaw NEGOTIATION
Faith L RulapaughJapanStephen Shaw NEW
Aruna S SergiCanadaStephen Shaw QUALIFIED
Emily C FerenczGermanyBernardo Dominic NEGOTIATION
Maisha H SaylorsBrazilAsiya Javayant QUALIFIED
Maisha J BologniaGermanyXuxue Feng NEGOTIATION
Claire U MaletIndiaBernardo Dominic NEGOTIATION
Maria G BowleyArgentinaBernardo Dominic PROPOSAL
Rodrigues V CaldareraRussiaOnyama Limba QUALIFIED
Leon A SaylorsJapanOnyama Limba UNQUALIFIED
Adams C MaletBrazilAmy Elsner RENEWAL
Clifford G KuskoArgentinaStephen Shaw NEW
Ricardo V CaudyFranceStephen Shaw RENEWAL
Silvio M KolmetzSpainAnna Fali NEGOTIATION
Frozen Columns
Name
Nicolas S Perin
Francesco C Campain
Aruna N Sergi
Johnson M Butt
Arvin T Darakjy
David D Nestle
Mujtaba X Stenseth
Misaki A Ruta
Leon W Gillian
Leon F Albares
Jefferson R Perin
Mujtaba U Gillian
Smith D Foller
Stacey X Caldarera
Leja S Iturbide
David N Nicka
Ricardo C Venere
Darci F Kolmetz
Leon R Amigon
Morrow S Slusarski
Francesco S Perin
Deepesh P Paprocki
Antonio Z Nestle
Emily Y Nicka
Leon L Oldroyd
Leon Z Gaucho
Ricardo L Flosi
Aika N Royster
Leja G Ruta
Julie A Malet
Isabel L Flosi
Smith C Tollner
Wickens L Waycott
Jeanfrancois L Amigon
Mujtaba G Vocelka
Ashley P Caudy
Silvio G Ruta
Adams I Malet
Costa G Royster
Julie T Ostrosky
Aika X Schemmer
Francesco U Campain
Salvatore Z Dilliard
Aika L Nestle
Stacey G Waycott
Morrow S Shinko
Juan H Caudy
Salvatore A Perin
Kaitlin H Kolmetz
Salvatore J Darakjy
IdCountryDate
1000Spain2026-10-16
1001Russia2026-10-28
1002Australia2026-10-28
1003United Kingdom2026-10-24
1004Australia2026-10-24
1005Australia2026-10-13
1006Russia2026-10-12
1007Brazil2026-10-07
1008United Kingdom2026-10-10
1009Australia2026-10-30
1010Argentina2026-10-14
1011Spain2026-10-11
1012Spain2026-10-20
1013Brazil2026-10-31
1014Russia2026-10-16
1015Spain2026-10-08
1016Argentina2026-10-20
1017France2026-10-23
1018France2026-10-27
1019Russia2026-10-14
1020India2026-10-22
1021Japan2026-10-22
1022Brazil2026-10-27
1023Brazil2026-10-12
1024India2026-10-29
1025Australia2026-10-15
1026India2026-11-01
1027Russia2026-10-29
1028India2026-10-24
1029Brazil2026-10-20
1030Canada2026-10-03
1031India2026-10-25
1032Argentina2026-10-31
1033Germany2026-10-22
1034Japan2026-10-11
1035India2026-10-18
1036Japan2026-10-09
1037Japan2026-10-15
1038Brazil2026-10-10
1039Argentina2026-10-06
1040Russia2026-10-18
1041United Kingdom2026-10-13
1042United Kingdom2026-10-08
1043Russia2026-10-20
1044Canada2026-10-22
1045Australia2026-10-15
1046France2026-10-21
1047Japan2026-10-25
1048Canada2026-10-14
1049Japan2026-10-26

On-Demand Data

NameIdCountryDate
Faith J Marrier1000United Kingdom2026-10-07
Murillo D Caudy1001Brazil2026-10-10
Arvin D Glick1002Brazil2026-10-25
Alejandro B Saylors1003United Kingdom2026-10-10
Antonio O Darakjy1004Italy2026-10-26
Chavez Z Nicka1005Germany2026-10-03
Misaki C Royster1006Japan2026-10-12
Jeanfrancois S Saylors1007United Kingdom2026-10-27
Octavia Q Butt1008France2026-10-26
Costa K Maclead1009Italy2026-10-28
Faith I Ostrosky1010Australia2026-11-01
Octavia T Perin1011Spain2026-10-04
Julie P Kolmetz1012Russia2026-10-30
Aruna U Nestle1013Brazil2026-10-15
Costa F Butt1014Germany2026-10-25
Aditya G Glick1015Australia2026-10-06
Maisha U Tollner1016Brazil2026-10-14
Juan N Caudy1017Brazil2026-10-23
David H Maclead1018Australia2026-10-04
Isabel N Doe1019Japan2026-10-05
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
James D VenereCanadaAnna Fali PROPOSAL
Mujtaba V RoysterSpainOnyama Limba UNQUALIFIED
Murillo L MarrierSpainBernardo Dominic QUALIFIED
Kaitlin E PoquetteIndiaOnyama Limba UNQUALIFIED
Salvatore O MaletArgentinaAmy Elsner NEW
Kadeem G PerinGermanyAsiya Javayant NEW
Maisha U RimCanadaAsiya Javayant QUALIFIED
Tony L MaletUnited KingdomBernardo Dominic NEGOTIATION
Johnson B MaletIndiaIoni Bowcher QUALIFIED
Mujtaba S KolmetzItalyElwin Sharvill RENEWAL
Ashley H CaldareraRussiaXuxue Feng NEGOTIATION
Mayumi N ButtGermanyBernardo Dominic UNQUALIFIED
Julie H AmigonItalyBernardo Dominic QUALIFIED
Morrow X FollerGermanyXuxue Feng QUALIFIED
Antonio V DoeArgentinaAsiya Javayant NEGOTIATION
Arvin Q TollnerJapanAsiya Javayant NEGOTIATION
Mayumi C InouyeCanadaXuxue Feng UNQUALIFIED
Aika L GauchoItalyElwin Sharvill NEW
Jones B TollnerJapanIvan Magalhaes PROPOSAL
Clifford K PerinIndiaAmy Elsner QUALIFIED
Aruna I ButtCanadaIoni Bowcher PROPOSAL
Aditya P PoquetteSpainAsiya Javayant UNQUALIFIED
Ashley A FigeroaJapanIvan Magalhaes PROPOSAL
Aditya L VenereFranceXuxue Feng NEW
Mayumi Y DoeIndiaIoni Bowcher RENEWAL
Faith K CaudyCanadaXuxue Feng PROPOSAL
Munro P RoysterBrazilStephen Shaw PROPOSAL
Maria B AmigonFranceXuxue Feng UNQUALIFIED
Jones M ButtIndiaOnyama Limba UNQUALIFIED
Costa C DilliardArgentinaIoni Bowcher NEW
Johnson O GarufiRussiaElwin Sharvill RENEWAL
Costa V InouyeJapanAmy Elsner QUALIFIED
Ashley C SchemmerRussiaOnyama Limba QUALIFIED
Smith W IturbideItalyAmy Elsner UNQUALIFIED
Francesco T OldroydRussiaOnyama Limba NEW
Jones X BriddickAustraliaAmy Elsner RENEWAL
Chavez H MacleadIndiaStephen Shaw QUALIFIED
Antonio T BologniaRussiaAsiya Javayant UNQUALIFIED
Tony I AmigonCanadaStephen Shaw RENEWAL
Smith V WaycottCanadaBernardo Dominic PROPOSAL

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