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
Faith B GauchoAustraliaAnna Fali NEW
Ivar B NickaSpainIoni Bowcher PROPOSAL
Ricardo X WaycottRussiaElwin Sharvill QUALIFIED
Aika X WieserArgentinaIoni Bowcher RENEWAL
Costa J PaprockiUnited KingdomStephen Shaw NEGOTIATION
Jennifer I MacleadUnited KingdomAmy Elsner PROPOSAL
Jeanfrancois K DoeCanadaIoni Bowcher PROPOSAL
Aruna M StensethIndiaBernardo Dominic NEGOTIATION
Cody Q KolmetzAustraliaBernardo Dominic UNQUALIFIED
Rodrigues F RimCanadaElwin Sharvill UNQUALIFIED
Claire Y KolmetzItalyIoni Bowcher RENEWAL
Rodrigues D FerenczBrazilIvan Magalhaes RENEWAL
Claire M MorascaBrazilAnna Fali UNQUALIFIED
Octavia I PaprockiBrazilIoni Bowcher RENEWAL
Aika R PoquetteAustraliaAmy Elsner NEGOTIATION
Alejandro D GlickFranceAnna Fali UNQUALIFIED
Kadeem U DilliardRussiaElwin Sharvill RENEWAL
Sinclair S PerinSpainStephen Shaw QUALIFIED
Morrow Z GauchoArgentinaOnyama Limba PROPOSAL
Leon T TollnerSpainAsiya Javayant RENEWAL
Maisha N SergiUnited KingdomAsiya Javayant UNQUALIFIED
Antonio Q SaylorsGermanyIoni Bowcher QUALIFIED
Darci R DilliardBrazilAsiya Javayant RENEWAL
Faith B ChuiAustraliaOnyama Limba PROPOSAL
Morrow C WaycottIndiaAmy Elsner RENEWAL
Munro E AlbaresBrazilAmy Elsner NEW
Johnson Z RulapaughGermanyAmy Elsner NEW
Greenwood F StockhamCanadaStephen Shaw NEGOTIATION
Aditya X StockhamSpainIoni Bowcher QUALIFIED
Misaki M WieserCanadaXuxue Feng RENEWAL
Leja V ButtJapanXuxue Feng RENEWAL
Mayumi S MacleadItalyAnna Fali NEGOTIATION
Maisha Q StensethBrazilAnna Fali RENEWAL
Chavez U MaletCanadaStephen Shaw PROPOSAL
Sinclair N MorascaRussiaAnna Fali NEGOTIATION
Maria G BologniaRussiaAsiya Javayant NEW
Aika Y IturbideJapanIvan Magalhaes UNQUALIFIED
Jones R MaletUnited KingdomAnna Fali NEW
Jeanfrancois Q SergiRussiaOnyama Limba QUALIFIED
Stacey Q RutaUnited KingdomAsiya Javayant PROPOSAL
David T FollerArgentinaBernardo Dominic NEW
Antonio I PoquetteSpainAmy Elsner NEW
Kaitlin Y KolmetzGermanyStephen Shaw UNQUALIFIED
Smith K MorascaRussiaAnna Fali PROPOSAL
Darci J SlusarskiSpainAmy Elsner NEW
Mayumi D DarakjyArgentinaAnna Fali PROPOSAL
Mayumi R CaudyUnited KingdomAnna Fali PROPOSAL
Adams L KuskoFranceOnyama Limba PROPOSAL
Jefferson N ChuiFranceBernardo Dominic NEW
Octavia B FollerFranceIvan Magalhaes RENEWAL
Horizontal
NameCountryRepresentativeStatus
Salvatore J FerenczCanadaAmy Elsner RENEWAL
Ashley X KolmetzBrazilAmy Elsner QUALIFIED
Maisha U RutaBrazilOnyama Limba UNQUALIFIED
Murillo O GarufiArgentinaBernardo Dominic PROPOSAL
Octavia U PerinItalyAmy Elsner QUALIFIED
Isabel R TollnerFranceElwin Sharvill RENEWAL
Smith A SaylorsGermanyAmy Elsner UNQUALIFIED
Wickens V BriddickRussiaIoni Bowcher NEW
Ashley U WaycottFranceStephen Shaw PROPOSAL
Octavia Z IturbideIndiaAsiya Javayant NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Octavia Z CaldareraUnited Kingdom2026-11-01Rangoni Of Florence NEGOTIATION5Amy Elsner
1001David N RutaCanada2026-10-21Chanay, Jeffrey A Esq NEW26Stephen Shaw
1002Emily F InouyeAustralia2026-10-29Chanay, Jeffrey A Esq UNQUALIFIED63Bernardo Dominic
1003Adams W FerenczRussia2026-10-17Commercial Press RENEWAL60Anna Fali
1004Deepesh T MorascaJapan2026-11-07Rangoni Of Florence PROPOSAL8Stephen Shaw
1005Greenwood Z FlosiRussia2026-10-24Truhlar And Truhlar Attys RENEWAL25Amy Elsner
1006Mujtaba W ShinkoCanada2026-10-27Chanay, Jeffrey A Esq NEGOTIATION80Ivan Magalhaes
1007Juan K BowleyAustralia2026-11-08Commercial Press QUALIFIED25Bernardo Dominic
1008Smith O GillianArgentina2026-11-01Truhlar And Truhlar Attys RENEWAL2Onyama Limba
1009Aruna F MarrierFrance2026-11-05Rangoni Of Florence NEW21Elwin Sharvill
1010Stacey S GarufiArgentina2026-10-28Dorl, James J Esq NEGOTIATION68Anna Fali
1011Maisha D FlosiSpain2026-10-22Buckley Miller Wright UNQUALIFIED11Asiya Javayant
1012Claire O CampainJapan2026-11-04Printing Dimensions QUALIFIED76Asiya Javayant
1013Arvin R ChuiCanada2026-10-18Commercial Press RENEWAL58Amy Elsner
1014Isabel W CaldareraFrance2026-11-05King, Christopher A Esq NEW67Ioni Bowcher
1015Morrow R SaylorsGermany2026-10-31Chanay, Jeffrey A Esq NEGOTIATION59Bernardo Dominic
1016Sinclair T WieserFrance2026-11-07Feltz Printing Service NEGOTIATION37Elwin Sharvill
1017Jefferson N AmigonBrazil2026-10-24Chemel, James L Cpa RENEWAL79Elwin Sharvill
1018Aruna D BriddickRussia2026-11-04King, Christopher A Esq NEW74Ioni Bowcher
1019Wickens I SlusarskiRussia2026-10-27Chemel, James L Cpa NEW76Xuxue Feng
1020Cody G OstroskyUnited Kingdom2026-10-22Commercial Press NEGOTIATION66Asiya Javayant
1021Rodrigues F MacleadBrazil2026-10-31Morlong Associates UNQUALIFIED25Elwin Sharvill
1022Kadeem J GillianArgentina2026-10-20Feltz Printing Service NEW54Amy Elsner
1023Jennifer W CaldareraGermany2026-10-11Commercial Press NEGOTIATION66Bernardo Dominic
1024Mujtaba V WieserSpain2026-10-28Buckley Miller Wright RENEWAL64Bernardo Dominic
1025Octavia Z KolmetzUnited Kingdom2026-10-21King, Christopher A Esq PROPOSAL84Stephen Shaw
1026Jefferson J KuskoItaly2026-10-18King, Christopher A Esq UNQUALIFIED22Bernardo Dominic
1027Rodrigues K BriddickRussia2026-10-30Chapman, Ross E Esq NEW38Onyama Limba
1028Jeanfrancois Z SlusarskiArgentina2026-10-16Truhlar And Truhlar Attys RENEWAL2Amy Elsner
1029Silvio H VenereFrance2026-11-02Truhlar And Truhlar Attys RENEWAL55Elwin Sharvill
1030Darci S GlickAustralia2026-10-14Feltz Printing Service QUALIFIED89Anna Fali
1031Kadeem H FollerGermany2026-10-29Printing Dimensions RENEWAL91Bernardo Dominic
1032Mayumi U ShinkoSpain2026-10-12Dorl, James J Esq RENEWAL50Asiya Javayant
1033Nicolas F RulapaughSpain2026-10-28Chapman, Ross E Esq RENEWAL42Elwin Sharvill
1034Ivar N KolmetzGermany2026-11-04Buckley Miller Wright NEGOTIATION32Xuxue Feng
1035Alejandro X IturbideIndia2026-11-07King, Christopher A Esq PROPOSAL70Anna Fali
1036Misaki B InouyeFrance2026-11-02Chanay, Jeffrey A Esq PROPOSAL50Elwin Sharvill
1037Jennifer F GlickSpain2026-10-13Dorl, James J Esq NEW0Anna Fali
1038Isabel J OldroydFrance2026-11-04Chanay, Jeffrey A Esq QUALIFIED15Xuxue Feng
1039Tony V DarakjyRussia2026-10-18Dorl, James J Esq UNQUALIFIED75Elwin Sharvill
1040Francesco E PaprockiAustralia2026-10-21Feiner Bros NEW13Anna Fali
1041Jefferson M SaylorsUnited Kingdom2026-10-13Chemel, James L Cpa UNQUALIFIED22Asiya Javayant
1042Johnson S VocelkaRussia2026-10-28Commercial Press NEW86Onyama Limba
1043Wickens M RulapaughAustralia2026-10-28Buckley Miller Wright RENEWAL83Ioni Bowcher
1044Aditya P RoysterIndia2026-10-15Morlong Associates NEGOTIATION60Bernardo Dominic
1045Greenwood S DoeAustralia2026-11-07Chanay, Jeffrey A Esq QUALIFIED40Elwin Sharvill
1046Wickens E InouyeItaly2026-10-30Commercial Press UNQUALIFIED76Elwin Sharvill
1047Juan D DarakjyGermany2026-10-13Chanay, Jeffrey A Esq NEGOTIATION67Amy Elsner
1048Silvio S NestleAustralia2026-10-22Chapman, Ross E Esq PROPOSAL37Elwin Sharvill
1049Jefferson E MorascaItaly2026-11-04Printing Dimensions PROPOSAL30Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Clifford Q GarufiUnited KingdomElwin Sharvill UNQUALIFIED
Jones G MorascaFranceIvan Magalhaes RENEWAL
Jennifer R VocelkaAustraliaAmy Elsner RENEWAL
Antonio K ShinkoCanadaOnyama Limba NEGOTIATION
Tony Y CaldareraIndiaXuxue Feng UNQUALIFIED
Chavez Z SchemmerUnited KingdomAmy Elsner RENEWAL
Jennifer N WhobreyRussiaAsiya Javayant RENEWAL
Misaki A TollnerItalyAsiya Javayant UNQUALIFIED
Deepesh H SlusarskiBrazilXuxue Feng PROPOSAL
Mayumi M VenereSpainOnyama Limba PROPOSAL
Cody E GillianAustraliaAnna Fali PROPOSAL
Leon X AmigonUnited KingdomOnyama Limba NEGOTIATION
Isabel Z CaldareraCanadaXuxue Feng RENEWAL
Claire E MarrierCanadaIvan Magalhaes NEW
Greenwood W FollerJapanAnna Fali PROPOSAL
Stacey F SlusarskiAustraliaStephen Shaw NEGOTIATION
Smith X SlusarskiFranceStephen Shaw RENEWAL
Jones E MacleadSpainElwin Sharvill NEGOTIATION
Claire Q RoysterSpainIoni Bowcher PROPOSAL
Ricardo R DilliardUnited KingdomAnna Fali UNQUALIFIED
Jefferson W KuskoAustraliaIvan Magalhaes UNQUALIFIED
Julie S OstroskyFranceIvan Magalhaes UNQUALIFIED
Adams V AmigonJapanAnna Fali QUALIFIED
Izzy T RimCanadaElwin Sharvill QUALIFIED
Francesco Z ChuiIndiaXuxue Feng RENEWAL
Leon V KuskoJapanAnna Fali PROPOSAL
Juan W FlosiRussiaXuxue Feng NEGOTIATION
Jones R FollerIndiaXuxue Feng UNQUALIFIED
Murillo X FigeroaSpainOnyama Limba QUALIFIED
James J GillianFranceBernardo Dominic NEW
Leja L SlusarskiItalyStephen Shaw NEGOTIATION
Leon L IturbideUnited KingdomXuxue Feng PROPOSAL
Rodrigues I BriddickCanadaAnna Fali NEGOTIATION
Jones M RulapaughAustraliaElwin Sharvill NEW
Leja M AmigonIndiaStephen Shaw QUALIFIED
Julie D DarakjyBrazilBernardo Dominic PROPOSAL
Clifford Q VenereIndiaIoni Bowcher UNQUALIFIED
Greenwood X DilliardRussiaAsiya Javayant PROPOSAL
Kaitlin T DilliardFranceBernardo Dominic PROPOSAL
Arvin S DilliardUnited KingdomIvan Magalhaes RENEWAL
Izzy K IturbideItalyStephen Shaw PROPOSAL
Mayumi M StensethFranceOnyama Limba NEGOTIATION
Jefferson W GarufiArgentinaAsiya Javayant NEGOTIATION
Isabel M VenereCanadaBernardo Dominic PROPOSAL
Chavez H MaletUnited KingdomIoni Bowcher PROPOSAL
Kadeem H RutaJapanElwin Sharvill NEGOTIATION
James A SergiBrazilElwin Sharvill NEW
Maisha B TollnerSpainXuxue Feng UNQUALIFIED
Emily P KolmetzSpainAsiya Javayant QUALIFIED
Aruna G KuskoIndiaOnyama Limba NEW
Frozen Columns
Name
Morrow Z Nicka
Wickens B Malet
Sinclair M Chui
Jeanfrancois V Campain
Claire K Garufi
Izzy G Malet
Isabel T Wieser
Munro V Chui
Munro F Caldarera
Sinclair W Bowley
Emily Q Dilliard
Francesco D Saylors
Cody H Shinko
Juan C Darakjy
Claire W Tollner
Sinclair A Marrier
Maria B Bowley
Juan E Inouye
Juan Z Briddick
Maria G Bowley
Ashley D Caudy
Aditya P Nicka
Leja K Caudy
Leon Q Rulapaugh
Clifford J Briddick
James E Ferencz
Faith F Caldarera
Jones Z Rim
Misaki S Morasca
Isabel J Foller
James S Iturbide
Jefferson Z Rulapaugh
Jones V Slusarski
Jennifer U Gaucho
David A Gaucho
Antonio I Nicka
Emily Y Garufi
Aditya R Venere
Ricardo B Bowley
Tony R Dilliard
Johnson Q Caudy
Octavia T Dilliard
Misaki O Sergi
Nicolas V Whobrey
Leja H Kusko
Claire S Nicka
Ivar P Wieser
Emily K Slusarski
Greenwood B Vocelka
Faith I Caudy
IdCountryDate
1000Italy2026-11-04
1001Argentina2026-10-18
1002India2026-11-02
1003India2026-10-20
1004Germany2026-11-02
1005Japan2026-10-23
1006Spain2026-10-15
1007Germany2026-10-21
1008India2026-10-11
1009Germany2026-10-17
1010Brazil2026-11-01
1011India2026-10-12
1012India2026-10-15
1013Germany2026-10-19
1014Canada2026-11-04
1015Australia2026-10-25
1016Russia2026-11-03
1017Argentina2026-10-16
1018France2026-11-05
1019France2026-10-16
1020India2026-10-31
1021Brazil2026-11-03
1022Brazil2026-10-23
1023Argentina2026-11-02
1024Germany2026-10-25
1025Argentina2026-10-27
1026Germany2026-10-22
1027France2026-10-29
1028France2026-11-06
1029Canada2026-10-30
1030Russia2026-11-09
1031Japan2026-10-31
1032India2026-10-29
1033India2026-10-28
1034France2026-10-29
1035India2026-10-30
1036Italy2026-10-24
1037United Kingdom2026-10-22
1038Australia2026-10-28
1039Germany2026-10-27
1040Russia2026-11-06
1041Japan2026-10-26
1042United Kingdom2026-10-18
1043Brazil2026-10-21
1044Japan2026-10-12
1045United Kingdom2026-10-17
1046Argentina2026-11-03
1047Russia2026-10-21
1048Russia2026-10-13
1049France2026-10-16

On-Demand Data

NameIdCountryDate
Darci H Malet1000United Kingdom2026-11-09
Nicolas F Albares1001Russia2026-10-30
Antonio H Stockham1002Russia2026-10-25
Darci V Poquette1003Australia2026-10-19
Salvatore N Kusko1004Argentina2026-10-21
Maisha A Kusko1005Argentina2026-11-07
Salvatore J Kusko1006France2026-10-18
Mujtaba R Vocelka1007Italy2026-10-30
Sinclair W Gaucho1008Canada2026-11-05
Nicolas T Tollner1009United Kingdom2026-10-25
Chavez L Briddick1010Japan2026-10-27
Wickens E Kolmetz1011Spain2026-10-26
Leon J Shinko1012India2026-10-24
Sinclair W Shinko1013India2026-10-22
Arvin V Nestle1014Japan2026-11-09
Tony X Slusarski1015Canada2026-10-31
Izzy N Dilliard1016Russia2026-10-14
Misaki T Chui1017Brazil2026-11-09
Antonio K Stockham1018Italy2026-10-18
Morrow B Darakjy1019Canada2026-10-26
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Johnson F NickaSpainOnyama Limba NEW
Octavia B ShinkoBrazilStephen Shaw UNQUALIFIED
Kaitlin R FigeroaUnited KingdomXuxue Feng UNQUALIFIED
Arvin H ChuiIndiaStephen Shaw NEGOTIATION
Isabel G SlusarskiIndiaXuxue Feng NEGOTIATION
Leon K MaletUnited KingdomAmy Elsner UNQUALIFIED
Emily W PaprockiItalyBernardo Dominic PROPOSAL
Smith Q CaldareraUnited KingdomIoni Bowcher NEGOTIATION
Isabel E GarufiRussiaAmy Elsner NEW
Salvatore Z TollnerItalyAsiya Javayant UNQUALIFIED
Isabel W RulapaughUnited KingdomElwin Sharvill QUALIFIED
Octavia T RoysterCanadaStephen Shaw RENEWAL
Misaki C MarrierRussiaIoni Bowcher RENEWAL
Maisha P StensethGermanyElwin Sharvill QUALIFIED
Alejandro B SergiGermanyAmy Elsner PROPOSAL
Claire Q GillianBrazilElwin Sharvill UNQUALIFIED
Ivar K DilliardFranceOnyama Limba NEW
Adams H BriddickRussiaBernardo Dominic PROPOSAL
Rodrigues F RoysterGermanyIvan Magalhaes QUALIFIED
Nicolas E WhobreyIndiaIoni Bowcher RENEWAL
Wickens U RoysterJapanIvan Magalhaes QUALIFIED
Misaki R MaletAustraliaXuxue Feng QUALIFIED
Emily D InouyeSpainElwin Sharvill UNQUALIFIED
Mujtaba N DilliardSpainAnna Fali NEW
Costa F SaylorsItalyElwin Sharvill RENEWAL
Jefferson D TollnerItalyOnyama Limba UNQUALIFIED
Isabel U FlosiGermanyBernardo Dominic NEGOTIATION
Costa H StockhamIndiaIoni Bowcher PROPOSAL
Antonio H CaudyRussiaXuxue Feng UNQUALIFIED
Deepesh B VenereItalyBernardo Dominic NEGOTIATION
Morrow H DoeItalyOnyama Limba NEGOTIATION
Mayumi F GlickGermanyAsiya Javayant PROPOSAL
Kadeem C RimJapanIoni Bowcher NEGOTIATION
Nicolas K WieserFranceXuxue Feng PROPOSAL
Jones V FerenczSpainIvan Magalhaes RENEWAL
Arvin J StockhamJapanOnyama Limba QUALIFIED
Jones V ChuiIndiaXuxue Feng NEGOTIATION
Francesco M KolmetzSpainIoni Bowcher NEW
Morrow Q StockhamJapanOnyama Limba PROPOSAL
David A MarrierGermanyAmy Elsner 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>