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
Misaki N CaudyItalyElwin Sharvill NEW
Jennifer Z CampainGermanyAsiya Javayant UNQUALIFIED
Aruna X VenereUnited KingdomIvan Magalhaes RENEWAL
Tony V PoquetteFranceIvan Magalhaes UNQUALIFIED
Francesco T FlosiIndiaAmy Elsner NEW
Octavia A StensethSpainAsiya Javayant PROPOSAL
Tony X GillianItalyIvan Magalhaes NEW
Izzy X RoysterBrazilXuxue Feng NEW
Claire S VenereGermanyAnna Fali QUALIFIED
Greenwood O ChuiSpainOnyama Limba UNQUALIFIED
Costa M AmigonIndiaXuxue Feng QUALIFIED
Murillo R RimIndiaXuxue Feng NEW
Cody V CaldareraAustraliaXuxue Feng QUALIFIED
Maria L MaletSpainStephen Shaw QUALIFIED
Emily S TollnerRussiaIoni Bowcher UNQUALIFIED
Arvin S BriddickSpainXuxue Feng QUALIFIED
Kaitlin R PoquetteBrazilElwin Sharvill NEW
Isabel E NestleBrazilElwin Sharvill RENEWAL
Greenwood L GarufiAustraliaAnna Fali NEGOTIATION
Julie A KolmetzArgentinaElwin Sharvill RENEWAL
Antonio W VocelkaJapanXuxue Feng UNQUALIFIED
Rodrigues V OstroskyAustraliaStephen Shaw NEGOTIATION
Sinclair A RutaItalyXuxue Feng QUALIFIED
Emily K PaprockiJapanAmy Elsner UNQUALIFIED
Misaki U TollnerJapanElwin Sharvill QUALIFIED
Jennifer T PerinCanadaElwin Sharvill PROPOSAL
David Z GarufiRussiaIvan Magalhaes UNQUALIFIED
Ivar Y MacleadUnited KingdomAnna Fali QUALIFIED
Ivar C SergiItalyOnyama Limba NEGOTIATION
Mayumi W NestleArgentinaXuxue Feng NEGOTIATION
Smith E MorascaAustraliaAmy Elsner NEGOTIATION
Sinclair N OstroskyCanadaIoni Bowcher NEW
Juan K DarakjyBrazilStephen Shaw RENEWAL
Jennifer W OldroydItalyOnyama Limba QUALIFIED
Salvatore U DilliardRussiaAmy Elsner RENEWAL
Wickens I SaylorsSpainIvan Magalhaes RENEWAL
Greenwood V DoeCanadaElwin Sharvill NEGOTIATION
Costa H NickaJapanIoni Bowcher NEGOTIATION
Ivar V RulapaughRussiaXuxue Feng QUALIFIED
Sinclair P InouyeRussiaAmy Elsner UNQUALIFIED
Octavia U MacleadIndiaAsiya Javayant UNQUALIFIED
Darci O MaletArgentinaIvan Magalhaes NEGOTIATION
Rodrigues B FollerJapanStephen Shaw QUALIFIED
Darci S WaycottArgentinaBernardo Dominic PROPOSAL
Smith M GarufiRussiaElwin Sharvill RENEWAL
James E SchemmerItalyXuxue Feng NEW
Rodrigues T SlusarskiArgentinaXuxue Feng PROPOSAL
Jennifer I RoysterFranceOnyama Limba RENEWAL
Wickens Z ButtRussiaStephen Shaw NEGOTIATION
Wickens W NestleSpainIoni Bowcher RENEWAL
Horizontal
NameCountryRepresentativeStatus
Emily F WieserRussiaIvan Magalhaes NEW
Wickens G StensethCanadaOnyama Limba NEGOTIATION
Clifford K MaletRussiaIvan Magalhaes QUALIFIED
Aditya A WaycottItalyStephen Shaw PROPOSAL
Antonio W FigeroaGermanyAnna Fali PROPOSAL
Chavez X DarakjyRussiaStephen Shaw PROPOSAL
David M CaldareraIndiaAnna Fali UNQUALIFIED
Ashley V FerenczIndiaIoni Bowcher PROPOSAL
Francesco H OstroskyRussiaIvan Magalhaes QUALIFIED
Mayumi E SlusarskiIndiaIvan Magalhaes PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Darci G GlickSpain2026-08-27Morlong Associates PROPOSAL57Ivan Magalhaes
1001Ricardo U RimGermany2026-08-28Rangoni Of Florence QUALIFIED4Asiya Javayant
1002Mujtaba O ButtBrazil2026-09-07Feiner Bros NEGOTIATION24Elwin Sharvill
1003Silvio X SlusarskiJapan2026-09-10Chapman, Ross E Esq QUALIFIED72Amy Elsner
1004Maria G StensethSpain2026-09-07Chemel, James L Cpa QUALIFIED21Elwin Sharvill
1005Stacey V MarrierJapan2026-09-18Feiner Bros NEW63Bernardo Dominic
1006Deepesh F NestleRussia2026-09-15Rousseaux, Michael Esq QUALIFIED29Ivan Magalhaes
1007Jeanfrancois A MaletCanada2026-09-23Benton, John B Jr NEGOTIATION91Ioni Bowcher
1008Munro G SaylorsUnited Kingdom2026-08-28Chapman, Ross E Esq NEGOTIATION97Amy Elsner
1009Faith L AmigonRussia2026-09-08Feiner Bros PROPOSAL34Ivan Magalhaes
1010Julie H PoquetteSpain2026-09-17Dorl, James J Esq QUALIFIED55Asiya Javayant
1011Munro C OstroskyBrazil2026-09-09Benton, John B Jr NEGOTIATION34Anna Fali
1012Clifford O RoysterGermany2026-09-03Rousseaux, Michael Esq RENEWAL23Stephen Shaw
1013Izzy X TollnerJapan2026-09-21Chapman, Ross E Esq RENEWAL39Xuxue Feng
1014Kaitlin T InouyeJapan2026-09-18Buckley Miller Wright PROPOSAL14Xuxue Feng
1015Emily K CampainJapan2026-09-22Buckley Miller Wright PROPOSAL29Xuxue Feng
1016Ashley S GlickGermany2026-09-04King, Christopher A Esq NEGOTIATION32Anna Fali
1017Francesco J SergiRussia2026-09-12Commercial Press QUALIFIED3Stephen Shaw
1018Antonio L CampainGermany2026-09-11Feiner Bros RENEWAL10Amy Elsner
1019Salvatore L GarufiSpain2026-09-01Chanay, Jeffrey A Esq NEGOTIATION18Ivan Magalhaes
1020Kaitlin H VenereFrance2026-08-29Truhlar And Truhlar Attys RENEWAL26Anna Fali
1021Mayumi A StockhamItaly2026-09-02Morlong Associates PROPOSAL86Asiya Javayant
1022Jones X FigeroaJapan2026-09-24Feltz Printing Service RENEWAL61Onyama Limba
1023Kaitlin K DilliardFrance2026-09-23Rangoni Of Florence PROPOSAL29Asiya Javayant
1024Stacey W StensethIndia2026-09-03Feltz Printing Service NEW57Elwin Sharvill
1025Misaki X CaudyUnited Kingdom2026-08-30Morlong Associates UNQUALIFIED3Bernardo Dominic
1026Deepesh L BriddickFrance2026-09-17Buckley Miller Wright NEW33Elwin Sharvill
1027Sinclair E FlosiCanada2026-09-11Buckley Miller Wright RENEWAL13Amy Elsner
1028Misaki X VenereCanada2026-09-21Rousseaux, Michael Esq PROPOSAL86Asiya Javayant
1029Clifford U PerinBrazil2026-09-22Feiner Bros QUALIFIED11Asiya Javayant
1030Darci P CaldareraSpain2026-09-01King, Christopher A Esq QUALIFIED14Amy Elsner
1031Cody P GauchoGermany2026-09-13Truhlar And Truhlar Attys RENEWAL73Ivan Magalhaes
1032Ivar P DarakjyAustralia2026-09-11Printing Dimensions NEW50Anna Fali
1033Juan R WhobreyItaly2026-08-27Rangoni Of Florence NEW7Onyama Limba
1034David X ChuiRussia2026-09-16Chanay, Jeffrey A Esq NEW30Xuxue Feng
1035Murillo W WieserUnited Kingdom2026-09-15Chanay, Jeffrey A Esq PROPOSAL71Ioni Bowcher
1036Jennifer Z AlbaresGermany2026-09-15Commercial Press UNQUALIFIED83Ioni Bowcher
1037Isabel Z GauchoGermany2026-09-24Rangoni Of Florence RENEWAL83Ioni Bowcher
1038Arvin S GauchoGermany2026-09-17Benton, John B Jr RENEWAL8Onyama Limba
1039Rodrigues F ChuiJapan2026-09-02Benton, John B Jr PROPOSAL10Stephen Shaw
1040Ricardo E OldroydArgentina2026-09-12Chapman, Ross E Esq RENEWAL79Anna Fali
1041Ashley S ButtJapan2026-09-17Commercial Press PROPOSAL36Elwin Sharvill
1042Smith A GauchoSpain2026-09-24Truhlar And Truhlar Attys UNQUALIFIED49Elwin Sharvill
1043Juan D PoquetteRussia2026-09-13Commercial Press PROPOSAL49Bernardo Dominic
1044Misaki H CaudyJapan2026-09-21Commercial Press NEGOTIATION20Stephen Shaw
1045Clifford S SchemmerUnited Kingdom2026-09-10Chanay, Jeffrey A Esq UNQUALIFIED99Onyama Limba
1046Kaitlin F PaprockiCanada2026-09-25Buckley Miller Wright UNQUALIFIED45Elwin Sharvill
1047Darci D MarrierAustralia2026-09-24Truhlar And Truhlar Attys NEW29Amy Elsner
1048David R PerinItaly2026-09-06Buckley Miller Wright RENEWAL22Asiya Javayant
1049Johnson K FigeroaArgentina2026-09-21Chanay, Jeffrey A Esq RENEWAL79Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Juan G SlusarskiBrazilXuxue Feng UNQUALIFIED
Antonio P MorascaIndiaOnyama Limba UNQUALIFIED
Cody O WhobreyIndiaAnna Fali PROPOSAL
Leon T ButtSpainStephen Shaw NEGOTIATION
Darci V RulapaughGermanyElwin Sharvill NEGOTIATION
Greenwood P FlosiUnited KingdomStephen Shaw PROPOSAL
Jones O GarufiSpainAsiya Javayant UNQUALIFIED
Murillo I DarakjyRussiaIoni Bowcher RENEWAL
Nicolas C DilliardIndiaAnna Fali NEW
Julie G WaycottUnited KingdomAnna Fali NEGOTIATION
Emily K DoeRussiaIvan Magalhaes NEW
Misaki M DoeCanadaAnna Fali NEGOTIATION
Silvio D PerinFranceIvan Magalhaes UNQUALIFIED
Izzy J AmigonFranceOnyama Limba NEW
Silvio T MarrierGermanyAnna Fali NEGOTIATION
Smith C CaldareraBrazilOnyama Limba RENEWAL
Rodrigues O KolmetzFranceAmy Elsner NEW
Munro C OstroskyJapanAmy Elsner RENEWAL
Mayumi Y GlickBrazilXuxue Feng UNQUALIFIED
Sinclair Y WaycottUnited KingdomAmy Elsner NEGOTIATION
Mujtaba I InouyeFranceBernardo Dominic QUALIFIED
Johnson G NestleRussiaStephen Shaw PROPOSAL
Octavia K ButtCanadaXuxue Feng QUALIFIED
Izzy F StockhamUnited KingdomBernardo Dominic NEGOTIATION
Sinclair F AmigonUnited KingdomAnna Fali NEW
Kaitlin A KolmetzJapanElwin Sharvill NEGOTIATION
Chavez I FerenczArgentinaAmy Elsner NEW
Jennifer Y FigeroaIndiaIoni Bowcher UNQUALIFIED
Munro E RutaArgentinaAsiya Javayant PROPOSAL
Morrow M SlusarskiUnited KingdomAmy Elsner NEGOTIATION
Juan J MarrierSpainIoni Bowcher NEGOTIATION
Sinclair Q MarrierCanadaIoni Bowcher RENEWAL
Ashley R OldroydBrazilElwin Sharvill PROPOSAL
Smith Q DoeAustraliaBernardo Dominic PROPOSAL
Cody N SergiFranceAnna Fali PROPOSAL
Wickens O ButtFranceStephen Shaw NEGOTIATION
Morrow D WieserAustraliaElwin Sharvill UNQUALIFIED
Julie S MaletBrazilBernardo Dominic RENEWAL
Silvio O BowleyJapanXuxue Feng NEGOTIATION
Greenwood B MaletJapanXuxue Feng QUALIFIED
Misaki O StockhamFranceIoni Bowcher PROPOSAL
Leja D PoquetteAustraliaElwin Sharvill NEW
Nicolas C CaldareraSpainIoni Bowcher RENEWAL
Claire C ShinkoJapanAsiya Javayant NEGOTIATION
Aditya D PerinArgentinaElwin Sharvill NEGOTIATION
Juan N FigeroaArgentinaAmy Elsner NEW
Kaitlin Q MorascaJapanStephen Shaw RENEWAL
Cody L VenereRussiaStephen Shaw PROPOSAL
Tony A KolmetzAustraliaBernardo Dominic QUALIFIED
Johnson D GillianArgentinaOnyama Limba NEGOTIATION
Frozen Columns
Name
Claire D Poquette
Kadeem U Oldroyd
Julie N Slusarski
Emily T Ruta
Tony Y Paprocki
Maisha W Amigon
Izzy N Malet
Faith Q Iturbide
David G Malet
Smith B Flosi
Ashley W Figeroa
Rodrigues R Darakjy
Munro E Figeroa
Murillo T Vocelka
Chavez I Ferencz
Wickens P Gillian
Leon A Nicka
Ricardo K Shinko
Ashley H Chui
Isabel R Paprocki
Murillo O Rulapaugh
Murillo T Garufi
Smith P Marrier
Kaitlin S Campain
Arvin O Ruta
Munro F Stenseth
Jennifer G Kolmetz
Octavia V Poquette
Claire P Waycott
Salvatore R Stenseth
Francesco E Slusarski
Nicolas B Perin
Murillo B Caudy
Ivar M Stenseth
Salvatore J Slusarski
Smith A Saylors
Aruna O Inouye
Ivar R Oldroyd
Clifford L Gaucho
Octavia B Nestle
Johnson U Kolmetz
Misaki T Paprocki
Cody K Ruta
Octavia A Gaucho
Julie A Chui
Wickens R Shinko
Aruna G Foller
Maria K Garufi
Ashley M Briddick
Nicolas S Marrier
IdCountryDate
1000Russia2026-09-03
1001Brazil2026-08-29
1002Brazil2026-09-09
1003Japan2026-09-10
1004United Kingdom2026-09-07
1005Australia2026-09-24
1006Germany2026-09-08
1007Australia2026-09-18
1008France2026-09-21
1009United Kingdom2026-08-29
1010United Kingdom2026-09-22
1011Spain2026-09-12
1012Russia2026-09-23
1013Russia2026-08-30
1014Canada2026-09-09
1015Argentina2026-09-24
1016India2026-08-31
1017Argentina2026-09-02
1018Russia2026-09-12
1019Brazil2026-09-23
1020Canada2026-09-22
1021Spain2026-09-18
1022Brazil2026-09-23
1023Germany2026-09-07
1024United Kingdom2026-09-24
1025France2026-08-29
1026Brazil2026-09-03
1027Japan2026-09-17
1028Spain2026-08-31
1029Germany2026-08-27
1030Germany2026-09-12
1031Australia2026-09-03
1032France2026-09-19
1033Brazil2026-09-15
1034Brazil2026-09-25
1035Russia2026-09-22
1036Canada2026-09-10
1037Argentina2026-09-15
1038Canada2026-09-04
1039India2026-09-23
1040Australia2026-09-23
1041Russia2026-09-01
1042Argentina2026-09-11
1043Australia2026-09-01
1044Australia2026-08-30
1045India2026-09-24
1046Brazil2026-09-22
1047United Kingdom2026-09-13
1048Japan2026-09-07
1049Argentina2026-09-01

On-Demand Data

NameIdCountryDate
Salvatore D Bowley1000Italy2026-09-18
Maria U Slusarski1001Germany2026-09-21
Tony W Dilliard1002Japan2026-08-29
Claire Z Inouye1003Russia2026-09-24
Stacey W Morasca1004India2026-08-28
David O Dilliard1005Germany2026-09-20
David Q Albares1006Japan2026-09-03
Maisha T Dilliard1007Australia2026-09-13
Darci J Butt1008Canada2026-09-04
Claire Y Briddick1009Russia2026-09-08
Jones X Flosi1010Germany2026-09-07
Jones B Caldarera1011Argentina2026-09-22
Darci S Inouye1012Argentina2026-09-08
Silvio F Morasca1013Australia2026-09-15
Leja A Malet1014Argentina2026-09-21
Misaki P Foller1015Spain2026-09-02
Jefferson I Darakjy1016Italy2026-09-22
Francesco G Vocelka1017Spain2026-09-16
Arvin D Vocelka1018Argentina2026-09-14
Ivar J Morasca1019Russia2026-08-28
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Rodrigues C BriddickItalyStephen Shaw NEGOTIATION
Ivar D GarufiIndiaElwin Sharvill QUALIFIED
Ashley F CaudyUnited KingdomXuxue Feng RENEWAL
Francesco X DoeGermanyOnyama Limba NEGOTIATION
Antonio W RimIndiaAmy Elsner QUALIFIED
Leon A FollerUnited KingdomOnyama Limba UNQUALIFIED
Nicolas Q PaprockiItalyElwin Sharvill NEW
Jennifer J VenereBrazilIoni Bowcher UNQUALIFIED
Julie F CampainUnited KingdomAsiya Javayant RENEWAL
Rodrigues Y GillianRussiaElwin Sharvill RENEWAL
Adams N MaletIndiaIvan Magalhaes UNQUALIFIED
Greenwood H DoeArgentinaAnna Fali RENEWAL
Julie O IturbideCanadaOnyama Limba NEGOTIATION
Ashley H WieserFranceElwin Sharvill PROPOSAL
Jennifer A DilliardRussiaAsiya Javayant RENEWAL
Claire X GlickArgentinaAnna Fali PROPOSAL
Ricardo J MacleadUnited KingdomAmy Elsner NEW
Smith I RutaGermanyAmy Elsner UNQUALIFIED
Adams Q FollerArgentinaXuxue Feng UNQUALIFIED
Kaitlin G SaylorsBrazilStephen Shaw NEW
Leon J ButtJapanAnna Fali UNQUALIFIED
David Y PaprockiAustraliaBernardo Dominic RENEWAL
Chavez O RimRussiaOnyama Limba RENEWAL
Jefferson A RoysterRussiaXuxue Feng RENEWAL
David Z DoeBrazilStephen Shaw RENEWAL
Emily O BriddickBrazilAmy Elsner RENEWAL
Tony B RimAustraliaAnna Fali RENEWAL
David V PaprockiRussiaOnyama Limba NEW
Salvatore C MaletBrazilStephen Shaw PROPOSAL
Jennifer X SaylorsCanadaStephen Shaw NEGOTIATION
Isabel J DarakjyArgentinaBernardo Dominic PROPOSAL
Octavia T FerenczSpainIoni Bowcher NEW
Johnson K InouyeFranceIoni Bowcher RENEWAL
Clifford G GarufiUnited KingdomAnna Fali NEW
Kadeem D CaldareraBrazilElwin Sharvill NEW
Costa L KolmetzGermanyIvan Magalhaes NEGOTIATION
David G PaprockiBrazilElwin Sharvill UNQUALIFIED
Arvin N FollerSpainOnyama Limba UNQUALIFIED
Aika K GillianJapanElwin Sharvill PROPOSAL
Clifford Y MarrierRussiaIvan Magalhaes NEGOTIATION

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