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
David B BologniaBrazilAsiya Javayant QUALIFIED
Chavez H ButtJapanAnna Fali PROPOSAL
Octavia Y PoquetteRussiaAsiya Javayant RENEWAL
Isabel Y InouyeAustraliaOnyama Limba RENEWAL
Francesco W OldroydSpainBernardo Dominic PROPOSAL
Darci M ShinkoFranceAmy Elsner RENEWAL
Morrow O SaylorsBrazilAsiya Javayant NEW
Mujtaba E SaylorsIndiaAmy Elsner NEGOTIATION
Adams O GlickGermanyElwin Sharvill PROPOSAL
Isabel P MorascaUnited KingdomStephen Shaw NEGOTIATION
Jones N VocelkaGermanyStephen Shaw NEW
Murillo Y OstroskyArgentinaAnna Fali QUALIFIED
Arvin M BowleyUnited KingdomBernardo Dominic NEGOTIATION
Adams T RoysterItalyXuxue Feng RENEWAL
Rodrigues Q KolmetzJapanStephen Shaw QUALIFIED
Faith O PerinSpainAsiya Javayant NEGOTIATION
Smith J FigeroaGermanyIvan Magalhaes QUALIFIED
Darci W FerenczUnited KingdomAsiya Javayant NEW
Alejandro H PerinItalyElwin Sharvill RENEWAL
Aditya G GarufiArgentinaIvan Magalhaes NEW
Salvatore Z FlosiRussiaOnyama Limba NEGOTIATION
Emily D MarrierSpainOnyama Limba NEW
Emily K RulapaughUnited KingdomAmy Elsner NEW
Rodrigues X StensethIndiaOnyama Limba NEW
Leja E WieserBrazilAnna Fali RENEWAL
Wickens W WaycottUnited KingdomAnna Fali UNQUALIFIED
Ashley J BologniaCanadaIoni Bowcher RENEWAL
Jefferson Y ShinkoRussiaElwin Sharvill RENEWAL
Johnson Z GauchoBrazilAmy Elsner PROPOSAL
Aruna W IturbideCanadaStephen Shaw NEW
Jefferson R GillianBrazilXuxue Feng UNQUALIFIED
Cody U CaldareraBrazilIoni Bowcher PROPOSAL
Maisha V RoysterIndiaAsiya Javayant NEW
James L FerenczUnited KingdomElwin Sharvill RENEWAL
Tony E SaylorsIndiaElwin Sharvill PROPOSAL
Leja I OldroydCanadaStephen Shaw UNQUALIFIED
Faith W NestleIndiaAsiya Javayant UNQUALIFIED
Chavez Z FlosiCanadaIvan Magalhaes NEGOTIATION
Leja S WhobreyFranceElwin Sharvill QUALIFIED
Aika I RimJapanAmy Elsner QUALIFIED
Francesco X RulapaughRussiaElwin Sharvill NEW
Jefferson J VenereArgentinaIvan Magalhaes QUALIFIED
Jeanfrancois F GarufiBrazilAsiya Javayant PROPOSAL
Jeanfrancois Z WaycottRussiaAsiya Javayant NEGOTIATION
Kadeem S MacleadArgentinaAmy Elsner NEGOTIATION
Smith P VocelkaArgentinaAmy Elsner QUALIFIED
Chavez Q CaudyArgentinaAmy Elsner QUALIFIED
James A GauchoUnited KingdomOnyama Limba UNQUALIFIED
Alejandro D ChuiGermanyXuxue Feng PROPOSAL
Julie E StensethUnited KingdomAnna Fali PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Antonio Z RulapaughUnited KingdomBernardo Dominic NEW
Mayumi D SlusarskiSpainAsiya Javayant RENEWAL
Octavia A DarakjyIndiaXuxue Feng UNQUALIFIED
Salvatore K RoysterIndiaOnyama Limba UNQUALIFIED
Ashley T WaycottJapanElwin Sharvill RENEWAL
Mayumi M WhobreyFranceStephen Shaw RENEWAL
Jones I BowleyAustraliaIoni Bowcher UNQUALIFIED
Salvatore P GlickGermanyAsiya Javayant UNQUALIFIED
Aruna C GlickItalyBernardo Dominic QUALIFIED
Darci W GillianRussiaAsiya Javayant NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Chavez Y CampainBrazil2026-10-09Dorl, James J Esq NEW38Onyama Limba
1001Jefferson A IturbideCanada2026-09-20Buckley Miller Wright QUALIFIED11Anna Fali
1002Sinclair C MacleadRussia2026-10-01Buckley Miller Wright QUALIFIED46Ivan Magalhaes
1003Murillo W FerenczIndia2026-09-19Dorl, James J Esq NEGOTIATION32Ioni Bowcher
1004Murillo G MorascaCanada2026-09-25Truhlar And Truhlar Attys RENEWAL1Bernardo Dominic
1005Aditya W CaudySpain2026-09-28Benton, John B Jr UNQUALIFIED40Asiya Javayant
1006Smith V ButtBrazil2026-10-06Morlong Associates QUALIFIED30Ivan Magalhaes
1007Mujtaba L SchemmerFrance2026-09-21Rangoni Of Florence PROPOSAL57Amy Elsner
1008Greenwood V RoysterRussia2026-10-13Rangoni Of Florence NEW19Ivan Magalhaes
1009Greenwood M FollerBrazil2026-10-10Feiner Bros PROPOSAL78Ioni Bowcher
1010Juan Q ShinkoSpain2026-10-05Morlong Associates QUALIFIED20Ioni Bowcher
1011Misaki W FigeroaFrance2026-10-14Buckley Miller Wright PROPOSAL72Amy Elsner
1012Salvatore O KolmetzItaly2026-09-21Dorl, James J Esq UNQUALIFIED16Asiya Javayant
1013Ricardo J MaletFrance2026-09-27Printing Dimensions NEW99Anna Fali
1014Isabel D SaylorsFrance2026-09-17Truhlar And Truhlar Attys RENEWAL6Elwin Sharvill
1015Juan U ShinkoArgentina2026-10-12Truhlar And Truhlar Attys QUALIFIED10Onyama Limba
1016Ivar W CaldareraGermany2026-10-10King, Christopher A Esq UNQUALIFIED74Amy Elsner
1017Ricardo M VocelkaSpain2026-09-18Buckley Miller Wright RENEWAL87Anna Fali
1018Salvatore K MorascaCanada2026-10-01Commercial Press QUALIFIED13Anna Fali
1019Arvin S StockhamUnited Kingdom2026-09-22Truhlar And Truhlar Attys NEW24Ioni Bowcher
1020Greenwood T VenereFrance2026-10-08Dorl, James J Esq NEGOTIATION39Xuxue Feng
1021Leon H MacleadFrance2026-09-26Morlong Associates RENEWAL55Bernardo Dominic
1022Maisha E DoeFrance2026-09-21Truhlar And Truhlar Attys NEGOTIATION88Ioni Bowcher
1023Silvio O ChuiArgentina2026-10-07Morlong Associates PROPOSAL68Elwin Sharvill
1024Morrow I WieserBrazil2026-09-16Printing Dimensions RENEWAL35Onyama Limba
1025Faith B KuskoGermany2026-10-15Chanay, Jeffrey A Esq PROPOSAL87Elwin Sharvill
1026Rodrigues E MarrierSpain2026-10-07Morlong Associates NEW60Onyama Limba
1027Kaitlin O MaletFrance2026-10-12Rousseaux, Michael Esq QUALIFIED1Asiya Javayant
1028Tony F MaletSpain2026-09-21Chemel, James L Cpa RENEWAL0Stephen Shaw
1029Leja L FollerJapan2026-09-19Commercial Press PROPOSAL39Onyama Limba
1030Smith D DoeUnited Kingdom2026-10-07Feltz Printing Service PROPOSAL42Xuxue Feng
1031Maisha M FlosiAustralia2026-10-15King, Christopher A Esq QUALIFIED19Onyama Limba
1032Julie P GauchoGermany2026-10-10Chapman, Ross E Esq RENEWAL99Bernardo Dominic
1033Greenwood N NestleBrazil2026-10-04Chemel, James L Cpa UNQUALIFIED56Amy Elsner
1034Murillo L IturbideCanada2026-10-15Truhlar And Truhlar Attys PROPOSAL33Anna Fali
1035Adams D StockhamIndia2026-10-04Chemel, James L Cpa NEW31Stephen Shaw
1036Jefferson M BowleyIndia2026-10-09Chapman, Ross E Esq RENEWAL81Bernardo Dominic
1037Maria H GarufiCanada2026-09-21Truhlar And Truhlar Attys QUALIFIED82Ioni Bowcher
1038Wickens V FollerIndia2026-09-16Morlong Associates PROPOSAL79Stephen Shaw
1039Claire V InouyeItaly2026-09-16Feiner Bros PROPOSAL93Xuxue Feng
1040Mayumi W BowleyBrazil2026-10-15Chanay, Jeffrey A Esq PROPOSAL63Onyama Limba
1041Darci S StockhamRussia2026-10-15Buckley Miller Wright NEW19Anna Fali
1042Julie U OldroydGermany2026-09-29Feiner Bros PROPOSAL52Asiya Javayant
1043Clifford F StensethIndia2026-09-23Rangoni Of Florence UNQUALIFIED61Stephen Shaw
1044Ivar U GarufiSpain2026-09-30Rangoni Of Florence NEW29Anna Fali
1045Wickens P WhobreyAustralia2026-09-19Morlong Associates NEGOTIATION5Anna Fali
1046Smith B NickaIndia2026-09-24Buckley Miller Wright UNQUALIFIED43Amy Elsner
1047Jefferson W PoquetteFrance2026-09-20Printing Dimensions UNQUALIFIED19Onyama Limba
1048Claire G DilliardCanada2026-09-30Truhlar And Truhlar Attys QUALIFIED41Asiya Javayant
1049Isabel O SchemmerFrance2026-10-03Chapman, Ross E Esq PROPOSAL82Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Stacey X RulapaughJapanElwin Sharvill QUALIFIED
Kaitlin K RutaItalyIoni Bowcher NEW
Morrow M VocelkaSpainAnna Fali PROPOSAL
Kaitlin M CampainCanadaElwin Sharvill QUALIFIED
Nicolas Z FerenczIndiaAsiya Javayant RENEWAL
Stacey T SaylorsJapanAmy Elsner UNQUALIFIED
Aruna R KuskoBrazilStephen Shaw RENEWAL
David F VenereCanadaAmy Elsner RENEWAL
Isabel T GillianCanadaAmy Elsner RENEWAL
Jones Q PoquetteSpainIvan Magalhaes RENEWAL
Deepesh J VenereBrazilBernardo Dominic NEGOTIATION
Antonio D InouyeUnited KingdomIoni Bowcher PROPOSAL
Johnson I FollerIndiaXuxue Feng PROPOSAL
Munro Z DoeRussiaAmy Elsner UNQUALIFIED
Maisha W AlbaresUnited KingdomIoni Bowcher UNQUALIFIED
Nicolas C CampainItalyElwin Sharvill NEW
Sinclair Z RutaRussiaOnyama Limba NEGOTIATION
Octavia B VocelkaSpainElwin Sharvill QUALIFIED
Cody P MarrierJapanIvan Magalhaes NEGOTIATION
Ricardo E NestleRussiaAnna Fali UNQUALIFIED
Izzy F TollnerUnited KingdomIvan Magalhaes PROPOSAL
Izzy R BologniaBrazilStephen Shaw QUALIFIED
Misaki G SergiRussiaXuxue Feng UNQUALIFIED
Maisha I GauchoUnited KingdomStephen Shaw NEGOTIATION
Aika P BriddickFranceStephen Shaw QUALIFIED
Johnson E KuskoRussiaAnna Fali PROPOSAL
Jones C MorascaCanadaXuxue Feng UNQUALIFIED
Maisha A GarufiBrazilAsiya Javayant NEGOTIATION
Deepesh S RimFranceIoni Bowcher UNQUALIFIED
Francesco V AlbaresIndiaIoni Bowcher NEGOTIATION
David S KolmetzIndiaAnna Fali QUALIFIED
Octavia G PoquetteRussiaAmy Elsner PROPOSAL
Octavia Z FollerGermanyAsiya Javayant RENEWAL
Chavez O FerenczAustraliaOnyama Limba UNQUALIFIED
Tony M PerinSpainAmy Elsner UNQUALIFIED
Kadeem H VenereRussiaElwin Sharvill UNQUALIFIED
Faith G DarakjyBrazilIvan Magalhaes PROPOSAL
Antonio U GauchoAustraliaAsiya Javayant NEGOTIATION
Adams I BologniaUnited KingdomIoni Bowcher UNQUALIFIED
Isabel D CampainItalyAnna Fali NEW
Leon K FollerFranceElwin Sharvill QUALIFIED
Stacey I FollerCanadaAnna Fali NEW
Jefferson A FigeroaUnited KingdomOnyama Limba NEGOTIATION
Munro V RimFranceIoni Bowcher NEGOTIATION
Tony O GillianArgentinaAnna Fali UNQUALIFIED
Maisha I RutaBrazilIvan Magalhaes NEW
Wickens A SchemmerArgentinaXuxue Feng NEGOTIATION
Julie B VenereSpainIoni Bowcher NEW
Greenwood B BologniaAustraliaAmy Elsner UNQUALIFIED
Leon Y CaldareraUnited KingdomIoni Bowcher QUALIFIED
Frozen Columns
Name
Faith E Darakjy
Francesco K Stockham
Octavia D Oldroyd
Francesco S Kolmetz
Maisha D Butt
Leja P Rim
Morrow A Dilliard
Misaki W Schemmer
Munro S Marrier
Darci L Butt
Isabel T Saylors
Smith P Foller
Mayumi L Flosi
Antonio L Stenseth
Smith S Gillian
Claire A Rulapaugh
James K Kolmetz
Greenwood J Flosi
Faith X Vocelka
Sinclair P Dilliard
Ashley N Gaucho
Salvatore V Slusarski
Isabel Q Malet
Octavia L Ferencz
Mayumi Y Inouye
Cody C Glick
Clifford B Waycott
Chavez T Albares
Francesco W Ostrosky
Leja X Shinko
Jefferson B Royster
Darci W Caudy
Mayumi G Stockham
Antonio N Albares
Antonio O Kusko
Octavia C Gaucho
Stacey K Ferencz
Morrow G Chui
Aruna U Ruta
Julie D Wieser
Arvin D Shinko
Antonio H Ruta
Silvio G Ferencz
Costa M Kusko
Izzy J Ruta
Ricardo T Bolognia
Wickens R Schemmer
Francesco G Doe
Aika J Schemmer
Murillo V Ruta
IdCountryDate
1000Japan2026-10-10
1001Australia2026-09-20
1002India2026-10-07
1003Russia2026-09-17
1004Japan2026-10-12
1005Brazil2026-09-20
1006United Kingdom2026-09-30
1007India2026-09-30
1008United Kingdom2026-10-13
1009Australia2026-10-13
1010Italy2026-10-08
1011Japan2026-09-22
1012Brazil2026-09-17
1013Germany2026-10-04
1014Argentina2026-10-09
1015United Kingdom2026-10-15
1016Australia2026-09-16
1017Canada2026-10-07
1018France2026-10-02
1019Spain2026-10-03
1020India2026-10-11
1021France2026-09-26
1022Russia2026-10-13
1023Canada2026-09-27
1024Spain2026-10-02
1025Australia2026-09-20
1026Spain2026-09-29
1027United Kingdom2026-09-30
1028Japan2026-09-24
1029Australia2026-10-03
1030Australia2026-09-24
1031Brazil2026-10-01
1032Italy2026-09-24
1033Spain2026-10-13
1034Argentina2026-10-05
1035Russia2026-09-19
1036Brazil2026-10-03
1037Russia2026-10-14
1038Russia2026-10-07
1039Canada2026-09-19
1040Brazil2026-10-03
1041Russia2026-09-25
1042United Kingdom2026-10-08
1043Russia2026-10-06
1044Brazil2026-09-28
1045Canada2026-10-15
1046Canada2026-09-28
1047Canada2026-10-09
1048Russia2026-09-24
1049Brazil2026-09-26

On-Demand Data

NameIdCountryDate
Arvin H Stockham1000Argentina2026-10-05
Emily O Ostrosky1001Spain2026-10-05
Jeanfrancois K Caldarera1002Italy2026-10-12
Greenwood N Rulapaugh1003India2026-10-01
Jennifer P Marrier1004United Kingdom2026-10-11
Izzy H Malet1005Germany2026-09-27
Jennifer I Tollner1006Germany2026-09-29
Rodrigues F Foller1007Italy2026-10-07
Aika M Venere1008Australia2026-10-10
Wickens A Rulapaugh1009Canada2026-09-16
Arvin O Inouye1010India2026-10-08
Salvatore L Whobrey1011Japan2026-10-15
Leja A Poquette1012Canada2026-09-25
Leja R Malet1013Australia2026-10-13
Arvin Y Malet1014France2026-09-28
Alejandro W Slusarski1015Italy2026-10-07
Alejandro O Vocelka1016Italy2026-09-22
Mayumi N Paprocki1017United Kingdom2026-10-07
Costa J Malet1018Spain2026-10-15
James W Stenseth1019Germany2026-09-17
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Alejandro V AlbaresIndiaXuxue Feng QUALIFIED
Aika U NestleArgentinaAnna Fali NEW
Jones K CaudyArgentinaAsiya Javayant NEW
Kaitlin I DarakjyArgentinaAsiya Javayant NEGOTIATION
Sinclair C WhobreyGermanyIoni Bowcher NEW
Mayumi Y PoquetteAustraliaOnyama Limba QUALIFIED
Munro W ButtArgentinaAmy Elsner UNQUALIFIED
Jeanfrancois Y VocelkaRussiaElwin Sharvill PROPOSAL
Aruna E AmigonSpainAmy Elsner UNQUALIFIED
Kaitlin Z SaylorsUnited KingdomAsiya Javayant UNQUALIFIED
Sinclair D CampainBrazilXuxue Feng QUALIFIED
Salvatore T AmigonRussiaIoni Bowcher UNQUALIFIED
Antonio S ChuiSpainAnna Fali RENEWAL
Stacey L CaudySpainBernardo Dominic NEGOTIATION
Aditya V GlickIndiaStephen Shaw QUALIFIED
Costa E ShinkoIndiaStephen Shaw QUALIFIED
Jeanfrancois I CampainItalyAsiya Javayant RENEWAL
Kadeem J WieserJapanXuxue Feng QUALIFIED
Aditya Q RulapaughFranceElwin Sharvill PROPOSAL
Munro H OldroydJapanIoni Bowcher NEW
Adams X OldroydArgentinaBernardo Dominic UNQUALIFIED
Johnson A BowleyAustraliaStephen Shaw PROPOSAL
Johnson M RoysterJapanAsiya Javayant QUALIFIED
Francesco Z MaletRussiaIoni Bowcher PROPOSAL
Wickens O KuskoRussiaBernardo Dominic NEW
Leon P KuskoIndiaStephen Shaw NEW
Tony J RimCanadaIvan Magalhaes PROPOSAL
James U AmigonIndiaAmy Elsner NEGOTIATION
Maria I CaldareraSpainIvan Magalhaes PROPOSAL
Wickens O GillianJapanXuxue Feng RENEWAL
Ricardo E BowleyCanadaXuxue Feng UNQUALIFIED
Antonio E RutaRussiaXuxue Feng NEGOTIATION
Kadeem Z ButtBrazilStephen Shaw NEW
Octavia Z NickaSpainBernardo Dominic QUALIFIED
Faith L NestleGermanyOnyama Limba RENEWAL
Salvatore J BriddickItalyAnna Fali RENEWAL
Deepesh N StensethItalyAnna Fali QUALIFIED
Jeanfrancois B GarufiUnited KingdomElwin Sharvill QUALIFIED
Jones H RutaJapanElwin Sharvill UNQUALIFIED
Aika L VocelkaFranceAnna Fali RENEWAL

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