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
Maisha A KolmetzJapanXuxue Feng RENEWAL
Salvatore S RulapaughUnited KingdomIvan Magalhaes PROPOSAL
James S GarufiJapanXuxue Feng NEGOTIATION
Juan U VenereUnited KingdomAmy Elsner PROPOSAL
Juan J CaudyAustraliaIvan Magalhaes NEW
Aruna E WaycottIndiaIvan Magalhaes NEW
Cody J BriddickUnited KingdomStephen Shaw UNQUALIFIED
Silvio F GauchoJapanBernardo Dominic NEGOTIATION
Nicolas U PoquetteUnited KingdomXuxue Feng PROPOSAL
Francesco Z SergiCanadaAnna Fali PROPOSAL
James C InouyeIndiaStephen Shaw NEGOTIATION
Sinclair K KolmetzAustraliaAnna Fali NEW
Chavez G StockhamSpainIoni Bowcher UNQUALIFIED
Stacey P BologniaJapanAsiya Javayant NEGOTIATION
Munro D GillianFranceStephen Shaw QUALIFIED
Jennifer G OstroskyJapanAsiya Javayant PROPOSAL
Munro L RoysterUnited KingdomAnna Fali RENEWAL
Silvio W RoysterSpainAmy Elsner RENEWAL
Ashley H DarakjyRussiaElwin Sharvill QUALIFIED
Jefferson G SchemmerArgentinaXuxue Feng NEGOTIATION
Adams I FollerUnited KingdomIoni Bowcher UNQUALIFIED
Stacey J SchemmerIndiaAsiya Javayant QUALIFIED
Ashley M WaycottAustraliaXuxue Feng UNQUALIFIED
James X KuskoJapanElwin Sharvill RENEWAL
Kaitlin A NestleJapanElwin Sharvill QUALIFIED
Aika C RutaJapanXuxue Feng PROPOSAL
Mayumi C CaldareraCanadaOnyama Limba QUALIFIED
Aruna J SchemmerAustraliaAmy Elsner NEW
David K PaprockiJapanXuxue Feng UNQUALIFIED
Mayumi G MaletAustraliaOnyama Limba RENEWAL
Kadeem B SaylorsCanadaIvan Magalhaes QUALIFIED
Nicolas O RutaGermanyIvan Magalhaes PROPOSAL
Izzy P PoquetteFranceOnyama Limba NEW
Claire V BologniaItalyAnna Fali RENEWAL
Julie Q GarufiCanadaOnyama Limba NEW
Kadeem D StockhamBrazilIoni Bowcher NEGOTIATION
Octavia S AlbaresRussiaIvan Magalhaes QUALIFIED
Maria R SergiGermanyXuxue Feng QUALIFIED
Chavez I AmigonUnited KingdomAnna Fali NEGOTIATION
Nicolas U SergiRussiaAnna Fali NEGOTIATION
Cody X KuskoUnited KingdomAnna Fali PROPOSAL
Francesco R VocelkaGermanyElwin Sharvill NEW
Ashley Y RoysterItalyOnyama Limba QUALIFIED
Antonio U WieserGermanyAmy Elsner NEGOTIATION
Arvin Z SergiAustraliaIvan Magalhaes RENEWAL
Costa I ButtItalyIoni Bowcher NEGOTIATION
Deepesh K BologniaItalyBernardo Dominic NEW
Aditya R BriddickItalyAsiya Javayant UNQUALIFIED
Chavez X CaudyIndiaAsiya Javayant QUALIFIED
Isabel S GillianUnited KingdomOnyama Limba UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Smith U FlosiSpainStephen Shaw UNQUALIFIED
Silvio U VenereArgentinaBernardo Dominic RENEWAL
Murillo A StockhamRussiaBernardo Dominic QUALIFIED
James N TollnerRussiaOnyama Limba PROPOSAL
Chavez M CaldareraBrazilOnyama Limba QUALIFIED
Antonio G StensethJapanAnna Fali QUALIFIED
Smith B CaldareraItalyIoni Bowcher RENEWAL
Kadeem P NestleCanadaAsiya Javayant UNQUALIFIED
Tony E SchemmerArgentinaIvan Magalhaes NEW
Julie S ShinkoJapanStephen Shaw RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jones H OstroskyFrance2026-10-16Chemel, James L Cpa NEW84Bernardo Dominic
1001Deepesh C StockhamJapan2026-09-30Chemel, James L Cpa UNQUALIFIED2Onyama Limba
1002Alejandro X SergiJapan2026-10-19Truhlar And Truhlar Attys NEGOTIATION25Stephen Shaw
1003Sinclair X WaycottAustralia2026-10-02King, Christopher A Esq UNQUALIFIED68Onyama Limba
1004Antonio L PerinFrance2026-09-25Feltz Printing Service PROPOSAL67Ivan Magalhaes
1005Aditya D PaprockiCanada2026-09-29Chemel, James L Cpa RENEWAL5Ivan Magalhaes
1006Julie M BowleyGermany2026-09-24Benton, John B Jr NEW13Bernardo Dominic
1007Kaitlin N CampainSpain2026-09-24Dorl, James J Esq NEGOTIATION43Ivan Magalhaes
1008Alejandro F ShinkoIndia2026-09-28Chemel, James L Cpa RENEWAL12Onyama Limba
1009Ivar Q KuskoCanada2026-10-13Commercial Press PROPOSAL5Amy Elsner
1010Julie M PaprockiFrance2026-10-18Feltz Printing Service NEW44Anna Fali
1011Murillo Q FerenczRussia2026-10-13Chemel, James L Cpa RENEWAL92Onyama Limba
1012Ashley F RimArgentina2026-10-12Commercial Press UNQUALIFIED36Elwin Sharvill
1013Leon N DoeRussia2026-09-25Morlong Associates NEW13Onyama Limba
1014Aditya P SergiJapan2026-10-14Chapman, Ross E Esq NEW54Onyama Limba
1015Antonio W RimUnited Kingdom2026-10-01Printing Dimensions RENEWAL46Ivan Magalhaes
1016Darci K RoysterFrance2026-10-16Chanay, Jeffrey A Esq NEGOTIATION24Ioni Bowcher
1017Stacey T IturbideFrance2026-10-01Rousseaux, Michael Esq QUALIFIED40Asiya Javayant
1018Arvin O RutaFrance2026-10-19Chapman, Ross E Esq QUALIFIED69Bernardo Dominic
1019Darci Z CaudyFrance2026-10-16Chanay, Jeffrey A Esq PROPOSAL16Ioni Bowcher
1020Octavia B RoysterRussia2026-10-13Printing Dimensions RENEWAL87Xuxue Feng
1021Julie B AmigonJapan2026-10-07Rangoni Of Florence UNQUALIFIED49Anna Fali
1022Morrow G GarufiJapan2026-10-02King, Christopher A Esq NEGOTIATION65Onyama Limba
1023Claire R GillianUnited Kingdom2026-10-10Chapman, Ross E Esq QUALIFIED15Bernardo Dominic
1024Faith B BriddickAustralia2026-10-18King, Christopher A Esq NEGOTIATION41Asiya Javayant
1025Antonio S BologniaFrance2026-10-19Feiner Bros RENEWAL81Anna Fali
1026Adams P AlbaresArgentina2026-09-29Dorl, James J Esq RENEWAL78Ioni Bowcher
1027Juan D RutaJapan2026-10-01Benton, John B Jr NEW55Bernardo Dominic
1028Leja W AlbaresArgentina2026-09-29Rousseaux, Michael Esq RENEWAL31Anna Fali
1029Morrow W KuskoIndia2026-10-09Feiner Bros PROPOSAL97Anna Fali
1030Darci Z RutaGermany2026-10-11Buckley Miller Wright RENEWAL53Bernardo Dominic
1031Ricardo A MaletSpain2026-09-30Rousseaux, Michael Esq RENEWAL56Stephen Shaw
1032Munro B SchemmerUnited Kingdom2026-09-26Commercial Press NEGOTIATION30Amy Elsner
1033Antonio P AmigonRussia2026-09-24King, Christopher A Esq RENEWAL2Ivan Magalhaes
1034Ricardo R PaprockiAustralia2026-10-07Morlong Associates UNQUALIFIED83Stephen Shaw
1035Emily F MorascaBrazil2026-09-27Benton, John B Jr PROPOSAL45Xuxue Feng
1036Morrow W AlbaresRussia2026-09-21Feiner Bros RENEWAL28Ivan Magalhaes
1037James T OldroydCanada2026-09-27Benton, John B Jr NEW87Elwin Sharvill
1038Johnson K ChuiGermany2026-09-21Printing Dimensions NEW41Bernardo Dominic
1039Munro D RutaGermany2026-09-26Buckley Miller Wright QUALIFIED7Asiya Javayant
1040Octavia R ShinkoCanada2026-09-26Benton, John B Jr NEGOTIATION98Asiya Javayant
1041Misaki T CaldareraSpain2026-10-08Morlong Associates NEGOTIATION63Xuxue Feng
1042Clifford U ShinkoJapan2026-09-29Chemel, James L Cpa NEW99Elwin Sharvill
1043Claire Q SlusarskiUnited Kingdom2026-09-29Rangoni Of Florence UNQUALIFIED77Ivan Magalhaes
1044Kadeem Y NickaArgentina2026-10-14Feiner Bros QUALIFIED80Bernardo Dominic
1045Octavia A WhobreyRussia2026-10-04Morlong Associates RENEWAL28Elwin Sharvill
1046Kaitlin J PoquetteCanada2026-09-26Benton, John B Jr PROPOSAL20Ivan Magalhaes
1047Izzy A TollnerJapan2026-10-19Rousseaux, Michael Esq NEGOTIATION24Ioni Bowcher
1048Smith V OldroydCanada2026-09-22Chemel, James L Cpa PROPOSAL54Amy Elsner
1049Leon H StensethCanada2026-09-26Rousseaux, Michael Esq QUALIFIED45Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Greenwood M BowleyGermanyStephen Shaw NEGOTIATION
Ricardo C ButtSpainAnna Fali RENEWAL
Johnson B GauchoFranceXuxue Feng UNQUALIFIED
Greenwood H FerenczAustraliaAnna Fali PROPOSAL
Johnson P MacleadAustraliaElwin Sharvill NEGOTIATION
Ashley A ChuiCanadaOnyama Limba UNQUALIFIED
Juan E KuskoIndiaIoni Bowcher NEW
Munro R DoeBrazilIoni Bowcher UNQUALIFIED
Maria L SchemmerSpainIoni Bowcher QUALIFIED
Aditya L DarakjyGermanyStephen Shaw NEGOTIATION
Leon C OldroydUnited KingdomElwin Sharvill UNQUALIFIED
Mayumi K CaudyItalyIvan Magalhaes NEGOTIATION
Antonio T DarakjyFranceStephen Shaw NEW
Mujtaba U MaletJapanElwin Sharvill NEGOTIATION
Leja I TollnerIndiaIoni Bowcher UNQUALIFIED
Stacey M GarufiAustraliaAsiya Javayant RENEWAL
Adams Y OstroskyItalyBernardo Dominic QUALIFIED
Maisha Q VenereItalyXuxue Feng PROPOSAL
Octavia L AmigonCanadaIoni Bowcher NEGOTIATION
Izzy O MorascaRussiaXuxue Feng RENEWAL
Leja G ButtRussiaBernardo Dominic PROPOSAL
Isabel Z RulapaughGermanyOnyama Limba PROPOSAL
Antonio O TollnerGermanyElwin Sharvill PROPOSAL
Leja A IturbideJapanXuxue Feng NEGOTIATION
Darci O SaylorsItalyStephen Shaw RENEWAL
Silvio V FlosiBrazilIoni Bowcher NEGOTIATION
Leja R SaylorsUnited KingdomElwin Sharvill QUALIFIED
Cody L GillianArgentinaIoni Bowcher UNQUALIFIED
Jones L StensethIndiaIvan Magalhaes PROPOSAL
Julie X SergiRussiaIvan Magalhaes PROPOSAL
Aruna G GlickFranceElwin Sharvill NEW
Adams K OstroskyAustraliaAmy Elsner NEW
Chavez W FlosiCanadaXuxue Feng PROPOSAL
Isabel M BologniaJapanXuxue Feng NEW
Tony T WhobreyBrazilIoni Bowcher NEW
Kadeem Q PaprockiSpainOnyama Limba UNQUALIFIED
Alejandro N CaldareraCanadaAmy Elsner RENEWAL
Aditya P FigeroaCanadaOnyama Limba NEGOTIATION
Jefferson F WaycottBrazilElwin Sharvill RENEWAL
Salvatore L KolmetzSpainElwin Sharvill NEGOTIATION
Jennifer H FerenczFranceXuxue Feng NEGOTIATION
Isabel G BriddickAustraliaAnna Fali NEW
Misaki M MaletIndiaElwin Sharvill QUALIFIED
Maria V GillianJapanStephen Shaw QUALIFIED
Aika E SergiRussiaAnna Fali QUALIFIED
Jeanfrancois H FlosiRussiaAsiya Javayant NEGOTIATION
Sinclair G DoeRussiaAsiya Javayant RENEWAL
Chavez M MacleadSpainXuxue Feng UNQUALIFIED
Costa Y VenereSpainElwin Sharvill NEW
Morrow F MorascaSpainStephen Shaw PROPOSAL
Frozen Columns
Name
Silvio E Amigon
Smith Z Amigon
Mayumi U Venere
Jennifer Q Kolmetz
Aruna U Tollner
Nicolas F Flosi
Sinclair U Ruta
Jefferson W Saylors
Francesco K Iturbide
Costa J Campain
Aditya C Gaucho
Octavia F Butt
David L Kolmetz
Morrow C Nestle
Leja A Briddick
Juan V Poquette
Octavia E Tollner
Mayumi H Rulapaugh
Darci Q Nestle
Silvio I Sergi
Aditya E Morasca
Ivar V Rim
Emily Q Maclead
Greenwood Z Foller
Misaki C Stockham
David L Shinko
Leon V Nicka
Maria X Venere
Ricardo L Poquette
James H Butt
Julie O Foller
Nicolas X Kolmetz
Juan B Bolognia
Tony T Marrier
Francesco L Albares
James D Stockham
Aika S Wieser
Claire B Amigon
Ivar X Iturbide
Adams K Nestle
Johnson R Flosi
Isabel I Ruta
Murillo J Perin
Kadeem D Rim
Johnson V Garufi
Mayumi X Gaucho
Aika I Inouye
Juan B Malet
Octavia M Caldarera
Kadeem L Paprocki
IdCountryDate
1000Russia2026-10-18
1001France2026-10-19
1002Germany2026-10-02
1003Australia2026-09-20
1004Argentina2026-10-16
1005Japan2026-10-07
1006Australia2026-09-27
1007Spain2026-09-28
1008India2026-10-19
1009Australia2026-09-30
1010India2026-10-05
1011Germany2026-09-30
1012United Kingdom2026-10-15
1013United Kingdom2026-09-20
1014Japan2026-10-01
1015Spain2026-10-01
1016Germany2026-10-07
1017Spain2026-09-29
1018Japan2026-09-23
1019Germany2026-10-10
1020Italy2026-09-26
1021Germany2026-10-07
1022Australia2026-10-10
1023Brazil2026-10-07
1024Spain2026-09-26
1025Australia2026-10-10
1026Germany2026-10-18
1027Spain2026-09-26
1028Spain2026-10-07
1029Australia2026-09-27
1030Australia2026-09-23
1031France2026-09-24
1032Australia2026-10-12
1033Germany2026-10-08
1034Australia2026-10-09
1035Spain2026-10-18
1036Canada2026-09-26
1037Russia2026-09-30
1038Japan2026-09-29
1039Argentina2026-10-05
1040India2026-09-24
1041Australia2026-10-13
1042Germany2026-10-17
1043France2026-10-12
1044Spain2026-10-09
1045Australia2026-09-21
1046Italy2026-10-11
1047Spain2026-09-26
1048Russia2026-10-19
1049India2026-10-10

On-Demand Data

NameIdCountryDate
Misaki L Inouye1000Argentina2026-10-10
Jefferson H Figeroa1001Australia2026-10-06
Aruna H Glick1002Spain2026-10-15
Costa H Bolognia1003United Kingdom2026-09-24
Chavez S Poquette1004Canada2026-10-06
Deepesh Q Perin1005Japan2026-10-09
Costa F Foller1006Germany2026-09-23
Silvio O Poquette1007Brazil2026-09-26
Aruna S Paprocki1008India2026-10-17
James G Butt1009Brazil2026-10-15
Rodrigues O Ferencz1010Japan2026-09-29
Aditya C Doe1011Argentina2026-10-15
Ashley F Saylors1012Germany2026-09-27
Smith L Whobrey1013Argentina2026-09-22
Stacey M Darakjy1014Canada2026-09-29
Arvin K Bolognia1015Spain2026-09-20
Jeanfrancois H Whobrey1016Brazil2026-09-25
Munro A Tollner1017Brazil2026-10-09
Stacey O Slusarski1018Japan2026-09-29
Kaitlin F Malet1019Germany2026-10-10
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Octavia Q PaprockiItalyIvan Magalhaes NEW
Jeanfrancois A GarufiItalyXuxue Feng NEGOTIATION
Morrow Y NickaBrazilOnyama Limba UNQUALIFIED
Jeanfrancois K SlusarskiItalyAnna Fali PROPOSAL
Octavia Y TollnerAustraliaIoni Bowcher QUALIFIED
Emily S WhobreyIndiaIoni Bowcher NEW
Chavez J ButtSpainAsiya Javayant NEW
Leon B AmigonCanadaAnna Fali QUALIFIED
Jones D WaycottSpainAnna Fali NEGOTIATION
Julie F SchemmerIndiaStephen Shaw NEGOTIATION
Jennifer M MarrierIndiaStephen Shaw NEW
Murillo T VocelkaUnited KingdomBernardo Dominic QUALIFIED
Aruna J CaudyJapanElwin Sharvill QUALIFIED
Johnson K ShinkoArgentinaAsiya Javayant NEW
Ashley U OldroydRussiaAnna Fali RENEWAL
Aditya C PaprockiBrazilBernardo Dominic NEGOTIATION
Jeanfrancois Q AmigonFranceXuxue Feng PROPOSAL
Faith S MorascaSpainIoni Bowcher NEGOTIATION
Salvatore J StockhamBrazilElwin Sharvill UNQUALIFIED
Greenwood Q PaprockiSpainAnna Fali UNQUALIFIED
Aika T StensethBrazilStephen Shaw PROPOSAL
Salvatore V MarrierCanadaAsiya Javayant NEW
Cody Q FollerBrazilAnna Fali QUALIFIED
Greenwood Q ShinkoItalyOnyama Limba QUALIFIED
Jeanfrancois A PaprockiSpainIoni Bowcher NEGOTIATION
Sinclair P NickaJapanOnyama Limba PROPOSAL
Nicolas O TollnerRussiaElwin Sharvill NEW
Juan M OldroydRussiaAnna Fali UNQUALIFIED
Munro R SchemmerFranceBernardo Dominic QUALIFIED
Chavez X RulapaughUnited KingdomIoni Bowcher UNQUALIFIED
Kadeem E InouyeAustraliaBernardo Dominic NEW
Emily J KuskoIndiaBernardo Dominic UNQUALIFIED
Antonio A InouyeSpainStephen Shaw PROPOSAL
Aruna Q InouyeAustraliaElwin Sharvill PROPOSAL
Antonio M DoeJapanOnyama Limba QUALIFIED
Wickens K PoquetteSpainElwin Sharvill NEW
David V OstroskyRussiaIvan Magalhaes RENEWAL
Munro L VenereAustraliaElwin Sharvill NEGOTIATION
Alejandro S DarakjyArgentinaXuxue Feng NEGOTIATION
Jefferson T MaletUnited KingdomIvan Magalhaes 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>