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
Smith T FollerRussiaIvan Magalhaes UNQUALIFIED
Misaki D AmigonJapanXuxue Feng RENEWAL
Nicolas G SergiJapanIvan Magalhaes PROPOSAL
Cody L CaldareraJapanIoni Bowcher NEW
Ashley I OldroydArgentinaXuxue Feng RENEWAL
Adams J GauchoUnited KingdomXuxue Feng QUALIFIED
Aditya E NickaUnited KingdomXuxue Feng NEW
Aika Z PoquetteUnited KingdomElwin Sharvill RENEWAL
Ivar U BriddickGermanyAnna Fali NEW
Clifford V MorascaUnited KingdomAsiya Javayant NEGOTIATION
Octavia V MarrierBrazilElwin Sharvill PROPOSAL
Maria W MarrierUnited KingdomIoni Bowcher QUALIFIED
Salvatore F WhobreyAustraliaBernardo Dominic QUALIFIED
Faith Z OldroydSpainXuxue Feng UNQUALIFIED
Aditya I KuskoCanadaBernardo Dominic NEW
Stacey Y PaprockiCanadaElwin Sharvill RENEWAL
Deepesh S FollerCanadaOnyama Limba RENEWAL
Cody L OldroydItalyStephen Shaw RENEWAL
Kadeem S RutaItalyBernardo Dominic NEGOTIATION
Morrow T MarrierUnited KingdomAmy Elsner QUALIFIED
Juan J RulapaughCanadaElwin Sharvill RENEWAL
Isabel G BriddickAustraliaXuxue Feng QUALIFIED
Jefferson W PerinSpainIoni Bowcher NEW
Rodrigues N SchemmerGermanyAsiya Javayant NEW
Jennifer Y ChuiArgentinaXuxue Feng RENEWAL
Maisha T DarakjyGermanyElwin Sharvill QUALIFIED
Smith D NestleAustraliaOnyama Limba PROPOSAL
Izzy Z RoysterCanadaXuxue Feng NEGOTIATION
Claire A KuskoIndiaIvan Magalhaes QUALIFIED
Juan X BologniaRussiaBernardo Dominic UNQUALIFIED
Aika Z TollnerCanadaStephen Shaw NEGOTIATION
Aika R GarufiSpainAmy Elsner PROPOSAL
Ashley U RimCanadaBernardo Dominic RENEWAL
Chavez N OldroydRussiaXuxue Feng UNQUALIFIED
Wickens W MorascaJapanXuxue Feng RENEWAL
James I KolmetzItalyElwin Sharvill RENEWAL
Emily Y MaletUnited KingdomOnyama Limba QUALIFIED
Tony H MaletIndiaOnyama Limba QUALIFIED
Leon N RoysterBrazilXuxue Feng PROPOSAL
Ivar H KolmetzFranceIoni Bowcher UNQUALIFIED
Nicolas P ChuiArgentinaElwin Sharvill UNQUALIFIED
Maisha U OldroydUnited KingdomAnna Fali UNQUALIFIED
Aruna N GillianFranceOnyama Limba NEGOTIATION
Nicolas Q KolmetzUnited KingdomIvan Magalhaes PROPOSAL
Nicolas Z InouyeArgentinaElwin Sharvill PROPOSAL
James O CaldareraGermanyAnna Fali RENEWAL
Francesco M RoysterCanadaXuxue Feng UNQUALIFIED
Morrow R TollnerItalyStephen Shaw NEGOTIATION
Ashley R MaletArgentinaXuxue Feng UNQUALIFIED
Adams D VocelkaIndiaElwin Sharvill RENEWAL
Horizontal
NameCountryRepresentativeStatus
Maria V AmigonJapanOnyama Limba QUALIFIED
Aruna T FerenczItalyBernardo Dominic QUALIFIED
James U CampainIndiaBernardo Dominic UNQUALIFIED
Wickens V FlosiCanadaIoni Bowcher NEW
Antonio E MaletGermanyIvan Magalhaes QUALIFIED
Stacey E DoeFranceElwin Sharvill UNQUALIFIED
Aika X PoquetteGermanyAmy Elsner QUALIFIED
Smith C DilliardAustraliaElwin Sharvill RENEWAL
Salvatore D NestleCanadaBernardo Dominic PROPOSAL
Munro V KolmetzBrazilStephen Shaw PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Ivar D SergiItaly2026-09-05Dorl, James J Esq QUALIFIED84Anna Fali
1001Kadeem D FollerArgentina2026-09-08Dorl, James J Esq PROPOSAL52Xuxue Feng
1002Jennifer P StockhamFrance2026-09-05Dorl, James J Esq QUALIFIED93Ioni Bowcher
1003Mujtaba C VocelkaBrazil2026-09-13Rangoni Of Florence UNQUALIFIED5Amy Elsner
1004Salvatore F AlbaresBrazil2026-09-02Morlong Associates UNQUALIFIED46Bernardo Dominic
1005James R VocelkaIndia2026-09-21Printing Dimensions NEGOTIATION85Asiya Javayant
1006Greenwood P SaylorsArgentina2026-09-18Rousseaux, Michael Esq QUALIFIED60Ivan Magalhaes
1007Claire L NickaArgentina2026-09-03Morlong Associates NEGOTIATION85Xuxue Feng
1008Faith U CaldareraBrazil2026-09-09Feltz Printing Service RENEWAL79Anna Fali
1009Tony L TollnerAustralia2026-09-21Feltz Printing Service NEGOTIATION4Ivan Magalhaes
1010Ashley X GlickArgentina2026-08-27Rousseaux, Michael Esq RENEWAL98Ioni Bowcher
1011Johnson H DoeIndia2026-09-10Rangoni Of Florence NEGOTIATION27Asiya Javayant
1012Misaki A OstroskyJapan2026-09-17Chanay, Jeffrey A Esq RENEWAL17Anna Fali
1013Johnson E RulapaughAustralia2026-09-08Morlong Associates QUALIFIED59Ioni Bowcher
1014Claire M NestleAustralia2026-09-20Rousseaux, Michael Esq NEW1Ivan Magalhaes
1015Mujtaba P WhobreyCanada2026-08-30Truhlar And Truhlar Attys NEW96Xuxue Feng
1016Smith T WhobreyJapan2026-08-26Chemel, James L Cpa UNQUALIFIED13Ioni Bowcher
1017James Z ButtFrance2026-09-18Printing Dimensions NEW26Stephen Shaw
1018Maria N SchemmerAustralia2026-08-27Feltz Printing Service QUALIFIED29Xuxue Feng
1019Jones L StockhamCanada2026-09-04Commercial Press QUALIFIED44Xuxue Feng
1020Aika J StockhamGermany2026-09-16Rousseaux, Michael Esq NEGOTIATION77Anna Fali
1021Costa W DilliardFrance2026-09-10Dorl, James J Esq NEW70Asiya Javayant
1022Faith D VocelkaIndia2026-09-09Feltz Printing Service UNQUALIFIED51Bernardo Dominic
1023Stacey F WhobreyJapan2026-09-22Printing Dimensions NEW90Amy Elsner
1024Mujtaba A RoysterUnited Kingdom2026-09-04Rangoni Of Florence QUALIFIED70Anna Fali
1025Arvin B RulapaughJapan2026-09-01Dorl, James J Esq UNQUALIFIED97Xuxue Feng
1026Alejandro V VenereJapan2026-08-29Feiner Bros QUALIFIED13Elwin Sharvill
1027Munro N GauchoRussia2026-08-26Buckley Miller Wright QUALIFIED42Xuxue Feng
1028Ivar Y GarufiJapan2026-08-26Chanay, Jeffrey A Esq PROPOSAL71Anna Fali
1029Jefferson E KolmetzArgentina2026-09-09Feltz Printing Service PROPOSAL88Xuxue Feng
1030Jefferson M TollnerArgentina2026-09-07Benton, John B Jr UNQUALIFIED58Stephen Shaw
1031Jones L StensethCanada2026-09-22Morlong Associates PROPOSAL1Bernardo Dominic
1032Aditya B NickaGermany2026-09-23Dorl, James J Esq QUALIFIED1Bernardo Dominic
1033Sinclair Q NestleBrazil2026-08-31Feltz Printing Service PROPOSAL90Stephen Shaw
1034Munro L VocelkaFrance2026-09-23Rousseaux, Michael Esq NEW59Ioni Bowcher
1035Misaki Y PaprockiAustralia2026-09-16King, Christopher A Esq QUALIFIED81Ioni Bowcher
1036Claire L SaylorsJapan2026-08-29Benton, John B Jr UNQUALIFIED32Anna Fali
1037Smith O DoeItaly2026-09-21Rangoni Of Florence NEW94Amy Elsner
1038Maria T ChuiJapan2026-09-06Chanay, Jeffrey A Esq RENEWAL95Ivan Magalhaes
1039Kaitlin J FigeroaCanada2026-08-26Truhlar And Truhlar Attys NEGOTIATION92Onyama Limba
1040Morrow G DarakjyArgentina2026-09-09Benton, John B Jr QUALIFIED66Anna Fali
1041Aruna Z GauchoAustralia2026-09-10Feltz Printing Service NEW93Amy Elsner
1042Munro Z PerinUnited Kingdom2026-09-20Dorl, James J Esq NEW93Ioni Bowcher
1043David S AlbaresUnited Kingdom2026-08-26Commercial Press NEW48Elwin Sharvill
1044David T PaprockiFrance2026-09-15Morlong Associates NEGOTIATION79Asiya Javayant
1045Darci U OldroydJapan2026-09-06Dorl, James J Esq PROPOSAL8Stephen Shaw
1046Wickens V KolmetzArgentina2026-08-27Truhlar And Truhlar Attys RENEWAL64Ivan Magalhaes
1047Sinclair Q KolmetzAustralia2026-08-30Chapman, Ross E Esq RENEWAL26Bernardo Dominic
1048Juan U MarrierAustralia2026-09-07King, Christopher A Esq NEGOTIATION92Ivan Magalhaes
1049Adams W WieserBrazil2026-09-21Dorl, James J Esq RENEWAL78Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Kadeem N KuskoIndiaAnna Fali RENEWAL
Izzy Q WieserCanadaBernardo Dominic QUALIFIED
Mujtaba H FigeroaGermanyBernardo Dominic QUALIFIED
Nicolas B SlusarskiItalyOnyama Limba RENEWAL
Aditya J PaprockiSpainAsiya Javayant QUALIFIED
Munro S MarrierRussiaAnna Fali QUALIFIED
Jefferson Q OldroydIndiaXuxue Feng RENEWAL
Jones N BriddickIndiaAsiya Javayant UNQUALIFIED
Isabel Z SergiGermanyIoni Bowcher UNQUALIFIED
Stacey Y MacleadItalyAnna Fali RENEWAL
Juan L GarufiFranceIvan Magalhaes NEGOTIATION
Rodrigues S NickaCanadaElwin Sharvill PROPOSAL
Mayumi U NickaArgentinaAsiya Javayant PROPOSAL
Salvatore L OstroskySpainStephen Shaw UNQUALIFIED
Adams Y BologniaIndiaXuxue Feng UNQUALIFIED
Sinclair G FerenczFranceElwin Sharvill PROPOSAL
Smith M FlosiAustraliaIoni Bowcher NEW
Ivar R ShinkoGermanyBernardo Dominic RENEWAL
Ricardo Z NickaSpainAnna Fali UNQUALIFIED
Isabel C ButtUnited KingdomBernardo Dominic UNQUALIFIED
Greenwood L WhobreyBrazilBernardo Dominic RENEWAL
Maria O SaylorsFranceAmy Elsner UNQUALIFIED
Francesco Y CaudySpainBernardo Dominic NEW
Maria R PerinFranceAnna Fali UNQUALIFIED
David Q OldroydArgentinaIvan Magalhaes PROPOSAL
Salvatore I PaprockiCanadaIoni Bowcher UNQUALIFIED
Alejandro W KuskoAustraliaElwin Sharvill QUALIFIED
Jefferson S ShinkoAustraliaElwin Sharvill NEW
Kaitlin D GarufiItalyStephen Shaw QUALIFIED
Jeanfrancois O ChuiItalyStephen Shaw PROPOSAL
Costa U ChuiFranceOnyama Limba UNQUALIFIED
Jennifer S PaprockiSpainStephen Shaw RENEWAL
Sinclair P CampainRussiaIoni Bowcher NEW
Leon P CaldareraCanadaIoni Bowcher RENEWAL
Greenwood X GauchoGermanyXuxue Feng NEGOTIATION
Costa B BologniaItalyIoni Bowcher UNQUALIFIED
Stacey B CaldareraAustraliaIvan Magalhaes PROPOSAL
Silvio U NestleUnited KingdomAsiya Javayant PROPOSAL
Julie L GlickRussiaIvan Magalhaes UNQUALIFIED
Jones G VocelkaCanadaAmy Elsner PROPOSAL
Murillo M PoquetteJapanOnyama Limba QUALIFIED
Ricardo H SlusarskiBrazilXuxue Feng NEGOTIATION
Jones B SlusarskiUnited KingdomAmy Elsner NEW
Antonio V WieserCanadaAsiya Javayant QUALIFIED
Alejandro T GlickSpainAmy Elsner PROPOSAL
Ricardo X AlbaresArgentinaStephen Shaw NEW
Smith I MaletArgentinaElwin Sharvill RENEWAL
Rodrigues Z SlusarskiCanadaOnyama Limba PROPOSAL
Jennifer W WaycottAustraliaIvan Magalhaes RENEWAL
Misaki G OldroydRussiaXuxue Feng NEW
Frozen Columns
Name
Maisha P Oldroyd
Isabel F Rulapaugh
Morrow E Rulapaugh
Francesco D Nicka
Chavez M Venere
Ricardo X Schemmer
Silvio I Nestle
Deepesh O Gillian
Leja U Wieser
Wickens I Figeroa
Misaki R Vocelka
Kadeem C Stenseth
Adams Q Doe
Cody H Marrier
Mayumi M Venere
Smith E Rulapaugh
Greenwood Z Poquette
Ashley G Rulapaugh
Ivar J Paprocki
Silvio I Oldroyd
Aruna B Caldarera
Francesco A Foller
Leja K Malet
Jones Q Nicka
Tony L Doe
Rodrigues D Morasca
Aditya L Glick
Nicolas W Kusko
Costa W Poquette
Antonio G Darakjy
Ashley S Flosi
Mujtaba A Gillian
Chavez U Inouye
Cody E Wieser
Smith D Stockham
Isabel L Campain
Alejandro Y Saylors
Chavez X Doe
Francesco O Paprocki
Alejandro I Kusko
Ricardo B Briddick
Rodrigues D Albares
Wickens O Stockham
Tony X Wieser
Kadeem D Inouye
Jones I Figeroa
Smith W Dilliard
Ivar G Malet
Antonio S Butt
Ashley D Saylors
IdCountryDate
1000Italy2026-09-16
1001Brazil2026-09-14
1002Canada2026-09-14
1003Italy2026-09-03
1004Argentina2026-09-22
1005Germany2026-09-03
1006Argentina2026-09-15
1007Australia2026-08-26
1008Germany2026-09-17
1009Australia2026-09-23
1010Spain2026-09-11
1011Brazil2026-09-21
1012United Kingdom2026-09-20
1013Italy2026-09-06
1014India2026-09-12
1015Japan2026-09-20
1016Argentina2026-09-20
1017Germany2026-09-15
1018Russia2026-09-12
1019India2026-09-13
1020Brazil2026-09-21
1021Canada2026-08-29
1022Argentina2026-09-09
1023Russia2026-09-08
1024Canada2026-09-08
1025Australia2026-09-20
1026Canada2026-09-21
1027Brazil2026-09-11
1028India2026-09-21
1029Italy2026-08-26
1030Canada2026-09-04
1031Japan2026-09-12
1032Italy2026-09-12
1033United Kingdom2026-09-02
1034Germany2026-09-24
1035Canada2026-08-26
1036Argentina2026-09-02
1037United Kingdom2026-08-27
1038United Kingdom2026-09-18
1039France2026-09-21
1040Argentina2026-09-21
1041United Kingdom2026-08-28
1042United Kingdom2026-09-04
1043Japan2026-09-04
1044Italy2026-09-23
1045Argentina2026-09-01
1046Italy2026-09-18
1047France2026-08-29
1048Japan2026-09-18
1049Japan2026-08-28

On-Demand Data

NameIdCountryDate
Aditya W Schemmer1000Brazil2026-09-06
Mayumi I Doe1001Japan2026-09-16
Octavia O Morasca1002France2026-09-07
Ivar Y Shinko1003Germany2026-08-28
Kaitlin X Marrier1004Germany2026-09-17
Arvin J Malet1005Brazil2026-08-31
Ivar V Shinko1006Russia2026-09-08
Jennifer X Garufi1007Germany2026-08-28
Sinclair F Bowley1008Spain2026-09-13
Maria F Royster1009Italy2026-09-01
Aditya N Flosi1010Australia2026-09-17
Maria G Venere1011Japan2026-09-13
Murillo E Chui1012Brazil2026-09-09
Murillo T Saylors1013Japan2026-09-06
Jones E Ostrosky1014Australia2026-09-24
Ricardo W Chui1015Brazil2026-08-26
Mujtaba K Figeroa1016Australia2026-08-30
Salvatore A Slusarski1017Canada2026-08-28
Francesco T Kolmetz1018Australia2026-09-07
Antonio C Ferencz1019Japan2026-09-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Stacey L FlosiFranceAnna Fali PROPOSAL
Morrow B PerinRussiaAsiya Javayant RENEWAL
Cody Z MorascaBrazilAsiya Javayant RENEWAL
Costa M FlosiIndiaElwin Sharvill NEW
Silvio N OldroydSpainIvan Magalhaes QUALIFIED
Ivar S InouyeUnited KingdomIvan Magalhaes RENEWAL
Maisha O StockhamRussiaAsiya Javayant QUALIFIED
Munro S FlosiItalyOnyama Limba PROPOSAL
Maisha Z CaldareraRussiaAnna Fali PROPOSAL
Deepesh J RutaUnited KingdomIoni Bowcher QUALIFIED
Isabel O DoeRussiaXuxue Feng NEGOTIATION
Munro K MacleadUnited KingdomIoni Bowcher NEW
Mujtaba A MarrierRussiaAmy Elsner NEW
Julie G VenereCanadaAnna Fali NEGOTIATION
Tony B GauchoAustraliaIvan Magalhaes NEW
Julie A WhobreyRussiaOnyama Limba PROPOSAL
Chavez H BowleyIndiaStephen Shaw NEGOTIATION
Deepesh A RutaArgentinaIvan Magalhaes QUALIFIED
Octavia V MacleadFranceAsiya Javayant PROPOSAL
Kaitlin B FollerAustraliaAmy Elsner QUALIFIED
Ivar V StensethItalyAnna Fali RENEWAL
Murillo W PaprockiGermanyStephen Shaw PROPOSAL
Cody R GillianItalyOnyama Limba NEGOTIATION
David S GillianArgentinaIoni Bowcher RENEWAL
Maria B MaletSpainAnna Fali RENEWAL
Nicolas P CaudyGermanyAsiya Javayant QUALIFIED
Julie I VocelkaCanadaAmy Elsner RENEWAL
Emily E CaudyUnited KingdomXuxue Feng PROPOSAL
Smith W IturbideUnited KingdomIvan Magalhaes NEW
Ashley Y InouyeUnited KingdomBernardo Dominic NEGOTIATION
Murillo M AlbaresIndiaIvan Magalhaes RENEWAL
James D MacleadItalyXuxue Feng NEW
Misaki R RoysterItalyAmy Elsner NEGOTIATION
Darci I PaprockiFranceAsiya Javayant QUALIFIED
Kadeem V CaldareraRussiaAnna Fali NEGOTIATION
Cody O BologniaJapanAnna Fali QUALIFIED
Aika H NickaRussiaBernardo Dominic NEW
Ashley D TollnerBrazilStephen Shaw QUALIFIED
Antonio N GauchoSpainXuxue Feng RENEWAL
David X BriddickArgentinaBernardo Dominic 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>