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
Leja C MacleadJapanXuxue Feng PROPOSAL
Aruna T KolmetzUnited KingdomStephen Shaw PROPOSAL
Cody Q InouyeCanadaBernardo Dominic NEW
Adams Q GauchoItalyElwin Sharvill QUALIFIED
Alejandro I MaletArgentinaElwin Sharvill PROPOSAL
Ivar C BowleyGermanyAmy Elsner PROPOSAL
Isabel T RoysterSpainAnna Fali QUALIFIED
Julie B WaycottRussiaAnna Fali PROPOSAL
Leon M RulapaughSpainBernardo Dominic UNQUALIFIED
Mayumi H PaprockiBrazilIoni Bowcher NEGOTIATION
Mayumi U MaletBrazilStephen Shaw PROPOSAL
Emily S SlusarskiItalyOnyama Limba NEW
Aditya B InouyeRussiaAmy Elsner PROPOSAL
Francesco T WaycottCanadaElwin Sharvill UNQUALIFIED
Darci Y CaldareraIndiaElwin Sharvill UNQUALIFIED
Greenwood Y FollerSpainElwin Sharvill NEGOTIATION
Jones B DoeCanadaIoni Bowcher NEW
Jefferson W MarrierFranceAsiya Javayant NEGOTIATION
Alejandro S MaletSpainIoni Bowcher UNQUALIFIED
Smith J RimCanadaAnna Fali PROPOSAL
Darci X WieserRussiaOnyama Limba UNQUALIFIED
Darci N BowleyAustraliaAnna Fali QUALIFIED
Tony S MaletItalyAmy Elsner UNQUALIFIED
Silvio J VenereBrazilElwin Sharvill RENEWAL
Morrow F DilliardGermanyAsiya Javayant RENEWAL
Misaki D MacleadJapanAmy Elsner PROPOSAL
Alejandro J RimJapanOnyama Limba PROPOSAL
Juan F MaletSpainIvan Magalhaes PROPOSAL
Ricardo B KuskoSpainAmy Elsner NEGOTIATION
Mayumi J GauchoAustraliaXuxue Feng PROPOSAL
Emily P NestleFranceStephen Shaw NEGOTIATION
Kadeem C CaudySpainElwin Sharvill QUALIFIED
Octavia W NestleSpainOnyama Limba NEW
Chavez C InouyeUnited KingdomAsiya Javayant PROPOSAL
Clifford H InouyeAustraliaOnyama Limba NEW
Salvatore D PoquetteJapanElwin Sharvill QUALIFIED
Stacey O SchemmerArgentinaIoni Bowcher RENEWAL
Silvio Q SchemmerItalyAsiya Javayant NEW
Stacey Z StensethIndiaAmy Elsner QUALIFIED
Johnson N ShinkoJapanStephen Shaw NEGOTIATION
Jeanfrancois N CaldareraAustraliaXuxue Feng RENEWAL
Aruna G MaletGermanyIvan Magalhaes UNQUALIFIED
Francesco F WaycottIndiaAnna Fali PROPOSAL
Sinclair K OstroskyIndiaXuxue Feng NEGOTIATION
Aditya H FlosiJapanStephen Shaw NEGOTIATION
Ricardo Q DilliardCanadaAmy Elsner NEW
Aika J AmigonFranceIvan Magalhaes NEGOTIATION
Leon I FerenczGermanyStephen Shaw NEGOTIATION
James L MorascaBrazilXuxue Feng PROPOSAL
Johnson V MaletJapanXuxue Feng UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Claire Y FerenczUnited KingdomOnyama Limba NEW
Octavia F AmigonItalyStephen Shaw RENEWAL
Greenwood H KuskoJapanXuxue Feng QUALIFIED
Murillo W MarrierBrazilIoni Bowcher NEW
Sinclair Q InouyeRussiaIvan Magalhaes NEW
Julie L TollnerIndiaElwin Sharvill UNQUALIFIED
Misaki L NickaJapanAnna Fali NEGOTIATION
Jefferson C SlusarskiSpainOnyama Limba PROPOSAL
Ashley J BowleyBrazilOnyama Limba PROPOSAL
Nicolas Z DoeArgentinaXuxue Feng NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Morrow O GauchoFrance2026-09-14Morlong Associates NEW94Anna Fali
1001Misaki V FollerFrance2026-09-30Chapman, Ross E Esq NEW40Anna Fali
1002Munro Z GillianIndia2026-09-20Chanay, Jeffrey A Esq NEGOTIATION77Bernardo Dominic
1003Ricardo T WhobreySpain2026-10-12Chanay, Jeffrey A Esq RENEWAL17Ioni Bowcher
1004David E KolmetzIndia2026-10-04Chapman, Ross E Esq NEW30Amy Elsner
1005Aika N MorascaUnited Kingdom2026-10-08Printing Dimensions UNQUALIFIED30Bernardo Dominic
1006Ricardo K CampainIndia2026-09-16Benton, John B Jr RENEWAL75Elwin Sharvill
1007Costa T GauchoFrance2026-09-20Chemel, James L Cpa QUALIFIED1Onyama Limba
1008Clifford U BologniaArgentina2026-10-04Printing Dimensions NEW57Stephen Shaw
1009Alejandro A KuskoAustralia2026-10-12King, Christopher A Esq QUALIFIED56Ivan Magalhaes
1010Greenwood N BriddickAustralia2026-10-03Rangoni Of Florence RENEWAL82Stephen Shaw
1011Emily S CampainItaly2026-10-04Printing Dimensions RENEWAL77Amy Elsner
1012Deepesh P VenereArgentina2026-09-27Chapman, Ross E Esq UNQUALIFIED83Onyama Limba
1013Maisha A ButtArgentina2026-09-21Buckley Miller Wright QUALIFIED77Ivan Magalhaes
1014Octavia S WhobreyGermany2026-09-20Benton, John B Jr UNQUALIFIED53Stephen Shaw
1015Ricardo C SaylorsFrance2026-10-12Printing Dimensions UNQUALIFIED75Stephen Shaw
1016Rodrigues Y MacleadAustralia2026-10-06Chemel, James L Cpa PROPOSAL5Stephen Shaw
1017Leja G GauchoSpain2026-10-09Dorl, James J Esq RENEWAL19Onyama Limba
1018Jeanfrancois X DilliardIndia2026-09-28King, Christopher A Esq NEGOTIATION28Onyama Limba
1019Ivar B BriddickRussia2026-10-09Buckley Miller Wright NEGOTIATION72Bernardo Dominic
1020Alejandro R StensethFrance2026-10-07King, Christopher A Esq NEGOTIATION9Ioni Bowcher
1021Arvin S KolmetzBrazil2026-09-27Truhlar And Truhlar Attys QUALIFIED20Xuxue Feng
1022Octavia S DilliardArgentina2026-10-02Chemel, James L Cpa NEGOTIATION66Onyama Limba
1023Leon E RulapaughCanada2026-09-20Chanay, Jeffrey A Esq UNQUALIFIED9Onyama Limba
1024Sinclair L GauchoItaly2026-10-01Rangoni Of Florence PROPOSAL34Amy Elsner
1025Mujtaba L VenereFrance2026-10-10Chemel, James L Cpa UNQUALIFIED63Asiya Javayant
1026Rodrigues R BowleyCanada2026-09-28Chanay, Jeffrey A Esq QUALIFIED14Ivan Magalhaes
1027Aruna N RoysterCanada2026-09-20King, Christopher A Esq PROPOSAL81Elwin Sharvill
1028Jefferson S IturbideUnited Kingdom2026-09-14Truhlar And Truhlar Attys RENEWAL98Xuxue Feng
1029Maria H GlickAustralia2026-10-07Printing Dimensions RENEWAL76Stephen Shaw
1030Morrow Z GlickFrance2026-09-18Chemel, James L Cpa RENEWAL33Onyama Limba
1031Stacey J IturbideArgentina2026-10-04Rangoni Of Florence NEW42Asiya Javayant
1032Sinclair H WhobreyArgentina2026-10-08Buckley Miller Wright QUALIFIED58Ioni Bowcher
1033Francesco N BowleyUnited Kingdom2026-10-12Buckley Miller Wright NEGOTIATION45Ioni Bowcher
1034Leon O BowleyRussia2026-10-09Rousseaux, Michael Esq RENEWAL76Elwin Sharvill
1035Wickens O GillianAustralia2026-10-08Chapman, Ross E Esq RENEWAL17Xuxue Feng
1036Misaki Y GlickGermany2026-10-06Truhlar And Truhlar Attys RENEWAL40Ivan Magalhaes
1037James U NickaIndia2026-09-23Feltz Printing Service RENEWAL48Onyama Limba
1038Misaki H GillianFrance2026-09-22Feiner Bros QUALIFIED86Elwin Sharvill
1039Claire G MarrierSpain2026-09-18Truhlar And Truhlar Attys RENEWAL18Xuxue Feng
1040David G MorascaBrazil2026-09-14Chapman, Ross E Esq RENEWAL76Amy Elsner
1041David A DarakjyFrance2026-10-06Feiner Bros UNQUALIFIED40Anna Fali
1042Salvatore G ShinkoJapan2026-09-17Commercial Press NEGOTIATION30Stephen Shaw
1043Silvio W DarakjyUnited Kingdom2026-09-14Commercial Press RENEWAL21Onyama Limba
1044Adams U VenereBrazil2026-10-05Chemel, James L Cpa NEGOTIATION1Stephen Shaw
1045Ashley N RutaGermany2026-09-21Feltz Printing Service NEW20Elwin Sharvill
1046Rodrigues H RoysterAustralia2026-10-06Dorl, James J Esq RENEWAL32Bernardo Dominic
1047Misaki G OstroskySpain2026-09-13Chemel, James L Cpa NEGOTIATION87Amy Elsner
1048Darci F AmigonIndia2026-09-23Buckley Miller Wright PROPOSAL41Bernardo Dominic
1049Isabel N TollnerItaly2026-09-26Feiner Bros PROPOSAL74Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Ricardo C RimIndiaOnyama Limba PROPOSAL
Maisha T PerinUnited KingdomAsiya Javayant RENEWAL
Ivar Y ShinkoGermanyIoni Bowcher NEW
Octavia W RutaAustraliaStephen Shaw NEGOTIATION
Leja Y SergiItalyBernardo Dominic NEW
Kadeem X RimJapanBernardo Dominic UNQUALIFIED
Smith H BologniaUnited KingdomXuxue Feng QUALIFIED
David L WieserGermanyAsiya Javayant NEGOTIATION
Isabel I VocelkaRussiaBernardo Dominic NEGOTIATION
Greenwood B GarufiBrazilElwin Sharvill PROPOSAL
Deepesh M VenereArgentinaStephen Shaw QUALIFIED
Kadeem U PoquetteRussiaStephen Shaw UNQUALIFIED
Tony G AlbaresGermanyXuxue Feng PROPOSAL
Aika Q SchemmerIndiaBernardo Dominic QUALIFIED
Misaki G OstroskyCanadaAsiya Javayant NEGOTIATION
Arvin V InouyeGermanyAsiya Javayant UNQUALIFIED
Johnson T NickaUnited KingdomStephen Shaw UNQUALIFIED
Leja P TollnerUnited KingdomAsiya Javayant PROPOSAL
Leon I TollnerItalyXuxue Feng QUALIFIED
Julie U ChuiItalyOnyama Limba QUALIFIED
Ashley I OldroydUnited KingdomAmy Elsner QUALIFIED
David B AlbaresAustraliaXuxue Feng UNQUALIFIED
Jeanfrancois B WieserIndiaAnna Fali QUALIFIED
Mujtaba R FerenczFranceStephen Shaw UNQUALIFIED
Clifford I PerinAustraliaIvan Magalhaes PROPOSAL
Leja O RimFranceIvan Magalhaes RENEWAL
Arvin R FollerCanadaOnyama Limba NEGOTIATION
Costa R DoeCanadaBernardo Dominic QUALIFIED
Claire H OldroydBrazilAmy Elsner PROPOSAL
Mujtaba M FigeroaGermanyBernardo Dominic RENEWAL
Tony T SlusarskiGermanyStephen Shaw QUALIFIED
Murillo U PaprockiIndiaAsiya Javayant NEGOTIATION
Francesco X FlosiIndiaAsiya Javayant RENEWAL
Clifford D FollerRussiaBernardo Dominic QUALIFIED
Murillo P RulapaughGermanyAmy Elsner NEW
Aditya V FerenczArgentinaIvan Magalhaes UNQUALIFIED
Claire Z AmigonRussiaIvan Magalhaes UNQUALIFIED
Isabel F SlusarskiArgentinaXuxue Feng NEGOTIATION
Leja S ShinkoIndiaOnyama Limba QUALIFIED
Isabel W NickaArgentinaOnyama Limba RENEWAL
Antonio B GlickBrazilElwin Sharvill UNQUALIFIED
Kadeem E SaylorsAustraliaElwin Sharvill RENEWAL
Aika T GauchoJapanElwin Sharvill UNQUALIFIED
James Y MaletIndiaXuxue Feng RENEWAL
Jefferson K SchemmerCanadaAnna Fali PROPOSAL
Claire G GarufiCanadaXuxue Feng RENEWAL
Silvio E SlusarskiArgentinaElwin Sharvill NEW
Ricardo B BologniaRussiaAnna Fali PROPOSAL
Francesco R SaylorsCanadaOnyama Limba NEW
Arvin L ButtIndiaAmy Elsner RENEWAL
Frozen Columns
Name
Greenwood D Briddick
Jeanfrancois F Whobrey
Morrow S Ostrosky
Claire I Darakjy
Izzy T Wieser
Aruna T Slusarski
Kadeem K Slusarski
Izzy S Bowley
Wickens C Inouye
Cody H Dilliard
Leja O Gillian
Salvatore F Rim
Ashley W Maclead
Nicolas Y Venere
Maisha W Foller
Francesco C Ostrosky
Murillo Q Tollner
Cody F Nicka
Emily Y Morasca
Darci P Tollner
Aruna D Stenseth
Cody V Maclead
Stacey M Slusarski
Jones J Morasca
Nicolas Z Malet
Darci J Amigon
Nicolas Y Nicka
Greenwood G Campain
Maisha A Vocelka
Jones R Dilliard
Leon L Tollner
Misaki N Ruta
Alejandro F Doe
Alejandro B Whobrey
Sinclair B Nicka
Nicolas B Inouye
Cody N Stenseth
Misaki X Butt
Leon P Rulapaugh
Aruna T Garufi
Deepesh P Iturbide
Sinclair C Wieser
Kadeem A Ferencz
James J Bowley
Kadeem B Gillian
Chavez T Amigon
Deepesh J Kolmetz
Ivar W Garufi
Darci K Morasca
Stacey S Foller
IdCountryDate
1000India2026-10-08
1001Russia2026-10-08
1002Canada2026-10-06
1003Brazil2026-09-25
1004Australia2026-09-13
1005India2026-09-29
1006Russia2026-10-11
1007Japan2026-10-06
1008Argentina2026-09-15
1009Argentina2026-10-01
1010Russia2026-09-20
1011Brazil2026-10-09
1012Japan2026-09-15
1013India2026-10-07
1014France2026-09-19
1015Italy2026-09-15
1016Spain2026-09-19
1017Germany2026-09-25
1018France2026-09-19
1019Russia2026-09-17
1020United Kingdom2026-09-15
1021Spain2026-10-07
1022India2026-09-21
1023France2026-10-04
1024Germany2026-10-02
1025India2026-10-08
1026United Kingdom2026-10-03
1027Australia2026-09-16
1028Russia2026-10-12
1029Spain2026-09-29
1030United Kingdom2026-09-27
1031France2026-10-06
1032France2026-09-15
1033Spain2026-09-17
1034France2026-10-08
1035Russia2026-10-06
1036Italy2026-09-21
1037France2026-09-19
1038Spain2026-09-24
1039France2026-09-14
1040Italy2026-09-23
1041Japan2026-10-01
1042Russia2026-09-21
1043India2026-09-29
1044Australia2026-10-08
1045Brazil2026-09-14
1046United Kingdom2026-10-06
1047Spain2026-10-04
1048Spain2026-10-12
1049Germany2026-10-09

On-Demand Data

NameIdCountryDate
Jones Q Whobrey1000Russia2026-10-05
Aditya S Ruta1001Canada2026-10-09
Octavia L Ruta1002United Kingdom2026-09-16
Leon Q Wieser1003Russia2026-09-29
Silvio V Paprocki1004Japan2026-10-05
Cody S Marrier1005Canada2026-10-02
Stacey X Oldroyd1006Argentina2026-09-29
Tony F Ruta1007Spain2026-09-19
Kaitlin A Gillian1008France2026-09-14
Juan V Kusko1009Brazil2026-09-22
Ricardo R Shinko1010India2026-09-14
Maisha W Rim1011Germany2026-10-06
Francesco Z Nicka1012Spain2026-09-24
Rodrigues U Ostrosky1013Australia2026-09-25
Francesco F Schemmer1014Russia2026-10-03
Ivar D Ruta1015Japan2026-10-09
Alejandro K Oldroyd1016Germany2026-09-27
Silvio V Rim1017Argentina2026-09-13
Munro G Figeroa1018Spain2026-09-17
Arvin R Malet1019Brazil2026-09-21
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Ricardo N GillianFranceXuxue Feng PROPOSAL
Juan M OldroydSpainIvan Magalhaes RENEWAL
Julie O MarrierFranceStephen Shaw RENEWAL
Leja U DarakjyFranceAmy Elsner RENEWAL
Adams H FerenczGermanyIoni Bowcher RENEWAL
Ricardo O GauchoAustraliaElwin Sharvill UNQUALIFIED
Isabel F ChuiRussiaXuxue Feng NEW
Leon D RulapaughItalyIoni Bowcher RENEWAL
Maria J WhobreyGermanyBernardo Dominic UNQUALIFIED
Clifford Q WaycottSpainElwin Sharvill PROPOSAL
Emily G WaycottUnited KingdomBernardo Dominic QUALIFIED
Wickens P MacleadFranceAsiya Javayant RENEWAL
Julie L OldroydCanadaAsiya Javayant NEW
Faith K AmigonItalyAsiya Javayant PROPOSAL
Darci N GlickAustraliaOnyama Limba PROPOSAL
Clifford X IturbideJapanBernardo Dominic PROPOSAL
Mayumi P SergiGermanyIvan Magalhaes QUALIFIED
Izzy S RutaJapanOnyama Limba NEW
Deepesh V WhobreyRussiaBernardo Dominic UNQUALIFIED
Maisha F GillianUnited KingdomStephen Shaw NEGOTIATION
Kaitlin O AmigonIndiaIoni Bowcher QUALIFIED
Sinclair P CampainCanadaAmy Elsner QUALIFIED
Izzy Y WieserUnited KingdomAmy Elsner UNQUALIFIED
Ashley P AlbaresArgentinaOnyama Limba NEW
Rodrigues A RulapaughFranceAsiya Javayant UNQUALIFIED
Jeanfrancois C WieserGermanyOnyama Limba NEGOTIATION
Ashley I MorascaUnited KingdomAsiya Javayant QUALIFIED
Sinclair X RutaRussiaXuxue Feng PROPOSAL
Aika H RulapaughItalyBernardo Dominic QUALIFIED
Aditya S VenereFranceElwin Sharvill PROPOSAL
Faith C FerenczFranceBernardo Dominic NEW
Salvatore E DoeCanadaBernardo Dominic QUALIFIED
Munro L SergiItalyIvan Magalhaes QUALIFIED
Ashley H GillianIndiaElwin Sharvill UNQUALIFIED
Aika A DilliardCanadaBernardo Dominic PROPOSAL
Jeanfrancois K AmigonCanadaXuxue Feng QUALIFIED
Smith M StensethUnited KingdomIvan Magalhaes PROPOSAL
Emily B VocelkaArgentinaAsiya Javayant PROPOSAL
Ricardo S RutaUnited KingdomIvan Magalhaes QUALIFIED
Nicolas F FlosiRussiaAsiya Javayant 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>