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
Deepesh W SaylorsSpainBernardo Dominic NEGOTIATION
Jennifer A PerinUnited KingdomAsiya Javayant UNQUALIFIED
Arvin S MorascaBrazilAnna Fali PROPOSAL
Tony Y BologniaJapanBernardo Dominic RENEWAL
Izzy M GauchoRussiaAsiya Javayant NEW
Claire U ButtJapanElwin Sharvill QUALIFIED
Francesco G TollnerArgentinaBernardo Dominic QUALIFIED
Jennifer H TollnerJapanElwin Sharvill UNQUALIFIED
Antonio B MarrierIndiaIvan Magalhaes UNQUALIFIED
Misaki A StockhamUnited KingdomElwin Sharvill NEGOTIATION
David Z MorascaArgentinaAnna Fali PROPOSAL
Cody W DarakjyJapanStephen Shaw NEGOTIATION
Misaki U BriddickJapanOnyama Limba UNQUALIFIED
Mayumi K FerenczJapanOnyama Limba NEGOTIATION
Francesco Y RutaItalyStephen Shaw PROPOSAL
Greenwood R BologniaFranceStephen Shaw PROPOSAL
Mayumi E GauchoBrazilIvan Magalhaes NEW
Misaki Q StensethIndiaAmy Elsner QUALIFIED
Aruna N SlusarskiItalyAsiya Javayant QUALIFIED
Murillo G ChuiGermanyXuxue Feng NEW
Mujtaba U ChuiGermanyElwin Sharvill QUALIFIED
Salvatore Q FerenczBrazilXuxue Feng PROPOSAL
Aditya N GauchoUnited KingdomXuxue Feng RENEWAL
David U MaletFranceOnyama Limba NEGOTIATION
Salvatore T MaletFranceElwin Sharvill NEW
Maisha Y AmigonCanadaAnna Fali UNQUALIFIED
Aditya I ButtBrazilBernardo Dominic NEGOTIATION
Greenwood V MarrierAustraliaAnna Fali NEGOTIATION
Isabel Q SergiAustraliaAsiya Javayant UNQUALIFIED
Leja G WieserCanadaElwin Sharvill RENEWAL
Leja L ChuiBrazilXuxue Feng NEGOTIATION
Jefferson M CampainFranceXuxue Feng RENEWAL
Aruna U DilliardRussiaXuxue Feng UNQUALIFIED
Ashley W MaletIndiaAsiya Javayant UNQUALIFIED
Tony V AlbaresFranceXuxue Feng QUALIFIED
Costa L WieserCanadaAnna Fali NEW
Adams T WieserJapanIvan Magalhaes UNQUALIFIED
David S GarufiJapanElwin Sharvill QUALIFIED
Cody N DilliardRussiaIvan Magalhaes RENEWAL
Maisha L ButtAustraliaElwin Sharvill NEW
Mujtaba K NestleJapanAnna Fali NEGOTIATION
Clifford H WieserBrazilAmy Elsner PROPOSAL
Cody Q WhobreyCanadaOnyama Limba NEGOTIATION
Claire O ButtCanadaStephen Shaw RENEWAL
Mayumi H MaletFranceAnna Fali NEGOTIATION
Arvin J WhobreyCanadaIvan Magalhaes NEGOTIATION
Darci B VenereSpainStephen Shaw RENEWAL
Leja T CaldareraFranceAnna Fali QUALIFIED
Jeanfrancois G BowleyFranceOnyama Limba PROPOSAL
Aditya E RimAustraliaStephen Shaw NEW
Horizontal
NameCountryRepresentativeStatus
Morrow I FerenczArgentinaElwin Sharvill QUALIFIED
Deepesh Y WaycottArgentinaElwin Sharvill QUALIFIED
Stacey F CampainCanadaStephen Shaw PROPOSAL
Claire N SaylorsItalyElwin Sharvill PROPOSAL
Clifford R StensethRussiaIvan Magalhaes QUALIFIED
Arvin X VenereBrazilXuxue Feng PROPOSAL
Rodrigues Q PoquetteGermanyStephen Shaw PROPOSAL
Johnson I DilliardSpainIoni Bowcher NEGOTIATION
Faith N AmigonBrazilOnyama Limba NEGOTIATION
Mujtaba G MacleadItalyBernardo Dominic NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Claire I FerenczUnited Kingdom2026-09-20Chanay, Jeffrey A Esq PROPOSAL3Anna Fali
1001Maria U OstroskyGermany2026-09-30Chapman, Ross E Esq PROPOSAL29Ioni Bowcher
1002Ivar E RimFrance2026-09-07Dorl, James J Esq UNQUALIFIED93Ioni Bowcher
1003Francesco S FlosiGermany2026-09-09Dorl, James J Esq NEW40Ivan Magalhaes
1004Wickens Q AmigonGermany2026-10-04Rousseaux, Michael Esq NEGOTIATION87Stephen Shaw
1005Salvatore G GauchoIndia2026-10-01Chemel, James L Cpa QUALIFIED63Onyama Limba
1006Aruna T StensethIndia2026-09-22King, Christopher A Esq QUALIFIED68Anna Fali
1007Kaitlin B NestleIndia2026-10-04Truhlar And Truhlar Attys QUALIFIED85Onyama Limba
1008Leon N TollnerGermany2026-09-29Chemel, James L Cpa NEW78Anna Fali
1009Izzy B GarufiJapan2026-09-11Morlong Associates PROPOSAL48Stephen Shaw
1010Isabel F InouyeCanada2026-09-13King, Christopher A Esq NEW53Bernardo Dominic
1011Leon W DarakjyJapan2026-09-15Truhlar And Truhlar Attys NEGOTIATION65Onyama Limba
1012Deepesh T FollerAustralia2026-09-21Printing Dimensions UNQUALIFIED0Amy Elsner
1013Arvin F ShinkoSpain2026-09-10Feltz Printing Service QUALIFIED50Xuxue Feng
1014Kaitlin H MacleadRussia2026-09-25Commercial Press RENEWAL3Xuxue Feng
1015Isabel L MaletIndia2026-09-17Morlong Associates QUALIFIED92Ioni Bowcher
1016Mujtaba F GauchoArgentina2026-09-21Commercial Press RENEWAL12Stephen Shaw
1017Jones D PerinUnited Kingdom2026-09-14Printing Dimensions RENEWAL92Amy Elsner
1018Leon C MacleadFrance2026-09-14Chemel, James L Cpa NEGOTIATION18Anna Fali
1019Isabel H BowleyFrance2026-09-16Rangoni Of Florence NEGOTIATION98Xuxue Feng
1020Ricardo B GlickSpain2026-09-28King, Christopher A Esq NEW8Stephen Shaw
1021Chavez U VocelkaAustralia2026-09-14Rousseaux, Michael Esq UNQUALIFIED73Xuxue Feng
1022Munro B ChuiItaly2026-09-16Rousseaux, Michael Esq PROPOSAL88Onyama Limba
1023Mujtaba H StockhamItaly2026-09-21King, Christopher A Esq NEGOTIATION71Stephen Shaw
1024Maisha Z FigeroaFrance2026-10-01Chemel, James L Cpa PROPOSAL69Elwin Sharvill
1025Jeanfrancois X InouyeGermany2026-09-10Chanay, Jeffrey A Esq QUALIFIED75Ivan Magalhaes
1026Leja X IturbideFrance2026-09-05Truhlar And Truhlar Attys NEGOTIATION41Elwin Sharvill
1027Cody Y DilliardCanada2026-09-20Chapman, Ross E Esq QUALIFIED27Xuxue Feng
1028Misaki P RutaIndia2026-09-25King, Christopher A Esq UNQUALIFIED92Asiya Javayant
1029Leon Y ShinkoArgentina2026-09-16King, Christopher A Esq PROPOSAL88Bernardo Dominic
1030Greenwood Y RoysterRussia2026-09-11Chapman, Ross E Esq RENEWAL36Bernardo Dominic
1031Ricardo X AlbaresCanada2026-10-01King, Christopher A Esq PROPOSAL29Onyama Limba
1032Maria A StensethFrance2026-09-15Chanay, Jeffrey A Esq QUALIFIED45Ivan Magalhaes
1033James U WieserBrazil2026-09-30Chemel, James L Cpa PROPOSAL28Amy Elsner
1034Jeanfrancois C VocelkaFrance2026-09-22Benton, John B Jr RENEWAL73Stephen Shaw
1035Kaitlin H SaylorsAustralia2026-09-24Printing Dimensions UNQUALIFIED41Xuxue Feng
1036Mayumi V RimAustralia2026-09-07Dorl, James J Esq QUALIFIED11Anna Fali
1037Johnson V MaletBrazil2026-09-10Rangoni Of Florence UNQUALIFIED84Ivan Magalhaes
1038Salvatore J RutaUnited Kingdom2026-09-06Rousseaux, Michael Esq NEGOTIATION76Onyama Limba
1039Aika A InouyeBrazil2026-09-20Rousseaux, Michael Esq RENEWAL62Amy Elsner
1040Claire Y FlosiSpain2026-10-04Feiner Bros QUALIFIED13Amy Elsner
1041Jefferson L SaylorsUnited Kingdom2026-10-03Truhlar And Truhlar Attys PROPOSAL97Ioni Bowcher
1042Francesco F BriddickCanada2026-10-02Printing Dimensions NEW58Bernardo Dominic
1043Greenwood F PaprockiBrazil2026-09-28Chapman, Ross E Esq UNQUALIFIED51Anna Fali
1044Mujtaba R CampainRussia2026-09-30Dorl, James J Esq NEW3Asiya Javayant
1045Sinclair W TollnerJapan2026-09-24Chapman, Ross E Esq QUALIFIED65Stephen Shaw
1046Jefferson A FerenczSpain2026-09-28Printing Dimensions QUALIFIED53Asiya Javayant
1047Isabel R CampainItaly2026-09-16Feiner Bros NEW17Asiya Javayant
1048Adams F BologniaFrance2026-09-18Feiner Bros UNQUALIFIED59Stephen Shaw
1049Mujtaba E DoeItaly2026-10-01Morlong Associates NEGOTIATION96Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Izzy J StockhamItalyXuxue Feng UNQUALIFIED
Antonio N MaletGermanyAsiya Javayant NEW
Misaki J SergiFranceBernardo Dominic UNQUALIFIED
Julie Y OldroydJapanStephen Shaw NEW
James D RimCanadaAmy Elsner UNQUALIFIED
Maria U IturbideSpainAmy Elsner PROPOSAL
Morrow L GarufiAustraliaIoni Bowcher PROPOSAL
Deepesh R GillianArgentinaAmy Elsner RENEWAL
Ricardo W FlosiCanadaOnyama Limba UNQUALIFIED
Adams K WaycottSpainIoni Bowcher UNQUALIFIED
Francesco B MaletRussiaStephen Shaw PROPOSAL
Ricardo M CampainFranceXuxue Feng UNQUALIFIED
Francesco L RulapaughBrazilOnyama Limba NEW
Faith Y GlickAustraliaAnna Fali NEGOTIATION
Johnson M WaycottItalyBernardo Dominic NEW
Jeanfrancois Y SchemmerAustraliaAmy Elsner RENEWAL
Juan F VocelkaGermanyBernardo Dominic RENEWAL
Rodrigues B WaycottIndiaIoni Bowcher PROPOSAL
Kaitlin K MarrierSpainOnyama Limba RENEWAL
David K PaprockiRussiaIvan Magalhaes NEW
James K SergiRussiaIoni Bowcher NEGOTIATION
Clifford R WieserItalyStephen Shaw UNQUALIFIED
Misaki Y ShinkoArgentinaXuxue Feng QUALIFIED
Stacey A FlosiJapanIoni Bowcher NEW
Jefferson J NestleItalyAmy Elsner QUALIFIED
Chavez Q CaldareraRussiaElwin Sharvill NEGOTIATION
Costa Y MorascaArgentinaElwin Sharvill PROPOSAL
Cody E MaletRussiaStephen Shaw QUALIFIED
Antonio Y CaldareraFranceStephen Shaw UNQUALIFIED
Jones M InouyeCanadaAsiya Javayant NEGOTIATION
Faith E ChuiFranceElwin Sharvill QUALIFIED
Juan R MacleadGermanyXuxue Feng RENEWAL
Wickens A MorascaSpainIvan Magalhaes UNQUALIFIED
James A CaudyCanadaIoni Bowcher RENEWAL
Arvin G StockhamUnited KingdomIoni Bowcher RENEWAL
James K PaprockiSpainIoni Bowcher QUALIFIED
Ricardo Z SergiItalyAsiya Javayant RENEWAL
Silvio C SchemmerJapanAnna Fali NEW
Tony Z SaylorsBrazilAsiya Javayant NEGOTIATION
Stacey G AmigonAustraliaStephen Shaw UNQUALIFIED
Maria U FlosiGermanyElwin Sharvill UNQUALIFIED
Juan B KuskoAustraliaAmy Elsner RENEWAL
Murillo F RoysterIndiaAmy Elsner UNQUALIFIED
Cody G DarakjyUnited KingdomAnna Fali QUALIFIED
Adams G DoeIndiaAnna Fali NEGOTIATION
Jeanfrancois C InouyeGermanyOnyama Limba NEGOTIATION
Leon U CaldareraSpainElwin Sharvill NEGOTIATION
Juan K CaldareraAustraliaOnyama Limba UNQUALIFIED
Darci J ButtArgentinaAmy Elsner NEW
Antonio F WhobreyRussiaAnna Fali UNQUALIFIED
Frozen Columns
Name
Jones R Glick
Maisha N Maclead
Faith V Ostrosky
Juan G Stockham
Wickens S Figeroa
Ivar M Briddick
Salvatore H Glick
Jennifer F Paprocki
Aruna Q Maclead
Clifford J Butt
Maria S Stenseth
Francesco X Vocelka
Emily F Gillian
Silvio I Bolognia
Emily A Ferencz
Murillo J Bolognia
Costa F Gillian
Mujtaba L Shinko
Clifford H Bolognia
Sinclair H Poquette
Costa W Marrier
Maria K Malet
Adams K Stockham
Deepesh S Dilliard
Cody D Garufi
Francesco D Briddick
Antonio Z Oldroyd
David H Schemmer
Jeanfrancois U Bolognia
Greenwood V Waycott
Morrow K Oldroyd
Emily J Inouye
Murillo Q Gillian
Stacey F Nicka
Izzy W Chui
Juan E Ostrosky
Murillo J Campain
Tony O Briddick
Deepesh O Doe
Julie E Caldarera
Darci H Slusarski
Ashley D Ostrosky
Greenwood P Kolmetz
Sinclair B Iturbide
Julie R Nicka
Ivar G Doe
Alejandro T Ostrosky
Antonio W Amigon
Kaitlin V Inouye
James U Morasca
IdCountryDate
1000Japan2026-09-10
1001Italy2026-10-02
1002Spain2026-10-03
1003Canada2026-10-03
1004Japan2026-09-27
1005Spain2026-09-18
1006India2026-09-09
1007Spain2026-09-09
1008France2026-09-16
1009France2026-09-21
1010United Kingdom2026-10-01
1011Russia2026-10-02
1012Canada2026-09-08
1013United Kingdom2026-09-21
1014France2026-09-11
1015Germany2026-09-13
1016Australia2026-10-03
1017Argentina2026-09-28
1018Russia2026-09-29
1019Italy2026-09-08
1020India2026-10-01
1021Argentina2026-09-18
1022Japan2026-09-30
1023India2026-09-30
1024Spain2026-10-01
1025Spain2026-09-18
1026Argentina2026-09-11
1027Germany2026-09-24
1028India2026-09-07
1029Australia2026-09-18
1030United Kingdom2026-09-24
1031Italy2026-09-09
1032France2026-10-04
1033Argentina2026-10-04
1034United Kingdom2026-10-02
1035France2026-09-21
1036India2026-09-16
1037Russia2026-09-21
1038France2026-09-29
1039Canada2026-10-04
1040Australia2026-09-25
1041Argentina2026-09-21
1042Italy2026-09-12
1043Germany2026-09-25
1044France2026-09-07
1045India2026-09-26
1046Spain2026-09-18
1047India2026-10-01
1048France2026-09-25
1049Japan2026-09-19

On-Demand Data

NameIdCountryDate
Isabel Y Foller1000Italy2026-09-12
Kaitlin H Rim1001Japan2026-09-06
Antonio S Rim1002Argentina2026-09-28
Aika K Nicka1003Germany2026-09-25
Johnson D Whobrey1004Germany2026-10-01
Johnson X Campain1005Italy2026-09-10
Morrow Q Perin1006Japan2026-09-06
Octavia H Slusarski1007India2026-09-26
Jeanfrancois F Flosi1008United Kingdom2026-09-17
Maria F Ferencz1009Italy2026-09-11
Izzy X Shinko1010Australia2026-09-16
Munro Z Nestle1011Spain2026-09-20
Aika L Albares1012Germany2026-09-22
Arvin K Foller1013Brazil2026-10-02
Jennifer L Dilliard1014Australia2026-09-18
Chavez P Stenseth1015Brazil2026-09-10
Izzy V Butt1016Spain2026-09-21
Deepesh Y Royster1017Russia2026-09-10
Clifford E Stenseth1018India2026-09-13
Salvatore C Bolognia1019United Kingdom2026-10-01
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Morrow T OldroydJapanIoni Bowcher QUALIFIED
Leja G SchemmerItalyIvan Magalhaes NEW
Stacey P VocelkaJapanXuxue Feng PROPOSAL
Isabel Y FerenczFranceIvan Magalhaes PROPOSAL
Julie R MacleadGermanyXuxue Feng QUALIFIED
Emily E ButtSpainStephen Shaw NEW
Arvin V AlbaresItalyIoni Bowcher NEGOTIATION
Stacey W GarufiGermanyAnna Fali NEW
Claire S CampainAustraliaElwin Sharvill UNQUALIFIED
Wickens W WieserSpainElwin Sharvill PROPOSAL
Juan I BowleySpainStephen Shaw NEW
Rodrigues K WhobreyRussiaOnyama Limba NEW
Clifford K WaycottAustraliaOnyama Limba NEW
Greenwood E NestleAustraliaElwin Sharvill RENEWAL
Arvin K SlusarskiItalyStephen Shaw UNQUALIFIED
Alejandro I BowleyCanadaAmy Elsner UNQUALIFIED
James P BriddickArgentinaAmy Elsner NEW
Aditya L CaldareraFranceStephen Shaw PROPOSAL
Aruna F ChuiUnited KingdomXuxue Feng NEGOTIATION
Aika W SlusarskiItalyIoni Bowcher PROPOSAL
Leon A CaudyBrazilXuxue Feng NEW
Jennifer K KolmetzUnited KingdomIvan Magalhaes NEGOTIATION
James R WhobreyFranceOnyama Limba QUALIFIED
Juan S MaletRussiaIvan Magalhaes NEW
Stacey T GauchoIndiaIoni Bowcher NEGOTIATION
Nicolas E GauchoCanadaElwin Sharvill RENEWAL
Jennifer Y FollerAustraliaAsiya Javayant NEGOTIATION
Cody Z MaletIndiaIvan Magalhaes QUALIFIED
Leon B NickaCanadaIvan Magalhaes QUALIFIED
Aika T GarufiSpainStephen Shaw RENEWAL
Greenwood S BriddickAustraliaAsiya Javayant RENEWAL
Ricardo G KuskoBrazilOnyama Limba QUALIFIED
Isabel N WhobreyUnited KingdomOnyama Limba UNQUALIFIED
Isabel Q MorascaBrazilAsiya Javayant UNQUALIFIED
Faith S WaycottCanadaOnyama Limba UNQUALIFIED
Emily Z DoeArgentinaOnyama Limba NEGOTIATION
Mayumi X PerinAustraliaIvan Magalhaes NEW
Alejandro L DoeCanadaAsiya Javayant NEGOTIATION
Izzy G BologniaAustraliaAmy Elsner QUALIFIED
Nicolas V NickaIndiaAmy Elsner 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>