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
Clifford V GlickArgentinaIoni Bowcher QUALIFIED
Jones E DilliardRussiaAnna Fali NEGOTIATION
Smith K FigeroaRussiaAsiya Javayant NEW
Mayumi R PerinUnited KingdomXuxue Feng PROPOSAL
Faith V MorascaIndiaBernardo Dominic NEW
Claire F PaprockiUnited KingdomBernardo Dominic QUALIFIED
Aika Z NickaUnited KingdomBernardo Dominic UNQUALIFIED
Costa C BriddickIndiaIvan Magalhaes RENEWAL
Isabel H SchemmerSpainAsiya Javayant RENEWAL
Mayumi M WaycottSpainElwin Sharvill RENEWAL
Juan R BowleyUnited KingdomAsiya Javayant RENEWAL
Isabel Q KuskoItalyXuxue Feng QUALIFIED
Costa A CaldareraJapanXuxue Feng NEGOTIATION
Octavia D NickaCanadaIvan Magalhaes RENEWAL
Smith C DarakjyJapanXuxue Feng UNQUALIFIED
Mujtaba R FerenczRussiaStephen Shaw RENEWAL
Ricardo X VenereAustraliaIvan Magalhaes QUALIFIED
Costa F VocelkaJapanAnna Fali NEGOTIATION
Izzy S SergiAustraliaOnyama Limba RENEWAL
Adams P MaletIndiaOnyama Limba UNQUALIFIED
Tony H DilliardRussiaAmy Elsner QUALIFIED
Rodrigues S VenereSpainStephen Shaw RENEWAL
Costa Z CaldareraUnited KingdomOnyama Limba RENEWAL
Tony U WhobreyIndiaBernardo Dominic UNQUALIFIED
Salvatore X BriddickRussiaXuxue Feng PROPOSAL
Ricardo Q GauchoRussiaOnyama Limba QUALIFIED
Stacey O RutaAustraliaElwin Sharvill QUALIFIED
Murillo V OstroskyBrazilElwin Sharvill NEW
Alejandro D MorascaGermanyStephen Shaw PROPOSAL
Misaki C KolmetzAustraliaBernardo Dominic RENEWAL
Jones N RoysterIndiaElwin Sharvill QUALIFIED
Ricardo N DilliardFranceAsiya Javayant NEW
James K OldroydJapanAsiya Javayant QUALIFIED
Kadeem C ButtGermanyBernardo Dominic PROPOSAL
Sinclair P GauchoRussiaElwin Sharvill PROPOSAL
Alejandro W FlosiAustraliaIoni Bowcher RENEWAL
Jeanfrancois V SchemmerGermanyXuxue Feng UNQUALIFIED
Sinclair Q DoeCanadaIoni Bowcher UNQUALIFIED
Francesco P SergiAustraliaOnyama Limba UNQUALIFIED
Jennifer Q NestleItalyOnyama Limba UNQUALIFIED
Costa F BowleyCanadaOnyama Limba NEW
Kadeem G CaldareraGermanyStephen Shaw RENEWAL
Morrow D VocelkaItalyIoni Bowcher PROPOSAL
Johnson Y FlosiArgentinaIoni Bowcher RENEWAL
Leon K RimIndiaBernardo Dominic QUALIFIED
Julie S KuskoGermanyBernardo Dominic RENEWAL
Kaitlin B BriddickArgentinaAsiya Javayant NEGOTIATION
Cody E NickaItalyXuxue Feng NEW
Antonio X KolmetzGermanyAnna Fali NEW
Deepesh L BologniaAustraliaAmy Elsner UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Faith J OstroskyRussiaElwin Sharvill UNQUALIFIED
Stacey V PoquetteFranceAmy Elsner UNQUALIFIED
Tony V FigeroaJapanElwin Sharvill NEGOTIATION
Deepesh H GauchoAustraliaIvan Magalhaes QUALIFIED
Maisha L RulapaughArgentinaIvan Magalhaes NEGOTIATION
Ivar W InouyeCanadaIvan Magalhaes PROPOSAL
Leja X MorascaUnited KingdomAnna Fali QUALIFIED
Johnson B TollnerIndiaElwin Sharvill NEGOTIATION
Murillo B MaletArgentinaIoni Bowcher NEW
Julie K SchemmerBrazilBernardo Dominic NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Izzy Q FigeroaJapan2026-09-19Feiner Bros NEW18Ioni Bowcher
1001Clifford Y FigeroaGermany2026-09-25Dorl, James J Esq RENEWAL74Xuxue Feng
1002Wickens Z NestleJapan2026-09-17Dorl, James J Esq PROPOSAL76Anna Fali
1003Faith T RutaArgentina2026-09-21Commercial Press PROPOSAL80Ivan Magalhaes
1004Adams J PerinUnited Kingdom2026-09-09Rousseaux, Michael Esq UNQUALIFIED17Ioni Bowcher
1005Salvatore D BowleyRussia2026-09-18Dorl, James J Esq NEW3Ioni Bowcher
1006Jones I CaudyIndia2026-09-18Printing Dimensions PROPOSAL47Ivan Magalhaes
1007Octavia K ButtSpain2026-09-25Chanay, Jeffrey A Esq QUALIFIED9Onyama Limba
1008Salvatore S CaudyItaly2026-09-29Commercial Press QUALIFIED87Onyama Limba
1009David T SchemmerIndia2026-09-26Chemel, James L Cpa QUALIFIED97Onyama Limba
1010Jeanfrancois I BowleyJapan2026-09-19Buckley Miller Wright RENEWAL60Onyama Limba
1011Faith D RulapaughGermany2026-09-09Benton, John B Jr PROPOSAL50Xuxue Feng
1012Jeanfrancois B PerinGermany2026-09-17Chapman, Ross E Esq RENEWAL15Ivan Magalhaes
1013Munro C ShinkoUnited Kingdom2026-09-02Chanay, Jeffrey A Esq QUALIFIED88Ivan Magalhaes
1014Antonio W PerinUnited Kingdom2026-09-29Truhlar And Truhlar Attys QUALIFIED56Onyama Limba
1015Kaitlin C GarufiGermany2026-09-29Printing Dimensions RENEWAL87Stephen Shaw
1016Darci H ChuiAustralia2026-09-07Morlong Associates NEW13Ioni Bowcher
1017Chavez Q SaylorsBrazil2026-09-14Truhlar And Truhlar Attys NEW72Ioni Bowcher
1018Greenwood W ButtCanada2026-09-06Feltz Printing Service NEW60Anna Fali
1019Isabel N FerenczGermany2026-09-30Chemel, James L Cpa UNQUALIFIED70Amy Elsner
1020Emily G FigeroaBrazil2026-09-07Feltz Printing Service UNQUALIFIED23Stephen Shaw
1021Mujtaba H MorascaGermany2026-09-05Feiner Bros QUALIFIED45Xuxue Feng
1022Greenwood C WhobreySpain2026-09-20Buckley Miller Wright NEW54Amy Elsner
1023Clifford L GauchoGermany2026-09-25Benton, John B Jr UNQUALIFIED78Amy Elsner
1024David O SchemmerSpain2026-09-25Rangoni Of Florence UNQUALIFIED62Ioni Bowcher
1025Greenwood A CaldareraAustralia2026-09-18Rangoni Of Florence UNQUALIFIED7Ivan Magalhaes
1026Emily G VocelkaBrazil2026-09-28Feiner Bros NEW48Anna Fali
1027Leja T MorascaJapan2026-09-17Rangoni Of Florence QUALIFIED67Ivan Magalhaes
1028Jennifer J ChuiFrance2026-09-15Chemel, James L Cpa PROPOSAL16Amy Elsner
1029Munro O VocelkaJapan2026-09-03Chemel, James L Cpa NEW48Anna Fali
1030Maisha K IturbideUnited Kingdom2026-09-10Chanay, Jeffrey A Esq RENEWAL75Ioni Bowcher
1031Aika Y NickaRussia2026-09-18Morlong Associates QUALIFIED90Stephen Shaw
1032Emily C BriddickIndia2026-09-30Commercial Press QUALIFIED95Onyama Limba
1033Izzy O RulapaughIndia2026-09-22King, Christopher A Esq NEGOTIATION20Ioni Bowcher
1034Emily O GarufiItaly2026-09-30Rousseaux, Michael Esq RENEWAL51Bernardo Dominic
1035Clifford P AlbaresGermany2026-09-10Dorl, James J Esq PROPOSAL18Elwin Sharvill
1036Maisha D AmigonRussia2026-09-04Printing Dimensions NEGOTIATION5Bernardo Dominic
1037Julie N PerinIndia2026-09-11Feltz Printing Service UNQUALIFIED4Ioni Bowcher
1038Kadeem T FlosiIndia2026-09-14Feltz Printing Service PROPOSAL51Asiya Javayant
1039Jefferson I TollnerBrazil2026-09-29Chapman, Ross E Esq RENEWAL81Xuxue Feng
1040Greenwood A FollerAustralia2026-09-27Rangoni Of Florence UNQUALIFIED16Bernardo Dominic
1041Stacey O InouyeUnited Kingdom2026-09-25Rousseaux, Michael Esq PROPOSAL91Stephen Shaw
1042Adams R WhobreyUnited Kingdom2026-09-08Truhlar And Truhlar Attys PROPOSAL7Ioni Bowcher
1043Kaitlin W FollerItaly2026-09-06Buckley Miller Wright RENEWAL79Anna Fali
1044Stacey I AmigonJapan2026-09-25Feiner Bros RENEWAL48Asiya Javayant
1045Rodrigues I IturbideRussia2026-09-12Chapman, Ross E Esq NEGOTIATION81Stephen Shaw
1046Murillo H RutaBrazil2026-09-29Dorl, James J Esq RENEWAL73Bernardo Dominic
1047Salvatore E SaylorsItaly2026-09-13Truhlar And Truhlar Attys RENEWAL15Asiya Javayant
1048Silvio L WieserSpain2026-09-20Chapman, Ross E Esq RENEWAL84Bernardo Dominic
1049Francesco S FlosiCanada2026-09-25Commercial Press UNQUALIFIED63Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Adams P PerinItalyBernardo Dominic RENEWAL
Isabel R FlosiJapanAsiya Javayant RENEWAL
Francesco N SlusarskiSpainOnyama Limba PROPOSAL
Francesco B WaycottItalyAsiya Javayant PROPOSAL
Izzy E DoeUnited KingdomXuxue Feng RENEWAL
Maisha W NestleSpainIvan Magalhaes RENEWAL
Johnson D GauchoGermanyOnyama Limba NEGOTIATION
Tony A DoeUnited KingdomStephen Shaw UNQUALIFIED
Clifford B SlusarskiCanadaBernardo Dominic RENEWAL
Ashley G ShinkoArgentinaElwin Sharvill UNQUALIFIED
Chavez W DoeFranceXuxue Feng QUALIFIED
Octavia U AmigonSpainStephen Shaw NEGOTIATION
Silvio Z FerenczFranceStephen Shaw NEW
Isabel O GillianGermanyOnyama Limba NEGOTIATION
Misaki N RulapaughFranceAnna Fali UNQUALIFIED
Mayumi J AmigonItalyAsiya Javayant QUALIFIED
Nicolas E VenereArgentinaOnyama Limba QUALIFIED
Jennifer V DilliardIndiaAmy Elsner PROPOSAL
Ashley S PaprockiUnited KingdomAsiya Javayant NEGOTIATION
Darci A RutaItalyStephen Shaw PROPOSAL
Claire N AmigonRussiaElwin Sharvill QUALIFIED
Rodrigues M MaletBrazilAmy Elsner RENEWAL
Izzy V MacleadBrazilIvan Magalhaes QUALIFIED
Sinclair U DilliardCanadaAnna Fali QUALIFIED
Murillo I BologniaJapanIoni Bowcher UNQUALIFIED
Leon A GarufiCanadaIoni Bowcher PROPOSAL
Nicolas B AlbaresIndiaIoni Bowcher PROPOSAL
Misaki W FerenczIndiaXuxue Feng PROPOSAL
Smith O MaletItalyElwin Sharvill QUALIFIED
Kaitlin B ChuiIndiaXuxue Feng NEW
Ricardo H DarakjyGermanyIvan Magalhaes UNQUALIFIED
Jones T SchemmerUnited KingdomAmy Elsner NEGOTIATION
Ricardo V VenereRussiaOnyama Limba NEW
Maria O SaylorsBrazilIvan Magalhaes NEGOTIATION
Ashley D TollnerArgentinaAnna Fali PROPOSAL
Wickens U ButtCanadaIvan Magalhaes UNQUALIFIED
Jones A BriddickJapanStephen Shaw NEGOTIATION
David Q RimBrazilAmy Elsner NEW
David A CampainIndiaStephen Shaw QUALIFIED
Greenwood J TollnerCanadaElwin Sharvill UNQUALIFIED
Tony Y ShinkoArgentinaBernardo Dominic UNQUALIFIED
Rodrigues Z GlickAustraliaOnyama Limba RENEWAL
Mayumi L RulapaughFranceBernardo Dominic UNQUALIFIED
Munro H SaylorsIndiaElwin Sharvill PROPOSAL
Izzy N CaudyAustraliaOnyama Limba UNQUALIFIED
Ashley D WhobreyJapanIvan Magalhaes PROPOSAL
Darci H RoysterArgentinaAsiya Javayant NEW
David E GauchoAustraliaStephen Shaw QUALIFIED
Jeanfrancois W BriddickBrazilIoni Bowcher NEGOTIATION
Smith K WaycottGermanyElwin Sharvill NEGOTIATION
Frozen Columns
Name
Maisha K Campain
Alejandro K Rim
Munro P Poquette
Nicolas U Paprocki
Mujtaba A Tollner
Kaitlin C Wieser
James A Shinko
Wickens W Nestle
Maisha H Caldarera
Sinclair Y Paprocki
Antonio I Bolognia
Juan T Bolognia
Darci C Oldroyd
Wickens G Venere
Izzy G Figeroa
Ashley L Malet
Francesco H Schemmer
Costa J Morasca
Clifford B Stenseth
Stacey N Schemmer
Misaki D Morasca
Greenwood A Bolognia
Antonio V Bowley
Salvatore K Caldarera
Maisha K Doe
Munro T Bolognia
Chavez X Whobrey
Octavia N Wieser
Munro U Stenseth
Aditya N Kusko
Misaki V Slusarski
Mayumi R Amigon
Tony H Gaucho
Faith U Inouye
Jennifer N Bowley
Silvio C Oldroyd
Isabel J Nicka
Julie W Royster
Jefferson R Doe
Izzy S Rim
Claire O Malet
Maisha A Shinko
Francesco Z Gillian
Mujtaba Z Bolognia
Murillo A Flosi
Greenwood L Chui
Chavez K Oldroyd
Aruna L Figeroa
Kaitlin W Royster
Ricardo X Bolognia
IdCountryDate
1000Australia2026-09-24
1001Brazil2026-09-18
1002Canada2026-09-06
1003Germany2026-09-16
1004Italy2026-09-05
1005India2026-09-11
1006India2026-10-01
1007Australia2026-09-14
1008Japan2026-09-25
1009India2026-09-10
1010Brazil2026-09-28
1011Canada2026-10-01
1012Canada2026-09-13
1013Brazil2026-09-18
1014Italy2026-09-04
1015Spain2026-09-04
1016United Kingdom2026-09-15
1017India2026-09-23
1018Russia2026-09-24
1019France2026-09-19
1020Russia2026-10-01
1021Germany2026-09-03
1022Japan2026-09-15
1023India2026-09-14
1024Spain2026-09-22
1025Brazil2026-09-29
1026United Kingdom2026-09-04
1027United Kingdom2026-09-02
1028France2026-09-24
1029Canada2026-09-21
1030France2026-09-16
1031United Kingdom2026-09-05
1032Italy2026-09-06
1033Brazil2026-09-26
1034Germany2026-09-09
1035Spain2026-09-23
1036Argentina2026-09-22
1037Brazil2026-09-19
1038United Kingdom2026-09-15
1039Spain2026-09-23
1040Russia2026-09-20
1041Russia2026-09-06
1042Australia2026-09-11
1043Argentina2026-09-22
1044Brazil2026-10-01
1045Argentina2026-09-27
1046Canada2026-09-09
1047Russia2026-09-14
1048Japan2026-09-12
1049Russia2026-09-07

On-Demand Data

NameIdCountryDate
Morrow J Figeroa1000Germany2026-09-29
Faith V Kusko1001Argentina2026-10-01
Sinclair K Whobrey1002India2026-09-20
Salvatore O Stenseth1003Brazil2026-09-22
Ricardo L Shinko1004United Kingdom2026-09-09
Jones D Oldroyd1005Italy2026-09-12
Leja R Ostrosky1006Russia2026-09-16
Deepesh G Royster1007India2026-09-13
Jennifer E Bowley1008Canada2026-09-23
Isabel B Whobrey1009Australia2026-09-13
Octavia I Gaucho1010Canada2026-09-20
Maisha L Paprocki1011France2026-09-19
Johnson T Saylors1012United Kingdom2026-09-13
Julie E Gillian1013Germany2026-09-18
Isabel N Waycott1014Canada2026-09-27
Ricardo T Glick1015Spain2026-09-17
Mujtaba Y Venere1016Argentina2026-09-05
Antonio S Iturbide1017Russia2026-09-10
Kaitlin F Schemmer1018United Kingdom2026-09-13
Smith Z Albares1019Italy2026-09-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leja I InouyeAustraliaXuxue Feng RENEWAL
Morrow W SergiGermanyAsiya Javayant UNQUALIFIED
David C RulapaughAustraliaAsiya Javayant UNQUALIFIED
Mujtaba K RimIndiaXuxue Feng NEW
Jefferson Q KuskoCanadaElwin Sharvill UNQUALIFIED
Wickens W FlosiSpainAmy Elsner RENEWAL
Clifford P SchemmerIndiaOnyama Limba UNQUALIFIED
Smith G WaycottAustraliaOnyama Limba PROPOSAL
Clifford W CaudyGermanyIoni Bowcher QUALIFIED
Octavia T RimFranceAmy Elsner NEW
Ashley U ChuiCanadaAsiya Javayant RENEWAL
Kadeem E OldroydItalyAnna Fali PROPOSAL
Emily L VocelkaIndiaAsiya Javayant PROPOSAL
Mujtaba T SlusarskiAustraliaIvan Magalhaes QUALIFIED
Ivar X MarrierBrazilIvan Magalhaes PROPOSAL
Ashley X MacleadFranceAnna Fali RENEWAL
Kadeem X KolmetzBrazilIoni Bowcher QUALIFIED
Clifford S MaletGermanyAsiya Javayant UNQUALIFIED
Alejandro U GillianIndiaXuxue Feng NEGOTIATION
Misaki F SergiSpainOnyama Limba QUALIFIED
Misaki R CaudyUnited KingdomAnna Fali NEW
Claire C FerenczCanadaIoni Bowcher UNQUALIFIED
Sinclair G AlbaresUnited KingdomAmy Elsner QUALIFIED
Johnson V MaletIndiaIvan Magalhaes QUALIFIED
Jones F WhobreyRussiaAsiya Javayant NEW
Mujtaba Q BriddickJapanAsiya Javayant NEW
Arvin A CaudyCanadaOnyama Limba NEW
Stacey I GauchoJapanElwin Sharvill NEW
Aika P VenereFranceStephen Shaw QUALIFIED
Murillo J MacleadUnited KingdomBernardo Dominic RENEWAL
Wickens G RimSpainBernardo Dominic NEGOTIATION
Jennifer K StensethItalyXuxue Feng QUALIFIED
Isabel G DilliardAustraliaAnna Fali NEGOTIATION
Adams Y GauchoFranceBernardo Dominic NEW
Leon Z RimCanadaIoni Bowcher PROPOSAL
Smith B SaylorsGermanyStephen Shaw QUALIFIED
Misaki C PerinRussiaAsiya Javayant UNQUALIFIED
Aika J DoeAustraliaIvan Magalhaes QUALIFIED
Ivar H ShinkoItalyAsiya Javayant UNQUALIFIED
Misaki P GlickAustraliaAsiya Javayant 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>