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
Rodrigues O DoeItalyIvan Magalhaes NEW
Octavia Z MaletArgentinaStephen Shaw RENEWAL
Deepesh M NestleGermanyStephen Shaw UNQUALIFIED
Aika S SlusarskiUnited KingdomElwin Sharvill UNQUALIFIED
David S ButtUnited KingdomAmy Elsner QUALIFIED
Smith T MorascaIndiaBernardo Dominic QUALIFIED
Faith N SchemmerRussiaAmy Elsner RENEWAL
Leon I WaycottSpainIoni Bowcher UNQUALIFIED
Stacey F RoysterRussiaAnna Fali NEW
Maria Y SchemmerAustraliaIvan Magalhaes QUALIFIED
Alejandro P FollerSpainAnna Fali QUALIFIED
Maisha Z MaletFranceAmy Elsner NEGOTIATION
Ricardo I BowleyJapanOnyama Limba NEW
Claire P InouyeJapanElwin Sharvill QUALIFIED
Jefferson Q MacleadItalyXuxue Feng UNQUALIFIED
Nicolas J VenereJapanBernardo Dominic PROPOSAL
Antonio T MaletCanadaAmy Elsner NEW
Aruna Z MaletRussiaIvan Magalhaes NEW
Clifford L VocelkaArgentinaAnna Fali UNQUALIFIED
Kadeem Y SlusarskiItalyIvan Magalhaes NEW
Leon H FollerCanadaAmy Elsner NEGOTIATION
Aditya C BowleyIndiaXuxue Feng NEGOTIATION
Alejandro P MorascaRussiaAsiya Javayant RENEWAL
Maisha B OstroskyBrazilOnyama Limba RENEWAL
Arvin G FlosiGermanyElwin Sharvill UNQUALIFIED
Isabel Y KuskoJapanAsiya Javayant UNQUALIFIED
Adams Z IturbideGermanyAnna Fali QUALIFIED
David L GarufiGermanyIvan Magalhaes PROPOSAL
James Q SaylorsIndiaOnyama Limba PROPOSAL
Maisha P DarakjyArgentinaXuxue Feng RENEWAL
Faith I VocelkaJapanElwin Sharvill NEW
Smith N GauchoRussiaStephen Shaw NEW
Antonio T ButtCanadaIoni Bowcher QUALIFIED
Deepesh P GarufiAustraliaXuxue Feng PROPOSAL
Antonio S GlickSpainIvan Magalhaes RENEWAL
Aruna U TollnerGermanyOnyama Limba QUALIFIED
Rodrigues I SlusarskiAustraliaIvan Magalhaes RENEWAL
Sinclair U FerenczBrazilAnna Fali PROPOSAL
Jennifer G InouyeGermanyAmy Elsner NEW
Cody S RulapaughItalyOnyama Limba QUALIFIED
Ashley H WieserItalyBernardo Dominic NEW
Claire O MarrierJapanIvan Magalhaes NEGOTIATION
Leja S RulapaughIndiaElwin Sharvill QUALIFIED
Jennifer M MacleadCanadaStephen Shaw NEGOTIATION
Stacey V PaprockiSpainIoni Bowcher RENEWAL
Clifford Z SergiItalyAsiya Javayant PROPOSAL
Murillo F ChuiItalyOnyama Limba NEW
Alejandro H BologniaGermanyXuxue Feng RENEWAL
Salvatore V SchemmerArgentinaOnyama Limba RENEWAL
Faith S GauchoGermanyOnyama Limba PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Izzy Q FerenczBrazilElwin Sharvill NEGOTIATION
Jefferson O CampainJapanStephen Shaw PROPOSAL
Jeanfrancois E SaylorsUnited KingdomXuxue Feng PROPOSAL
Julie B FigeroaGermanyElwin Sharvill NEGOTIATION
Leon D AmigonJapanElwin Sharvill NEGOTIATION
Maria X GlickCanadaAmy Elsner NEGOTIATION
Jennifer W SaylorsArgentinaBernardo Dominic NEGOTIATION
Antonio N KolmetzIndiaAsiya Javayant NEGOTIATION
Francesco R GauchoItalyIvan Magalhaes QUALIFIED
Tony V VenereCanadaAsiya Javayant RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aika I NickaCanada2026-10-15Printing Dimensions NEGOTIATION73Ioni Bowcher
1001Faith B DoeRussia2026-10-20Morlong Associates NEGOTIATION62Ioni Bowcher
1002Kadeem B GlickCanada2026-10-17Benton, John B Jr QUALIFIED82Xuxue Feng
1003Kadeem H SlusarskiBrazil2026-10-10Feltz Printing Service NEW15Amy Elsner
1004Murillo W BriddickFrance2026-11-03Feiner Bros QUALIFIED50Amy Elsner
1005Morrow X FigeroaRussia2026-10-30Buckley Miller Wright QUALIFIED70Bernardo Dominic
1006Faith K WhobreyBrazil2026-10-25Benton, John B Jr QUALIFIED70Bernardo Dominic
1007Claire O DarakjySpain2026-10-21Rousseaux, Michael Esq RENEWAL33Asiya Javayant
1008Kadeem Y SaylorsRussia2026-10-24Feltz Printing Service NEGOTIATION88Ivan Magalhaes
1009Cody K OldroydFrance2026-10-12Dorl, James J Esq RENEWAL18Ivan Magalhaes
1010Kaitlin F CampainGermany2026-10-22Rangoni Of Florence NEGOTIATION91Anna Fali
1011Cody N BowleyArgentina2026-10-18Buckley Miller Wright NEW7Asiya Javayant
1012Stacey F KuskoArgentina2026-10-28Morlong Associates QUALIFIED94Anna Fali
1013Arvin W KuskoJapan2026-11-01Rousseaux, Michael Esq RENEWAL68Ioni Bowcher
1014Isabel F SlusarskiItaly2026-10-28King, Christopher A Esq NEGOTIATION27Bernardo Dominic
1015Aruna K GillianSpain2026-10-18Truhlar And Truhlar Attys QUALIFIED45Elwin Sharvill
1016Cody K AlbaresRussia2026-10-26Buckley Miller Wright QUALIFIED9Anna Fali
1017Maria C KuskoSpain2026-10-09Chemel, James L Cpa RENEWAL93Elwin Sharvill
1018Jones P VocelkaItaly2026-10-27Chemel, James L Cpa QUALIFIED90Onyama Limba
1019Johnson Y StensethFrance2026-10-30Morlong Associates PROPOSAL71Bernardo Dominic
1020Misaki Y ChuiItaly2026-10-27Chanay, Jeffrey A Esq PROPOSAL27Elwin Sharvill
1021Leja D CaudyBrazil2026-10-27Chanay, Jeffrey A Esq PROPOSAL32Amy Elsner
1022Jones T SchemmerGermany2026-11-03Rousseaux, Michael Esq NEW99Xuxue Feng
1023Arvin E SlusarskiGermany2026-10-09Feltz Printing Service QUALIFIED65Elwin Sharvill
1024Salvatore J ButtFrance2026-11-05Benton, John B Jr UNQUALIFIED57Bernardo Dominic
1025Kaitlin N StockhamAustralia2026-11-01Benton, John B Jr RENEWAL86Stephen Shaw
1026Smith E OstroskyIndia2026-10-10Chemel, James L Cpa UNQUALIFIED23Onyama Limba
1027Claire M KuskoFrance2026-10-18Printing Dimensions UNQUALIFIED55Stephen Shaw
1028Leon B RutaArgentina2026-10-23Morlong Associates NEGOTIATION27Bernardo Dominic
1029Jones R WaycottUnited Kingdom2026-10-29Dorl, James J Esq QUALIFIED3Anna Fali
1030Morrow T GlickRussia2026-10-21Truhlar And Truhlar Attys RENEWAL79Anna Fali
1031Jones Y DilliardAustralia2026-10-24Chemel, James L Cpa QUALIFIED43Elwin Sharvill
1032Munro M WhobreyUnited Kingdom2026-10-22Dorl, James J Esq UNQUALIFIED88Ivan Magalhaes
1033Greenwood E DilliardIndia2026-10-29Feiner Bros NEGOTIATION11Stephen Shaw
1034Kaitlin E IturbideSpain2026-11-01Feiner Bros UNQUALIFIED89Onyama Limba
1035Kaitlin B WhobreyCanada2026-10-10Feltz Printing Service RENEWAL27Asiya Javayant
1036Ivar T NickaSpain2026-10-31Feltz Printing Service PROPOSAL59Stephen Shaw
1037Octavia S AlbaresGermany2026-11-03Chemel, James L Cpa PROPOSAL20Asiya Javayant
1038Greenwood I GillianGermany2026-10-17Chapman, Ross E Esq PROPOSAL15Anna Fali
1039Isabel K RutaJapan2026-10-23King, Christopher A Esq RENEWAL54Ivan Magalhaes
1040Julie Q NickaUnited Kingdom2026-10-19Truhlar And Truhlar Attys PROPOSAL11Bernardo Dominic
1041Leja Q SergiRussia2026-10-13Buckley Miller Wright RENEWAL13Ivan Magalhaes
1042Leon L PaprockiGermany2026-10-29Truhlar And Truhlar Attys QUALIFIED61Xuxue Feng
1043Octavia S RoysterItaly2026-10-18Feltz Printing Service QUALIFIED71Xuxue Feng
1044Izzy Y BologniaIndia2026-10-27Rousseaux, Michael Esq QUALIFIED83Elwin Sharvill
1045Nicolas O IturbideAustralia2026-11-02Feiner Bros RENEWAL33Anna Fali
1046Emily L PoquetteIndia2026-10-16Chemel, James L Cpa NEGOTIATION52Anna Fali
1047Greenwood E DoeIndia2026-10-10Feltz Printing Service UNQUALIFIED73Xuxue Feng
1048Costa J WieserIndia2026-10-14Morlong Associates QUALIFIED42Elwin Sharvill
1049Greenwood S SergiIndia2026-11-03Dorl, James J Esq UNQUALIFIED25Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Aruna A MacleadUnited KingdomXuxue Feng NEGOTIATION
Izzy A PoquetteCanadaAmy Elsner RENEWAL
Ashley N ShinkoAustraliaXuxue Feng NEW
Sinclair C ShinkoSpainIoni Bowcher PROPOSAL
Antonio F MaletArgentinaAmy Elsner RENEWAL
David U GauchoGermanyOnyama Limba NEGOTIATION
Tony V FerenczFranceIvan Magalhaes NEGOTIATION
Sinclair Q SergiFranceOnyama Limba NEGOTIATION
Munro S PaprockiSpainOnyama Limba QUALIFIED
Aditya L StockhamGermanyAmy Elsner NEGOTIATION
Munro T ChuiJapanStephen Shaw NEGOTIATION
Isabel H OstroskyArgentinaIoni Bowcher NEGOTIATION
Leon A DarakjyBrazilAsiya Javayant UNQUALIFIED
Johnson M RoysterArgentinaStephen Shaw PROPOSAL
Aditya H FlosiSpainAnna Fali UNQUALIFIED
Sinclair O AlbaresJapanIvan Magalhaes NEW
James Z CaudyAustraliaBernardo Dominic RENEWAL
Darci Y RoysterJapanStephen Shaw NEW
Ashley G RulapaughSpainAmy Elsner NEW
Maria E MacleadJapanXuxue Feng PROPOSAL
Leja E PoquetteArgentinaIvan Magalhaes PROPOSAL
Alejandro K StensethAustraliaBernardo Dominic NEGOTIATION
Nicolas F MorascaGermanyOnyama Limba QUALIFIED
Isabel Q BriddickJapanStephen Shaw NEW
Rodrigues E WieserRussiaAnna Fali NEW
Salvatore J WhobreyIndiaAsiya Javayant UNQUALIFIED
David H GauchoCanadaAsiya Javayant NEW
Francesco N SergiItalyAsiya Javayant UNQUALIFIED
Aditya C KuskoSpainXuxue Feng RENEWAL
Smith V WhobreyAustraliaOnyama Limba NEGOTIATION
Emily T GarufiArgentinaOnyama Limba QUALIFIED
Leja K RulapaughIndiaAmy Elsner PROPOSAL
Morrow P BowleyFranceStephen Shaw UNQUALIFIED
Rodrigues O IturbideCanadaAsiya Javayant RENEWAL
Adams P StockhamSpainXuxue Feng UNQUALIFIED
Silvio L PoquetteFranceAsiya Javayant NEGOTIATION
Johnson M SchemmerRussiaBernardo Dominic UNQUALIFIED
Arvin X WaycottJapanBernardo Dominic RENEWAL
Isabel C GauchoUnited KingdomStephen Shaw PROPOSAL
Kadeem X BowleyItalyAnna Fali QUALIFIED
Ricardo Q FollerArgentinaStephen Shaw NEW
Tony T VocelkaItalyAsiya Javayant PROPOSAL
Alejandro R ButtArgentinaElwin Sharvill PROPOSAL
Ricardo H SlusarskiRussiaIvan Magalhaes PROPOSAL
James S MaletRussiaAmy Elsner NEW
Mujtaba B KolmetzJapanIvan Magalhaes NEGOTIATION
James V BowleyBrazilIvan Magalhaes RENEWAL
Antonio V CaldareraIndiaAnna Fali NEGOTIATION
Jeanfrancois U NestleUnited KingdomXuxue Feng PROPOSAL
Smith R AlbaresCanadaOnyama Limba RENEWAL
Frozen Columns
Name
Darci L Royster
Jones U Waycott
Kaitlin S Malet
Darci G Butt
Jeanfrancois G Figeroa
Salvatore S Malet
Misaki Z Perin
Deepesh Q Caldarera
Misaki D Shinko
Salvatore T Inouye
Chavez H Chui
Ivar S Glick
Ashley Z Perin
Jones U Venere
Murillo V Caldarera
Leon B Flosi
Murillo Y Slusarski
Mayumi K Malet
Rodrigues L Dilliard
James P Ostrosky
Munro T Poquette
Misaki E Rim
Clifford W Morasca
Aditya J Nicka
Jones L Nestle
Jennifer A Inouye
Munro W Malet
Morrow V Stenseth
Leon O Venere
Deepesh D Nestle
Salvatore N Sergi
Aruna I Perin
Clifford R Campain
Aika T Stenseth
Kadeem D Iturbide
Cody L Albares
Aditya A Tollner
Aruna G Garufi
Silvio U Poquette
Faith L Shinko
Silvio W Venere
Tony V Briddick
Maria X Tollner
Julie G Campain
Cody Y Royster
James X Inouye
Izzy X Darakjy
Kaitlin R Marrier
Jefferson I Ruta
Octavia D Venere
IdCountryDate
1000Russia2026-10-29
1001United Kingdom2026-10-17
1002Australia2026-11-06
1003Italy2026-10-30
1004Brazil2026-10-22
1005Germany2026-11-05
1006Germany2026-10-16
1007France2026-10-18
1008Spain2026-10-17
1009Italy2026-11-06
1010Spain2026-10-13
1011United Kingdom2026-11-03
1012Argentina2026-10-25
1013Russia2026-10-26
1014Japan2026-10-31
1015Japan2026-10-31
1016India2026-10-27
1017Germany2026-10-29
1018Argentina2026-10-27
1019Italy2026-10-21
1020Russia2026-10-21
1021France2026-10-31
1022Germany2026-10-19
1023Germany2026-10-24
1024Germany2026-11-01
1025France2026-10-30
1026Japan2026-10-22
1027Russia2026-10-13
1028Australia2026-10-14
1029Brazil2026-10-27
1030Canada2026-11-06
1031Australia2026-10-29
1032Canada2026-11-04
1033France2026-11-05
1034United Kingdom2026-10-21
1035India2026-10-23
1036Russia2026-10-25
1037Italy2026-11-03
1038Australia2026-10-23
1039India2026-10-21
1040Argentina2026-10-27
1041Argentina2026-11-05
1042India2026-10-30
1043Brazil2026-11-02
1044Argentina2026-10-26
1045United Kingdom2026-11-03
1046Italy2026-11-01
1047United Kingdom2026-10-13
1048United Kingdom2026-10-23
1049India2026-10-16

On-Demand Data

NameIdCountryDate
Smith C Stenseth1000Canada2026-11-02
Leja I Stenseth1001Argentina2026-11-06
Jones M Ferencz1002Russia2026-10-31
Kadeem G Bowley1003India2026-10-25
Jennifer L Bowley1004Japan2026-10-19
Leon O Malet1005India2026-10-19
Aditya N Malet1006Brazil2026-10-22
Aruna K Morasca1007Australia2026-11-02
Kadeem T Stockham1008Spain2026-10-29
Aruna S Glick1009Canada2026-10-24
Ivar J Dilliard1010United Kingdom2026-10-23
Chavez A Glick1011Argentina2026-10-15
Cody A Marrier1012Russia2026-10-28
Costa L Doe1013Germany2026-10-29
Mujtaba A Ruta1014Canada2026-11-04
Emily R Albares1015United Kingdom2026-10-20
Claire M Whobrey1016United Kingdom2026-10-12
Leja I Nestle1017India2026-10-25
Antonio S Kusko1018Japan2026-11-05
Morrow A Shinko1019Spain2026-10-13
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Alejandro W CaldareraBrazilAmy Elsner RENEWAL
Jennifer X MaletFranceIvan Magalhaes NEGOTIATION
Costa P BowleyRussiaStephen Shaw UNQUALIFIED
Deepesh V StensethJapanAmy Elsner NEGOTIATION
Mujtaba E MarrierRussiaElwin Sharvill NEGOTIATION
Stacey D AlbaresRussiaAmy Elsner NEGOTIATION
Misaki T MaletCanadaBernardo Dominic NEW
Aruna M ButtArgentinaBernardo Dominic UNQUALIFIED
Wickens X NickaGermanyOnyama Limba PROPOSAL
Cody N MaletSpainAnna Fali NEGOTIATION
Aruna O CaudyCanadaElwin Sharvill NEGOTIATION
Chavez O GlickRussiaAsiya Javayant PROPOSAL
Clifford T GarufiItalyOnyama Limba NEW
Emily F FerenczItalyBernardo Dominic PROPOSAL
Stacey G FigeroaRussiaAsiya Javayant RENEWAL
Maria J CaldareraUnited KingdomAmy Elsner UNQUALIFIED
Murillo F KuskoRussiaIoni Bowcher PROPOSAL
James R DoeUnited KingdomOnyama Limba NEGOTIATION
Wickens N WhobreyUnited KingdomElwin Sharvill UNQUALIFIED
Octavia E KolmetzIndiaElwin Sharvill NEGOTIATION
Arvin J WhobreyUnited KingdomIvan Magalhaes PROPOSAL
David P SaylorsItalyIvan Magalhaes QUALIFIED
Mujtaba Y RutaItalyIvan Magalhaes NEW
Darci X CampainAustraliaAsiya Javayant QUALIFIED
Chavez A RimUnited KingdomStephen Shaw NEW
Cody W SaylorsGermanyStephen Shaw RENEWAL
Isabel Q KuskoFranceAsiya Javayant UNQUALIFIED
Chavez Z SaylorsAustraliaAmy Elsner QUALIFIED
Maria H KolmetzJapanAsiya Javayant PROPOSAL
Julie O TollnerCanadaAnna Fali UNQUALIFIED
Wickens I GauchoGermanyAsiya Javayant RENEWAL
Izzy T MaletFranceBernardo Dominic RENEWAL
Nicolas H CampainCanadaAmy Elsner QUALIFIED
Antonio U InouyeBrazilAsiya Javayant NEW
Adams R MorascaSpainAnna Fali PROPOSAL
Jones P PaprockiBrazilIoni Bowcher QUALIFIED
Rodrigues Z NickaRussiaBernardo Dominic NEGOTIATION
Kaitlin T DarakjyBrazilOnyama Limba UNQUALIFIED
Nicolas U WieserCanadaIvan Magalhaes RENEWAL
Morrow G SaylorsUnited KingdomAnna Fali NEGOTIATION

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