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
Salvatore F BriddickUnited KingdomStephen Shaw UNQUALIFIED
Alejandro Z WhobreyIndiaAnna Fali PROPOSAL
Kadeem S SergiSpainBernardo Dominic NEW
Isabel C SaylorsFranceIoni Bowcher NEW
Isabel F RulapaughArgentinaBernardo Dominic RENEWAL
Wickens X VenereAustraliaElwin Sharvill NEW
Deepesh Y SchemmerGermanyAmy Elsner UNQUALIFIED
Leja C GauchoSpainAnna Fali NEW
Mujtaba H DoeGermanyStephen Shaw PROPOSAL
Leja Y PaprockiJapanAmy Elsner NEGOTIATION
Julie L BowleyItalyStephen Shaw QUALIFIED
Darci E WaycottItalyStephen Shaw UNQUALIFIED
Nicolas C WaycottFranceAsiya Javayant NEW
Kaitlin X FollerItalyIoni Bowcher PROPOSAL
Leon K WhobreyBrazilIoni Bowcher PROPOSAL
Jones M SchemmerGermanyElwin Sharvill QUALIFIED
Clifford U BriddickCanadaElwin Sharvill QUALIFIED
Sinclair M RutaBrazilAmy Elsner RENEWAL
Adams Q MacleadArgentinaBernardo Dominic NEGOTIATION
Alejandro G DarakjySpainXuxue Feng RENEWAL
Smith K FlosiRussiaIoni Bowcher NEW
James V KolmetzJapanXuxue Feng PROPOSAL
Ashley V GillianBrazilAsiya Javayant NEW
Silvio R TollnerArgentinaIvan Magalhaes PROPOSAL
Chavez N VocelkaGermanyOnyama Limba QUALIFIED
Kadeem H WieserFranceElwin Sharvill UNQUALIFIED
David O FerenczArgentinaAnna Fali NEW
David P ButtSpainStephen Shaw NEW
Leja A KuskoItalyAnna Fali UNQUALIFIED
Jefferson Z DoeCanadaElwin Sharvill RENEWAL
Chavez T BowleyBrazilXuxue Feng RENEWAL
Kadeem G SaylorsJapanXuxue Feng QUALIFIED
Octavia S NestleUnited KingdomBernardo Dominic NEGOTIATION
James I SergiFranceAnna Fali UNQUALIFIED
Francesco J SlusarskiItalyIvan Magalhaes UNQUALIFIED
Murillo F MaletBrazilXuxue Feng RENEWAL
Wickens I KolmetzUnited KingdomXuxue Feng NEGOTIATION
Costa I GarufiArgentinaBernardo Dominic NEW
Ivar W MorascaJapanAsiya Javayant NEGOTIATION
Sinclair B KuskoFranceElwin Sharvill NEGOTIATION
Maria I PoquetteGermanyAnna Fali NEGOTIATION
Jennifer H RulapaughIndiaAmy Elsner UNQUALIFIED
Claire X FollerIndiaIvan Magalhaes NEGOTIATION
Jennifer P PerinGermanyElwin Sharvill RENEWAL
Kadeem Y AmigonSpainAsiya Javayant QUALIFIED
Faith C SlusarskiUnited KingdomAnna Fali PROPOSAL
Faith Q DilliardAustraliaAmy Elsner NEW
Alejandro Z WhobreyUnited KingdomElwin Sharvill RENEWAL
Misaki K FollerUnited KingdomXuxue Feng NEW
Kadeem W InouyeFranceBernardo Dominic NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Silvio G CampainCanadaStephen Shaw NEW
Stacey B CampainUnited KingdomXuxue Feng UNQUALIFIED
Adams E TollnerIndiaStephen Shaw NEGOTIATION
Clifford X NickaItalyXuxue Feng PROPOSAL
Claire T BologniaAustraliaElwin Sharvill PROPOSAL
Arvin E SchemmerSpainAsiya Javayant PROPOSAL
Leon S PerinSpainAmy Elsner UNQUALIFIED
Isabel L RulapaughIndiaElwin Sharvill RENEWAL
Isabel Z PoquetteBrazilBernardo Dominic RENEWAL
Salvatore T NestleGermanyAsiya Javayant NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Faith D InouyeCanada2026-10-15Chapman, Ross E Esq NEGOTIATION19Ioni Bowcher
1001Chavez B GillianItaly2026-10-01King, Christopher A Esq UNQUALIFIED59Onyama Limba
1002David B SchemmerItaly2026-10-01Printing Dimensions RENEWAL93Onyama Limba
1003Greenwood J ShinkoSpain2026-10-10Commercial Press PROPOSAL72Ivan Magalhaes
1004Munro C DarakjyCanada2026-10-18Benton, John B Jr PROPOSAL26Xuxue Feng
1005Munro V FollerAustralia2026-10-14King, Christopher A Esq NEGOTIATION32Amy Elsner
1006Salvatore E VocelkaJapan2026-10-24King, Christopher A Esq RENEWAL33Asiya Javayant
1007Munro T NestleAustralia2026-10-04Feltz Printing Service NEW75Bernardo Dominic
1008Leon R BowleyRussia2026-10-24Feiner Bros UNQUALIFIED28Ivan Magalhaes
1009Faith W OldroydAustralia2026-09-30Feiner Bros NEGOTIATION85Ioni Bowcher
1010Ivar L FollerCanada2026-10-17Dorl, James J Esq QUALIFIED95Ioni Bowcher
1011Smith O MaletCanada2026-10-28Rangoni Of Florence PROPOSAL36Bernardo Dominic
1012Stacey B WaycottUnited Kingdom2026-10-05Chemel, James L Cpa UNQUALIFIED25Stephen Shaw
1013Juan R SchemmerCanada2026-10-19Morlong Associates UNQUALIFIED50Xuxue Feng
1014Juan E SergiUnited Kingdom2026-10-21Chapman, Ross E Esq NEW50Amy Elsner
1015Nicolas X KuskoSpain2026-10-21Chapman, Ross E Esq NEW58Stephen Shaw
1016Maria L IturbideUnited Kingdom2026-10-26King, Christopher A Esq PROPOSAL37Xuxue Feng
1017Munro W BowleyUnited Kingdom2026-10-24Benton, John B Jr NEGOTIATION73Xuxue Feng
1018Aditya L KolmetzArgentina2026-10-11Feiner Bros NEGOTIATION23Xuxue Feng
1019Ashley C CaldareraIndia2026-10-07Commercial Press UNQUALIFIED42Onyama Limba
1020Costa N InouyeIndia2026-10-13Morlong Associates NEW87Ioni Bowcher
1021Leja V BowleyJapan2026-10-13Feltz Printing Service QUALIFIED48Asiya Javayant
1022Ashley M TollnerFrance2026-10-29Morlong Associates PROPOSAL72Bernardo Dominic
1023Salvatore B RutaItaly2026-10-29Feltz Printing Service PROPOSAL11Elwin Sharvill
1024Sinclair W KolmetzCanada2026-10-01Chemel, James L Cpa QUALIFIED78Bernardo Dominic
1025Morrow S MorascaUnited Kingdom2026-10-29Chemel, James L Cpa NEW27Stephen Shaw
1026Emily G FerenczGermany2026-10-21Printing Dimensions RENEWAL73Amy Elsner
1027Leja R WhobreyBrazil2026-10-07King, Christopher A Esq UNQUALIFIED95Stephen Shaw
1028Leon A FerenczIndia2026-10-18Printing Dimensions NEGOTIATION43Stephen Shaw
1029Mayumi U GillianRussia2026-10-02Rousseaux, Michael Esq UNQUALIFIED85Onyama Limba
1030Chavez Y RulapaughArgentina2026-09-30Dorl, James J Esq RENEWAL21Asiya Javayant
1031Darci N IturbideBrazil2026-10-07Benton, John B Jr PROPOSAL23Xuxue Feng
1032Salvatore Y MarrierUnited Kingdom2026-10-07Feltz Printing Service PROPOSAL98Onyama Limba
1033Kaitlin M RoysterIndia2026-10-10Commercial Press UNQUALIFIED45Elwin Sharvill
1034Faith B RutaCanada2026-10-05Chanay, Jeffrey A Esq PROPOSAL0Onyama Limba
1035Isabel W NickaFrance2026-10-16Feiner Bros RENEWAL84Stephen Shaw
1036Darci V BriddickIndia2026-09-30Printing Dimensions PROPOSAL74Elwin Sharvill
1037Claire Y StockhamCanada2026-10-28Dorl, James J Esq QUALIFIED65Ioni Bowcher
1038James W PoquetteAustralia2026-10-02Chanay, Jeffrey A Esq NEGOTIATION75Anna Fali
1039Darci Y WhobreyAustralia2026-10-10Feltz Printing Service RENEWAL70Stephen Shaw
1040Clifford E FlosiItaly2026-10-25Morlong Associates RENEWAL14Anna Fali
1041Aruna G VenereCanada2026-10-11Rousseaux, Michael Esq UNQUALIFIED18Asiya Javayant
1042Smith T StensethGermany2026-10-17Commercial Press QUALIFIED35Stephen Shaw
1043Alejandro T GillianSpain2026-10-12Chemel, James L Cpa NEW21Anna Fali
1044Jefferson A DarakjyFrance2026-10-15Benton, John B Jr QUALIFIED95Ivan Magalhaes
1045Nicolas N NestleIndia2026-10-02Buckley Miller Wright NEW47Anna Fali
1046Octavia U BologniaSpain2026-10-22Feltz Printing Service RENEWAL52Xuxue Feng
1047Jones H WaycottItaly2026-10-21Feiner Bros PROPOSAL21Asiya Javayant
1048Greenwood J GlickIndia2026-10-25King, Christopher A Esq NEW47Amy Elsner
1049Aika T RutaSpain2026-10-02Chanay, Jeffrey A Esq RENEWAL78Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
David D RimArgentinaOnyama Limba NEW
Alejandro K GauchoItalyIoni Bowcher QUALIFIED
Faith J DoeCanadaElwin Sharvill UNQUALIFIED
Jeanfrancois B RoysterUnited KingdomBernardo Dominic RENEWAL
Francesco C CaldareraAustraliaBernardo Dominic RENEWAL
Jennifer U NestleUnited KingdomAmy Elsner PROPOSAL
Morrow S DilliardArgentinaIvan Magalhaes PROPOSAL
Antonio L SaylorsCanadaAnna Fali NEGOTIATION
Maisha G MaletItalyStephen Shaw UNQUALIFIED
Juan X ChuiAustraliaElwin Sharvill QUALIFIED
Maria F WaycottRussiaAnna Fali QUALIFIED
Stacey R NickaRussiaAsiya Javayant UNQUALIFIED
Maisha S BriddickAustraliaBernardo Dominic UNQUALIFIED
Jefferson K NickaFranceAnna Fali NEGOTIATION
Aruna Y FerenczBrazilXuxue Feng NEGOTIATION
Kaitlin G CampainGermanyBernardo Dominic RENEWAL
Leon J BriddickCanadaAnna Fali QUALIFIED
Ricardo S SergiItalyIoni Bowcher PROPOSAL
Sinclair W GillianCanadaXuxue Feng RENEWAL
Leon M KuskoItalyStephen Shaw NEW
Claire M MaletAustraliaXuxue Feng PROPOSAL
Jennifer U TollnerAustraliaStephen Shaw RENEWAL
Tony A MaletBrazilBernardo Dominic NEW
Alejandro R InouyeItalyIoni Bowcher NEGOTIATION
Francesco R RimIndiaIvan Magalhaes NEGOTIATION
Stacey A ChuiAustraliaXuxue Feng NEGOTIATION
Rodrigues G CampainIndiaXuxue Feng PROPOSAL
James P PoquetteAustraliaAmy Elsner QUALIFIED
Jones J MarrierCanadaAmy Elsner QUALIFIED
Sinclair C MorascaFranceIoni Bowcher NEGOTIATION
Claire J GauchoBrazilOnyama Limba RENEWAL
Salvatore I MaletBrazilXuxue Feng PROPOSAL
Sinclair M CaldareraIndiaOnyama Limba QUALIFIED
Aika X RutaCanadaAsiya Javayant RENEWAL
Isabel A FollerCanadaElwin Sharvill NEGOTIATION
Stacey W DarakjyUnited KingdomIoni Bowcher NEW
Nicolas Y FerenczIndiaIoni Bowcher NEW
Tony Z NickaBrazilIvan Magalhaes NEGOTIATION
Darci R CaldareraBrazilIoni Bowcher NEW
Johnson S BriddickCanadaIvan Magalhaes QUALIFIED
Silvio E MacleadIndiaOnyama Limba NEGOTIATION
Cody Z FerenczJapanBernardo Dominic NEGOTIATION
Munro C CaudyRussiaBernardo Dominic PROPOSAL
Francesco R WaycottUnited KingdomXuxue Feng RENEWAL
Clifford G FollerGermanyBernardo Dominic PROPOSAL
Claire Y KolmetzIndiaIoni Bowcher UNQUALIFIED
Maisha Z GarufiBrazilAmy Elsner QUALIFIED
Leja K PerinGermanyIoni Bowcher NEW
Leja Z DoeItalyIoni Bowcher NEW
Johnson R MorascaGermanyBernardo Dominic NEGOTIATION
Frozen Columns
Name
Kaitlin A Oldroyd
Kadeem A Amigon
Sinclair Z Morasca
Maria B Perin
Aruna J Morasca
Maisha Y Malet
Mujtaba U Schemmer
Maria I Figeroa
Arvin H Doe
Clifford W Kolmetz
Francesco E Paprocki
James U Caldarera
Kaitlin O Caldarera
Ricardo Z Chui
Salvatore I Butt
Francesco W Glick
Chavez R Butt
David F Kusko
Arvin M Vocelka
Ivar J Campain
Alejandro K Kolmetz
Arvin C Stenseth
Emily E Foller
Smith B Stenseth
Kaitlin T Marrier
Aruna K Bowley
Nicolas P Doe
Izzy D Albares
Jennifer E Vocelka
Emily V Schemmer
Kadeem H Foller
Kaitlin D Stenseth
Isabel B Nicka
Ivar V Caldarera
Tony U Waycott
Ricardo S Tollner
Maria L Rim
Chavez D Morasca
Arvin I Caldarera
Ricardo X Rim
Jones T Vocelka
Kadeem V Oldroyd
Maisha U Chui
Ivar I Dilliard
James T Nestle
Maisha L Foller
Juan Q Figeroa
Silvio T Glick
Adams T Ferencz
Mayumi W Venere
IdCountryDate
1000Argentina2026-10-13
1001United Kingdom2026-10-08
1002Spain2026-10-16
1003Canada2026-10-28
1004Germany2026-10-05
1005Italy2026-10-12
1006France2026-09-30
1007India2026-09-30
1008Italy2026-10-19
1009Brazil2026-10-10
1010Spain2026-10-06
1011France2026-10-18
1012India2026-10-23
1013United Kingdom2026-10-21
1014India2026-10-03
1015Australia2026-10-09
1016Japan2026-10-16
1017Japan2026-10-05
1018Canada2026-10-26
1019India2026-10-25
1020Brazil2026-10-24
1021United Kingdom2026-10-09
1022Spain2026-09-30
1023Argentina2026-10-08
1024Australia2026-10-27
1025Canada2026-09-30
1026Argentina2026-10-17
1027Australia2026-10-15
1028Germany2026-10-24
1029Italy2026-10-16
1030Australia2026-10-23
1031Japan2026-10-22
1032Japan2026-10-23
1033United Kingdom2026-10-27
1034Australia2026-10-24
1035Argentina2026-10-22
1036United Kingdom2026-10-26
1037Japan2026-10-20
1038Australia2026-10-25
1039Spain2026-10-25
1040Italy2026-09-30
1041Argentina2026-10-07
1042Japan2026-10-14
1043Russia2026-10-22
1044Australia2026-10-27
1045Russia2026-10-07
1046Germany2026-10-19
1047Spain2026-10-25
1048Canada2026-10-10
1049Australia2026-10-17

On-Demand Data

NameIdCountryDate
Antonio Y Ferencz1000Canada2026-10-02
Nicolas W Inouye1001Italy2026-10-14
Mayumi W Rim1002Canada2026-10-19
Leon H Amigon1003Brazil2026-10-19
Claire T Whobrey1004Japan2026-10-18
Maisha G Perin1005Germany2026-10-10
James Z Ferencz1006Spain2026-10-12
Cody R Royster1007Canada2026-10-27
Chavez E Whobrey1008India2026-10-25
Johnson B Poquette1009Italy2026-10-20
Sinclair X Caudy1010Australia2026-10-08
Darci T Marrier1011United Kingdom2026-10-28
Kaitlin F Ferencz1012Canada2026-10-18
Wickens N Venere1013Germany2026-10-29
Kadeem O Whobrey1014France2026-10-12
Mayumi F Gillian1015Australia2026-10-04
Mayumi B Maclead1016Italy2026-10-06
Morrow A Poquette1017Italy2026-10-10
Arvin M Chui1018Russia2026-10-07
Julie B Chui1019France2026-10-03
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Adams A FollerCanadaAsiya Javayant NEW
Leon S SaylorsJapanOnyama Limba PROPOSAL
Greenwood P GillianAustraliaBernardo Dominic PROPOSAL
James Q FollerFranceBernardo Dominic RENEWAL
Jefferson L GlickUnited KingdomStephen Shaw NEGOTIATION
Kadeem R BriddickRussiaIoni Bowcher UNQUALIFIED
James F DoeItalyStephen Shaw QUALIFIED
Rodrigues U DilliardAustraliaAnna Fali NEGOTIATION
Nicolas O InouyeIndiaAnna Fali QUALIFIED
Jennifer Z RutaBrazilIoni Bowcher RENEWAL
Aruna Y RulapaughSpainIoni Bowcher PROPOSAL
Francesco D CaldareraItalyAnna Fali QUALIFIED
Claire H PoquetteCanadaAnna Fali RENEWAL
Juan P WaycottSpainAmy Elsner UNQUALIFIED
Alejandro T MarrierRussiaStephen Shaw UNQUALIFIED
Cody W BriddickItalyAsiya Javayant NEW
Tony L MaletGermanyAnna Fali QUALIFIED
Leon Y MaletGermanyAmy Elsner UNQUALIFIED
Jennifer G DarakjyJapanXuxue Feng NEW
Johnson Q StensethIndiaStephen Shaw NEGOTIATION
Aditya V MaletBrazilXuxue Feng UNQUALIFIED
Sinclair I InouyeJapanIvan Magalhaes NEGOTIATION
Rodrigues S AmigonIndiaElwin Sharvill RENEWAL
Maisha I BologniaGermanyAnna Fali PROPOSAL
Johnson D SergiJapanXuxue Feng QUALIFIED
Aruna Z SlusarskiAustraliaBernardo Dominic RENEWAL
Aruna C GillianGermanyAnna Fali QUALIFIED
Clifford W InouyeRussiaStephen Shaw UNQUALIFIED
Aika K FollerItalyBernardo Dominic PROPOSAL
Greenwood M SlusarskiJapanIoni Bowcher NEGOTIATION
Octavia Y KolmetzFranceAnna Fali PROPOSAL
Leja J MorascaFranceIoni Bowcher RENEWAL
Smith J GlickUnited KingdomBernardo Dominic RENEWAL
Leon Q PerinIndiaIvan Magalhaes RENEWAL
Aruna O PerinItalyIoni Bowcher NEW
Johnson N ChuiRussiaStephen Shaw UNQUALIFIED
Jones G RulapaughRussiaAmy Elsner RENEWAL
Nicolas K ShinkoCanadaOnyama Limba NEGOTIATION
Ricardo W CampainCanadaAnna Fali RENEWAL
Adams W WieserCanadaIvan Magalhaes PROPOSAL

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