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
Stacey I KuskoUnited KingdomBernardo Dominic NEW
Octavia V NestleGermanyAsiya Javayant QUALIFIED
Izzy X AlbaresCanadaElwin Sharvill NEGOTIATION
Adams B StensethJapanElwin Sharvill PROPOSAL
Aika W CaldareraFranceOnyama Limba PROPOSAL
Claire F FerenczCanadaIvan Magalhaes PROPOSAL
Maisha S PerinItalyBernardo Dominic QUALIFIED
Alejandro Q NestleRussiaOnyama Limba RENEWAL
Wickens O DilliardIndiaIvan Magalhaes PROPOSAL
Silvio N DilliardUnited KingdomAmy Elsner NEW
Chavez O InouyeFranceIvan Magalhaes NEW
Arvin H BowleyArgentinaIoni Bowcher PROPOSAL
Maria Y AmigonItalyIoni Bowcher QUALIFIED
Salvatore S RimJapanIoni Bowcher QUALIFIED
Mayumi Q BowleyRussiaElwin Sharvill QUALIFIED
Aika E CampainAustraliaIoni Bowcher PROPOSAL
Isabel X RoysterJapanIoni Bowcher RENEWAL
Juan A GlickGermanyElwin Sharvill UNQUALIFIED
Costa U RulapaughRussiaAmy Elsner NEGOTIATION
Aditya F FlosiSpainStephen Shaw QUALIFIED
Morrow F VenereArgentinaOnyama Limba QUALIFIED
Ashley S DilliardFranceOnyama Limba NEGOTIATION
Maria S TollnerFranceBernardo Dominic UNQUALIFIED
Arvin P OstroskyItalyXuxue Feng UNQUALIFIED
Morrow M FlosiIndiaIoni Bowcher RENEWAL
Francesco T FollerRussiaXuxue Feng UNQUALIFIED
Ricardo N WieserFranceAmy Elsner UNQUALIFIED
James H BologniaRussiaIoni Bowcher UNQUALIFIED
Sinclair X SaylorsFranceElwin Sharvill RENEWAL
Izzy M AmigonUnited KingdomOnyama Limba UNQUALIFIED
Izzy D MacleadGermanyStephen Shaw NEGOTIATION
David O ShinkoFranceXuxue Feng RENEWAL
Jeanfrancois H BriddickJapanXuxue Feng RENEWAL
Maisha K DarakjyCanadaIoni Bowcher NEGOTIATION
Tony U SaylorsArgentinaOnyama Limba QUALIFIED
Chavez J WieserGermanyStephen Shaw UNQUALIFIED
Leja R BologniaAustraliaAsiya Javayant RENEWAL
Salvatore M BologniaSpainIoni Bowcher NEGOTIATION
Sinclair X GillianRussiaXuxue Feng QUALIFIED
David Z DilliardIndiaAmy Elsner PROPOSAL
Chavez H PerinIndiaStephen Shaw RENEWAL
Stacey M FollerBrazilOnyama Limba QUALIFIED
Jeanfrancois Y KolmetzCanadaElwin Sharvill QUALIFIED
Mayumi H BriddickAustraliaAmy Elsner NEW
Jones J SaylorsUnited KingdomIvan Magalhaes NEGOTIATION
Stacey U GillianCanadaOnyama Limba RENEWAL
Costa G WaycottRussiaIvan Magalhaes NEGOTIATION
Clifford H RoysterJapanAsiya Javayant NEGOTIATION
Darci E PerinJapanAmy Elsner NEGOTIATION
Misaki M OstroskyRussiaBernardo Dominic RENEWAL
Horizontal
NameCountryRepresentativeStatus
Mayumi J BologniaGermanyAsiya Javayant PROPOSAL
Deepesh J MaletAustraliaAnna Fali NEGOTIATION
Maisha V GlickArgentinaIoni Bowcher PROPOSAL
Izzy J NestleBrazilIoni Bowcher UNQUALIFIED
Murillo E WieserGermanyXuxue Feng NEGOTIATION
Claire R NestleSpainIoni Bowcher UNQUALIFIED
Costa I WieserFranceAsiya Javayant QUALIFIED
Stacey S KuskoRussiaIoni Bowcher RENEWAL
Ricardo U MorascaCanadaAmy Elsner RENEWAL
Greenwood E PerinRussiaOnyama Limba UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000David X FlosiSpain2026-10-08Feltz Printing Service PROPOSAL23Onyama Limba
1001Ricardo D KolmetzArgentina2026-10-30Chemel, James L Cpa QUALIFIED6Bernardo Dominic
1002Aruna H TollnerUnited Kingdom2026-11-02Truhlar And Truhlar Attys RENEWAL62Asiya Javayant
1003Isabel F MorascaIndia2026-10-12Printing Dimensions NEW12Ivan Magalhaes
1004Morrow Z PoquetteJapan2026-10-14Chapman, Ross E Esq NEW72Ivan Magalhaes
1005Johnson X CaudyJapan2026-10-10Printing Dimensions QUALIFIED15Ivan Magalhaes
1006Octavia U FlosiFrance2026-10-18Commercial Press RENEWAL55Ioni Bowcher
1007Adams N ChuiBrazil2026-10-25Feiner Bros RENEWAL56Ivan Magalhaes
1008Emily T ShinkoUnited Kingdom2026-10-24Dorl, James J Esq RENEWAL4Stephen Shaw
1009Ivar R MacleadArgentina2026-10-17Truhlar And Truhlar Attys QUALIFIED57Elwin Sharvill
1010Mujtaba K KolmetzRussia2026-10-31Buckley Miller Wright PROPOSAL21Anna Fali
1011Clifford I WaycottGermany2026-10-28Chanay, Jeffrey A Esq NEGOTIATION37Elwin Sharvill
1012Adams P BowleyIndia2026-10-28Feltz Printing Service UNQUALIFIED65Onyama Limba
1013Wickens R TollnerAustralia2026-11-05Printing Dimensions QUALIFIED36Ivan Magalhaes
1014Chavez J InouyeItaly2026-10-31Printing Dimensions QUALIFIED76Onyama Limba
1015Juan W RutaBrazil2026-10-19Rousseaux, Michael Esq QUALIFIED37Ioni Bowcher
1016Claire U SergiIndia2026-10-13Printing Dimensions QUALIFIED79Amy Elsner
1017Aika C RimBrazil2026-10-25Rousseaux, Michael Esq RENEWAL72Xuxue Feng
1018Faith W GlickJapan2026-10-25Commercial Press PROPOSAL14Anna Fali
1019Jennifer I BowleyGermany2026-10-20Morlong Associates PROPOSAL16Bernardo Dominic
1020Murillo I CaldareraCanada2026-10-10Truhlar And Truhlar Attys NEW95Stephen Shaw
1021Rodrigues T MarrierFrance2026-10-26Feltz Printing Service NEW56Onyama Limba
1022Jeanfrancois X NickaRussia2026-10-12Buckley Miller Wright PROPOSAL69Ioni Bowcher
1023Chavez U DilliardCanada2026-10-07Chanay, Jeffrey A Esq UNQUALIFIED88Anna Fali
1024Munro N MaletGermany2026-10-21Buckley Miller Wright QUALIFIED67Amy Elsner
1025Maria B CaudyItaly2026-11-04King, Christopher A Esq NEW71Xuxue Feng
1026Silvio Q KuskoAustralia2026-10-21Morlong Associates NEGOTIATION88Stephen Shaw
1027Sinclair K NickaItaly2026-10-08Feiner Bros RENEWAL4Xuxue Feng
1028Chavez N IturbideFrance2026-10-26Chapman, Ross E Esq NEGOTIATION48Stephen Shaw
1029Rodrigues E DoeItaly2026-10-19Feltz Printing Service RENEWAL71Ivan Magalhaes
1030Deepesh K AmigonAustralia2026-10-29Benton, John B Jr NEGOTIATION33Elwin Sharvill
1031Juan D ShinkoUnited Kingdom2026-10-16Buckley Miller Wright QUALIFIED79Anna Fali
1032Nicolas L FerenczJapan2026-10-07Truhlar And Truhlar Attys NEW28Amy Elsner
1033Ashley V VenereJapan2026-10-17Morlong Associates RENEWAL63Asiya Javayant
1034Chavez W DoeGermany2026-10-18Feltz Printing Service NEW25Amy Elsner
1035Jefferson W OstroskyIndia2026-10-12Benton, John B Jr QUALIFIED46Stephen Shaw
1036Aditya J MacleadRussia2026-10-30Feltz Printing Service RENEWAL30Ivan Magalhaes
1037Stacey G BowleyCanada2026-10-19Chapman, Ross E Esq RENEWAL32Anna Fali
1038Ashley W StockhamAustralia2026-10-29Feltz Printing Service UNQUALIFIED48Stephen Shaw
1039Darci C SaylorsSpain2026-10-14Morlong Associates QUALIFIED88Ioni Bowcher
1040Clifford Z VocelkaUnited Kingdom2026-10-16Dorl, James J Esq NEW40Asiya Javayant
1041Maisha L StockhamRussia2026-10-18Chapman, Ross E Esq PROPOSAL83Onyama Limba
1042David S DilliardItaly2026-11-05Printing Dimensions UNQUALIFIED53Ivan Magalhaes
1043David S GarufiCanada2026-10-10Rousseaux, Michael Esq UNQUALIFIED57Anna Fali
1044Cody G RimJapan2026-10-20Dorl, James J Esq NEGOTIATION22Bernardo Dominic
1045Maria Z BriddickGermany2026-10-14Truhlar And Truhlar Attys UNQUALIFIED64Elwin Sharvill
1046Costa X NestleAustralia2026-10-14Rousseaux, Michael Esq UNQUALIFIED28Asiya Javayant
1047Rodrigues P VenereIndia2026-10-29Chanay, Jeffrey A Esq NEW68Onyama Limba
1048Izzy X VocelkaIndia2026-11-05Dorl, James J Esq UNQUALIFIED58Onyama Limba
1049Claire L GlickSpain2026-10-29Feltz Printing Service NEGOTIATION34Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Murillo X KolmetzItalyIvan Magalhaes UNQUALIFIED
Leja D GauchoUnited KingdomElwin Sharvill UNQUALIFIED
Octavia Y DarakjyItalyAnna Fali QUALIFIED
Costa U OldroydJapanXuxue Feng QUALIFIED
Misaki I OstroskyBrazilIoni Bowcher PROPOSAL
Mujtaba M MacleadSpainOnyama Limba QUALIFIED
Nicolas B VocelkaSpainStephen Shaw RENEWAL
Silvio O RoysterSpainIoni Bowcher RENEWAL
Jeanfrancois N GauchoRussiaIoni Bowcher NEGOTIATION
Chavez H InouyeAustraliaIoni Bowcher PROPOSAL
Tony H DoeJapanElwin Sharvill PROPOSAL
Juan M IturbideFranceElwin Sharvill QUALIFIED
Leja R PerinFranceOnyama Limba QUALIFIED
Deepesh P RutaGermanyElwin Sharvill UNQUALIFIED
Izzy L FerenczIndiaIoni Bowcher QUALIFIED
Maisha F AlbaresItalyIvan Magalhaes RENEWAL
Leja E ButtRussiaIoni Bowcher NEW
Izzy X BowleyIndiaStephen Shaw UNQUALIFIED
Wickens G FlosiBrazilIoni Bowcher NEW
Maria W FollerCanadaStephen Shaw PROPOSAL
Leja L DilliardFranceAmy Elsner RENEWAL
Johnson E RoysterCanadaAnna Fali NEW
Kaitlin E MaletFranceIvan Magalhaes NEGOTIATION
Chavez V IturbideItalyXuxue Feng QUALIFIED
Alejandro W PerinCanadaIoni Bowcher NEW
Stacey U BologniaSpainIoni Bowcher NEW
Ricardo F RutaIndiaAsiya Javayant UNQUALIFIED
Jefferson T SaylorsBrazilIvan Magalhaes PROPOSAL
Claire F RimJapanXuxue Feng PROPOSAL
Jefferson T VenereUnited KingdomStephen Shaw NEGOTIATION
Kaitlin I SlusarskiRussiaElwin Sharvill QUALIFIED
Johnson R RimGermanyXuxue Feng QUALIFIED
Maria H CaudyGermanyBernardo Dominic QUALIFIED
Claire P CaldareraJapanAsiya Javayant NEGOTIATION
Murillo S ShinkoFranceAnna Fali PROPOSAL
Maisha G RutaArgentinaXuxue Feng NEGOTIATION
Faith C DarakjyRussiaIvan Magalhaes QUALIFIED
Munro S FigeroaAustraliaAnna Fali QUALIFIED
Octavia F PerinUnited KingdomIvan Magalhaes NEGOTIATION
Leja Q SlusarskiRussiaAmy Elsner RENEWAL
Julie B VocelkaFranceAmy Elsner PROPOSAL
Tony T DoeJapanIvan Magalhaes QUALIFIED
Murillo F VocelkaItalyAnna Fali PROPOSAL
Aruna W BriddickAustraliaStephen Shaw RENEWAL
Ricardo H OstroskyRussiaBernardo Dominic NEW
Wickens P BriddickItalyIoni Bowcher QUALIFIED
Aditya G WhobreySpainAnna Fali UNQUALIFIED
Mayumi Z WieserJapanIoni Bowcher UNQUALIFIED
Emily H PoquetteRussiaBernardo Dominic NEGOTIATION
Juan P KuskoSpainBernardo Dominic UNQUALIFIED
Frozen Columns
Name
Ashley X Glick
Morrow B Kusko
Cody M Poquette
Munro H Shinko
Arvin M Wieser
Tony T Stockham
Chavez B Chui
Aditya P Campain
Stacey K Bowley
Salvatore F Malet
Wickens R Flosi
Adams T Gillian
Faith J Whobrey
Nicolas A Dilliard
James G Poquette
Isabel G Rulapaugh
Francesco S Amigon
Smith T Poquette
Francesco O Rulapaugh
David P Maclead
James Y Poquette
Darci O Stenseth
Jefferson W Schemmer
Stacey Y Royster
Sinclair U Stockham
Jones P Venere
Aditya T Schemmer
Izzy Z Slusarski
Maisha T Bolognia
Salvatore H Saylors
Aruna O Tollner
James Y Darakjy
Munro G Gillian
Murillo G Ferencz
Ricardo F Bolognia
Arvin E Butt
Adams J Stenseth
Leon F Bowley
Maria X Kolmetz
Smith Y Morasca
Emily S Iturbide
Costa M Rulapaugh
Jones J Whobrey
Silvio R Briddick
Greenwood E Venere
Sinclair H Foller
Jefferson D Bolognia
Chavez H Butt
Arvin V Nestle
Julie N Whobrey
IdCountryDate
1000Canada2026-11-02
1001Argentina2026-11-01
1002Japan2026-10-19
1003Italy2026-10-14
1004India2026-10-29
1005Italy2026-10-29
1006United Kingdom2026-11-03
1007United Kingdom2026-10-07
1008Germany2026-10-24
1009Australia2026-11-05
1010Spain2026-10-23
1011Australia2026-10-21
1012Japan2026-10-23
1013Argentina2026-11-03
1014Russia2026-10-11
1015Spain2026-10-26
1016Germany2026-10-16
1017France2026-10-10
1018Russia2026-11-02
1019Canada2026-10-14
1020Germany2026-11-01
1021Spain2026-11-03
1022India2026-10-21
1023Italy2026-10-11
1024India2026-10-08
1025Japan2026-11-02
1026Germany2026-10-13
1027Japan2026-11-05
1028Spain2026-10-24
1029Canada2026-10-18
1030Germany2026-10-31
1031Spain2026-10-16
1032Canada2026-11-02
1033Canada2026-10-12
1034Australia2026-10-10
1035Australia2026-10-18
1036Germany2026-10-28
1037Brazil2026-10-31
1038France2026-10-16
1039Germany2026-10-20
1040Russia2026-10-18
1041Russia2026-10-27
1042Australia2026-10-11
1043Argentina2026-10-12
1044India2026-10-21
1045Germany2026-10-20
1046India2026-10-22
1047United Kingdom2026-10-24
1048Japan2026-10-20
1049Canada2026-10-12

On-Demand Data

NameIdCountryDate
Isabel V Wieser1000Argentina2026-11-04
Francesco V Bolognia1001Spain2026-10-28
Chavez U Nicka1002Italy2026-10-31
Wickens R Tollner1003Argentina2026-10-23
Faith F Iturbide1004Germany2026-10-09
Kadeem J Caldarera1005India2026-10-13
Sinclair W Waycott1006Australia2026-10-27
Deepesh H Vocelka1007Italy2026-10-12
Mayumi P Royster1008Spain2026-11-03
Mayumi V Glick1009Germany2026-10-19
Aditya A Amigon1010Germany2026-10-19
Antonio J Caldarera1011Brazil2026-10-20
Izzy C Bowley1012Brazil2026-10-25
Darci E Kusko1013Canada2026-10-31
Aditya E Ruta1014Italy2026-10-14
Morrow Z Iturbide1015Japan2026-10-12
Jefferson U Perin1016Argentina2026-10-11
Clifford N Briddick1017Italy2026-10-11
Deepesh L Briddick1018France2026-10-07
Octavia B Saylors1019Canada2026-10-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jeanfrancois N MarrierArgentinaBernardo Dominic UNQUALIFIED
Jefferson A GauchoGermanyElwin Sharvill NEGOTIATION
Mujtaba B ButtRussiaAsiya Javayant PROPOSAL
Jefferson R DarakjySpainElwin Sharvill QUALIFIED
Octavia D AlbaresCanadaAmy Elsner RENEWAL
Munro F OldroydRussiaIoni Bowcher NEW
Arvin C RoysterRussiaElwin Sharvill NEW
Kaitlin Z OstroskyBrazilAmy Elsner UNQUALIFIED
Jeanfrancois Q DilliardArgentinaElwin Sharvill QUALIFIED
Clifford D SlusarskiSpainAsiya Javayant QUALIFIED
Misaki G PaprockiCanadaXuxue Feng RENEWAL
Costa Z WieserItalyIoni Bowcher RENEWAL
Wickens U KuskoGermanyIvan Magalhaes PROPOSAL
Morrow Y NickaAustraliaIvan Magalhaes PROPOSAL
Jennifer S MorascaItalyOnyama Limba NEW
Jeanfrancois L ButtRussiaAmy Elsner NEGOTIATION
Munro J OstroskySpainBernardo Dominic PROPOSAL
Julie W NickaItalyBernardo Dominic QUALIFIED
Johnson S FigeroaGermanyAmy Elsner PROPOSAL
Ashley P IturbideJapanIoni Bowcher RENEWAL
Tony H AlbaresRussiaIoni Bowcher NEW
Jeanfrancois V RimJapanElwin Sharvill RENEWAL
Ivar U MaletCanadaAnna Fali RENEWAL
Aika M PoquetteSpainAsiya Javayant NEW
Costa Q SchemmerIndiaElwin Sharvill UNQUALIFIED
Julie I TollnerUnited KingdomBernardo Dominic QUALIFIED
Darci K AmigonAustraliaAsiya Javayant QUALIFIED
Misaki X CaldareraFranceBernardo Dominic NEW
Octavia M NestleAustraliaOnyama Limba NEGOTIATION
David H BowleyArgentinaStephen Shaw PROPOSAL
Morrow U KuskoUnited KingdomXuxue Feng NEGOTIATION
Aditya J PerinArgentinaStephen Shaw NEW
Deepesh W BowleySpainAmy Elsner PROPOSAL
David M DarakjyArgentinaXuxue Feng PROPOSAL
Jefferson Q StockhamUnited KingdomXuxue Feng QUALIFIED
Misaki J GarufiCanadaIoni Bowcher NEW
Smith I BriddickIndiaBernardo Dominic UNQUALIFIED
Costa P AlbaresGermanyStephen Shaw NEW
Jeanfrancois N GarufiGermanyAsiya Javayant RENEWAL
Munro V StockhamUnited KingdomIvan Magalhaes 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>