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
Claire Z KuskoSpainAsiya Javayant UNQUALIFIED
Isabel C FerenczAustraliaAnna Fali NEGOTIATION
Clifford D VocelkaCanadaAsiya Javayant UNQUALIFIED
Mujtaba S TollnerJapanStephen Shaw UNQUALIFIED
Rodrigues A SaylorsArgentinaIvan Magalhaes NEGOTIATION
Cody O WhobreyItalyBernardo Dominic NEGOTIATION
Isabel E NickaCanadaIvan Magalhaes QUALIFIED
Mayumi P RulapaughArgentinaBernardo Dominic RENEWAL
Emily A CaldareraGermanyAmy Elsner PROPOSAL
Faith Y AlbaresArgentinaAmy Elsner NEGOTIATION
Francesco F RimRussiaIvan Magalhaes PROPOSAL
Faith W NickaUnited KingdomAsiya Javayant RENEWAL
Jennifer N AmigonUnited KingdomElwin Sharvill RENEWAL
Izzy Y PerinRussiaAnna Fali RENEWAL
Kaitlin X PerinJapanIoni Bowcher RENEWAL
Smith M AlbaresRussiaAnna Fali QUALIFIED
Salvatore Z DarakjyBrazilElwin Sharvill RENEWAL
Antonio V PaprockiFranceIoni Bowcher NEGOTIATION
Rodrigues Q SlusarskiItalyElwin Sharvill NEW
Ashley S AmigonUnited KingdomElwin Sharvill QUALIFIED
Ricardo W ChuiItalyAmy Elsner QUALIFIED
Tony Z ShinkoCanadaBernardo Dominic UNQUALIFIED
Adams Y CaldareraIndiaAsiya Javayant RENEWAL
Johnson N MorascaSpainAmy Elsner PROPOSAL
Aika G OstroskyUnited KingdomBernardo Dominic RENEWAL
David X MarrierRussiaAsiya Javayant QUALIFIED
Salvatore E BriddickCanadaBernardo Dominic NEGOTIATION
Adams M DarakjyAustraliaIoni Bowcher UNQUALIFIED
David Q KolmetzIndiaAmy Elsner RENEWAL
Jefferson O MacleadBrazilOnyama Limba UNQUALIFIED
Kadeem D SaylorsRussiaBernardo Dominic PROPOSAL
Ricardo D CaldareraGermanyBernardo Dominic RENEWAL
David T NestleSpainXuxue Feng PROPOSAL
Alejandro M GarufiAustraliaIoni Bowcher UNQUALIFIED
David E SaylorsCanadaElwin Sharvill UNQUALIFIED
Faith G PerinSpainStephen Shaw NEGOTIATION
Maisha R OldroydCanadaIvan Magalhaes NEGOTIATION
Mujtaba D MaletCanadaStephen Shaw NEGOTIATION
David K SergiRussiaElwin Sharvill NEW
Mayumi X VocelkaItalyBernardo Dominic PROPOSAL
Ashley D GlickCanadaAnna Fali UNQUALIFIED
Costa A FlosiSpainElwin Sharvill QUALIFIED
Ivar F CaudyIndiaBernardo Dominic UNQUALIFIED
Stacey Z GlickArgentinaAsiya Javayant RENEWAL
Rodrigues D RulapaughBrazilAnna Fali RENEWAL
Adams Y RulapaughFranceXuxue Feng NEGOTIATION
Alejandro H VenereUnited KingdomAsiya Javayant NEGOTIATION
Adams M SlusarskiRussiaIoni Bowcher NEW
Mujtaba P RulapaughRussiaElwin Sharvill PROPOSAL
Francesco I BologniaJapanStephen Shaw UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Ashley B RimRussiaIvan Magalhaes PROPOSAL
Jefferson C GillianGermanyStephen Shaw UNQUALIFIED
Jennifer M WhobreyUnited KingdomXuxue Feng QUALIFIED
Jefferson F MorascaIndiaXuxue Feng QUALIFIED
Rodrigues S PaprockiItalyOnyama Limba NEW
Julie E AlbaresSpainOnyama Limba QUALIFIED
Silvio Y CampainArgentinaAsiya Javayant NEGOTIATION
Clifford G SergiCanadaBernardo Dominic NEW
Wickens U MacleadFranceAmy Elsner NEGOTIATION
Maria C FlosiUnited KingdomBernardo Dominic NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Cody K VocelkaItaly2026-11-02Dorl, James J Esq NEW15Stephen Shaw
1001Wickens N PoquetteJapan2026-10-07Chapman, Ross E Esq RENEWAL0Onyama Limba
1002Julie W KolmetzItaly2026-10-28Truhlar And Truhlar Attys QUALIFIED85Amy Elsner
1003Munro N RimItaly2026-10-27Commercial Press NEW37Xuxue Feng
1004Darci R PoquetteAustralia2026-10-30Printing Dimensions PROPOSAL47Bernardo Dominic
1005Octavia K OstroskyCanada2026-10-17Feltz Printing Service QUALIFIED78Bernardo Dominic
1006Cody M AlbaresSpain2026-10-16Chemel, James L Cpa PROPOSAL47Elwin Sharvill
1007Nicolas X GarufiItaly2026-10-31Rangoni Of Florence RENEWAL16Onyama Limba
1008Misaki H DarakjyIndia2026-10-26Rousseaux, Michael Esq QUALIFIED87Onyama Limba
1009Jefferson B NestleGermany2026-10-21Feiner Bros UNQUALIFIED71Amy Elsner
1010Leon E SaylorsFrance2026-10-27Morlong Associates UNQUALIFIED47Onyama Limba
1011Sinclair R IturbideCanada2026-10-26King, Christopher A Esq PROPOSAL95Elwin Sharvill
1012Chavez B WhobreyArgentina2026-10-13Feltz Printing Service UNQUALIFIED80Amy Elsner
1013Cody N MarrierRussia2026-10-18Chapman, Ross E Esq UNQUALIFIED26Ivan Magalhaes
1014Aditya P GillianUnited Kingdom2026-10-09Chanay, Jeffrey A Esq UNQUALIFIED96Ioni Bowcher
1015Jones N AlbaresArgentina2026-10-10Commercial Press RENEWAL74Onyama Limba
1016Aditya N OldroydGermany2026-10-26Feltz Printing Service RENEWAL17Amy Elsner
1017Greenwood Q BologniaRussia2026-10-28King, Christopher A Esq NEGOTIATION39Elwin Sharvill
1018Costa K DarakjyAustralia2026-10-26Rousseaux, Michael Esq PROPOSAL46Anna Fali
1019Greenwood T ShinkoCanada2026-10-23Rousseaux, Michael Esq PROPOSAL47Amy Elsner
1020Chavez I GauchoJapan2026-11-01Feiner Bros NEGOTIATION70Elwin Sharvill
1021Tony N CampainIndia2026-10-12Chapman, Ross E Esq PROPOSAL25Amy Elsner
1022Alejandro H OldroydJapan2026-10-24Benton, John B Jr NEW59Xuxue Feng
1023Leon W ShinkoArgentina2026-10-22Rangoni Of Florence QUALIFIED84Ioni Bowcher
1024Murillo G RoysterCanada2026-10-18Feiner Bros PROPOSAL83Stephen Shaw
1025Nicolas O CampainBrazil2026-10-26Feiner Bros NEW17Elwin Sharvill
1026Jennifer I RulapaughFrance2026-10-18Feltz Printing Service RENEWAL16Ivan Magalhaes
1027Murillo D KuskoItaly2026-10-14Printing Dimensions PROPOSAL66Ioni Bowcher
1028Alejandro M IturbideJapan2026-10-08Rousseaux, Michael Esq QUALIFIED36Asiya Javayant
1029Costa B BologniaArgentina2026-11-01Feiner Bros UNQUALIFIED47Onyama Limba
1030Kadeem S RutaArgentina2026-10-14Chemel, James L Cpa NEGOTIATION89Elwin Sharvill
1031Darci I GauchoIndia2026-10-18Chemel, James L Cpa NEW60Elwin Sharvill
1032Cody E BowleyCanada2026-10-13Chanay, Jeffrey A Esq NEW42Amy Elsner
1033Isabel P PerinUnited Kingdom2026-10-15Printing Dimensions NEW98Bernardo Dominic
1034Munro A RutaBrazil2026-10-22Chapman, Ross E Esq NEW98Elwin Sharvill
1035Jennifer D NestleFrance2026-10-22Dorl, James J Esq RENEWAL41Anna Fali
1036Arvin W DoeSpain2026-10-05Chanay, Jeffrey A Esq QUALIFIED77Ivan Magalhaes
1037James V BriddickUnited Kingdom2026-10-06Buckley Miller Wright RENEWAL72Onyama Limba
1038Jeanfrancois E PoquetteArgentina2026-10-10Truhlar And Truhlar Attys NEW98Elwin Sharvill
1039Mujtaba L CaldareraUnited Kingdom2026-10-05Chanay, Jeffrey A Esq QUALIFIED75Ioni Bowcher
1040Adams O MarrierIndia2026-10-15Commercial Press QUALIFIED69Elwin Sharvill
1041Adams S WieserCanada2026-11-01Truhlar And Truhlar Attys QUALIFIED17Elwin Sharvill
1042Ricardo U VocelkaGermany2026-10-24King, Christopher A Esq QUALIFIED80Anna Fali
1043Johnson C GauchoArgentina2026-10-17Dorl, James J Esq NEW52Bernardo Dominic
1044Sinclair L ButtGermany2026-10-14Benton, John B Jr NEW54Bernardo Dominic
1045Wickens O PerinIndia2026-10-23King, Christopher A Esq RENEWAL73Anna Fali
1046Smith Q NestleAustralia2026-10-29Morlong Associates NEW22Ioni Bowcher
1047Nicolas J MorascaItaly2026-10-24Chemel, James L Cpa NEW68Amy Elsner
1048Maisha N BowleyIndia2026-10-19Truhlar And Truhlar Attys RENEWAL14Amy Elsner
1049Juan Z StockhamArgentina2026-10-18Benton, John B Jr NEW69Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Francesco V FerenczRussiaXuxue Feng QUALIFIED
Nicolas N FerenczAustraliaAmy Elsner QUALIFIED
Misaki N StensethBrazilIoni Bowcher QUALIFIED
Maria G ButtSpainIoni Bowcher QUALIFIED
Maisha V GillianSpainAnna Fali PROPOSAL
Tony L FlosiItalyBernardo Dominic RENEWAL
Jefferson K VenereAustraliaElwin Sharvill NEGOTIATION
Greenwood J ButtRussiaXuxue Feng NEGOTIATION
Rodrigues F SaylorsRussiaAnna Fali PROPOSAL
Smith C BriddickRussiaAmy Elsner PROPOSAL
Cody L NestleItalyOnyama Limba NEW
Aika G NickaBrazilOnyama Limba QUALIFIED
Ashley U RimUnited KingdomAsiya Javayant PROPOSAL
Octavia T DoeRussiaAsiya Javayant QUALIFIED
Ashley A WaycottSpainOnyama Limba QUALIFIED
Francesco R RulapaughArgentinaAmy Elsner UNQUALIFIED
Jefferson S StockhamAustraliaBernardo Dominic PROPOSAL
Jefferson Z FigeroaItalyElwin Sharvill QUALIFIED
Greenwood W StockhamItalyIvan Magalhaes PROPOSAL
Aditya R NestleFranceAmy Elsner NEGOTIATION
Francesco J KuskoRussiaAsiya Javayant NEW
Aditya O NickaJapanAnna Fali NEW
Juan N SlusarskiArgentinaStephen Shaw PROPOSAL
Deepesh V FollerArgentinaAsiya Javayant NEW
Leon J CampainArgentinaBernardo Dominic NEGOTIATION
Cody X SlusarskiGermanyElwin Sharvill RENEWAL
Wickens Q RoysterArgentinaIoni Bowcher RENEWAL
Aruna E AmigonUnited KingdomXuxue Feng RENEWAL
Murillo F OldroydUnited KingdomStephen Shaw UNQUALIFIED
Salvatore I KuskoArgentinaElwin Sharvill PROPOSAL
Emily Q SchemmerUnited KingdomIoni Bowcher QUALIFIED
Izzy K GarufiItalyAnna Fali NEGOTIATION
Ashley S FollerUnited KingdomOnyama Limba UNQUALIFIED
Aditya F WieserArgentinaElwin Sharvill NEGOTIATION
Clifford D PoquetteRussiaXuxue Feng NEGOTIATION
Faith B ButtAustraliaAsiya Javayant RENEWAL
Faith P AlbaresUnited KingdomAsiya Javayant QUALIFIED
Greenwood O DoeArgentinaXuxue Feng RENEWAL
Sinclair L RimSpainIvan Magalhaes NEGOTIATION
Antonio F GlickItalyAnna Fali QUALIFIED
Jennifer F PoquetteSpainOnyama Limba NEW
Nicolas S StockhamItalyIvan Magalhaes NEW
Octavia L IturbideBrazilElwin Sharvill NEGOTIATION
Cody W KolmetzItalyAsiya Javayant QUALIFIED
Chavez Q MacleadBrazilBernardo Dominic RENEWAL
Juan P KolmetzAustraliaIoni Bowcher PROPOSAL
Chavez R ButtAustraliaIoni Bowcher NEGOTIATION
Jones P GauchoFranceAsiya Javayant UNQUALIFIED
Chavez O WhobreyJapanXuxue Feng UNQUALIFIED
Jones X InouyeItalyElwin Sharvill NEW
Frozen Columns
Name
Jennifer R Slusarski
Aika P Stockham
Tony R Poquette
Mujtaba J Briddick
Arvin Y Stenseth
Aika T Butt
James L Rulapaugh
Costa Z Glick
Aruna T Sergi
Tony K Royster
Juan B Flosi
Aruna O Caudy
Smith X Schemmer
Isabel C Gillian
Faith Q Whobrey
Darci F Malet
Jones C Caldarera
Juan L Doe
Leja E Perin
Misaki M Maclead
Adams Y Caldarera
Mayumi J Chui
Mujtaba K Wieser
Ivar R Morasca
Cody R Amigon
Izzy F Royster
Munro M Nicka
Smith D Paprocki
Emily D Ruta
Claire M Dilliard
Smith C Chui
Rodrigues M Poquette
Munro Z Whobrey
Darci S Royster
Greenwood C Briddick
Octavia P Oldroyd
Julie G Darakjy
Arvin K Doe
Isabel H Bolognia
Rodrigues Z Kusko
Maria L Garufi
Rodrigues S Briddick
Chavez O Schemmer
Jefferson N Marrier
Munro F Kusko
Tony K Waycott
Claire Q Tollner
Leon S Flosi
Adams M Shinko
Salvatore Z Perin
IdCountryDate
1000Italy2026-10-08
1001Argentina2026-11-02
1002Germany2026-10-08
1003Brazil2026-10-14
1004France2026-10-10
1005Spain2026-10-22
1006Canada2026-10-24
1007Germany2026-10-16
1008Argentina2026-10-21
1009Russia2026-10-20
1010India2026-10-25
1011Spain2026-10-20
1012Canada2026-10-10
1013India2026-10-26
1014India2026-10-27
1015Russia2026-11-02
1016Japan2026-10-20
1017Brazil2026-10-31
1018Brazil2026-10-11
1019India2026-10-08
1020Germany2026-10-06
1021Brazil2026-10-14
1022Argentina2026-10-12
1023Argentina2026-10-16
1024Germany2026-11-01
1025Russia2026-10-27
1026India2026-10-16
1027India2026-10-26
1028Germany2026-10-31
1029France2026-10-28
1030Canada2026-10-08
1031Italy2026-10-14
1032Germany2026-10-26
1033Russia2026-11-01
1034Brazil2026-10-31
1035United Kingdom2026-10-29
1036India2026-10-12
1037Australia2026-10-23
1038United Kingdom2026-10-20
1039Canada2026-10-21
1040Italy2026-10-10
1041Italy2026-10-14
1042Japan2026-10-19
1043France2026-10-22
1044Canada2026-10-28
1045Spain2026-10-20
1046India2026-10-22
1047Canada2026-10-21
1048Germany2026-10-17
1049Canada2026-10-26

On-Demand Data

NameIdCountryDate
Kaitlin M Nicka1000Argentina2026-10-27
Faith S Morasca1001Italy2026-10-27
Jones L Maclead1002Japan2026-10-20
Sinclair R Paprocki1003France2026-10-16
Cody B Bolognia1004United Kingdom2026-11-01
Darci E Butt1005Brazil2026-10-26
Leon C Bowley1006Canada2026-10-20
Cody O Malet1007France2026-10-14
Johnson A Gillian1008India2026-10-06
Greenwood D Dilliard1009France2026-10-12
Adams Q Nestle1010Russia2026-10-13
Isabel O Stockham1011India2026-10-10
Julie O Marrier1012Canada2026-10-22
Jefferson N Waycott1013India2026-10-21
Leja Y Iturbide1014Spain2026-10-14
Francesco N Inouye1015United Kingdom2026-10-10
Claire R Wieser1016Brazil2026-10-15
Wickens U Shinko1017Canada2026-10-30
Maisha I Amigon1018United Kingdom2026-10-22
Francesco P Campain1019Italy2026-10-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Munro D CaudyFranceAnna Fali NEGOTIATION
Faith V SaylorsSpainBernardo Dominic PROPOSAL
Cody P SlusarskiJapanXuxue Feng UNQUALIFIED
Francesco A MaletCanadaIvan Magalhaes NEW
Emily D BologniaGermanyAmy Elsner NEGOTIATION
James W PoquetteIndiaXuxue Feng RENEWAL
Julie C DilliardSpainBernardo Dominic PROPOSAL
Chavez X RoysterGermanyElwin Sharvill NEW
Claire X FlosiFranceIvan Magalhaes NEW
Adams U CaudyFranceIoni Bowcher NEW
Sinclair J SchemmerItalyAsiya Javayant RENEWAL
Kaitlin T CaudyItalyOnyama Limba QUALIFIED
Emily B DoeIndiaIvan Magalhaes NEW
Nicolas K RoysterRussiaStephen Shaw NEGOTIATION
Jones X KolmetzUnited KingdomAsiya Javayant PROPOSAL
Leon K ButtIndiaIvan Magalhaes NEW
Clifford U BowleyItalyIvan Magalhaes RENEWAL
Wickens D ButtFranceIoni Bowcher RENEWAL
Jefferson F SergiSpainBernardo Dominic NEW
Greenwood K GauchoAustraliaStephen Shaw RENEWAL
Stacey S DoeAustraliaAmy Elsner NEGOTIATION
Darci X MacleadAustraliaOnyama Limba UNQUALIFIED
Jones V BowleyJapanIvan Magalhaes PROPOSAL
David F PaprockiGermanyElwin Sharvill RENEWAL
Stacey S MorascaAustraliaStephen Shaw UNQUALIFIED
Nicolas V NestleUnited KingdomAnna Fali NEW
Nicolas V WaycottUnited KingdomStephen Shaw PROPOSAL
Stacey R SaylorsJapanAsiya Javayant NEGOTIATION
Maria A WaycottUnited KingdomAsiya Javayant RENEWAL
Kaitlin O RimBrazilAnna Fali NEW
Murillo T VenereBrazilAnna Fali UNQUALIFIED
Aditya Y TollnerArgentinaBernardo Dominic UNQUALIFIED
Nicolas M FlosiCanadaAnna Fali RENEWAL
Ivar S ChuiJapanElwin Sharvill PROPOSAL
Maisha O AlbaresBrazilAnna Fali NEGOTIATION
Leja P BriddickUnited KingdomAmy Elsner PROPOSAL
Claire Q FollerItalyAmy Elsner NEGOTIATION
Darci L GarufiBrazilElwin Sharvill RENEWAL
Alejandro K SergiGermanyBernardo Dominic UNQUALIFIED
Mujtaba J MacleadBrazilElwin Sharvill 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>