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
Emily Z OldroydSpainAmy Elsner QUALIFIED
Francesco F VenereAustraliaXuxue Feng NEGOTIATION
Octavia T OstroskySpainStephen Shaw QUALIFIED
Aika J WieserAustraliaStephen Shaw QUALIFIED
Octavia D RoysterIndiaBernardo Dominic RENEWAL
Isabel A BowleySpainXuxue Feng QUALIFIED
Antonio A GauchoAustraliaElwin Sharvill RENEWAL
Julie B CaudyRussiaBernardo Dominic NEW
Tony Y NickaRussiaAmy Elsner NEW
Francesco A GillianArgentinaIvan Magalhaes RENEWAL
Stacey T CaldareraSpainAmy Elsner RENEWAL
Adams U MacleadCanadaAsiya Javayant PROPOSAL
Ricardo I DarakjyBrazilBernardo Dominic QUALIFIED
Leja Y ChuiItalyElwin Sharvill NEW
Tony N BowleyArgentinaAsiya Javayant UNQUALIFIED
Nicolas K CampainJapanIvan Magalhaes NEGOTIATION
Aika S KuskoSpainBernardo Dominic NEGOTIATION
Aruna K DoeUnited KingdomAnna Fali PROPOSAL
Juan A KuskoItalyAsiya Javayant NEGOTIATION
Aditya G BowleyUnited KingdomStephen Shaw RENEWAL
Smith O VocelkaItalyAnna Fali NEGOTIATION
Claire G RulapaughUnited KingdomIvan Magalhaes RENEWAL
Isabel F ButtRussiaBernardo Dominic NEGOTIATION
Antonio B ShinkoIndiaAsiya Javayant RENEWAL
Emily A DarakjyGermanyBernardo Dominic RENEWAL
Kadeem O FlosiIndiaIoni Bowcher RENEWAL
Juan Z MarrierGermanyStephen Shaw UNQUALIFIED
Murillo W MaletIndiaIoni Bowcher NEGOTIATION
Wickens L SlusarskiItalyStephen Shaw PROPOSAL
Silvio E FlosiArgentinaStephen Shaw UNQUALIFIED
Leon N BowleyFranceBernardo Dominic NEGOTIATION
Isabel T SaylorsSpainAsiya Javayant UNQUALIFIED
Izzy A OstroskyGermanyIoni Bowcher PROPOSAL
Morrow R BologniaUnited KingdomAsiya Javayant NEGOTIATION
Faith Q DilliardGermanyElwin Sharvill PROPOSAL
Leon L NestleAustraliaIvan Magalhaes NEGOTIATION
Octavia X GauchoArgentinaAmy Elsner NEW
Ivar V SergiItalyAsiya Javayant NEGOTIATION
Clifford E KuskoAustraliaAsiya Javayant QUALIFIED
Murillo X NickaItalyXuxue Feng NEGOTIATION
Sinclair P FigeroaCanadaAsiya Javayant RENEWAL
Jones I CaldareraIndiaAnna Fali PROPOSAL
Misaki P BowleySpainOnyama Limba NEW
Jeanfrancois Q PaprockiAustraliaIoni Bowcher NEW
Alejandro F WieserArgentinaElwin Sharvill NEW
Jeanfrancois Y ShinkoJapanXuxue Feng NEW
Arvin Z WhobreyCanadaAnna Fali UNQUALIFIED
Kaitlin D IturbideGermanyOnyama Limba PROPOSAL
Chavez J RulapaughGermanyStephen Shaw NEGOTIATION
Jennifer Y InouyeFranceAsiya Javayant QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Juan U OldroydBrazilAsiya Javayant QUALIFIED
Munro Z RulapaughRussiaAsiya Javayant NEW
Adams G RulapaughIndiaStephen Shaw QUALIFIED
Antonio V PerinIndiaOnyama Limba RENEWAL
Izzy X DilliardRussiaAnna Fali RENEWAL
Kaitlin H SlusarskiArgentinaAmy Elsner NEW
Morrow A MorascaFranceBernardo Dominic NEW
Ashley P MaletUnited KingdomAnna Fali NEW
Isabel G SchemmerAustraliaOnyama Limba QUALIFIED
Munro H StensethJapanOnyama Limba QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Morrow Y PaprockiArgentina2026-09-03Morlong Associates QUALIFIED52Ivan Magalhaes
1001Clifford P MorascaArgentina2026-09-13Morlong Associates PROPOSAL70Asiya Javayant
1002Rodrigues E ChuiJapan2026-09-24Rousseaux, Michael Esq NEW17Bernardo Dominic
1003Aruna F OstroskyAustralia2026-09-14Printing Dimensions UNQUALIFIED38Asiya Javayant
1004Chavez G MorascaIndia2026-09-27Rousseaux, Michael Esq QUALIFIED19Asiya Javayant
1005Jeanfrancois H KuskoRussia2026-09-29Chanay, Jeffrey A Esq NEGOTIATION12Elwin Sharvill
1006Francesco T GarufiItaly2026-09-30Morlong Associates NEGOTIATION23Anna Fali
1007Wickens Z CampainUnited Kingdom2026-09-28Buckley Miller Wright NEGOTIATION40Ivan Magalhaes
1008Ashley C PaprockiSpain2026-09-18Chanay, Jeffrey A Esq NEGOTIATION44Elwin Sharvill
1009Arvin I NickaCanada2026-09-24Printing Dimensions QUALIFIED11Asiya Javayant
1010Morrow W GarufiBrazil2026-09-10Chapman, Ross E Esq NEW23Xuxue Feng
1011Jones I FerenczGermany2026-09-10Printing Dimensions UNQUALIFIED22Asiya Javayant
1012Mayumi S GlickArgentina2026-09-16Chemel, James L Cpa RENEWAL13Amy Elsner
1013Aika V WhobreyFrance2026-09-15Chapman, Ross E Esq UNQUALIFIED79Amy Elsner
1014Kaitlin O WaycottCanada2026-09-17Printing Dimensions QUALIFIED99Xuxue Feng
1015Faith E AmigonIndia2026-09-23Chapman, Ross E Esq QUALIFIED85Asiya Javayant
1016Jeanfrancois G MaletFrance2026-09-04Dorl, James J Esq NEGOTIATION34Xuxue Feng
1017Alejandro P MarrierRussia2026-09-13Chanay, Jeffrey A Esq PROPOSAL43Bernardo Dominic
1018Deepesh P OstroskyFrance2026-09-26Morlong Associates NEW41Bernardo Dominic
1019Kadeem T GlickRussia2026-09-05Feiner Bros QUALIFIED98Bernardo Dominic
1020Kaitlin H NickaArgentina2026-09-18Commercial Press RENEWAL66Amy Elsner
1021Ricardo O VocelkaRussia2026-09-22Feiner Bros NEGOTIATION3Stephen Shaw
1022James J StensethArgentina2026-09-04Chanay, Jeffrey A Esq NEW88Ivan Magalhaes
1023Alejandro V GarufiGermany2026-09-10Truhlar And Truhlar Attys PROPOSAL17Bernardo Dominic
1024Cody Y OstroskyUnited Kingdom2026-09-12Chemel, James L Cpa RENEWAL6Ivan Magalhaes
1025Chavez F CaldareraFrance2026-09-06Rangoni Of Florence NEGOTIATION15Ioni Bowcher
1026Jefferson I PoquetteJapan2026-10-01Feltz Printing Service QUALIFIED91Xuxue Feng
1027Wickens Q SaylorsJapan2026-09-21Rangoni Of Florence PROPOSAL23Bernardo Dominic
1028Aditya O WhobreyAustralia2026-09-29Chapman, Ross E Esq NEGOTIATION49Onyama Limba
1029Mayumi D PaprockiIndia2026-09-16Chapman, Ross E Esq PROPOSAL49Xuxue Feng
1030Isabel C SlusarskiJapan2026-09-06Chanay, Jeffrey A Esq UNQUALIFIED53Elwin Sharvill
1031Misaki Y IturbideItaly2026-09-23Morlong Associates NEW15Elwin Sharvill
1032Salvatore D GlickSpain2026-09-04Truhlar And Truhlar Attys UNQUALIFIED75Anna Fali
1033Antonio O AmigonUnited Kingdom2026-09-13Chanay, Jeffrey A Esq PROPOSAL8Bernardo Dominic
1034Ashley E CaldareraIndia2026-09-24Morlong Associates RENEWAL37Asiya Javayant
1035Wickens R AmigonIndia2026-09-19Chemel, James L Cpa PROPOSAL49Asiya Javayant
1036Kadeem I FollerUnited Kingdom2026-09-22Feltz Printing Service PROPOSAL81Xuxue Feng
1037Emily W GillianCanada2026-09-20Printing Dimensions NEGOTIATION29Ioni Bowcher
1038Francesco U CampainBrazil2026-09-28Commercial Press RENEWAL68Asiya Javayant
1039Maria R TollnerArgentina2026-09-12Benton, John B Jr NEW23Ivan Magalhaes
1040Ashley H CaldareraFrance2026-09-15Rousseaux, Michael Esq NEW96Amy Elsner
1041Adams A AmigonUnited Kingdom2026-09-05Morlong Associates NEW74Onyama Limba
1042Sinclair D WieserJapan2026-09-20Chanay, Jeffrey A Esq UNQUALIFIED3Stephen Shaw
1043Jeanfrancois S NestleBrazil2026-09-03Commercial Press NEGOTIATION6Anna Fali
1044Jefferson V VocelkaIndia2026-09-13Buckley Miller Wright PROPOSAL13Bernardo Dominic
1045Izzy C BowleyItaly2026-09-08Feiner Bros RENEWAL55Anna Fali
1046Clifford A CaudyArgentina2026-09-25Chanay, Jeffrey A Esq QUALIFIED4Amy Elsner
1047Morrow J KuskoJapan2026-09-28King, Christopher A Esq NEW99Xuxue Feng
1048Tony I FigeroaJapan2026-09-25Dorl, James J Esq UNQUALIFIED14Ivan Magalhaes
1049Ricardo Z TollnerFrance2026-09-04Morlong Associates QUALIFIED72Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Rodrigues P RoysterItalyIoni Bowcher RENEWAL
Jones H BologniaUnited KingdomXuxue Feng QUALIFIED
Chavez F WaycottIndiaAmy Elsner NEW
Mujtaba Y WieserUnited KingdomStephen Shaw RENEWAL
Jones P VenereGermanyStephen Shaw PROPOSAL
Adams J OstroskyArgentinaBernardo Dominic RENEWAL
Ivar P NickaIndiaXuxue Feng RENEWAL
Izzy U DarakjyUnited KingdomAnna Fali UNQUALIFIED
Deepesh P GlickArgentinaAmy Elsner RENEWAL
Clifford P GarufiArgentinaStephen Shaw UNQUALIFIED
Munro T PerinCanadaOnyama Limba QUALIFIED
Leon Q MorascaItalyXuxue Feng RENEWAL
Rodrigues M SchemmerJapanBernardo Dominic QUALIFIED
Juan U NestleBrazilAsiya Javayant NEW
Arvin D RoysterGermanyIoni Bowcher QUALIFIED
Octavia J NestleGermanyElwin Sharvill RENEWAL
Aruna L DilliardFranceIoni Bowcher QUALIFIED
James N AlbaresCanadaIoni Bowcher PROPOSAL
Julie R SaylorsGermanyAsiya Javayant PROPOSAL
Silvio H FollerGermanyElwin Sharvill RENEWAL
Greenwood S StensethFranceAmy Elsner RENEWAL
Alejandro X NestleGermanyStephen Shaw RENEWAL
James V ShinkoAustraliaIoni Bowcher QUALIFIED
Silvio Z KuskoBrazilElwin Sharvill QUALIFIED
Jones E NickaJapanElwin Sharvill QUALIFIED
Juan H ChuiUnited KingdomElwin Sharvill NEGOTIATION
Greenwood Q FollerCanadaOnyama Limba QUALIFIED
Tony X MacleadSpainOnyama Limba RENEWAL
Emily M PaprockiGermanyStephen Shaw QUALIFIED
Murillo U RimRussiaAnna Fali RENEWAL
Octavia X MorascaAustraliaIoni Bowcher PROPOSAL
Jeanfrancois M WieserGermanyOnyama Limba RENEWAL
Aditya N RulapaughFranceBernardo Dominic RENEWAL
Misaki G MarrierFranceBernardo Dominic NEGOTIATION
Johnson M MaletBrazilBernardo Dominic PROPOSAL
Silvio K AlbaresRussiaOnyama Limba UNQUALIFIED
Cody Y AmigonAustraliaAmy Elsner NEW
Leja L VocelkaArgentinaAmy Elsner NEW
Ivar T FollerFranceStephen Shaw QUALIFIED
Tony M SchemmerGermanyBernardo Dominic UNQUALIFIED
Maria W IturbideIndiaAsiya Javayant RENEWAL
Emily O RoysterItalyAnna Fali PROPOSAL
Juan O BriddickRussiaIoni Bowcher RENEWAL
Claire X MarrierSpainXuxue Feng UNQUALIFIED
Arvin N KolmetzUnited KingdomXuxue Feng NEGOTIATION
Maisha S SchemmerBrazilIoni Bowcher NEW
Jones D SergiIndiaStephen Shaw UNQUALIFIED
Chavez C BriddickArgentinaXuxue Feng UNQUALIFIED
Nicolas Q GarufiRussiaOnyama Limba RENEWAL
Stacey F PerinGermanyIvan Magalhaes UNQUALIFIED
Frozen Columns
Name
Kaitlin Z Malet
Emily E Slusarski
Chavez H Bowley
Morrow C Wieser
David R Garufi
Aruna X Perin
Misaki J Chui
Jefferson G Wieser
Francesco W Malet
Sinclair T Saylors
Sinclair V Campain
Jennifer P Shinko
Adams D Ruta
Adams S Caldarera
Munro Q Ferencz
Emily F Malet
Munro M Kolmetz
Munro T Bowley
Wickens M Chui
Aika O Dilliard
Maisha L Caudy
Misaki R Vocelka
Morrow I Caudy
Tony L Vocelka
Kaitlin I Paprocki
Aruna U Nestle
Julie J Royster
Adams D Whobrey
Kadeem N Poquette
Arvin Y Ruta
Clifford Q Inouye
Isabel U Maclead
Kadeem R Amigon
Faith T Stockham
Wickens F Bolognia
Juan S Stenseth
Jennifer V Whobrey
James S Waycott
Ashley Z Nicka
Arvin K Maclead
Greenwood F Morasca
Silvio X Paprocki
Adams F Dilliard
Salvatore I Ferencz
Isabel R Stenseth
Aika G Campain
Greenwood R Morasca
Salvatore W Nestle
Ricardo G Doe
Rodrigues P Iturbide
IdCountryDate
1000India2026-09-07
1001Russia2026-09-17
1002Italy2026-09-02
1003United Kingdom2026-09-15
1004India2026-09-18
1005Canada2026-09-09
1006India2026-09-24
1007United Kingdom2026-09-02
1008Australia2026-09-24
1009Argentina2026-09-10
1010Canada2026-09-03
1011Germany2026-09-02
1012United Kingdom2026-09-13
1013Canada2026-09-04
1014United Kingdom2026-09-08
1015Brazil2026-09-28
1016Germany2026-09-12
1017Argentina2026-09-26
1018Argentina2026-09-05
1019France2026-09-04
1020Canada2026-09-23
1021Germany2026-09-26
1022Germany2026-09-17
1023Russia2026-09-04
1024Brazil2026-09-11
1025Canada2026-09-29
1026Australia2026-09-14
1027France2026-09-26
1028Spain2026-09-09
1029United Kingdom2026-09-06
1030Italy2026-09-30
1031India2026-09-21
1032Australia2026-09-16
1033Japan2026-09-03
1034United Kingdom2026-09-07
1035Australia2026-09-26
1036India2026-09-20
1037India2026-09-15
1038Brazil2026-09-12
1039Brazil2026-09-22
1040France2026-10-01
1041Italy2026-09-10
1042United Kingdom2026-09-24
1043France2026-09-29
1044Japan2026-09-05
1045Russia2026-09-11
1046India2026-09-15
1047India2026-09-03
1048Italy2026-09-12
1049Italy2026-09-10

On-Demand Data

NameIdCountryDate
Alejandro A Glick1000Brazil2026-09-19
Maisha J Stockham1001Japan2026-09-18
Julie U Glick1002Australia2026-09-09
Claire G Inouye1003Argentina2026-09-15
Smith W Paprocki1004France2026-09-30
Ashley Y Wieser1005Russia2026-09-20
Arvin D Kolmetz1006Germany2026-09-19
Izzy W Albares1007Russia2026-09-10
Octavia T Stockham1008India2026-09-25
Leja V Malet1009Germany2026-09-27
Antonio Y Kolmetz1010Canada2026-09-21
Chavez H Nicka1011Canada2026-09-21
Isabel F Malet1012Germany2026-09-07
Costa O Dilliard1013Australia2026-09-08
Murillo B Whobrey1014Spain2026-09-20
Ashley R Rim1015Brazil2026-09-16
Chavez K Bowley1016Canada2026-10-01
Julie J Waycott1017Australia2026-09-18
Claire H Stockham1018United Kingdom2026-09-10
Stacey N Poquette1019Argentina2026-10-01
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Darci L MacleadJapanAsiya Javayant NEW
Maisha O WieserIndiaOnyama Limba UNQUALIFIED
Arvin O RimCanadaIoni Bowcher NEW
Kadeem G SlusarskiIndiaXuxue Feng UNQUALIFIED
Costa W WhobreySpainElwin Sharvill PROPOSAL
David T NickaFranceAsiya Javayant PROPOSAL
Claire D WhobreyArgentinaElwin Sharvill QUALIFIED
Silvio D FerenczBrazilIvan Magalhaes NEW
Leja E MorascaBrazilElwin Sharvill RENEWAL
Maisha D SergiIndiaAmy Elsner RENEWAL
Jeanfrancois V DilliardSpainStephen Shaw RENEWAL
Chavez D InouyeFranceElwin Sharvill RENEWAL
Jennifer K KuskoAustraliaBernardo Dominic NEW
Aruna X GarufiAustraliaBernardo Dominic RENEWAL
Deepesh G PoquetteFranceStephen Shaw NEW
Leon Q CaudyGermanyAnna Fali NEW
Isabel B FerenczGermanyIoni Bowcher PROPOSAL
Maisha V RulapaughArgentinaBernardo Dominic NEW
Maisha L GillianRussiaAmy Elsner NEGOTIATION
Murillo K KolmetzIndiaIvan Magalhaes NEGOTIATION
Claire D FlosiBrazilIvan Magalhaes QUALIFIED
Antonio C FlosiUnited KingdomXuxue Feng NEW
Murillo W KuskoArgentinaAnna Fali NEGOTIATION
Wickens G SchemmerJapanXuxue Feng QUALIFIED
Silvio E ButtJapanOnyama Limba NEGOTIATION
Ashley G RulapaughGermanyBernardo Dominic PROPOSAL
Antonio J GlickArgentinaIvan Magalhaes PROPOSAL
Ashley P ButtFranceAmy Elsner UNQUALIFIED
Sinclair I ShinkoCanadaAmy Elsner NEW
Chavez N GauchoAustraliaAmy Elsner NEW
Antonio R BowleyAustraliaIvan Magalhaes UNQUALIFIED
Misaki U FollerGermanyOnyama Limba NEGOTIATION
Alejandro B DarakjyUnited KingdomStephen Shaw PROPOSAL
Aika J BowleyUnited KingdomBernardo Dominic PROPOSAL
Munro V NestleItalyAmy Elsner NEW
Tony C PerinItalyIoni Bowcher RENEWAL
Sinclair C PoquetteUnited KingdomOnyama Limba PROPOSAL
Sinclair Y VocelkaBrazilAsiya Javayant NEGOTIATION
Wickens C VocelkaUnited KingdomOnyama Limba NEW
David Y CampainRussiaElwin Sharvill UNQUALIFIED

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