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
Tony U StockhamFranceElwin Sharvill RENEWAL
Leon K AmigonBrazilIoni Bowcher PROPOSAL
Rodrigues K SaylorsJapanAmy Elsner RENEWAL
Morrow D StockhamJapanStephen Shaw UNQUALIFIED
Cody Y MaletGermanyStephen Shaw NEW
Jeanfrancois V FlosiGermanyAmy Elsner NEGOTIATION
Faith S KolmetzGermanyIoni Bowcher UNQUALIFIED
Greenwood S ChuiCanadaElwin Sharvill QUALIFIED
Leon P AmigonBrazilXuxue Feng QUALIFIED
Murillo Q VocelkaArgentinaAnna Fali NEGOTIATION
Faith C MaletJapanStephen Shaw QUALIFIED
Jefferson H SlusarskiItalyXuxue Feng NEW
Jefferson M GauchoSpainIoni Bowcher NEW
Munro O SaylorsArgentinaElwin Sharvill UNQUALIFIED
Greenwood O OstroskyCanadaAmy Elsner RENEWAL
Silvio Q MorascaArgentinaAnna Fali NEGOTIATION
Morrow D FollerSpainStephen Shaw NEGOTIATION
Jennifer G SlusarskiGermanyOnyama Limba NEGOTIATION
Aruna N WhobreyItalyBernardo Dominic RENEWAL
Isabel Q MacleadFranceXuxue Feng NEGOTIATION
Juan N CaudySpainAsiya Javayant NEGOTIATION
Alejandro D CaldareraJapanAsiya Javayant RENEWAL
Darci S OstroskyCanadaXuxue Feng PROPOSAL
Faith L RutaJapanXuxue Feng PROPOSAL
Alejandro M CaldareraIndiaAsiya Javayant PROPOSAL
Chavez R WaycottRussiaXuxue Feng NEW
Emily H StockhamFranceBernardo Dominic NEGOTIATION
Julie C FigeroaCanadaIvan Magalhaes NEGOTIATION
Silvio W VocelkaIndiaAnna Fali QUALIFIED
Morrow X CaldareraArgentinaAnna Fali NEGOTIATION
Darci A KolmetzUnited KingdomElwin Sharvill RENEWAL
Stacey F BowleyGermanyIoni Bowcher UNQUALIFIED
Johnson F BriddickArgentinaIoni Bowcher QUALIFIED
Misaki C DoeUnited KingdomXuxue Feng UNQUALIFIED
Costa I FlosiSpainOnyama Limba UNQUALIFIED
Deepesh B DarakjyBrazilAnna Fali QUALIFIED
Antonio U SergiSpainAmy Elsner QUALIFIED
Izzy N MorascaUnited KingdomIvan Magalhaes PROPOSAL
Ricardo R AmigonArgentinaElwin Sharvill PROPOSAL
Wickens I VocelkaBrazilIvan Magalhaes UNQUALIFIED
Tony R NickaFranceAmy Elsner NEW
Costa N FerenczFranceXuxue Feng UNQUALIFIED
Alejandro J ButtArgentinaIoni Bowcher UNQUALIFIED
Jennifer C RoysterRussiaIoni Bowcher QUALIFIED
Morrow B GarufiJapanAnna Fali NEGOTIATION
Kaitlin B RutaIndiaStephen Shaw NEGOTIATION
Aruna J RulapaughGermanyAnna Fali UNQUALIFIED
Deepesh Z FerenczUnited KingdomIvan Magalhaes PROPOSAL
Smith Y RulapaughGermanyAmy Elsner NEGOTIATION
Isabel C GauchoAustraliaIvan Magalhaes NEW
Horizontal
NameCountryRepresentativeStatus
Leon O ButtGermanyIoni Bowcher RENEWAL
James Q ShinkoAustraliaXuxue Feng NEGOTIATION
Arvin K SergiSpainAsiya Javayant PROPOSAL
Adams X ButtGermanyIoni Bowcher UNQUALIFIED
Kaitlin P PaprockiFranceIoni Bowcher RENEWAL
Rodrigues M StensethGermanyOnyama Limba NEGOTIATION
Deepesh N WaycottJapanIoni Bowcher NEW
Francesco O RulapaughSpainElwin Sharvill RENEWAL
Wickens Q WhobreyGermanyBernardo Dominic NEW
Chavez Z GarufiUnited KingdomIoni Bowcher UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aika Z NickaFrance2026-10-01Commercial Press RENEWAL90Bernardo Dominic
1001Emily J PerinArgentina2026-10-04Buckley Miller Wright RENEWAL16Onyama Limba
1002Emily C VocelkaArgentina2026-09-29Commercial Press PROPOSAL72Xuxue Feng
1003Salvatore O SaylorsCanada2026-09-16Feiner Bros NEW10Amy Elsner
1004Jones O MacleadBrazil2026-09-09Chapman, Ross E Esq RENEWAL42Amy Elsner
1005David E SergiAustralia2026-09-11Rousseaux, Michael Esq UNQUALIFIED88Onyama Limba
1006Smith I ShinkoRussia2026-10-05King, Christopher A Esq PROPOSAL83Anna Fali
1007Octavia P WieserCanada2026-09-06Chanay, Jeffrey A Esq NEGOTIATION98Anna Fali
1008Tony V WaycottRussia2026-09-17Chanay, Jeffrey A Esq NEGOTIATION12Xuxue Feng
1009Juan O ShinkoSpain2026-09-07Rousseaux, Michael Esq UNQUALIFIED45Amy Elsner
1010Kaitlin H MorascaSpain2026-10-05Benton, John B Jr NEW8Amy Elsner
1011Aruna O FollerUnited Kingdom2026-10-02King, Christopher A Esq RENEWAL65Ioni Bowcher
1012Isabel C MacleadBrazil2026-09-07Feiner Bros UNQUALIFIED55Amy Elsner
1013Leja J WaycottItaly2026-09-25Feiner Bros PROPOSAL14Bernardo Dominic
1014Octavia R PerinArgentina2026-09-09Dorl, James J Esq NEGOTIATION98Onyama Limba
1015Mayumi L FigeroaRussia2026-09-22Buckley Miller Wright PROPOSAL24Xuxue Feng
1016Kadeem E StockhamItaly2026-10-03Chemel, James L Cpa RENEWAL2Onyama Limba
1017Greenwood C MarrierRussia2026-09-30Chemel, James L Cpa NEGOTIATION30Bernardo Dominic
1018Alejandro Z WhobreyCanada2026-10-01Dorl, James J Esq NEGOTIATION50Asiya Javayant
1019Chavez L KuskoIndia2026-09-11Chemel, James L Cpa UNQUALIFIED22Anna Fali
1020Kadeem S IturbideCanada2026-09-08Rangoni Of Florence NEGOTIATION27Anna Fali
1021Kadeem M VenereItaly2026-09-10Buckley Miller Wright PROPOSAL62Asiya Javayant
1022Salvatore O FerenczRussia2026-09-09Chapman, Ross E Esq NEGOTIATION16Anna Fali
1023Morrow R BriddickCanada2026-09-17Buckley Miller Wright NEGOTIATION11Stephen Shaw
1024Mayumi E RimBrazil2026-09-21Commercial Press QUALIFIED43Ioni Bowcher
1025Ricardo O MaletFrance2026-09-12Feiner Bros NEGOTIATION53Ivan Magalhaes
1026Ashley X OstroskyFrance2026-09-24Buckley Miller Wright RENEWAL19Elwin Sharvill
1027Izzy M PaprockiUnited Kingdom2026-10-03Chanay, Jeffrey A Esq PROPOSAL40Stephen Shaw
1028Emily K IturbideAustralia2026-09-24Rangoni Of Florence RENEWAL68Ivan Magalhaes
1029Munro K CaldareraBrazil2026-09-16King, Christopher A Esq NEW65Xuxue Feng
1030Adams N RulapaughFrance2026-09-22Chapman, Ross E Esq QUALIFIED55Xuxue Feng
1031Emily Q BowleySpain2026-09-19Rangoni Of Florence QUALIFIED8Bernardo Dominic
1032Cody O VocelkaJapan2026-09-16Dorl, James J Esq NEGOTIATION76Ivan Magalhaes
1033David K MorascaCanada2026-09-21Buckley Miller Wright UNQUALIFIED13Ioni Bowcher
1034Clifford K OldroydItaly2026-09-23Commercial Press NEGOTIATION50Anna Fali
1035Greenwood W MacleadCanada2026-09-26Rangoni Of Florence PROPOSAL46Xuxue Feng
1036Morrow O InouyeUnited Kingdom2026-09-15Feltz Printing Service PROPOSAL24Elwin Sharvill
1037Mayumi Q RimBrazil2026-09-17Feltz Printing Service NEW34Onyama Limba
1038Wickens C GarufiIndia2026-09-24Chanay, Jeffrey A Esq UNQUALIFIED53Ivan Magalhaes
1039Jones X NickaArgentina2026-09-16Printing Dimensions NEGOTIATION52Xuxue Feng
1040Rodrigues X SlusarskiArgentina2026-10-04Chemel, James L Cpa NEW83Amy Elsner
1041Aditya R SchemmerJapan2026-10-05Rousseaux, Michael Esq UNQUALIFIED79Bernardo Dominic
1042Jeanfrancois P StensethArgentina2026-09-26Morlong Associates PROPOSAL55Xuxue Feng
1043Clifford M BologniaRussia2026-09-16Printing Dimensions PROPOSAL14Xuxue Feng
1044Stacey J WhobreyUnited Kingdom2026-10-05Feiner Bros UNQUALIFIED70Stephen Shaw
1045Chavez H SchemmerArgentina2026-10-03Buckley Miller Wright NEGOTIATION81Ivan Magalhaes
1046Costa W DilliardGermany2026-10-03Truhlar And Truhlar Attys NEW12Amy Elsner
1047Tony Y FlosiRussia2026-09-28Benton, John B Jr NEGOTIATION97Onyama Limba
1048Octavia F MarrierIndia2026-09-13Morlong Associates NEGOTIATION73Anna Fali
1049Stacey P FollerGermany2026-09-28Rousseaux, Michael Esq QUALIFIED14Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Clifford D SaylorsRussiaAsiya Javayant QUALIFIED
Juan K BologniaAustraliaXuxue Feng NEGOTIATION
Mayumi K CaudyAustraliaElwin Sharvill NEW
Antonio R SergiArgentinaXuxue Feng UNQUALIFIED
Aruna U DilliardAustraliaAmy Elsner QUALIFIED
Ivar S CampainFranceIoni Bowcher QUALIFIED
Mayumi U RimUnited KingdomOnyama Limba NEW
Antonio P VenereArgentinaIvan Magalhaes NEW
Clifford L RulapaughUnited KingdomOnyama Limba PROPOSAL
Jennifer U CampainSpainAsiya Javayant UNQUALIFIED
Arvin G InouyeIndiaAsiya Javayant UNQUALIFIED
Isabel Q StensethCanadaBernardo Dominic RENEWAL
Salvatore I OstroskyIndiaAsiya Javayant UNQUALIFIED
Munro G RulapaughSpainAmy Elsner NEW
Costa T GillianJapanIvan Magalhaes QUALIFIED
Ricardo Z BriddickAustraliaOnyama Limba PROPOSAL
Aruna F FerenczBrazilXuxue Feng NEW
Ashley V DarakjyArgentinaBernardo Dominic NEGOTIATION
Greenwood R SlusarskiAustraliaBernardo Dominic RENEWAL
Mayumi D NickaAustraliaXuxue Feng NEGOTIATION
Isabel H FigeroaItalyAmy Elsner QUALIFIED
Darci O SchemmerSpainXuxue Feng NEGOTIATION
Rodrigues T BologniaAustraliaXuxue Feng RENEWAL
Wickens B PaprockiJapanAmy Elsner NEW
Chavez J GarufiBrazilAsiya Javayant PROPOSAL
Maisha X PaprockiBrazilAmy Elsner PROPOSAL
Maisha T PoquetteUnited KingdomElwin Sharvill NEW
Morrow F GlickGermanyAsiya Javayant NEGOTIATION
Greenwood Q MaletGermanyStephen Shaw PROPOSAL
Misaki Y WaycottAustraliaStephen Shaw RENEWAL
Adams Q IturbideSpainXuxue Feng UNQUALIFIED
Aditya W OstroskyCanadaAsiya Javayant QUALIFIED
Mayumi N OstroskyFranceIoni Bowcher NEGOTIATION
Morrow B BowleySpainElwin Sharvill UNQUALIFIED
Salvatore E GauchoIndiaBernardo Dominic NEGOTIATION
Mayumi Z PaprockiArgentinaAsiya Javayant NEGOTIATION
Clifford V MarrierItalyElwin Sharvill NEW
James Q WieserFranceBernardo Dominic UNQUALIFIED
Alejandro T GlickIndiaStephen Shaw PROPOSAL
Morrow Y VocelkaJapanBernardo Dominic UNQUALIFIED
Wickens P OldroydFranceIvan Magalhaes NEW
Kaitlin V RimSpainOnyama Limba RENEWAL
Emily L ShinkoSpainXuxue Feng NEGOTIATION
Julie Q MacleadJapanStephen Shaw QUALIFIED
Leja O MacleadJapanBernardo Dominic NEGOTIATION
Arvin L MaletAustraliaOnyama Limba RENEWAL
Arvin H PerinRussiaAsiya Javayant QUALIFIED
Mayumi G BowleyArgentinaAsiya Javayant RENEWAL
Sinclair X MarrierItalyAnna Fali NEW
Alejandro S OldroydFranceIoni Bowcher RENEWAL
Frozen Columns
Name
Aruna M Nestle
Claire Y Oldroyd
Misaki M Ferencz
Maria V Darakjy
Leon A Amigon
Smith F Gillian
Rodrigues Y Kolmetz
Jeanfrancois S Perin
Chavez V Vocelka
Darci D Saylors
Nicolas X Ruta
Octavia J Poquette
Misaki P Vocelka
James W Glick
Morrow C Nicka
Salvatore D Gaucho
Aruna X Caudy
Leon A Inouye
Sinclair X Glick
Munro J Saylors
Jefferson R Figeroa
Aditya Y Darakjy
Julie W Glick
Jefferson X Paprocki
Tony R Gillian
Costa L Dilliard
Tony Q Nicka
Kaitlin X Gillian
Clifford J Ruta
Maria A Stenseth
Mayumi C Schemmer
Juan X Nicka
Munro B Nestle
Jefferson F Stenseth
Faith W Stockham
Murillo M Royster
Costa Q Garufi
Misaki W Amigon
Izzy N Marrier
Isabel U Maclead
Murillo U Maclead
Ashley Y Inouye
Julie Z Rulapaugh
Greenwood J Inouye
Isabel V Morasca
Adams Q Kusko
Izzy K Chui
Izzy L Gillian
Mayumi L Garufi
Chavez J Doe
IdCountryDate
1000Russia2026-09-24
1001India2026-09-19
1002Argentina2026-09-21
1003Brazil2026-09-15
1004Brazil2026-09-18
1005Japan2026-09-26
1006Italy2026-09-30
1007Spain2026-09-14
1008Argentina2026-09-30
1009Argentina2026-09-10
1010Russia2026-09-14
1011Germany2026-09-13
1012Germany2026-09-11
1013Canada2026-09-13
1014Brazil2026-09-10
1015Germany2026-09-17
1016Japan2026-10-04
1017France2026-09-29
1018Italy2026-09-09
1019Spain2026-09-08
1020France2026-10-01
1021Italy2026-09-24
1022Canada2026-09-08
1023India2026-09-16
1024Italy2026-09-28
1025Brazil2026-09-28
1026United Kingdom2026-09-12
1027Italy2026-09-12
1028Italy2026-10-05
1029Germany2026-09-30
1030Canada2026-09-10
1031Germany2026-09-18
1032France2026-09-07
1033United Kingdom2026-09-27
1034Australia2026-09-26
1035Australia2026-09-16
1036Japan2026-09-26
1037United Kingdom2026-09-09
1038Brazil2026-10-01
1039Australia2026-09-09
1040Spain2026-09-25
1041Japan2026-09-12
1042Japan2026-09-15
1043United Kingdom2026-10-05
1044United Kingdom2026-09-13
1045Brazil2026-09-09
1046Spain2026-09-21
1047Italy2026-09-15
1048France2026-10-03
1049Brazil2026-10-01

On-Demand Data

NameIdCountryDate
Tony Q Gillian1000Canada2026-10-05
Jefferson J Waycott1001Brazil2026-09-07
Mujtaba Q Briddick1002Canada2026-09-07
Morrow O Amigon1003Australia2026-09-24
Greenwood G Wieser1004India2026-09-14
Greenwood T Stenseth1005India2026-09-12
Murillo J Bowley1006Argentina2026-10-01
Stacey S Whobrey1007Brazil2026-09-14
Jones E Ruta1008France2026-09-08
Kaitlin A Whobrey1009Argentina2026-09-26
Francesco V Poquette1010France2026-09-12
Tony M Paprocki1011Spain2026-09-24
Smith G Morasca1012Russia2026-09-20
Faith R Oldroyd1013Italy2026-09-30
Tony W Marrier1014India2026-09-30
Deepesh Q Rim1015Australia2026-09-09
Rodrigues D Ferencz1016Spain2026-09-24
Mujtaba C Stockham1017United Kingdom2026-10-04
Izzy Q Venere1018Japan2026-09-08
Antonio Z Nestle1019Brazil2026-09-27
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Darci J TollnerArgentinaElwin Sharvill QUALIFIED
Isabel P DoeSpainAnna Fali NEGOTIATION
Jefferson Q VocelkaUnited KingdomIoni Bowcher PROPOSAL
Juan Q OldroydUnited KingdomXuxue Feng UNQUALIFIED
Murillo M SergiIndiaAnna Fali NEW
Murillo E MacleadIndiaAnna Fali UNQUALIFIED
Maisha V SergiAustraliaBernardo Dominic RENEWAL
Jennifer Z WhobreyCanadaBernardo Dominic UNQUALIFIED
Darci Q DarakjyBrazilOnyama Limba PROPOSAL
Deepesh Q MaletSpainElwin Sharvill PROPOSAL
Adams H FlosiUnited KingdomAnna Fali UNQUALIFIED
Emily Z DoeBrazilOnyama Limba PROPOSAL
Costa J TollnerFranceStephen Shaw NEW
Sinclair E AlbaresArgentinaOnyama Limba PROPOSAL
Jones Y VenereUnited KingdomAnna Fali NEGOTIATION
Stacey B NestleIndiaAnna Fali NEW
Tony Q GauchoJapanElwin Sharvill QUALIFIED
Adams W SlusarskiFranceAmy Elsner UNQUALIFIED
Mayumi I RutaItalyXuxue Feng PROPOSAL
Aika L OldroydGermanyAmy Elsner RENEWAL
Nicolas Y SchemmerBrazilAnna Fali RENEWAL
Maria C RimRussiaBernardo Dominic PROPOSAL
Ricardo F BologniaRussiaAmy Elsner NEW
Johnson Q MacleadBrazilAsiya Javayant UNQUALIFIED
Ricardo Q RimJapanAsiya Javayant PROPOSAL
Murillo L SlusarskiBrazilElwin Sharvill PROPOSAL
Nicolas Y SaylorsCanadaIoni Bowcher NEW
Aditya O DilliardRussiaAmy Elsner NEGOTIATION
Aruna K RimItalyAmy Elsner NEGOTIATION
Wickens Y RoysterFranceIvan Magalhaes UNQUALIFIED
Arvin L PerinFranceXuxue Feng QUALIFIED
Jeanfrancois C AlbaresCanadaAnna Fali PROPOSAL
Francesco C DarakjyBrazilAnna Fali NEW
Francesco I FollerBrazilIoni Bowcher NEW
Salvatore B FigeroaGermanyStephen Shaw UNQUALIFIED
Kaitlin R CaldareraUnited KingdomAnna Fali PROPOSAL
Sinclair V MaletUnited KingdomIvan Magalhaes PROPOSAL
James V RoysterCanadaXuxue Feng NEW
Mujtaba E NestleIndiaIoni Bowcher PROPOSAL
Mujtaba C BriddickSpainOnyama Limba 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>