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
Kadeem F CampainIndiaXuxue Feng QUALIFIED
Leon E InouyeFranceAmy Elsner QUALIFIED
Jennifer R MaletFranceIoni Bowcher QUALIFIED
Arvin D SlusarskiFranceOnyama Limba NEW
Morrow S WaycottBrazilOnyama Limba PROPOSAL
Chavez T DarakjyFranceStephen Shaw QUALIFIED
Antonio H OstroskyGermanyStephen Shaw NEGOTIATION
Morrow W SlusarskiRussiaOnyama Limba UNQUALIFIED
Darci P VocelkaIndiaOnyama Limba NEGOTIATION
Faith O BowleyIndiaElwin Sharvill PROPOSAL
James P RimUnited KingdomAnna Fali UNQUALIFIED
Aruna D FlosiItalyStephen Shaw UNQUALIFIED
Kaitlin F GarufiSpainAsiya Javayant QUALIFIED
Octavia C GillianJapanAnna Fali QUALIFIED
Aditya G GarufiIndiaOnyama Limba RENEWAL
Stacey P BriddickJapanIoni Bowcher QUALIFIED
Alejandro S RutaArgentinaOnyama Limba NEGOTIATION
Chavez T KuskoIndiaIoni Bowcher RENEWAL
Emily J MarrierFranceAnna Fali RENEWAL
Wickens Q KuskoRussiaIvan Magalhaes NEW
Faith K SchemmerRussiaIoni Bowcher NEW
Julie W KuskoUnited KingdomAmy Elsner NEGOTIATION
Emily U CaudyUnited KingdomXuxue Feng NEW
Jones C DoeArgentinaAnna Fali NEGOTIATION
Wickens J MorascaFranceAnna Fali QUALIFIED
Cody G MaletSpainAnna Fali RENEWAL
Kaitlin V ShinkoCanadaAnna Fali NEGOTIATION
Mayumi N WaycottSpainOnyama Limba UNQUALIFIED
Misaki P MaletGermanyIoni Bowcher QUALIFIED
Jones Q DarakjyItalyOnyama Limba QUALIFIED
Aika Z KuskoBrazilXuxue Feng PROPOSAL
Munro N CampainItalyOnyama Limba NEW
Kaitlin M OldroydSpainAmy Elsner PROPOSAL
Chavez D InouyeAustraliaAsiya Javayant QUALIFIED
Antonio L FlosiItalyAmy Elsner PROPOSAL
Kaitlin W SaylorsJapanAmy Elsner RENEWAL
Kaitlin D SaylorsGermanyBernardo Dominic PROPOSAL
Aika U NestleArgentinaStephen Shaw NEGOTIATION
David X FlosiGermanyIvan Magalhaes NEGOTIATION
Faith K DilliardSpainXuxue Feng PROPOSAL
Adams D MacleadCanadaIvan Magalhaes PROPOSAL
Smith X InouyeCanadaIoni Bowcher PROPOSAL
James S VocelkaItalyIvan Magalhaes QUALIFIED
Adams P WieserCanadaIvan Magalhaes RENEWAL
Julie K CaldareraGermanyBernardo Dominic UNQUALIFIED
David N RutaRussiaIoni Bowcher QUALIFIED
Johnson L CampainBrazilAmy Elsner UNQUALIFIED
Murillo I PoquetteRussiaStephen Shaw UNQUALIFIED
Maisha Z VenereIndiaAnna Fali RENEWAL
Tony S NickaSpainIoni Bowcher NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Jones M KolmetzRussiaStephen Shaw QUALIFIED
Johnson F GarufiCanadaElwin Sharvill QUALIFIED
Juan K PoquetteCanadaIoni Bowcher PROPOSAL
Chavez J SlusarskiCanadaAmy Elsner NEGOTIATION
Maisha V DoeJapanIvan Magalhaes QUALIFIED
Juan M FollerItalyIoni Bowcher NEW
Nicolas M FlosiItalyElwin Sharvill RENEWAL
Greenwood N DilliardAustraliaAmy Elsner NEGOTIATION
Wickens D BowleySpainStephen Shaw RENEWAL
Mayumi A OstroskyAustraliaIoni Bowcher NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Greenwood B MarrierArgentina2026-09-20Chemel, James L Cpa QUALIFIED8Xuxue Feng
1001Munro I BowleyArgentina2026-09-01Printing Dimensions NEGOTIATION72Ioni Bowcher
1002Munro D MaletFrance2026-09-11Benton, John B Jr PROPOSAL54Ioni Bowcher
1003Misaki J IturbideAustralia2026-09-08Rangoni Of Florence PROPOSAL45Elwin Sharvill
1004Emily K SchemmerJapan2026-09-19Benton, John B Jr RENEWAL34Amy Elsner
1005David P SchemmerItaly2026-09-08Morlong Associates NEW60Stephen Shaw
1006Ivar C RutaCanada2026-09-19Commercial Press NEGOTIATION88Asiya Javayant
1007Jeanfrancois J VocelkaArgentina2026-09-19Rousseaux, Michael Esq NEGOTIATION95Elwin Sharvill
1008Leja Y NestleJapan2026-09-11Truhlar And Truhlar Attys NEGOTIATION76Onyama Limba
1009Mayumi B NestleUnited Kingdom2026-09-25Feltz Printing Service NEGOTIATION94Xuxue Feng
1010Aika F SlusarskiUnited Kingdom2026-09-02Truhlar And Truhlar Attys NEGOTIATION12Onyama Limba
1011Misaki B AlbaresJapan2026-09-06Feltz Printing Service UNQUALIFIED2Xuxue Feng
1012Cody I SergiItaly2026-09-03Chanay, Jeffrey A Esq QUALIFIED81Bernardo Dominic
1013Morrow W NickaIndia2026-09-09Feltz Printing Service PROPOSAL32Amy Elsner
1014Mujtaba K NestleRussia2026-09-21Chemel, James L Cpa QUALIFIED67Elwin Sharvill
1015Leon N StockhamRussia2026-08-30Dorl, James J Esq RENEWAL6Onyama Limba
1016Darci A MorascaGermany2026-09-23Commercial Press UNQUALIFIED32Xuxue Feng
1017Antonio E KolmetzJapan2026-09-01Chanay, Jeffrey A Esq RENEWAL21Stephen Shaw
1018Salvatore Q GlickGermany2026-09-26Feltz Printing Service UNQUALIFIED74Stephen Shaw
1019Misaki B AmigonItaly2026-08-28Buckley Miller Wright UNQUALIFIED23Stephen Shaw
1020Johnson Y DoeRussia2026-08-30King, Christopher A Esq QUALIFIED36Xuxue Feng
1021Julie J WhobreyJapan2026-09-20Morlong Associates RENEWAL77Elwin Sharvill
1022Francesco M InouyeIndia2026-09-04Chapman, Ross E Esq RENEWAL69Onyama Limba
1023Rodrigues H SchemmerGermany2026-08-28Buckley Miller Wright NEW88Xuxue Feng
1024Tony E FerenczJapan2026-09-07Commercial Press QUALIFIED89Anna Fali
1025Darci Z KuskoGermany2026-09-14Chemel, James L Cpa UNQUALIFIED24Bernardo Dominic
1026Cody P FerenczJapan2026-09-25Rousseaux, Michael Esq RENEWAL57Bernardo Dominic
1027Greenwood U ShinkoGermany2026-08-29Commercial Press PROPOSAL38Amy Elsner
1028Mujtaba X MacleadAustralia2026-08-30Feltz Printing Service QUALIFIED53Amy Elsner
1029Mujtaba C SergiUnited Kingdom2026-09-26Chanay, Jeffrey A Esq PROPOSAL42Elwin Sharvill
1030Chavez C FigeroaAustralia2026-08-29Chanay, Jeffrey A Esq QUALIFIED30Stephen Shaw
1031Julie Z WhobreyAustralia2026-09-21Buckley Miller Wright PROPOSAL40Anna Fali
1032Alejandro Z DoeBrazil2026-09-16Feiner Bros QUALIFIED87Elwin Sharvill
1033James K StensethUnited Kingdom2026-09-12Chemel, James L Cpa NEW25Xuxue Feng
1034Chavez B StensethJapan2026-09-01Printing Dimensions UNQUALIFIED65Anna Fali
1035Aditya W PaprockiUnited Kingdom2026-09-21Chanay, Jeffrey A Esq PROPOSAL12Elwin Sharvill
1036Aruna W ButtBrazil2026-09-15Truhlar And Truhlar Attys QUALIFIED29Elwin Sharvill
1037Leja K TollnerUnited Kingdom2026-09-10Chapman, Ross E Esq NEGOTIATION78Bernardo Dominic
1038Alejandro N AlbaresGermany2026-09-23Truhlar And Truhlar Attys RENEWAL88Elwin Sharvill
1039Juan F DoeUnited Kingdom2026-09-20Feltz Printing Service NEGOTIATION93Ioni Bowcher
1040Jennifer M WieserGermany2026-09-17Dorl, James J Esq QUALIFIED9Ioni Bowcher
1041Maisha G FlosiJapan2026-08-30Morlong Associates UNQUALIFIED30Anna Fali
1042Murillo K KuskoRussia2026-09-17Feiner Bros UNQUALIFIED54Xuxue Feng
1043Chavez K GlickFrance2026-08-29Feltz Printing Service NEW44Elwin Sharvill
1044Jones Q FlosiUnited Kingdom2026-09-18Benton, John B Jr NEW97Ivan Magalhaes
1045Leja M NickaItaly2026-09-01Chemel, James L Cpa NEGOTIATION36Amy Elsner
1046Claire M FerenczCanada2026-09-20Dorl, James J Esq QUALIFIED66Asiya Javayant
1047David P BowleyCanada2026-09-18Rangoni Of Florence UNQUALIFIED73Bernardo Dominic
1048Costa V MorascaAustralia2026-08-29Rangoni Of Florence PROPOSAL55Ioni Bowcher
1049Wickens T TollnerSpain2026-09-20Chanay, Jeffrey A Esq NEW63Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Izzy X SergiCanadaAmy Elsner NEGOTIATION
David E OstroskyJapanOnyama Limba NEGOTIATION
Salvatore K MaletJapanAmy Elsner RENEWAL
Adams X OstroskyUnited KingdomXuxue Feng NEGOTIATION
Aika P VenereItalyIvan Magalhaes NEW
Emily W OldroydArgentinaOnyama Limba QUALIFIED
Costa P IturbideRussiaIvan Magalhaes QUALIFIED
Jones A PoquetteArgentinaXuxue Feng QUALIFIED
Julie V StensethRussiaXuxue Feng NEW
Ivar C WhobreyJapanXuxue Feng NEGOTIATION
Leja G RimGermanyOnyama Limba RENEWAL
Maria U BowleyCanadaAnna Fali NEW
Leon Y MacleadUnited KingdomIoni Bowcher UNQUALIFIED
Alejandro V RulapaughGermanyAsiya Javayant QUALIFIED
Silvio F RulapaughItalyElwin Sharvill UNQUALIFIED
Claire Z FigeroaArgentinaAsiya Javayant UNQUALIFIED
James I ChuiBrazilIvan Magalhaes QUALIFIED
Aruna L GauchoCanadaOnyama Limba NEGOTIATION
James D TollnerJapanXuxue Feng PROPOSAL
Ashley Z SaylorsBrazilOnyama Limba RENEWAL
Jennifer C OldroydCanadaXuxue Feng NEGOTIATION
Silvio F GlickUnited KingdomIvan Magalhaes QUALIFIED
Antonio Y AlbaresAustraliaIvan Magalhaes RENEWAL
Costa F TollnerGermanyIoni Bowcher QUALIFIED
Ivar A BowleyCanadaAmy Elsner UNQUALIFIED
Jefferson A GlickItalyIoni Bowcher NEGOTIATION
David B MaletUnited KingdomAnna Fali NEW
Adams D AmigonBrazilAmy Elsner NEW
Aika A FerenczRussiaAsiya Javayant UNQUALIFIED
Nicolas T MarrierUnited KingdomIvan Magalhaes RENEWAL
Juan S DarakjyItalyBernardo Dominic NEW
David J NestleFranceAsiya Javayant PROPOSAL
Darci Y StockhamRussiaStephen Shaw PROPOSAL
Silvio R BologniaCanadaIoni Bowcher QUALIFIED
Ricardo I ShinkoUnited KingdomIoni Bowcher NEW
Johnson R FerenczSpainOnyama Limba RENEWAL
James D WaycottIndiaXuxue Feng RENEWAL
Francesco R MarrierUnited KingdomXuxue Feng QUALIFIED
Munro L DilliardSpainElwin Sharvill NEW
Emily S WieserIndiaXuxue Feng RENEWAL
Johnson Q CampainCanadaXuxue Feng NEGOTIATION
Cody Y GarufiRussiaAmy Elsner NEGOTIATION
Ashley Y OldroydSpainXuxue Feng NEW
James T BowleySpainAsiya Javayant QUALIFIED
Mayumi J RulapaughSpainBernardo Dominic PROPOSAL
David Z VocelkaAustraliaElwin Sharvill UNQUALIFIED
Jeanfrancois I DoeCanadaStephen Shaw NEGOTIATION
Murillo F FigeroaItalyOnyama Limba NEW
Mujtaba I FollerUnited KingdomElwin Sharvill NEW
Juan U KuskoJapanStephen Shaw UNQUALIFIED
Frozen Columns
Name
Mayumi O Chui
Rodrigues C Campain
Rodrigues D Kusko
Stacey D Bolognia
Mayumi O Perin
Salvatore V Figeroa
Clifford V Doe
Aditya M Rim
Adams G Wieser
Ashley Y Oldroyd
Ashley V Perin
Misaki S Maclead
Faith M Venere
Darci F Ferencz
Wickens H Rulapaugh
Claire W Morasca
Smith Q Glick
Maisha L Perin
Alejandro X Shinko
Octavia I Stockham
Morrow I Stenseth
David X Darakjy
Chavez I Sergi
Jones U Shinko
Aika U Bowley
Ashley T Poquette
Jefferson S Butt
Claire T Royster
Leon J Kolmetz
Maisha V Maclead
Ashley N Marrier
Tony T Glick
Jennifer A Waycott
Antonio R Rulapaugh
Jefferson W Flosi
Salvatore N Gaucho
Nicolas B Gillian
Salvatore H Campain
Jeanfrancois W Glick
Tony D Rim
Tony A Marrier
Chavez R Amigon
Aruna O Rulapaugh
James N Stockham
Mayumi Y Sergi
Alejandro J Tollner
James K Wieser
Jefferson K Darakjy
Rodrigues Y Inouye
Julie C Rulapaugh
IdCountryDate
1000Brazil2026-09-26
1001Italy2026-09-04
1002Germany2026-09-02
1003Australia2026-09-23
1004India2026-09-24
1005Italy2026-08-29
1006Russia2026-09-07
1007Germany2026-08-30
1008United Kingdom2026-09-15
1009France2026-09-12
1010Argentina2026-09-11
1011Germany2026-09-03
1012Germany2026-09-22
1013Brazil2026-09-13
1014Australia2026-09-20
1015Brazil2026-09-15
1016Russia2026-08-30
1017United Kingdom2026-09-16
1018Canada2026-09-16
1019Spain2026-09-17
1020Germany2026-09-14
1021Russia2026-09-16
1022France2026-09-26
1023India2026-09-24
1024Brazil2026-09-13
1025Russia2026-09-18
1026United Kingdom2026-09-07
1027India2026-09-08
1028Japan2026-09-04
1029Italy2026-09-19
1030Spain2026-08-29
1031Spain2026-09-05
1032Italy2026-09-11
1033Italy2026-09-25
1034Argentina2026-09-26
1035Brazil2026-08-28
1036India2026-09-14
1037Australia2026-09-02
1038Australia2026-09-12
1039Spain2026-09-13
1040United Kingdom2026-09-02
1041Argentina2026-09-08
1042Brazil2026-08-31
1043United Kingdom2026-09-06
1044Brazil2026-09-25
1045Italy2026-09-04
1046France2026-09-11
1047Germany2026-08-30
1048United Kingdom2026-08-29
1049India2026-08-31

On-Demand Data

NameIdCountryDate
Jefferson Y Bolognia1000Russia2026-09-16
Kadeem P Briddick1001Japan2026-09-04
Misaki I Glick1002Spain2026-08-31
Chavez V Nicka1003Germany2026-09-06
Francesco H Garufi1004Russia2026-08-28
Claire G Vocelka1005Russia2026-09-12
Maisha S Iturbide1006Italy2026-09-26
Alejandro F Oldroyd1007Russia2026-09-26
Darci C Wieser1008Australia2026-09-26
Aika Q Nestle1009United Kingdom2026-09-12
Munro Q Malet1010France2026-09-07
Isabel W Sergi1011Australia2026-09-12
Rodrigues H Oldroyd1012Japan2026-09-11
Leon L Gillian1013United Kingdom2026-09-10
Arvin O Albares1014Brazil2026-09-23
Johnson U Albares1015Argentina2026-09-01
Jeanfrancois M Kusko1016India2026-09-16
Jefferson Z Royster1017Japan2026-09-20
Claire T Waycott1018Spain2026-09-23
Greenwood L Butt1019Russia2026-09-02
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jeanfrancois E ButtCanadaElwin Sharvill QUALIFIED
Mujtaba C FollerAustraliaElwin Sharvill PROPOSAL
Tony P OstroskyIndiaElwin Sharvill RENEWAL
Silvio P RoysterBrazilAnna Fali RENEWAL
Aditya E FigeroaUnited KingdomXuxue Feng UNQUALIFIED
Isabel T DoeRussiaIvan Magalhaes PROPOSAL
Claire J NestleBrazilIoni Bowcher PROPOSAL
Juan I SchemmerRussiaElwin Sharvill NEGOTIATION
Aruna M MaletUnited KingdomOnyama Limba QUALIFIED
Cody C AlbaresBrazilAmy Elsner NEGOTIATION
Chavez B NickaSpainElwin Sharvill PROPOSAL
Ashley B PaprockiArgentinaElwin Sharvill QUALIFIED
Claire D MaletRussiaXuxue Feng RENEWAL
Emily M SaylorsCanadaOnyama Limba NEW
Antonio G WaycottSpainAmy Elsner UNQUALIFIED
Jennifer B KuskoGermanyAmy Elsner NEGOTIATION
James V SlusarskiCanadaAmy Elsner QUALIFIED
Ashley V RulapaughArgentinaElwin Sharvill NEW
Clifford I GauchoCanadaBernardo Dominic RENEWAL
Leja T DilliardBrazilAnna Fali QUALIFIED
Johnson L KolmetzSpainIvan Magalhaes QUALIFIED
Murillo C BologniaUnited KingdomElwin Sharvill UNQUALIFIED
Maria S ButtBrazilBernardo Dominic PROPOSAL
Chavez V AlbaresGermanyStephen Shaw UNQUALIFIED
Silvio C VocelkaRussiaAnna Fali RENEWAL
Julie R AlbaresItalyAsiya Javayant RENEWAL
Salvatore M AlbaresGermanyBernardo Dominic UNQUALIFIED
Jennifer S GillianUnited KingdomElwin Sharvill PROPOSAL
Chavez L GillianArgentinaIoni Bowcher RENEWAL
Mujtaba I ShinkoSpainAmy Elsner RENEWAL
Stacey U FollerBrazilElwin Sharvill RENEWAL
Ricardo C FigeroaGermanyBernardo Dominic UNQUALIFIED
Jeanfrancois J FollerAustraliaAsiya Javayant UNQUALIFIED
Sinclair Z RimGermanyStephen Shaw UNQUALIFIED
Leja J KolmetzIndiaOnyama Limba NEW
Antonio V PaprockiUnited KingdomElwin Sharvill QUALIFIED
Julie S FollerRussiaOnyama Limba NEW
Kadeem V FollerGermanyIoni Bowcher NEW
Nicolas M InouyeSpainAmy Elsner NEGOTIATION
Chavez Y GarufiItalyAmy 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>