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
David A OstroskyRussiaElwin Sharvill QUALIFIED
Izzy I CampainRussiaAnna Fali RENEWAL
Leja B OstroskyGermanyBernardo Dominic PROPOSAL
Maria S DilliardArgentinaAsiya Javayant PROPOSAL
Johnson O InouyeItalyBernardo Dominic NEW
Jones I FollerAustraliaIoni Bowcher NEW
Mujtaba M ShinkoBrazilElwin Sharvill NEGOTIATION
Cody J ChuiGermanyStephen Shaw QUALIFIED
Chavez B AmigonFranceOnyama Limba UNQUALIFIED
Jeanfrancois K PerinArgentinaXuxue Feng NEW
Jeanfrancois W SaylorsSpainXuxue Feng NEW
Emily T FerenczItalyAnna Fali QUALIFIED
Aika O MaletAustraliaAsiya Javayant NEGOTIATION
Tony C PoquetteUnited KingdomIoni Bowcher NEGOTIATION
Arvin P WieserAustraliaXuxue Feng NEW
Wickens V GauchoGermanyOnyama Limba PROPOSAL
Maisha S RulapaughJapanAmy Elsner UNQUALIFIED
Nicolas X CaudyCanadaAmy Elsner PROPOSAL
Juan K ShinkoIndiaBernardo Dominic QUALIFIED
Ashley L OldroydCanadaBernardo Dominic NEGOTIATION
Mujtaba X OstroskyIndiaBernardo Dominic QUALIFIED
Nicolas J DoeItalyElwin Sharvill PROPOSAL
Sinclair N StensethJapanAsiya Javayant RENEWAL
Kaitlin D SaylorsItalyAnna Fali QUALIFIED
Ashley N WhobreySpainAmy Elsner QUALIFIED
Alejandro B ShinkoSpainOnyama Limba UNQUALIFIED
Sinclair V SchemmerBrazilIvan Magalhaes NEGOTIATION
David V RulapaughRussiaElwin Sharvill NEGOTIATION
Izzy N IturbideItalyIoni Bowcher NEGOTIATION
Maria J WieserSpainAmy Elsner NEW
Mujtaba V ButtIndiaIoni Bowcher NEGOTIATION
David L BologniaFranceAnna Fali QUALIFIED
Cody A RimSpainXuxue Feng QUALIFIED
Tony P WieserIndiaAnna Fali NEW
Emily F WhobreyGermanyIvan Magalhaes PROPOSAL
Alejandro F RoysterFranceXuxue Feng RENEWAL
Octavia F OstroskyJapanStephen Shaw UNQUALIFIED
Clifford R FigeroaSpainElwin Sharvill RENEWAL
James U OstroskyJapanIvan Magalhaes UNQUALIFIED
Aditya A ChuiAustraliaOnyama Limba RENEWAL
Cody S NickaUnited KingdomStephen Shaw UNQUALIFIED
Jeanfrancois F VenereItalyXuxue Feng PROPOSAL
Alejandro U OldroydRussiaOnyama Limba PROPOSAL
Morrow M SaylorsArgentinaXuxue Feng RENEWAL
Faith B CaldareraArgentinaAnna Fali PROPOSAL
Alejandro E TollnerBrazilIvan Magalhaes NEGOTIATION
Aditya T BologniaArgentinaAmy Elsner NEW
Jeanfrancois F PoquetteRussiaAsiya Javayant NEW
Arvin U MarrierCanadaIoni Bowcher PROPOSAL
Salvatore D StensethSpainAmy Elsner PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Julie X AlbaresCanadaIoni Bowcher NEGOTIATION
Murillo Y MacleadFranceAsiya Javayant NEW
Misaki I GlickCanadaAsiya Javayant NEGOTIATION
Francesco J CampainFranceStephen Shaw NEGOTIATION
Jones N DoeFranceStephen Shaw RENEWAL
Faith V PerinRussiaXuxue Feng UNQUALIFIED
Deepesh T OldroydArgentinaIvan Magalhaes PROPOSAL
James J DilliardUnited KingdomAmy Elsner NEGOTIATION
Julie M GauchoRussiaStephen Shaw UNQUALIFIED
Aruna C DarakjySpainIoni Bowcher RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Salvatore I ShinkoRussia2026-09-25Printing Dimensions QUALIFIED87Asiya Javayant
1001Murillo K RoysterCanada2026-09-09Chapman, Ross E Esq NEW68Asiya Javayant
1002Kaitlin B CaudyJapan2026-09-19Chanay, Jeffrey A Esq PROPOSAL93Onyama Limba
1003Leon A PoquetteArgentina2026-10-02Dorl, James J Esq PROPOSAL5Asiya Javayant
1004Claire S MacleadArgentina2026-09-19Chanay, Jeffrey A Esq UNQUALIFIED60Xuxue Feng
1005Deepesh U SaylorsArgentina2026-10-02King, Christopher A Esq UNQUALIFIED91Ioni Bowcher
1006Ivar N ButtAustralia2026-09-25Truhlar And Truhlar Attys QUALIFIED7Ioni Bowcher
1007Nicolas K WaycottArgentina2026-09-16Benton, John B Jr NEW6Xuxue Feng
1008Juan B PerinJapan2026-10-05Commercial Press PROPOSAL49Ioni Bowcher
1009David D CaudyUnited Kingdom2026-09-26Dorl, James J Esq NEW41Onyama Limba
1010Jeanfrancois I ChuiFrance2026-09-23Morlong Associates UNQUALIFIED17Ivan Magalhaes
1011Kadeem I AlbaresGermany2026-09-27Commercial Press PROPOSAL70Amy Elsner
1012Silvio Z PerinCanada2026-09-19Chemel, James L Cpa RENEWAL93Xuxue Feng
1013Jefferson H SchemmerAustralia2026-10-06Rousseaux, Michael Esq NEGOTIATION51Onyama Limba
1014Morrow J NestleIndia2026-10-04Benton, John B Jr PROPOSAL30Anna Fali
1015Stacey P OldroydArgentina2026-09-23Truhlar And Truhlar Attys QUALIFIED17Amy Elsner
1016Tony E BowleyBrazil2026-09-20Buckley Miller Wright NEW24Xuxue Feng
1017Mujtaba H ButtJapan2026-09-28Feiner Bros NEW53Amy Elsner
1018Izzy Q TollnerBrazil2026-09-22Rangoni Of Florence NEW57Stephen Shaw
1019Morrow A ChuiRussia2026-09-13Morlong Associates PROPOSAL79Elwin Sharvill
1020Jennifer E OldroydFrance2026-10-02Chanay, Jeffrey A Esq PROPOSAL55Elwin Sharvill
1021Julie X DarakjyCanada2026-09-16Buckley Miller Wright RENEWAL35Anna Fali
1022Greenwood J WieserFrance2026-09-24Printing Dimensions RENEWAL5Ivan Magalhaes
1023David S WhobreyJapan2026-10-08Benton, John B Jr RENEWAL62Elwin Sharvill
1024Francesco O OstroskyCanada2026-09-17Morlong Associates PROPOSAL47Anna Fali
1025Aruna O PaprockiAustralia2026-10-02Chapman, Ross E Esq NEGOTIATION82Ioni Bowcher
1026Ivar G NestleSpain2026-09-25Chapman, Ross E Esq NEW19Ioni Bowcher
1027Adams D SaylorsAustralia2026-10-03Morlong Associates RENEWAL53Ivan Magalhaes
1028Isabel B ButtIndia2026-10-08Commercial Press QUALIFIED46Anna Fali
1029Johnson I PaprockiBrazil2026-09-11Chapman, Ross E Esq QUALIFIED54Asiya Javayant
1030David B CaldareraGermany2026-09-29Feiner Bros NEW11Asiya Javayant
1031Smith K IturbideAustralia2026-09-19Chapman, Ross E Esq UNQUALIFIED47Anna Fali
1032Morrow N GarufiJapan2026-10-05Chapman, Ross E Esq RENEWAL92Ioni Bowcher
1033Ricardo G IturbideFrance2026-09-10Buckley Miller Wright NEGOTIATION67Amy Elsner
1034Silvio D WaycottIndia2026-09-12Dorl, James J Esq QUALIFIED31Bernardo Dominic
1035Clifford T OldroydFrance2026-09-23Commercial Press NEW47Elwin Sharvill
1036Silvio H MorascaSpain2026-09-26Truhlar And Truhlar Attys UNQUALIFIED53Stephen Shaw
1037Salvatore J InouyeFrance2026-09-29Buckley Miller Wright NEGOTIATION55Ioni Bowcher
1038Izzy F GauchoSpain2026-09-09King, Christopher A Esq NEW59Stephen Shaw
1039Rodrigues N CampainSpain2026-09-20Chemel, James L Cpa NEW72Bernardo Dominic
1040Greenwood F PerinUnited Kingdom2026-10-03King, Christopher A Esq QUALIFIED19Anna Fali
1041Munro K WieserGermany2026-10-08Printing Dimensions NEW32Ivan Magalhaes
1042Maria N BologniaUnited Kingdom2026-09-19Chapman, Ross E Esq NEW89Ioni Bowcher
1043Kaitlin Y InouyeItaly2026-09-15Printing Dimensions PROPOSAL12Elwin Sharvill
1044Stacey F CampainJapan2026-10-05Buckley Miller Wright NEW63Xuxue Feng
1045Costa M BriddickAustralia2026-09-26Chemel, James L Cpa UNQUALIFIED92Amy Elsner
1046Emily L ChuiUnited Kingdom2026-10-05Printing Dimensions NEW42Stephen Shaw
1047Darci K PoquetteSpain2026-09-16Chemel, James L Cpa PROPOSAL29Stephen Shaw
1048Maisha L SlusarskiArgentina2026-10-05Benton, John B Jr QUALIFIED41Onyama Limba
1049Murillo E WieserRussia2026-09-26Truhlar And Truhlar Attys NEW7Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Arvin R RulapaughFranceAsiya Javayant QUALIFIED
Silvio S DarakjyItalyAnna Fali NEW
Rodrigues Z InouyeRussiaStephen Shaw RENEWAL
Darci W SaylorsGermanyStephen Shaw NEW
Isabel J RimBrazilBernardo Dominic PROPOSAL
Izzy E DarakjyFranceIvan Magalhaes NEW
Morrow C DarakjyRussiaStephen Shaw PROPOSAL
Juan E OstroskyAustraliaAnna Fali PROPOSAL
Jennifer C OstroskyAustraliaBernardo Dominic NEW
Ashley I RutaIndiaXuxue Feng PROPOSAL
Isabel C SchemmerRussiaBernardo Dominic NEGOTIATION
Clifford P SaylorsUnited KingdomStephen Shaw NEW
Greenwood Q GarufiSpainElwin Sharvill NEGOTIATION
Salvatore J OstroskyAustraliaXuxue Feng NEGOTIATION
Maria M NestleUnited KingdomXuxue Feng RENEWAL
Kaitlin U DoeSpainOnyama Limba UNQUALIFIED
Francesco L DilliardUnited KingdomStephen Shaw RENEWAL
David N RimUnited KingdomAnna Fali NEW
Adams L DilliardJapanIvan Magalhaes QUALIFIED
Octavia O SergiJapanXuxue Feng UNQUALIFIED
Misaki J BriddickJapanAnna Fali PROPOSAL
Misaki X RimAustraliaBernardo Dominic QUALIFIED
Ivar L DilliardItalyStephen Shaw NEGOTIATION
Clifford M FollerCanadaIvan Magalhaes PROPOSAL
Alejandro J AmigonSpainAmy Elsner PROPOSAL
Mujtaba T SaylorsJapanIoni Bowcher PROPOSAL
Alejandro E MaletUnited KingdomAmy Elsner RENEWAL
Misaki P FlosiBrazilXuxue Feng UNQUALIFIED
Octavia A PaprockiSpainElwin Sharvill QUALIFIED
Costa D OstroskyItalyAnna Fali RENEWAL
Emily Y NickaAustraliaAmy Elsner PROPOSAL
Chavez V BowleyUnited KingdomIoni Bowcher QUALIFIED
Tony I RimItalyElwin Sharvill NEGOTIATION
Claire V TollnerUnited KingdomIvan Magalhaes UNQUALIFIED
Aditya X InouyeArgentinaBernardo Dominic NEW
Murillo M ButtRussiaBernardo Dominic PROPOSAL
Mayumi H InouyeItalyBernardo Dominic NEGOTIATION
Murillo O FerenczGermanyXuxue Feng QUALIFIED
Emily A CaudyRussiaIoni Bowcher PROPOSAL
Aditya I RoysterJapanElwin Sharvill PROPOSAL
Jones A CaldareraBrazilIoni Bowcher NEGOTIATION
Emily T GarufiGermanyIoni Bowcher PROPOSAL
Misaki Z ButtRussiaXuxue Feng UNQUALIFIED
Salvatore P InouyeFranceStephen Shaw NEW
Antonio Q CaldareraArgentinaAnna Fali UNQUALIFIED
Chavez U SlusarskiRussiaIoni Bowcher PROPOSAL
Izzy F DoeAustraliaAmy Elsner NEW
Faith W VenereBrazilAmy Elsner QUALIFIED
Jefferson E GlickUnited KingdomIoni Bowcher QUALIFIED
Stacey J VenereIndiaXuxue Feng NEW
Frozen Columns
Name
Rodrigues H Ostrosky
Smith G Bolognia
Ivar C Rim
Silvio L Nicka
Rodrigues C Foller
Munro D Caudy
David V Kolmetz
Costa L Bolognia
David C Nicka
Faith C Ferencz
Stacey D Darakjy
Cody R Ruta
Ricardo N Doe
Jefferson I Caudy
Francesco B Stenseth
Leja W Caldarera
Francesco H Foller
Aika H Ferencz
Kaitlin O Rim
Mujtaba T Shinko
Johnson O Albares
Munro E Glick
Maisha F Rim
Tony J Morasca
Adams W Kolmetz
Darci O Chui
Deepesh M Stenseth
Ashley P Tollner
Arvin A Nestle
Ashley U Paprocki
Costa Q Garufi
Clifford N Iturbide
Darci J Bolognia
Juan L Caudy
James J Schemmer
Jefferson G Poquette
James M Nestle
Adams Z Gaucho
Tony A Doe
Kaitlin C Glick
Emily Z Glick
Mujtaba P Gaucho
Misaki V Perin
Izzy E Kolmetz
Chavez O Oldroyd
Ricardo K Wieser
Maisha Y Tollner
Leja S Ruta
Clifford K Bowley
Aditya A Vocelka
IdCountryDate
1000Germany2026-09-12
1001Italy2026-09-29
1002India2026-09-10
1003Japan2026-09-13
1004Spain2026-09-30
1005Japan2026-09-26
1006India2026-10-07
1007Japan2026-09-17
1008Australia2026-10-07
1009Argentina2026-09-22
1010United Kingdom2026-09-11
1011Italy2026-09-10
1012Russia2026-09-19
1013France2026-09-20
1014Italy2026-09-14
1015India2026-09-14
1016Germany2026-09-16
1017Russia2026-09-14
1018Brazil2026-09-30
1019India2026-10-06
1020Japan2026-10-05
1021Brazil2026-09-28
1022Spain2026-09-17
1023Italy2026-10-04
1024India2026-09-19
1025France2026-09-23
1026Japan2026-09-19
1027Brazil2026-09-26
1028Brazil2026-09-13
1029Germany2026-10-05
1030United Kingdom2026-09-17
1031Japan2026-09-18
1032Italy2026-09-20
1033France2026-09-16
1034Italy2026-09-30
1035Argentina2026-09-18
1036India2026-09-15
1037Russia2026-09-12
1038Italy2026-10-05
1039Russia2026-09-18
1040Brazil2026-10-04
1041Canada2026-10-05
1042Canada2026-09-29
1043Japan2026-09-26
1044Spain2026-10-03
1045Canada2026-09-19
1046United Kingdom2026-09-30
1047Spain2026-09-23
1048India2026-09-24
1049Spain2026-09-26

On-Demand Data

NameIdCountryDate
Isabel O Sergi1000Italy2026-09-28
Alejandro Y Shinko1001Spain2026-09-19
Ivar W Paprocki1002France2026-09-18
Jones Z Garufi1003Germany2026-10-06
Morrow R Ruta1004Spain2026-09-26
Cody H Campain1005Japan2026-09-24
Aika L Schemmer1006Australia2026-09-29
Adams Q Ostrosky1007France2026-09-16
James J Perin1008Germany2026-09-25
Ricardo D Tollner1009Brazil2026-09-20
Jeanfrancois M Bolognia1010Australia2026-10-08
Chavez F Sergi1011France2026-09-18
Greenwood F Iturbide1012Canada2026-10-01
Tony S Whobrey1013Brazil2026-09-12
Nicolas V Amigon1014United Kingdom2026-09-23
Alejandro F Gillian1015France2026-10-08
Antonio G Chui1016Spain2026-09-16
David Z Nicka1017Germany2026-09-12
Mujtaba I Foller1018France2026-09-21
Ivar K Waycott1019Brazil2026-09-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
David F InouyeAustraliaXuxue Feng RENEWAL
Faith K KolmetzItalyAnna Fali NEW
Jefferson N WieserJapanElwin Sharvill UNQUALIFIED
Ricardo K MacleadCanadaXuxue Feng QUALIFIED
Greenwood P ChuiSpainAsiya Javayant RENEWAL
Aruna Z OstroskyItalyAmy Elsner RENEWAL
Jeanfrancois I OstroskyIndiaIoni Bowcher PROPOSAL
Costa J FerenczArgentinaStephen Shaw PROPOSAL
Jennifer R MaletBrazilIvan Magalhaes RENEWAL
Costa V FigeroaUnited KingdomIvan Magalhaes UNQUALIFIED
Deepesh O FollerIndiaElwin Sharvill NEGOTIATION
Greenwood J PerinSpainIvan Magalhaes UNQUALIFIED
Alejandro D AmigonIndiaAnna Fali NEW
David P BowleyCanadaXuxue Feng NEW
Munro E PoquetteSpainElwin Sharvill PROPOSAL
Mayumi V MarrierAustraliaAnna Fali PROPOSAL
Tony C SaylorsBrazilStephen Shaw PROPOSAL
Claire V FollerIndiaElwin Sharvill QUALIFIED
Julie T FlosiJapanAmy Elsner NEW
Smith J ShinkoAustraliaElwin Sharvill NEW
Claire Q PaprockiSpainIvan Magalhaes NEGOTIATION
Francesco U TollnerUnited KingdomXuxue Feng PROPOSAL
Emily Z PoquetteItalyAnna Fali PROPOSAL
Silvio L TollnerCanadaIvan Magalhaes QUALIFIED
Greenwood F InouyeArgentinaBernardo Dominic RENEWAL
Faith K WhobreyCanadaBernardo Dominic NEGOTIATION
Mujtaba W BowleyUnited KingdomXuxue Feng UNQUALIFIED
Jefferson Z ButtArgentinaBernardo Dominic RENEWAL
Ricardo A WieserAustraliaBernardo Dominic PROPOSAL
Aruna U BriddickCanadaXuxue Feng UNQUALIFIED
David L FigeroaCanadaBernardo Dominic QUALIFIED
Sinclair V MacleadUnited KingdomIvan Magalhaes NEGOTIATION
Arvin Z WieserAustraliaXuxue Feng NEW
Maisha R OstroskyJapanIvan Magalhaes UNQUALIFIED
Munro C WaycottJapanIoni Bowcher NEW
Mayumi U NestleUnited KingdomIoni Bowcher NEGOTIATION
Adams E SlusarskiArgentinaIoni Bowcher RENEWAL
Greenwood Z WieserBrazilAmy Elsner NEGOTIATION
Arvin B StockhamArgentinaStephen Shaw NEGOTIATION
Rodrigues A FigeroaIndiaStephen Shaw UNQUALIFIED

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