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
Isabel Y TollnerIndiaIvan Magalhaes QUALIFIED
Munro K RimSpainIoni Bowcher UNQUALIFIED
Faith U CaldareraCanadaStephen Shaw PROPOSAL
Wickens C OstroskySpainAnna Fali RENEWAL
Arvin Z SaylorsIndiaOnyama Limba RENEWAL
Maria U MaletJapanAnna Fali NEGOTIATION
Nicolas B RutaJapanElwin Sharvill PROPOSAL
Adams N ChuiRussiaAnna Fali UNQUALIFIED
Leja D MorascaRussiaElwin Sharvill PROPOSAL
Izzy Q PaprockiIndiaAmy Elsner RENEWAL
Maria N MarrierArgentinaOnyama Limba UNQUALIFIED
Juan O InouyeRussiaStephen Shaw RENEWAL
Francesco X AmigonSpainElwin Sharvill QUALIFIED
Francesco U FigeroaRussiaAsiya Javayant RENEWAL
Mayumi Q PaprockiGermanyIvan Magalhaes RENEWAL
James A NestleAustraliaXuxue Feng QUALIFIED
Salvatore C PaprockiFranceAmy Elsner NEW
Ivar J CaudyItalyOnyama Limba RENEWAL
Isabel S OstroskyIndiaXuxue Feng QUALIFIED
Antonio L RoysterRussiaXuxue Feng PROPOSAL
Mayumi I VocelkaRussiaStephen Shaw PROPOSAL
Munro R GlickBrazilIvan Magalhaes PROPOSAL
Maisha W KolmetzAustraliaXuxue Feng PROPOSAL
Arvin L ShinkoJapanBernardo Dominic RENEWAL
Leja F GauchoSpainElwin Sharvill UNQUALIFIED
Silvio A BologniaFranceAnna Fali UNQUALIFIED
Greenwood Q FerenczIndiaAsiya Javayant QUALIFIED
Julie K VenereGermanyElwin Sharvill RENEWAL
Alejandro R FerenczFranceAmy Elsner RENEWAL
James Y PerinBrazilAnna Fali RENEWAL
Francesco X GlickIndiaBernardo Dominic RENEWAL
Isabel O CaudyBrazilBernardo Dominic NEW
Mayumi J GlickSpainOnyama Limba NEGOTIATION
Juan J VocelkaFranceStephen Shaw PROPOSAL
Francesco E KuskoArgentinaAsiya Javayant QUALIFIED
Mujtaba R OstroskyUnited KingdomXuxue Feng NEGOTIATION
Misaki W VocelkaSpainIoni Bowcher UNQUALIFIED
Stacey B RimRussiaElwin Sharvill NEW
Julie X FollerArgentinaAnna Fali RENEWAL
James J SchemmerBrazilStephen Shaw PROPOSAL
Cody B GillianIndiaXuxue Feng UNQUALIFIED
Johnson P MaletGermanyOnyama Limba RENEWAL
Maisha L RutaArgentinaOnyama Limba UNQUALIFIED
Ivar J TollnerFranceAsiya Javayant RENEWAL
Aruna C WhobreyJapanAsiya Javayant RENEWAL
Antonio N DilliardGermanyXuxue Feng NEW
Leon D InouyeBrazilAnna Fali RENEWAL
Ashley A VocelkaSpainStephen Shaw RENEWAL
Octavia Q NestleIndiaStephen Shaw NEGOTIATION
Ashley Z FlosiAustraliaAmy Elsner UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Mayumi L GarufiUnited KingdomStephen Shaw NEGOTIATION
Aditya K RoysterArgentinaIvan Magalhaes UNQUALIFIED
Kaitlin E FigeroaFranceOnyama Limba PROPOSAL
Morrow B StockhamBrazilIvan Magalhaes RENEWAL
Faith M OstroskyItalyAsiya Javayant RENEWAL
Juan C FerenczAustraliaAnna Fali NEGOTIATION
Kaitlin I SaylorsArgentinaElwin Sharvill UNQUALIFIED
James O CampainAustraliaBernardo Dominic UNQUALIFIED
Ivar A BowleyUnited KingdomAsiya Javayant UNQUALIFIED
Leon W GlickUnited KingdomElwin Sharvill NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Cody K BowleyIndia2026-10-13Benton, John B Jr PROPOSAL92Elwin Sharvill
1001Smith T PoquetteBrazil2026-10-18Chemel, James L Cpa NEGOTIATION87Asiya Javayant
1002Cody F BowleyUnited Kingdom2026-10-31Rangoni Of Florence UNQUALIFIED62Ioni Bowcher
1003Leon K BowleyFrance2026-10-31Chapman, Ross E Esq NEW16Ioni Bowcher
1004Juan Y AmigonBrazil2026-11-02Commercial Press NEW98Asiya Javayant
1005Greenwood F VenereSpain2026-10-15Printing Dimensions NEGOTIATION24Bernardo Dominic
1006Jennifer L FlosiRussia2026-11-09Feltz Printing Service UNQUALIFIED22Onyama Limba
1007Mayumi C NickaGermany2026-10-31Truhlar And Truhlar Attys NEW72Bernardo Dominic
1008Chavez X RulapaughArgentina2026-11-08Feltz Printing Service QUALIFIED12Xuxue Feng
1009Murillo V GlickGermany2026-10-13Benton, John B Jr RENEWAL59Asiya Javayant
1010Costa M OstroskyIndia2026-10-31Morlong Associates UNQUALIFIED67Onyama Limba
1011Silvio W MacleadArgentina2026-11-10King, Christopher A Esq NEGOTIATION38Onyama Limba
1012Clifford O ButtCanada2026-10-22Rangoni Of Florence PROPOSAL98Onyama Limba
1013Stacey A VenereAustralia2026-10-25Dorl, James J Esq NEW66Asiya Javayant
1014Cody M TollnerUnited Kingdom2026-10-31Rousseaux, Michael Esq PROPOSAL18Onyama Limba
1015Stacey A SchemmerCanada2026-11-09Chanay, Jeffrey A Esq NEGOTIATION50Ioni Bowcher
1016Misaki L PoquetteAustralia2026-10-30Chapman, Ross E Esq NEGOTIATION34Elwin Sharvill
1017Adams K SergiCanada2026-10-23Dorl, James J Esq NEW67Xuxue Feng
1018Ricardo F MacleadUnited Kingdom2026-11-06Buckley Miller Wright QUALIFIED46Ioni Bowcher
1019Ashley Q PoquetteAustralia2026-11-09Commercial Press NEW14Onyama Limba
1020Deepesh H RimUnited Kingdom2026-11-05Chapman, Ross E Esq NEGOTIATION9Ivan Magalhaes
1021Aditya Y VocelkaJapan2026-11-06Chemel, James L Cpa NEW18Asiya Javayant
1022Faith U CaudyFrance2026-10-14Morlong Associates PROPOSAL81Xuxue Feng
1023Rodrigues Z NickaAustralia2026-10-19Dorl, James J Esq QUALIFIED21Stephen Shaw
1024Juan V GillianAustralia2026-11-01Feltz Printing Service RENEWAL53Stephen Shaw
1025David I GlickAustralia2026-11-07Dorl, James J Esq NEW27Ioni Bowcher
1026Deepesh E MarrierRussia2026-10-19Dorl, James J Esq RENEWAL84Asiya Javayant
1027Stacey V BologniaGermany2026-10-26Dorl, James J Esq UNQUALIFIED28Elwin Sharvill
1028Maisha R PoquetteSpain2026-11-03Chanay, Jeffrey A Esq UNQUALIFIED34Ioni Bowcher
1029Adams H RulapaughIndia2026-10-29Dorl, James J Esq QUALIFIED75Ioni Bowcher
1030Izzy D SaylorsCanada2026-10-15Printing Dimensions UNQUALIFIED66Xuxue Feng
1031Nicolas G GlickItaly2026-10-18Chemel, James L Cpa RENEWAL66Ioni Bowcher
1032Murillo E AlbaresAustralia2026-10-15Chanay, Jeffrey A Esq NEW31Onyama Limba
1033Alejandro P NickaIndia2026-10-28Rangoni Of Florence RENEWAL24Bernardo Dominic
1034Francesco Y KolmetzGermany2026-11-05Benton, John B Jr QUALIFIED98Ioni Bowcher
1035Adams O MacleadSpain2026-11-05Buckley Miller Wright UNQUALIFIED18Onyama Limba
1036Wickens G GlickCanada2026-10-26Commercial Press UNQUALIFIED78Asiya Javayant
1037Adams O InouyeBrazil2026-10-30Dorl, James J Esq PROPOSAL7Xuxue Feng
1038Leon M AlbaresItaly2026-11-07Rousseaux, Michael Esq NEGOTIATION46Ivan Magalhaes
1039Stacey S OldroydRussia2026-11-07Feiner Bros NEGOTIATION44Elwin Sharvill
1040Johnson D GlickRussia2026-11-10Feltz Printing Service PROPOSAL73Anna Fali
1041Kaitlin L GarufiRussia2026-11-11Printing Dimensions QUALIFIED70Asiya Javayant
1042Deepesh S DarakjyAustralia2026-10-16Chapman, Ross E Esq QUALIFIED20Onyama Limba
1043Maria Q VenereItaly2026-10-23Printing Dimensions NEGOTIATION45Amy Elsner
1044Maisha J AmigonAustralia2026-11-03Chapman, Ross E Esq NEGOTIATION93Onyama Limba
1045Ricardo J MarrierJapan2026-10-13Morlong Associates NEW95Onyama Limba
1046Darci K NickaJapan2026-10-23Rousseaux, Michael Esq PROPOSAL88Ioni Bowcher
1047Kadeem U StensethBrazil2026-10-18King, Christopher A Esq PROPOSAL80Amy Elsner
1048Leja Q WhobreyUnited Kingdom2026-10-25Rangoni Of Florence NEW43Bernardo Dominic
1049Smith C PerinFrance2026-10-31Commercial Press QUALIFIED8Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Wickens A DilliardFranceAmy Elsner NEGOTIATION
Morrow X RoysterRussiaElwin Sharvill RENEWAL
Misaki N FigeroaGermanyAsiya Javayant UNQUALIFIED
Maria U CaldareraUnited KingdomAsiya Javayant RENEWAL
Silvio B StensethSpainIvan Magalhaes UNQUALIFIED
Mayumi O WhobreyArgentinaBernardo Dominic RENEWAL
Aika D AmigonGermanyStephen Shaw NEW
Jennifer C CaudyBrazilAsiya Javayant PROPOSAL
Ashley S BowleyJapanIoni Bowcher NEW
Aruna S CaldareraRussiaAmy Elsner PROPOSAL
Kadeem R TollnerJapanIvan Magalhaes PROPOSAL
James N BowleyGermanyIvan Magalhaes UNQUALIFIED
Morrow U MaletArgentinaIvan Magalhaes UNQUALIFIED
Ashley N SaylorsJapanOnyama Limba QUALIFIED
Johnson T CaldareraAustraliaAnna Fali UNQUALIFIED
Kaitlin G ButtCanadaXuxue Feng PROPOSAL
Ricardo F OldroydArgentinaAnna Fali QUALIFIED
Jeanfrancois I InouyeArgentinaElwin Sharvill NEGOTIATION
Rodrigues J BowleySpainXuxue Feng NEW
Octavia C DilliardSpainAsiya Javayant PROPOSAL
Jeanfrancois B RoysterGermanyElwin Sharvill PROPOSAL
Juan R MorascaRussiaElwin Sharvill PROPOSAL
Cody C PerinUnited KingdomElwin Sharvill NEGOTIATION
Ricardo F CampainSpainIoni Bowcher NEW
Aditya B OstroskyFranceAnna Fali PROPOSAL
Isabel Z TollnerRussiaIvan Magalhaes UNQUALIFIED
Salvatore R TollnerUnited KingdomXuxue Feng QUALIFIED
Julie L CampainSpainBernardo Dominic RENEWAL
Octavia H CampainArgentinaXuxue Feng NEGOTIATION
Mayumi M StensethSpainIoni Bowcher UNQUALIFIED
Tony G PoquetteRussiaXuxue Feng PROPOSAL
Chavez O KolmetzJapanStephen Shaw NEW
Julie P DarakjyArgentinaStephen Shaw NEGOTIATION
Murillo J PerinAustraliaStephen Shaw UNQUALIFIED
Johnson J OldroydCanadaBernardo Dominic RENEWAL
Isabel F BowleyCanadaAnna Fali PROPOSAL
Julie X PerinBrazilAnna Fali NEGOTIATION
Deepesh Q MorascaUnited KingdomBernardo Dominic PROPOSAL
Faith Y RimItalyXuxue Feng NEW
Kadeem S DoeArgentinaOnyama Limba QUALIFIED
Mayumi U SergiItalyAmy Elsner RENEWAL
Kaitlin J SchemmerBrazilAnna Fali NEW
Sinclair N BologniaRussiaOnyama Limba QUALIFIED
Maisha B GlickBrazilAsiya Javayant QUALIFIED
Aditya X DilliardSpainOnyama Limba PROPOSAL
Juan L SchemmerRussiaAnna Fali PROPOSAL
Costa W VenereFranceAsiya Javayant NEGOTIATION
Antonio B FlosiFranceElwin Sharvill QUALIFIED
Maria Y GillianSpainAmy Elsner UNQUALIFIED
Johnson U SlusarskiArgentinaXuxue Feng RENEWAL
Frozen Columns
Name
Costa N Nestle
Adams I Sergi
Ricardo O Amigon
Isabel G Malet
Francesco V Malet
Nicolas U Chui
Jeanfrancois U Caldarera
Antonio O Doe
Ivar F Perin
Deepesh W Stockham
Greenwood X Figeroa
Jennifer G Rim
Wickens M Nicka
Adams E Malet
Emily F Shinko
Octavia G Venere
James S Royster
Aruna D Iturbide
Mayumi N Tollner
Leon S Kusko
Nicolas D Shinko
Misaki S Oldroyd
Ricardo Y Darakjy
Izzy G Saylors
David E Wieser
Costa O Iturbide
Julie V Caldarera
Aditya P Saylors
Claire Q Chui
Faith D Vocelka
Adams K Glick
Ivar U Tollner
Antonio G Ostrosky
Ivar Q Glick
Arvin L Bowley
Juan L Whobrey
Leja G Tollner
Tony M Caldarera
Ricardo Y Paprocki
Stacey L Dilliard
Jefferson F Waycott
Johnson I Caudy
David Q Figeroa
Alejandro R Wieser
Jennifer W Foller
Kadeem I Ferencz
Emily D Wieser
Tony V Butt
Leja V Venere
Maisha T Nicka
IdCountryDate
1000Japan2026-11-08
1001Spain2026-10-19
1002India2026-10-22
1003Italy2026-10-27
1004France2026-10-29
1005Canada2026-10-17
1006India2026-10-13
1007United Kingdom2026-11-07
1008India2026-11-03
1009India2026-10-13
1010Canada2026-10-24
1011Canada2026-11-04
1012Argentina2026-11-01
1013Australia2026-10-15
1014India2026-11-07
1015Argentina2026-11-10
1016Brazil2026-10-23
1017Spain2026-10-21
1018Spain2026-10-14
1019United Kingdom2026-10-24
1020Australia2026-10-25
1021Argentina2026-10-22
1022Canada2026-10-15
1023India2026-11-08
1024Australia2026-10-20
1025Japan2026-11-03
1026Australia2026-10-17
1027Germany2026-10-25
1028Brazil2026-10-24
1029Russia2026-11-03
1030India2026-11-11
1031Brazil2026-10-22
1032Brazil2026-11-08
1033Australia2026-11-09
1034France2026-11-09
1035India2026-10-23
1036Canada2026-10-23
1037Italy2026-11-08
1038Argentina2026-10-28
1039India2026-11-01
1040Australia2026-11-04
1041Argentina2026-11-06
1042Australia2026-10-23
1043Italy2026-10-28
1044Brazil2026-10-13
1045France2026-11-01
1046Brazil2026-11-06
1047France2026-10-22
1048Russia2026-11-09
1049Argentina2026-10-26

On-Demand Data

NameIdCountryDate
Aika M Rulapaugh1000United Kingdom2026-10-27
Adams U Malet1001Canada2026-10-15
Nicolas I Glick1002Canada2026-10-22
Wickens C Vocelka1003Brazil2026-10-13
Claire P Amigon1004Argentina2026-11-01
Cody H Albares1005Brazil2026-11-03
Tony B Bolognia1006Australia2026-11-06
Julie B Caldarera1007Italy2026-11-02
Johnson M Iturbide1008Japan2026-10-25
Cody A Wieser1009India2026-11-09
Wickens S Ostrosky1010Australia2026-11-10
Francesco Q Paprocki1011Germany2026-11-03
Jones Q Malet1012India2026-10-26
Octavia G Dilliard1013Italy2026-10-21
Leon W Rulapaugh1014Germany2026-11-07
Antonio I Rim1015Argentina2026-11-03
Nicolas K Whobrey1016Argentina2026-10-17
Costa O Gillian1017France2026-10-15
Clifford Z Figeroa1018India2026-11-10
Sinclair H Dilliard1019Australia2026-10-22
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Munro I GauchoFranceAmy Elsner RENEWAL
Maria D SlusarskiSpainStephen Shaw NEGOTIATION
Jeanfrancois V RulapaughFranceXuxue Feng RENEWAL
Wickens N MaletItalyBernardo Dominic NEW
Faith B DoeBrazilElwin Sharvill NEW
Wickens P WieserJapanOnyama Limba QUALIFIED
Murillo G WieserFranceIoni Bowcher RENEWAL
Claire B CampainSpainIvan Magalhaes UNQUALIFIED
Claire X ShinkoIndiaAnna Fali PROPOSAL
Rodrigues N PoquetteIndiaIoni Bowcher NEGOTIATION
Juan D BologniaIndiaAsiya Javayant NEGOTIATION
Misaki X StensethIndiaAmy Elsner RENEWAL
Jennifer A BologniaBrazilXuxue Feng PROPOSAL
Adams Q InouyeGermanyElwin Sharvill NEW
Juan U MaletJapanOnyama Limba PROPOSAL
Maisha I GarufiRussiaAnna Fali NEW
Silvio J FollerIndiaBernardo Dominic QUALIFIED
Rodrigues O StockhamArgentinaXuxue Feng QUALIFIED
Leja I CaldareraGermanyStephen Shaw QUALIFIED
Mujtaba G SlusarskiSpainElwin Sharvill NEW
Silvio J PerinCanadaElwin Sharvill RENEWAL
Morrow Z PoquetteGermanyAsiya Javayant NEW
Murillo A GillianCanadaXuxue Feng NEW
Juan U GlickAustraliaAsiya Javayant QUALIFIED
Ivar Z NestleCanadaOnyama Limba NEW
Arvin X ShinkoItalyElwin Sharvill NEW
Darci M BologniaArgentinaAnna Fali NEGOTIATION
Deepesh M CampainSpainIvan Magalhaes NEW
Clifford W SergiIndiaOnyama Limba UNQUALIFIED
Octavia R WaycottRussiaStephen Shaw UNQUALIFIED
Costa X AmigonBrazilBernardo Dominic QUALIFIED
Aruna D NestleCanadaElwin Sharvill RENEWAL
Octavia M IturbideSpainAsiya Javayant QUALIFIED
Greenwood L WaycottRussiaIoni Bowcher QUALIFIED
Silvio H SchemmerGermanyAnna Fali QUALIFIED
Jennifer T NestleAustraliaAmy Elsner NEGOTIATION
Claire D SlusarskiSpainElwin Sharvill QUALIFIED
Alejandro U ShinkoItalyOnyama Limba UNQUALIFIED
Ricardo F ChuiGermanyXuxue Feng QUALIFIED
Darci P RimRussiaAnna Fali 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>