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
Ivar J BowleyBrazilAnna Fali PROPOSAL
Kadeem W OstroskyArgentinaIvan Magalhaes NEW
Antonio K KolmetzBrazilAmy Elsner NEW
Jennifer U GauchoGermanyIoni Bowcher RENEWAL
Mayumi T CampainIndiaIoni Bowcher RENEWAL
Johnson T WieserGermanyAnna Fali QUALIFIED
Maisha B BowleyAustraliaAsiya Javayant RENEWAL
Aditya Q RoysterArgentinaBernardo Dominic QUALIFIED
Izzy K KolmetzIndiaStephen Shaw QUALIFIED
David J MorascaAustraliaBernardo Dominic PROPOSAL
James W StockhamAustraliaBernardo Dominic UNQUALIFIED
Jeanfrancois H GillianRussiaOnyama Limba NEW
Claire Z DarakjyUnited KingdomBernardo Dominic UNQUALIFIED
Antonio D SchemmerUnited KingdomIoni Bowcher UNQUALIFIED
Claire G MorascaUnited KingdomAsiya Javayant UNQUALIFIED
Silvio W RutaIndiaIvan Magalhaes QUALIFIED
Jefferson K MacleadBrazilAsiya Javayant NEGOTIATION
Stacey B KuskoArgentinaStephen Shaw NEW
Claire L VocelkaGermanyAsiya Javayant UNQUALIFIED
Greenwood C RoysterItalyElwin Sharvill NEW
Ivar F CaudyFranceAnna Fali RENEWAL
Jennifer O RutaCanadaXuxue Feng QUALIFIED
Munro V MacleadAustraliaAsiya Javayant QUALIFIED
Antonio U PaprockiArgentinaAmy Elsner PROPOSAL
Julie J MaletIndiaIoni Bowcher UNQUALIFIED
Smith U ShinkoUnited KingdomStephen Shaw PROPOSAL
Silvio N MacleadCanadaElwin Sharvill NEGOTIATION
Wickens T TollnerArgentinaAnna Fali UNQUALIFIED
Nicolas T SaylorsAustraliaOnyama Limba QUALIFIED
Jones X NestleArgentinaElwin Sharvill NEGOTIATION
Adams J BologniaArgentinaAnna Fali PROPOSAL
Emily B PerinCanadaXuxue Feng PROPOSAL
Cody W NestleAustraliaAmy Elsner UNQUALIFIED
Clifford E WaycottAustraliaIvan Magalhaes NEW
Jennifer I FlosiUnited KingdomAnna Fali UNQUALIFIED
Emily Z MaletBrazilIoni Bowcher RENEWAL
Smith R FollerAustraliaAsiya Javayant NEW
Nicolas P MacleadCanadaElwin Sharvill NEW
Salvatore C ShinkoIndiaStephen Shaw RENEWAL
Deepesh F SchemmerCanadaAsiya Javayant RENEWAL
Murillo B BriddickFranceIvan Magalhaes NEW
Faith J SlusarskiFranceBernardo Dominic RENEWAL
Aditya R ChuiBrazilXuxue Feng NEW
Faith G RoysterIndiaElwin Sharvill PROPOSAL
Mayumi O GillianArgentinaAsiya Javayant RENEWAL
Aditya K SlusarskiAustraliaBernardo Dominic NEGOTIATION
Wickens S SlusarskiBrazilIvan Magalhaes QUALIFIED
Aditya S FerenczAustraliaElwin Sharvill RENEWAL
Nicolas B WhobreyFranceElwin Sharvill NEGOTIATION
Kadeem Y DoeArgentinaIvan Magalhaes QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Aika S WhobreyItalyStephen Shaw RENEWAL
Sinclair L MacleadJapanAmy Elsner QUALIFIED
Murillo N NickaUnited KingdomElwin Sharvill NEW
Arvin O WieserRussiaElwin Sharvill RENEWAL
Chavez L BologniaSpainBernardo Dominic PROPOSAL
Morrow H DoeBrazilOnyama Limba UNQUALIFIED
Aika L TollnerGermanyAmy Elsner UNQUALIFIED
Costa Z WieserGermanyAnna Fali QUALIFIED
Juan P PerinUnited KingdomIoni Bowcher NEW
Kadeem Q NestleAustraliaIvan Magalhaes NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aika N MaletRussia2026-10-07Feltz Printing Service UNQUALIFIED5Ivan Magalhaes
1001Julie H CampainAustralia2026-10-19Buckley Miller Wright QUALIFIED58Bernardo Dominic
1002Smith U StockhamAustralia2026-11-02Feiner Bros RENEWAL73Xuxue Feng
1003Adams H BowleyRussia2026-10-10Rangoni Of Florence NEGOTIATION10Ioni Bowcher
1004Claire C StockhamBrazil2026-10-23Chapman, Ross E Esq UNQUALIFIED64Elwin Sharvill
1005Maria O RoysterAustralia2026-11-01Dorl, James J Esq UNQUALIFIED61Bernardo Dominic
1006Aika P PoquetteSpain2026-10-23Dorl, James J Esq RENEWAL42Ioni Bowcher
1007Jennifer U OldroydUnited Kingdom2026-10-19Feltz Printing Service RENEWAL2Anna Fali
1008Leja A NestleBrazil2026-10-26Printing Dimensions NEGOTIATION82Ioni Bowcher
1009Deepesh D VenereJapan2026-10-29Morlong Associates QUALIFIED95Amy Elsner
1010Julie S FlosiArgentina2026-11-03Dorl, James J Esq RENEWAL90Elwin Sharvill
1011Wickens C KuskoJapan2026-10-20King, Christopher A Esq QUALIFIED29Xuxue Feng
1012Jennifer Q InouyeBrazil2026-10-10Morlong Associates QUALIFIED69Anna Fali
1013Aditya F MacleadCanada2026-10-25King, Christopher A Esq UNQUALIFIED98Bernardo Dominic
1014Alejandro M PaprockiArgentina2026-10-09Morlong Associates NEGOTIATION6Ioni Bowcher
1015Arvin Y FlosiGermany2026-11-02Truhlar And Truhlar Attys QUALIFIED27Xuxue Feng
1016Jefferson J PoquetteRussia2026-10-26Chemel, James L Cpa NEW68Bernardo Dominic
1017Aditya Z StockhamUnited Kingdom2026-10-27Feltz Printing Service NEW84Ioni Bowcher
1018Leon N InouyeSpain2026-10-30Chemel, James L Cpa PROPOSAL48Stephen Shaw
1019Kaitlin E DilliardBrazil2026-10-10Commercial Press RENEWAL40Amy Elsner
1020Rodrigues R DoeUnited Kingdom2026-10-28King, Christopher A Esq RENEWAL23Ivan Magalhaes
1021Izzy O FollerArgentina2026-10-13Dorl, James J Esq PROPOSAL19Elwin Sharvill
1022Jeanfrancois P SergiSpain2026-11-04Feiner Bros NEGOTIATION27Ivan Magalhaes
1023Mayumi C AmigonJapan2026-10-24Dorl, James J Esq QUALIFIED65Xuxue Feng
1024Smith B InouyeFrance2026-10-31Rousseaux, Michael Esq RENEWAL70Ioni Bowcher
1025Octavia G GlickGermany2026-11-02Chemel, James L Cpa QUALIFIED87Bernardo Dominic
1026Clifford B MacleadAustralia2026-10-11King, Christopher A Esq UNQUALIFIED41Bernardo Dominic
1027Deepesh T DoeArgentina2026-10-21Chemel, James L Cpa NEW28Xuxue Feng
1028Izzy X SaylorsArgentina2026-10-11Morlong Associates NEW5Amy Elsner
1029Juan L RulapaughSpain2026-11-01Printing Dimensions NEGOTIATION64Stephen Shaw
1030James C FlosiUnited Kingdom2026-10-28Morlong Associates RENEWAL18Asiya Javayant
1031Deepesh E NestleGermany2026-10-22Morlong Associates QUALIFIED23Anna Fali
1032Salvatore E RulapaughGermany2026-10-30Chemel, James L Cpa RENEWAL17Bernardo Dominic
1033Claire J BowleyArgentina2026-11-02Rangoni Of Florence NEW35Bernardo Dominic
1034Jefferson H SergiItaly2026-10-10Dorl, James J Esq QUALIFIED97Ioni Bowcher
1035Mujtaba D PaprockiUnited Kingdom2026-10-29Feltz Printing Service NEGOTIATION15Asiya Javayant
1036Mujtaba B BologniaGermany2026-10-28Buckley Miller Wright NEW69Elwin Sharvill
1037Ricardo V TollnerCanada2026-10-25Buckley Miller Wright NEW39Ivan Magalhaes
1038Darci N SergiAustralia2026-10-26Buckley Miller Wright RENEWAL33Xuxue Feng
1039Arvin G GlickBrazil2026-10-17Truhlar And Truhlar Attys NEW57Onyama Limba
1040Darci E CaldareraAustralia2026-10-07Commercial Press UNQUALIFIED20Onyama Limba
1041Misaki O MaletGermany2026-10-31Feiner Bros PROPOSAL39Elwin Sharvill
1042Maria A PerinIndia2026-10-31Printing Dimensions PROPOSAL7Asiya Javayant
1043Murillo X BriddickIndia2026-10-16Feltz Printing Service PROPOSAL61Stephen Shaw
1044Morrow J PerinUnited Kingdom2026-11-03Truhlar And Truhlar Attys PROPOSAL85Onyama Limba
1045Johnson T MarrierItaly2026-11-01Morlong Associates RENEWAL49Stephen Shaw
1046Salvatore O DarakjyJapan2026-11-01Benton, John B Jr NEW34Asiya Javayant
1047Arvin K FlosiBrazil2026-10-11Chemel, James L Cpa UNQUALIFIED0Elwin Sharvill
1048Stacey U SlusarskiFrance2026-10-11Dorl, James J Esq NEGOTIATION66Xuxue Feng
1049Deepesh M SergiGermany2026-10-12Feiner Bros NEW8Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Mayumi V DilliardCanadaElwin Sharvill PROPOSAL
Leon A MarrierSpainIoni Bowcher NEW
Alejandro X GauchoCanadaIoni Bowcher NEW
Rodrigues B GillianJapanXuxue Feng NEGOTIATION
Darci A PerinIndiaXuxue Feng NEGOTIATION
Darci T VenereJapanXuxue Feng RENEWAL
Faith G MaletUnited KingdomOnyama Limba QUALIFIED
James F RutaItalyXuxue Feng RENEWAL
Mayumi S PaprockiSpainAnna Fali RENEWAL
Leja I WaycottIndiaXuxue Feng RENEWAL
Jefferson W VenereSpainXuxue Feng NEGOTIATION
Aditya Z FlosiRussiaAmy Elsner PROPOSAL
Morrow K FigeroaIndiaIoni Bowcher QUALIFIED
Aditya B SchemmerBrazilIoni Bowcher NEW
Jeanfrancois Z ShinkoCanadaStephen Shaw NEW
Arvin M ButtIndiaElwin Sharvill QUALIFIED
Francesco C ChuiSpainStephen Shaw QUALIFIED
Greenwood H FerenczFranceAsiya Javayant RENEWAL
Arvin W RimUnited KingdomAmy Elsner QUALIFIED
Jennifer O RutaAustraliaIoni Bowcher QUALIFIED
Jefferson A MarrierSpainAsiya Javayant PROPOSAL
Claire E TollnerJapanStephen Shaw QUALIFIED
Jennifer D GlickRussiaAnna Fali NEGOTIATION
Sinclair G OldroydCanadaXuxue Feng NEW
Darci K MaletBrazilStephen Shaw NEW
Leja Z GarufiGermanyAsiya Javayant PROPOSAL
Misaki T InouyeSpainElwin Sharvill NEGOTIATION
Costa D AlbaresIndiaIvan Magalhaes RENEWAL
Clifford X OldroydAustraliaAmy Elsner PROPOSAL
Munro N InouyeAustraliaAnna Fali NEW
Maisha N BriddickIndiaAnna Fali PROPOSAL
Aruna K RutaAustraliaBernardo Dominic PROPOSAL
Silvio Z SaylorsIndiaBernardo Dominic QUALIFIED
Izzy F AmigonBrazilBernardo Dominic UNQUALIFIED
Wickens B StockhamFranceXuxue Feng QUALIFIED
Wickens C AmigonCanadaIoni Bowcher PROPOSAL
Tony B MaletRussiaElwin Sharvill UNQUALIFIED
Leon J CaldareraAustraliaOnyama Limba QUALIFIED
Misaki H RimUnited KingdomStephen Shaw QUALIFIED
Misaki P MaletArgentinaOnyama Limba UNQUALIFIED
Kaitlin O BowleyAustraliaBernardo Dominic PROPOSAL
Greenwood T BowleyAustraliaAnna Fali QUALIFIED
Mujtaba J VocelkaBrazilAsiya Javayant PROPOSAL
Smith Y OstroskyRussiaAsiya Javayant QUALIFIED
Francesco L FollerGermanyAnna Fali NEW
Costa B WaycottAustraliaAmy Elsner UNQUALIFIED
Juan G CaldareraAustraliaXuxue Feng RENEWAL
Costa Q WieserBrazilAnna Fali RENEWAL
Misaki M CaldareraJapanStephen Shaw NEGOTIATION
Wickens G GarufiIndiaOnyama Limba RENEWAL
Frozen Columns
Name
Darci S Iturbide
James L Slusarski
Munro Q Slusarski
Aika M Slusarski
Izzy L Saylors
Izzy V Inouye
Francesco V Perin
Jones L Inouye
Kaitlin N Shinko
Claire D Flosi
Jennifer I Slusarski
Aika Q Briddick
Aruna E Morasca
Emily T Butt
Misaki Z Inouye
Ricardo P Kolmetz
Leon F Tollner
Chavez I Marrier
Darci L Bowley
Adams H Ferencz
James T Maclead
Munro W Vocelka
Silvio X Nicka
Ashley E Briddick
Morrow Z Waycott
Octavia Z Malet
James S Slusarski
Rodrigues T Rim
Mayumi M Perin
Tony A Maclead
Mujtaba J Inouye
Faith Z Kusko
Claire G Slusarski
Jennifer K Glick
Darci B Venere
Wickens K Tollner
Nicolas Q Shinko
Jennifer F Ferencz
Silvio J Royster
Nicolas X Butt
Jennifer K Malet
Smith S Gaucho
Johnson M Rulapaugh
Jeanfrancois L Malet
Cody V Malet
Aruna Z Butt
James A Ferencz
Clifford E Shinko
Salvatore H Nestle
Munro A Briddick
IdCountryDate
1000Italy2026-10-17
1001Spain2026-10-25
1002Australia2026-10-21
1003Australia2026-10-26
1004United Kingdom2026-10-20
1005Brazil2026-11-03
1006Canada2026-10-23
1007India2026-10-21
1008Brazil2026-11-01
1009Canada2026-10-24
1010Spain2026-11-05
1011United Kingdom2026-10-13
1012Australia2026-10-23
1013Japan2026-10-22
1014France2026-11-01
1015India2026-10-26
1016Germany2026-10-31
1017France2026-10-22
1018Spain2026-11-05
1019Russia2026-10-31
1020Brazil2026-10-13
1021Italy2026-10-22
1022Germany2026-11-05
1023Italy2026-10-16
1024Italy2026-10-26
1025Russia2026-11-05
1026France2026-10-13
1027United Kingdom2026-10-08
1028Canada2026-10-14
1029Argentina2026-10-19
1030Argentina2026-10-13
1031Canada2026-10-14
1032Italy2026-10-25
1033Japan2026-10-15
1034Spain2026-10-26
1035Japan2026-10-21
1036Japan2026-10-12
1037Japan2026-10-10
1038Germany2026-10-14
1039Spain2026-10-12
1040Canada2026-11-01
1041Australia2026-10-26
1042Australia2026-11-03
1043United Kingdom2026-10-25
1044India2026-10-26
1045France2026-10-09
1046Russia2026-11-03
1047Italy2026-11-02
1048France2026-10-18
1049Germany2026-10-14

On-Demand Data

NameIdCountryDate
Antonio S Nicka1000India2026-11-03
Juan A Whobrey1001United Kingdom2026-10-09
Ivar T Stenseth1002Brazil2026-10-20
Ivar H Saylors1003Italy2026-10-30
Maisha Y Rim1004United Kingdom2026-10-27
Munro H Marrier1005Japan2026-10-13
Ricardo U Darakjy1006United Kingdom2026-10-16
James H Rulapaugh1007Germany2026-10-12
Wickens B Flosi1008Argentina2026-10-17
Greenwood J Slusarski1009Brazil2026-10-22
Ivar Q Glick1010Australia2026-10-15
Arvin F Morasca1011Germany2026-10-22
Tony D Saylors1012Italy2026-10-31
Leja Z Malet1013Russia2026-10-30
Johnson N Morasca1014Germany2026-10-19
Darci G Poquette1015Spain2026-10-16
Aditya Y Nicka1016Italy2026-10-22
Mujtaba V Nestle1017Japan2026-10-31
Mayumi H Darakjy1018Australia2026-10-24
Alejandro Y Bolognia1019Brazil2026-10-24
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Greenwood H OldroydSpainIoni Bowcher NEGOTIATION
Alejandro C MorascaUnited KingdomAnna Fali PROPOSAL
Mayumi R SlusarskiIndiaIoni Bowcher QUALIFIED
Smith T TollnerJapanAsiya Javayant PROPOSAL
Mujtaba Q ButtRussiaOnyama Limba NEW
Morrow Z MacleadJapanBernardo Dominic PROPOSAL
Leja W IturbideItalyAsiya Javayant QUALIFIED
Claire E GlickCanadaIvan Magalhaes QUALIFIED
Nicolas R WaycottRussiaBernardo Dominic NEGOTIATION
Jones B NickaItalyElwin Sharvill RENEWAL
Greenwood F ChuiJapanOnyama Limba NEW
Mayumi H VenereCanadaOnyama Limba RENEWAL
Faith C GillianArgentinaOnyama Limba QUALIFIED
Greenwood U AmigonSpainStephen Shaw RENEWAL
Leja M SergiFranceXuxue Feng NEW
Claire W IturbideBrazilIoni Bowcher RENEWAL
Antonio B ShinkoIndiaStephen Shaw UNQUALIFIED
Johnson Y SaylorsUnited KingdomBernardo Dominic PROPOSAL
James O WhobreyJapanIoni Bowcher RENEWAL
Munro Q BologniaItalyElwin Sharvill UNQUALIFIED
Jones X MaletSpainAsiya Javayant QUALIFIED
Maisha N CaldareraGermanyStephen Shaw PROPOSAL
Greenwood H MacleadRussiaBernardo Dominic NEGOTIATION
Maria N PaprockiRussiaAnna Fali QUALIFIED
Jefferson U PaprockiCanadaElwin Sharvill RENEWAL
Morrow G SlusarskiIndiaIvan Magalhaes QUALIFIED
Arvin P PoquetteSpainIoni Bowcher QUALIFIED
Kaitlin P WieserRussiaAmy Elsner NEGOTIATION
Faith I FollerSpainXuxue Feng NEGOTIATION
Octavia Y ShinkoCanadaElwin Sharvill RENEWAL
Kadeem V PerinItalyAnna Fali QUALIFIED
Smith A ButtRussiaAnna Fali QUALIFIED
Jones C ShinkoFranceXuxue Feng PROPOSAL
Jennifer U CaldareraFranceIvan Magalhaes UNQUALIFIED
Arvin N BologniaJapanIoni Bowcher RENEWAL
Jefferson J CampainCanadaOnyama Limba RENEWAL
Misaki I StockhamRussiaAnna Fali NEGOTIATION
Cody Z GarufiFranceAmy Elsner QUALIFIED
Emily S MorascaGermanyAmy Elsner QUALIFIED
Deepesh D PerinFranceIvan Magalhaes RENEWAL

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