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
Juan H MaletBrazilBernardo Dominic RENEWAL
Smith C FlosiBrazilIvan Magalhaes UNQUALIFIED
Munro E OstroskyAustraliaStephen Shaw UNQUALIFIED
Wickens S OldroydJapanStephen Shaw RENEWAL
Mujtaba F AmigonItalyBernardo Dominic UNQUALIFIED
Leon U MaletSpainAnna Fali QUALIFIED
Munro H KolmetzItalyBernardo Dominic NEGOTIATION
Mujtaba K NickaJapanIvan Magalhaes PROPOSAL
Claire H WhobreyGermanyElwin Sharvill RENEWAL
Aruna H WhobreyUnited KingdomElwin Sharvill UNQUALIFIED
Alejandro F SlusarskiGermanyAnna Fali UNQUALIFIED
Salvatore F RoysterJapanAmy Elsner RENEWAL
Leja P PoquetteFranceIvan Magalhaes RENEWAL
Costa B PoquetteFranceIvan Magalhaes NEGOTIATION
Misaki B AmigonJapanXuxue Feng NEGOTIATION
Smith E BologniaItalyAsiya Javayant RENEWAL
Jennifer N IturbideUnited KingdomAnna Fali PROPOSAL
Ivar R ShinkoGermanyAmy Elsner UNQUALIFIED
Kadeem W PerinFranceAnna Fali QUALIFIED
Misaki Z PaprockiBrazilIoni Bowcher NEGOTIATION
Silvio I RutaItalyBernardo Dominic PROPOSAL
Munro F DarakjyIndiaOnyama Limba UNQUALIFIED
Ivar R FerenczRussiaIvan Magalhaes RENEWAL
Jeanfrancois S BowleyItalyOnyama Limba PROPOSAL
Greenwood A GauchoUnited KingdomElwin Sharvill QUALIFIED
Jones O WhobreyUnited KingdomIvan Magalhaes NEW
Ivar A KolmetzAustraliaOnyama Limba PROPOSAL
Ivar F KolmetzJapanIoni Bowcher PROPOSAL
Kaitlin U TollnerIndiaIoni Bowcher NEW
Johnson U ShinkoArgentinaElwin Sharvill RENEWAL
Johnson P TollnerJapanAsiya Javayant NEGOTIATION
Jeanfrancois B FigeroaItalyAmy Elsner UNQUALIFIED
Leon F NickaIndiaAmy Elsner PROPOSAL
Leon C StensethIndiaIvan Magalhaes NEW
Maria O ButtRussiaXuxue Feng NEW
Claire R ShinkoIndiaAnna Fali RENEWAL
Mujtaba M ChuiRussiaIvan Magalhaes NEW
Darci A NickaSpainAnna Fali NEGOTIATION
Mayumi X WaycottGermanyXuxue Feng RENEWAL
Emily N DoeRussiaAnna Fali PROPOSAL
Mayumi Q BologniaJapanAnna Fali PROPOSAL
Tony D OldroydUnited KingdomOnyama Limba UNQUALIFIED
Wickens H GillianGermanyOnyama Limba UNQUALIFIED
Claire G PaprockiFranceAmy Elsner NEW
Clifford T RulapaughArgentinaElwin Sharvill RENEWAL
Juan E BologniaBrazilIoni Bowcher PROPOSAL
Francesco K BologniaBrazilElwin Sharvill QUALIFIED
Salvatore H SchemmerRussiaBernardo Dominic RENEWAL
Jones G CaldareraGermanyIvan Magalhaes RENEWAL
Sinclair K VocelkaRussiaStephen Shaw PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Isabel F FigeroaIndiaElwin Sharvill QUALIFIED
Claire B InouyeItalyBernardo Dominic PROPOSAL
Murillo C SergiItalyStephen Shaw NEGOTIATION
Isabel V ChuiJapanElwin Sharvill NEGOTIATION
Leja J RulapaughIndiaIoni Bowcher NEGOTIATION
Isabel G VenereGermanyXuxue Feng PROPOSAL
Ashley E WaycottCanadaXuxue Feng RENEWAL
Alejandro O WaycottBrazilStephen Shaw NEW
Morrow D WaycottFranceAsiya Javayant NEGOTIATION
Maisha J MorascaBrazilAmy Elsner RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Deepesh S BologniaArgentina2026-10-02Rousseaux, Michael Esq NEGOTIATION17Xuxue Feng
1001Jeanfrancois E FigeroaFrance2026-10-14Morlong Associates QUALIFIED33Stephen Shaw
1002Mayumi C OldroydRussia2026-10-03Rousseaux, Michael Esq NEGOTIATION1Elwin Sharvill
1003Ashley I RulapaughRussia2026-10-10King, Christopher A Esq NEW6Stephen Shaw
1004Jeanfrancois A MacleadBrazil2026-10-12Feltz Printing Service QUALIFIED86Onyama Limba
1005Ricardo B RulapaughItaly2026-10-01Morlong Associates NEW97Ioni Bowcher
1006Kadeem X RimRussia2026-09-26King, Christopher A Esq NEW79Ivan Magalhaes
1007Maisha G InouyeFrance2026-09-30Chapman, Ross E Esq QUALIFIED76Onyama Limba
1008Stacey Y AmigonJapan2026-10-14Dorl, James J Esq NEW95Xuxue Feng
1009Kaitlin M RutaItaly2026-09-27Feiner Bros RENEWAL83Stephen Shaw
1010Juan H MacleadFrance2026-09-26Rangoni Of Florence NEGOTIATION6Xuxue Feng
1011Misaki J StockhamJapan2026-10-08Chapman, Ross E Esq NEW77Asiya Javayant
1012Chavez X RoysterFrance2026-10-02Truhlar And Truhlar Attys PROPOSAL23Xuxue Feng
1013Claire Z DilliardIndia2026-10-17Dorl, James J Esq PROPOSAL9Amy Elsner
1014Jennifer K MorascaFrance2026-10-10Commercial Press PROPOSAL54Bernardo Dominic
1015Francesco S NestleFrance2026-09-25King, Christopher A Esq PROPOSAL57Stephen Shaw
1016Kadeem O DarakjySpain2026-09-26Morlong Associates NEGOTIATION3Xuxue Feng
1017Johnson S AlbaresAustralia2026-10-14Commercial Press PROPOSAL19Ivan Magalhaes
1018Clifford B GlickCanada2026-09-25King, Christopher A Esq RENEWAL84Ioni Bowcher
1019Rodrigues Z PaprockiItaly2026-10-16Chapman, Ross E Esq PROPOSAL4Bernardo Dominic
1020Silvio G ButtBrazil2026-10-12Chemel, James L Cpa PROPOSAL35Bernardo Dominic
1021Aruna S GillianArgentina2026-10-18Chanay, Jeffrey A Esq UNQUALIFIED39Anna Fali
1022James L CampainJapan2026-10-09Printing Dimensions RENEWAL44Ioni Bowcher
1023Izzy B SchemmerSpain2026-10-01Feiner Bros RENEWAL23Bernardo Dominic
1024Jones Z MaletBrazil2026-10-22Buckley Miller Wright NEGOTIATION13Anna Fali
1025Aruna T RoysterSpain2026-10-06Feltz Printing Service PROPOSAL69Amy Elsner
1026Jeanfrancois J OstroskySpain2026-10-11Rangoni Of Florence QUALIFIED9Anna Fali
1027Jones I KuskoItaly2026-10-12Dorl, James J Esq QUALIFIED74Elwin Sharvill
1028Alejandro W ShinkoBrazil2026-10-09Feiner Bros QUALIFIED8Xuxue Feng
1029Leon N RutaRussia2026-09-29Commercial Press QUALIFIED93Ioni Bowcher
1030Antonio W ShinkoCanada2026-10-07Feiner Bros RENEWAL52Onyama Limba
1031Kadeem D BriddickCanada2026-09-28Rangoni Of Florence RENEWAL23Anna Fali
1032Ashley L OldroydArgentina2026-10-22Morlong Associates RENEWAL38Onyama Limba
1033Jennifer K BowleyUnited Kingdom2026-10-16Printing Dimensions NEGOTIATION45Ioni Bowcher
1034Izzy V GillianIndia2026-10-16Chemel, James L Cpa NEW50Bernardo Dominic
1035Kaitlin X NestleSpain2026-09-29Truhlar And Truhlar Attys RENEWAL73Stephen Shaw
1036Kaitlin J NestleRussia2026-10-14Truhlar And Truhlar Attys PROPOSAL91Amy Elsner
1037Costa J OldroydSpain2026-10-15Printing Dimensions PROPOSAL79Anna Fali
1038Ivar U GauchoJapan2026-10-19Chapman, Ross E Esq NEGOTIATION62Amy Elsner
1039David Z MacleadItaly2026-09-27Feltz Printing Service NEW48Anna Fali
1040Izzy H StensethBrazil2026-10-22Rangoni Of Florence PROPOSAL30Bernardo Dominic
1041Francesco K NickaBrazil2026-10-01Commercial Press RENEWAL68Ivan Magalhaes
1042Munro O StensethJapan2026-09-24Feltz Printing Service QUALIFIED41Anna Fali
1043Munro A MaletRussia2026-10-11Dorl, James J Esq RENEWAL91Bernardo Dominic
1044Salvatore I RimArgentina2026-09-29Chapman, Ross E Esq UNQUALIFIED69Onyama Limba
1045Clifford Q RutaCanada2026-09-28Feltz Printing Service NEW48Amy Elsner
1046Silvio R KuskoBrazil2026-09-26Benton, John B Jr RENEWAL82Anna Fali
1047Nicolas J KolmetzFrance2026-10-12Chapman, Ross E Esq NEW51Xuxue Feng
1048Jones J GauchoRussia2026-10-02Chemel, James L Cpa PROPOSAL89Elwin Sharvill
1049Smith Z FigeroaRussia2026-10-13Morlong Associates NEW43Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Ricardo N MaletItalyIoni Bowcher NEW
Munro X MaletItalyOnyama Limba QUALIFIED
Kaitlin U StensethJapanBernardo Dominic NEGOTIATION
Deepesh F ShinkoIndiaBernardo Dominic QUALIFIED
Silvio K GillianGermanyStephen Shaw UNQUALIFIED
Clifford K RimIndiaIvan Magalhaes RENEWAL
Costa G SaylorsGermanyBernardo Dominic RENEWAL
Chavez R BriddickItalyBernardo Dominic UNQUALIFIED
Munro F SergiItalyBernardo Dominic RENEWAL
Morrow Q SchemmerUnited KingdomOnyama Limba UNQUALIFIED
Aika M ChuiRussiaOnyama Limba QUALIFIED
Kaitlin N DoeArgentinaAnna Fali PROPOSAL
Jefferson N PoquetteCanadaStephen Shaw PROPOSAL
Mujtaba J SergiFranceIoni Bowcher NEGOTIATION
Stacey P OldroydFranceAmy Elsner NEGOTIATION
Juan U KolmetzCanadaOnyama Limba NEGOTIATION
Rodrigues Z AlbaresJapanAnna Fali UNQUALIFIED
Aruna X GarufiArgentinaIoni Bowcher NEW
Clifford R SlusarskiArgentinaXuxue Feng RENEWAL
Silvio E AlbaresFranceBernardo Dominic RENEWAL
Izzy P FlosiSpainBernardo Dominic RENEWAL
Smith C KuskoArgentinaElwin Sharvill QUALIFIED
Kaitlin M VenereJapanStephen Shaw QUALIFIED
Tony K MarrierArgentinaAnna Fali NEGOTIATION
Silvio F RutaFranceOnyama Limba UNQUALIFIED
Costa M BriddickAustraliaIoni Bowcher RENEWAL
Clifford Z IturbideItalyStephen Shaw QUALIFIED
Adams D GarufiCanadaElwin Sharvill NEGOTIATION
Stacey U MorascaArgentinaAmy Elsner QUALIFIED
Ricardo Z CaldareraUnited KingdomAmy Elsner NEW
James A RoysterItalyAnna Fali QUALIFIED
Francesco U FlosiJapanStephen Shaw NEGOTIATION
Claire C OldroydRussiaIoni Bowcher RENEWAL
Mayumi M BowleyFranceAsiya Javayant NEGOTIATION
Costa F GauchoJapanIvan Magalhaes RENEWAL
Maria M SlusarskiSpainStephen Shaw NEGOTIATION
Mujtaba S GarufiJapanOnyama Limba RENEWAL
Greenwood P BriddickRussiaBernardo Dominic RENEWAL
Ricardo E RutaGermanyBernardo Dominic PROPOSAL
Jefferson O DilliardGermanyAsiya Javayant PROPOSAL
Julie A SchemmerUnited KingdomElwin Sharvill RENEWAL
Maisha S GlickBrazilAmy Elsner RENEWAL
Chavez H DilliardFranceStephen Shaw NEGOTIATION
Misaki M NickaRussiaElwin Sharvill UNQUALIFIED
Deepesh V WaycottUnited KingdomIoni Bowcher NEGOTIATION
Clifford F BriddickAustraliaXuxue Feng NEGOTIATION
Tony T AmigonJapanAmy Elsner RENEWAL
Izzy E MaletGermanyBernardo Dominic UNQUALIFIED
Faith X RutaAustraliaIvan Magalhaes NEGOTIATION
Emily A ShinkoJapanAmy Elsner UNQUALIFIED
Frozen Columns
Name
Tony Q Whobrey
Jefferson Y Dilliard
Ricardo R Gillian
Faith J Malet
Tony B Tollner
Misaki Y Royster
Aika D Inouye
Jeanfrancois X Chui
Antonio L Amigon
James L Oldroyd
Arvin Q Bolognia
Francesco F Iturbide
Jennifer Q Chui
Aditya L Rulapaugh
Izzy V Kusko
Mayumi K Slusarski
Smith P Chui
Kaitlin L Inouye
Deepesh Y Kusko
Rodrigues E Rulapaugh
Silvio B Gaucho
Kadeem I Figeroa
Chavez O Malet
Kaitlin F Chui
Aruna F Iturbide
Isabel L Ostrosky
James D Whobrey
Darci C Stenseth
Sinclair P Vocelka
Jones W Ostrosky
Nicolas Z Malet
Stacey C Bolognia
Juan V Malet
Juan W Chui
Tony W Venere
Leon P Rulapaugh
Nicolas R Schemmer
Aika F Paprocki
Rodrigues C Maclead
Juan X Albares
Izzy L Caldarera
Deepesh K Stenseth
Nicolas R Stockham
Sinclair B Rim
Kaitlin A Saylors
Misaki K Malet
Francesco E Slusarski
Kaitlin P Flosi
Antonio Z Tollner
Jennifer C Schemmer
IdCountryDate
1000India2026-10-15
1001India2026-09-26
1002Germany2026-09-27
1003Argentina2026-10-01
1004Australia2026-10-16
1005India2026-09-26
1006Germany2026-10-19
1007Spain2026-10-03
1008Russia2026-10-12
1009Australia2026-10-16
1010France2026-10-19
1011Japan2026-10-01
1012Germany2026-09-24
1013United Kingdom2026-09-28
1014Argentina2026-10-22
1015India2026-10-23
1016Japan2026-10-22
1017France2026-09-30
1018Brazil2026-09-30
1019Italy2026-10-08
1020United Kingdom2026-10-06
1021Japan2026-10-23
1022France2026-10-17
1023United Kingdom2026-10-23
1024Spain2026-09-25
1025Brazil2026-10-16
1026India2026-10-10
1027United Kingdom2026-10-19
1028Russia2026-09-30
1029Australia2026-09-24
1030Spain2026-10-07
1031India2026-10-23
1032France2026-10-07
1033India2026-09-26
1034Spain2026-10-14
1035Italy2026-09-25
1036Japan2026-10-14
1037India2026-10-10
1038Spain2026-10-11
1039Argentina2026-09-24
1040Germany2026-10-04
1041Russia2026-10-11
1042India2026-10-11
1043Russia2026-10-23
1044India2026-10-07
1045Australia2026-10-18
1046United Kingdom2026-10-22
1047Australia2026-10-21
1048Argentina2026-10-14
1049Spain2026-10-20

On-Demand Data

NameIdCountryDate
Maria V Doe1000Spain2026-09-28
Munro L Royster1001Germany2026-10-02
Nicolas M Darakjy1002Australia2026-10-15
Aditya T Vocelka1003India2026-10-03
Nicolas D Caldarera1004Italy2026-10-20
Octavia D Dilliard1005India2026-10-07
Aditya J Oldroyd1006Italy2026-10-05
Ricardo Z Whobrey1007Spain2026-10-13
Faith P Tollner1008Spain2026-10-18
Adams N Malet1009Germany2026-10-09
Tony S Butt1010Russia2026-09-25
Mujtaba B Nestle1011Germany2026-09-28
Aika S Perin1012Japan2026-10-11
Stacey H Oldroyd1013Russia2026-10-16
Aruna G Dilliard1014Brazil2026-10-08
Ivar W Tollner1015Australia2026-10-17
David D Glick1016Australia2026-10-05
Stacey I Caudy1017Spain2026-10-08
Emily W Maclead1018United Kingdom2026-10-02
Leon M Nestle1019United Kingdom2026-10-03
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Wickens X DoeSpainAmy Elsner RENEWAL
Octavia O CampainArgentinaOnyama Limba RENEWAL
Kaitlin W ShinkoGermanyStephen Shaw NEW
Chavez H CampainGermanyBernardo Dominic NEGOTIATION
Costa D ShinkoFranceAmy Elsner RENEWAL
Rodrigues A WaycottIndiaBernardo Dominic UNQUALIFIED
Tony E MarrierAustraliaAnna Fali NEW
Cody C GauchoRussiaXuxue Feng PROPOSAL
Francesco J VenereFranceStephen Shaw RENEWAL
Jennifer V AmigonSpainIvan Magalhaes QUALIFIED
James P PaprockiRussiaOnyama Limba PROPOSAL
James Z KolmetzSpainXuxue Feng NEGOTIATION
David N GarufiArgentinaAmy Elsner RENEWAL
Clifford K CaudyCanadaStephen Shaw PROPOSAL
Nicolas C GarufiItalyElwin Sharvill NEGOTIATION
Tony H CampainAustraliaOnyama Limba RENEWAL
Munro M PaprockiGermanyStephen Shaw NEGOTIATION
Izzy A StensethCanadaStephen Shaw UNQUALIFIED
Salvatore R NickaRussiaBernardo Dominic PROPOSAL
Leon P SchemmerJapanIoni Bowcher NEW
Costa N ButtJapanXuxue Feng RENEWAL
Clifford S DilliardCanadaElwin Sharvill RENEWAL
James O ButtRussiaAsiya Javayant QUALIFIED
Mujtaba V OstroskyRussiaBernardo Dominic NEW
Smith W BowleyFranceOnyama Limba NEGOTIATION
Isabel F GarufiRussiaAsiya Javayant PROPOSAL
Ivar H OstroskyJapanAsiya Javayant NEW
Mujtaba N DarakjyGermanyBernardo Dominic NEGOTIATION
Tony C MorascaItalyOnyama Limba NEGOTIATION
Morrow R WaycottSpainAsiya Javayant PROPOSAL
Maria B TollnerGermanyElwin Sharvill NEW
Clifford I RimRussiaAnna Fali NEW
Deepesh F GauchoIndiaIvan Magalhaes UNQUALIFIED
Francesco M DoeFranceBernardo Dominic PROPOSAL
Alejandro M GarufiBrazilXuxue Feng QUALIFIED
James S WieserArgentinaOnyama Limba UNQUALIFIED
Arvin R StensethRussiaIoni Bowcher QUALIFIED
Ashley J BowleyUnited KingdomIoni Bowcher QUALIFIED
Jeanfrancois I VenereArgentinaAmy Elsner NEGOTIATION
Misaki G ChuiIndiaBernardo Dominic 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>