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
Alejandro E MacleadArgentinaXuxue Feng RENEWAL
Octavia N PaprockiSpainAmy Elsner RENEWAL
James G BriddickUnited KingdomElwin Sharvill PROPOSAL
Jeanfrancois Y SaylorsUnited KingdomAsiya Javayant NEGOTIATION
Ashley L WieserCanadaXuxue Feng NEGOTIATION
Smith X ButtGermanyIoni Bowcher UNQUALIFIED
Maisha T SchemmerUnited KingdomAsiya Javayant UNQUALIFIED
Johnson E FerenczUnited KingdomIoni Bowcher RENEWAL
Misaki I IturbideItalyStephen Shaw UNQUALIFIED
Ricardo I MarrierAustraliaAsiya Javayant NEW
Darci M WaycottIndiaIoni Bowcher RENEWAL
Francesco K RulapaughJapanOnyama Limba PROPOSAL
Jeanfrancois M PoquetteArgentinaBernardo Dominic NEW
Emily C GauchoJapanIvan Magalhaes QUALIFIED
Cody Z BriddickUnited KingdomElwin Sharvill UNQUALIFIED
Stacey G MarrierGermanyAsiya Javayant PROPOSAL
Adams P WaycottSpainAnna Fali RENEWAL
Munro Q GarufiItalyAmy Elsner NEGOTIATION
Emily P FollerJapanAmy Elsner UNQUALIFIED
Francesco X OldroydSpainOnyama Limba NEW
Julie F AmigonSpainOnyama Limba UNQUALIFIED
Aditya B WieserItalyAnna Fali QUALIFIED
Jeanfrancois Y NestleRussiaElwin Sharvill UNQUALIFIED
Faith J DilliardRussiaAsiya Javayant UNQUALIFIED
Isabel R GillianFranceIvan Magalhaes RENEWAL
Rodrigues T OldroydAustraliaIvan Magalhaes UNQUALIFIED
Octavia Y BriddickCanadaAmy Elsner NEW
Leja S BriddickUnited KingdomOnyama Limba NEW
Stacey C IturbideUnited KingdomAsiya Javayant NEGOTIATION
Stacey J WieserUnited KingdomElwin Sharvill QUALIFIED
Costa R NickaRussiaIoni Bowcher UNQUALIFIED
Leon A MaletSpainAmy Elsner PROPOSAL
Alejandro T WieserUnited KingdomAmy Elsner QUALIFIED
Francesco H AmigonItalyBernardo Dominic PROPOSAL
Leja R OstroskyFranceAmy Elsner UNQUALIFIED
Stacey Q SaylorsJapanAsiya Javayant RENEWAL
Juan J KuskoCanadaXuxue Feng QUALIFIED
Ashley R BowleyAustraliaXuxue Feng NEW
Aruna N RoysterArgentinaIoni Bowcher RENEWAL
Johnson G KuskoGermanyAnna Fali RENEWAL
Jeanfrancois T RulapaughSpainBernardo Dominic NEGOTIATION
Adams S DilliardSpainAmy Elsner UNQUALIFIED
Cody V CaudyArgentinaAmy Elsner NEW
Greenwood R FollerUnited KingdomStephen Shaw UNQUALIFIED
Juan T GarufiAustraliaBernardo Dominic PROPOSAL
Kadeem C BriddickBrazilAnna Fali UNQUALIFIED
Stacey O WieserGermanyAsiya Javayant UNQUALIFIED
David C InouyeIndiaIoni Bowcher UNQUALIFIED
Nicolas W GauchoIndiaIoni Bowcher QUALIFIED
Munro W NickaFranceAnna Fali NEW
Horizontal
NameCountryRepresentativeStatus
Alejandro J ButtRussiaAsiya Javayant QUALIFIED
Maisha S DoeJapanXuxue Feng QUALIFIED
Morrow H NickaGermanyElwin Sharvill PROPOSAL
Leja N IturbideGermanyStephen Shaw RENEWAL
Wickens P DarakjyItalyIoni Bowcher PROPOSAL
Ivar Q TollnerRussiaOnyama Limba NEGOTIATION
Maisha F VenereAustraliaElwin Sharvill RENEWAL
Misaki C BowleyGermanyAmy Elsner PROPOSAL
Aika A IturbideBrazilAnna Fali UNQUALIFIED
Emily F SergiBrazilAmy Elsner PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Morrow Q CaldareraArgentina2026-09-06Rousseaux, Michael Esq NEW24Stephen Shaw
1001Leja A FollerIndia2026-09-01Printing Dimensions RENEWAL80Stephen Shaw
1002Munro D MorascaRussia2026-09-19Chanay, Jeffrey A Esq QUALIFIED39Asiya Javayant
1003Greenwood X SchemmerGermany2026-09-19Truhlar And Truhlar Attys RENEWAL77Onyama Limba
1004Tony G DoeGermany2026-09-12Chemel, James L Cpa NEGOTIATION22Xuxue Feng
1005Greenwood I WieserCanada2026-09-07Rousseaux, Michael Esq NEGOTIATION90Ivan Magalhaes
1006Antonio M OstroskySpain2026-09-22Rangoni Of Florence PROPOSAL17Onyama Limba
1007Kadeem H WieserBrazil2026-08-30Morlong Associates PROPOSAL63Xuxue Feng
1008Claire J CaudyBrazil2026-09-15Chanay, Jeffrey A Esq QUALIFIED6Ivan Magalhaes
1009Kadeem O RoysterCanada2026-09-07Buckley Miller Wright QUALIFIED44Ioni Bowcher
1010James Y TollnerArgentina2026-09-18Commercial Press NEGOTIATION69Ioni Bowcher
1011Jeanfrancois R FlosiItaly2026-09-04Dorl, James J Esq NEW70Onyama Limba
1012Jennifer X ShinkoFrance2026-09-28Printing Dimensions RENEWAL39Elwin Sharvill
1013Jennifer L CaudyItaly2026-09-20Chanay, Jeffrey A Esq PROPOSAL2Elwin Sharvill
1014Faith E CaldareraItaly2026-09-12Buckley Miller Wright PROPOSAL24Bernardo Dominic
1015Kaitlin G NestleBrazil2026-09-11Rangoni Of Florence NEW90Anna Fali
1016Chavez I AlbaresAustralia2026-09-21Chanay, Jeffrey A Esq UNQUALIFIED31Elwin Sharvill
1017Leon U SergiJapan2026-09-26Feiner Bros NEGOTIATION36Amy Elsner
1018Maisha P GarufiSpain2026-09-01Buckley Miller Wright UNQUALIFIED49Amy Elsner
1019Smith Q FollerCanada2026-09-18Printing Dimensions RENEWAL3Ivan Magalhaes
1020Stacey F RulapaughGermany2026-09-02Rangoni Of Florence QUALIFIED13Asiya Javayant
1021Ashley D FigeroaSpain2026-09-21Chemel, James L Cpa QUALIFIED85Ioni Bowcher
1022Ashley C WaycottItaly2026-09-15Printing Dimensions NEGOTIATION49Xuxue Feng
1023Jennifer L MaletBrazil2026-08-31Chapman, Ross E Esq PROPOSAL20Anna Fali
1024Clifford Z MaletGermany2026-09-02Morlong Associates PROPOSAL32Amy Elsner
1025Emily Z WieserIndia2026-09-21Chemel, James L Cpa RENEWAL92Xuxue Feng
1026Claire R AmigonAustralia2026-09-05Feltz Printing Service NEGOTIATION52Ioni Bowcher
1027Octavia J FollerUnited Kingdom2026-09-12Chapman, Ross E Esq RENEWAL36Amy Elsner
1028Emily H GarufiGermany2026-09-24Morlong Associates NEGOTIATION45Asiya Javayant
1029Mayumi M FigeroaSpain2026-09-04Feltz Printing Service UNQUALIFIED6Onyama Limba
1030Izzy S SergiCanada2026-09-24Benton, John B Jr PROPOSAL85Ioni Bowcher
1031Maisha U IturbideArgentina2026-09-18Chanay, Jeffrey A Esq QUALIFIED24Bernardo Dominic
1032Jones E SergiIndia2026-09-02Feltz Printing Service NEGOTIATION22Xuxue Feng
1033Costa K BowleyBrazil2026-09-17Printing Dimensions UNQUALIFIED97Anna Fali
1034Costa W FlosiUnited Kingdom2026-09-27Rangoni Of Florence RENEWAL7Stephen Shaw
1035Aditya T DoeGermany2026-09-01Benton, John B Jr UNQUALIFIED76Elwin Sharvill
1036Kaitlin N FerenczArgentina2026-09-23Chemel, James L Cpa UNQUALIFIED26Xuxue Feng
1037David B NickaSpain2026-08-30Printing Dimensions RENEWAL79Ivan Magalhaes
1038Julie R TollnerAustralia2026-09-20Dorl, James J Esq NEGOTIATION40Anna Fali
1039Mujtaba H PerinArgentina2026-09-01Chapman, Ross E Esq UNQUALIFIED95Xuxue Feng
1040Adams B CaudyArgentina2026-09-18Rousseaux, Michael Esq QUALIFIED30Amy Elsner
1041Aika M OldroydFrance2026-09-01Commercial Press UNQUALIFIED81Onyama Limba
1042David B BriddickUnited Kingdom2026-09-20Rousseaux, Michael Esq QUALIFIED15Onyama Limba
1043Jefferson R DoeItaly2026-09-10Chanay, Jeffrey A Esq NEGOTIATION40Xuxue Feng
1044Cody L VenereSpain2026-09-11Morlong Associates RENEWAL45Ivan Magalhaes
1045Rodrigues X FigeroaCanada2026-09-22Morlong Associates NEGOTIATION19Amy Elsner
1046Greenwood V SlusarskiAustralia2026-09-02Buckley Miller Wright PROPOSAL97Amy Elsner
1047Greenwood B VenereRussia2026-09-23Chemel, James L Cpa NEGOTIATION24Asiya Javayant
1048James W SchemmerAustralia2026-09-02Morlong Associates UNQUALIFIED1Ioni Bowcher
1049Tony W RutaUnited Kingdom2026-09-06Buckley Miller Wright QUALIFIED65Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Costa A FerenczJapanOnyama Limba NEGOTIATION
Ricardo V InouyeJapanStephen Shaw UNQUALIFIED
Jeanfrancois F ButtUnited KingdomIoni Bowcher NEGOTIATION
Emily M DoeUnited KingdomAmy Elsner NEW
Ricardo D CampainAustraliaIvan Magalhaes NEGOTIATION
Wickens R KolmetzRussiaBernardo Dominic QUALIFIED
Johnson N ChuiSpainElwin Sharvill NEW
Kaitlin V TollnerFranceIvan Magalhaes RENEWAL
Wickens R TollnerRussiaIoni Bowcher QUALIFIED
Arvin C PoquetteBrazilAsiya Javayant PROPOSAL
Johnson M RoysterBrazilIvan Magalhaes UNQUALIFIED
Wickens I MorascaFranceAsiya Javayant NEW
Jennifer X OstroskyBrazilAmy Elsner PROPOSAL
Leon E CampainBrazilAnna Fali QUALIFIED
Stacey R BologniaItalyStephen Shaw NEGOTIATION
Silvio V SchemmerIndiaAsiya Javayant NEW
Isabel O StockhamGermanyElwin Sharvill QUALIFIED
Cody B AmigonFranceXuxue Feng QUALIFIED
Leja H GlickFranceIvan Magalhaes PROPOSAL
Misaki A IturbideUnited KingdomXuxue Feng NEGOTIATION
Octavia P StockhamCanadaAmy Elsner PROPOSAL
Ricardo Z GarufiIndiaXuxue Feng NEGOTIATION
Munro T RoysterItalyXuxue Feng PROPOSAL
Chavez S BologniaCanadaAmy Elsner QUALIFIED
Leja H CaldareraArgentinaXuxue Feng NEGOTIATION
Munro Z BowleyJapanXuxue Feng UNQUALIFIED
Mujtaba Z WaycottUnited KingdomIvan Magalhaes UNQUALIFIED
Deepesh O DilliardJapanElwin Sharvill PROPOSAL
Aika K GauchoAustraliaAnna Fali PROPOSAL
Aditya M WhobreyIndiaBernardo Dominic NEW
Adams R NestleIndiaXuxue Feng UNQUALIFIED
Cody U GlickSpainStephen Shaw QUALIFIED
Deepesh S WhobreyGermanyAsiya Javayant UNQUALIFIED
Jennifer F VenereJapanXuxue Feng NEW
Octavia R AmigonSpainAsiya Javayant NEGOTIATION
Kadeem W MarrierItalyIoni Bowcher UNQUALIFIED
Aruna C WaycottItalyIvan Magalhaes RENEWAL
Aditya U NickaJapanBernardo Dominic UNQUALIFIED
Aika T MaletArgentinaIoni Bowcher QUALIFIED
James A RulapaughCanadaBernardo Dominic RENEWAL
Cody I NickaItalyBernardo Dominic PROPOSAL
Adams B DilliardBrazilIvan Magalhaes QUALIFIED
Jefferson W OstroskySpainAnna Fali PROPOSAL
Izzy A RulapaughFranceIoni Bowcher NEGOTIATION
Leon V VenereBrazilElwin Sharvill PROPOSAL
Nicolas K BowleyJapanStephen Shaw QUALIFIED
Chavez J ChuiFranceAnna Fali QUALIFIED
Misaki S StensethItalyXuxue Feng NEGOTIATION
Ricardo Q NestleSpainAsiya Javayant QUALIFIED
Leon E NestleGermanyBernardo Dominic RENEWAL
Frozen Columns
Name
Octavia U Nicka
Claire H Maclead
Leja V Amigon
Juan O Venere
Tony Y Foller
Nicolas C Briddick
Aditya Y Ruta
Rodrigues D Maclead
Munro P Gillian
David N Caudy
Ashley D Maclead
Aditya C Ruta
Smith P Dilliard
Kaitlin G Whobrey
Maria G Slusarski
Jones O Malet
Isabel Z Saylors
James I Briddick
Wickens D Foller
Johnson A Poquette
Leon F Perin
Octavia B Chui
Silvio O Marrier
Aditya D Nestle
Morrow O Chui
Izzy E Whobrey
Jones X Sergi
Kadeem Q Perin
Cody K Garufi
Deepesh P Caldarera
Morrow W Sergi
Silvio T Chui
Antonio Z Paprocki
Isabel V Shinko
Ashley Q Ostrosky
Kaitlin Q Briddick
Aika W Dilliard
Ricardo A Slusarski
Aika V Paprocki
Costa R Shinko
Jennifer A Dilliard
Munro O Shinko
Greenwood K Nestle
Emily E Malet
Faith S Glick
Ivar P Garufi
Maria P Figeroa
Emily D Rulapaugh
Wickens P Oldroyd
Julie I Flosi
IdCountryDate
1000Australia2026-09-24
1001Australia2026-09-21
1002Brazil2026-09-03
1003Brazil2026-09-26
1004Germany2026-09-26
1005Spain2026-09-24
1006Italy2026-09-20
1007Spain2026-09-14
1008Italy2026-09-14
1009France2026-09-18
1010Germany2026-09-10
1011Argentina2026-09-15
1012India2026-09-16
1013United Kingdom2026-09-07
1014Germany2026-09-27
1015Brazil2026-09-15
1016United Kingdom2026-08-30
1017Spain2026-09-02
1018Italy2026-08-31
1019Italy2026-09-19
1020France2026-09-11
1021Australia2026-09-09
1022Australia2026-09-22
1023Australia2026-09-14
1024Australia2026-09-25
1025India2026-09-09
1026Brazil2026-09-25
1027Australia2026-08-30
1028United Kingdom2026-09-21
1029Japan2026-08-31
1030France2026-09-26
1031Germany2026-09-19
1032Germany2026-09-03
1033Brazil2026-09-12
1034Argentina2026-09-01
1035Italy2026-09-14
1036Germany2026-09-12
1037Australia2026-09-23
1038India2026-09-09
1039Canada2026-09-07
1040Italy2026-09-04
1041United Kingdom2026-09-14
1042Argentina2026-09-04
1043France2026-09-11
1044Spain2026-09-21
1045Spain2026-09-07
1046Italy2026-09-02
1047United Kingdom2026-09-03
1048Argentina2026-09-10
1049Italy2026-09-13

On-Demand Data

NameIdCountryDate
Leja Z Paprocki1000France2026-09-18
Sinclair D Bowley1001Brazil2026-09-26
Nicolas E Wieser1002Germany2026-09-21
Mayumi E Ferencz1003Japan2026-09-01
Emily V Morasca1004Brazil2026-09-15
Salvatore B Doe1005United Kingdom2026-09-14
Octavia T Venere1006France2026-09-21
Morrow R Iturbide1007Australia2026-09-17
Chavez O Vocelka1008India2026-09-27
Izzy J Poquette1009India2026-09-01
Costa P Inouye1010United Kingdom2026-09-04
Sinclair Q Vocelka1011Russia2026-09-13
Antonio S Tollner1012Argentina2026-09-25
Costa P Poquette1013Russia2026-09-25
Ashley K Kolmetz1014Russia2026-09-24
Mayumi L Gaucho1015Russia2026-09-03
Salvatore S Morasca1016Canada2026-09-19
Jennifer U Venere1017Australia2026-09-06
Juan W Perin1018India2026-09-12
Johnson Q Saylors1019Australia2026-09-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maisha S MacleadItalyElwin Sharvill NEW
Francesco C AmigonItalyElwin Sharvill NEW
Ricardo R RutaSpainOnyama Limba UNQUALIFIED
Octavia T StensethJapanAmy Elsner NEW
Jefferson K ChuiJapanAmy Elsner QUALIFIED
Emily M MaletFranceXuxue Feng NEW
Faith B SchemmerItalyIoni Bowcher RENEWAL
Johnson T DarakjyJapanAnna Fali NEGOTIATION
Stacey L MorascaJapanOnyama Limba UNQUALIFIED
Arvin E WaycottRussiaElwin Sharvill PROPOSAL
Aika Q StensethArgentinaStephen Shaw QUALIFIED
Jones L DarakjyRussiaAmy Elsner NEW
Ashley T MacleadIndiaBernardo Dominic PROPOSAL
Greenwood M OldroydItalyElwin Sharvill QUALIFIED
Octavia Y GarufiBrazilBernardo Dominic PROPOSAL
Antonio V SaylorsArgentinaOnyama Limba NEW
Smith T FlosiUnited KingdomIvan Magalhaes NEGOTIATION
Octavia M AmigonJapanAnna Fali NEGOTIATION
Clifford K GillianAustraliaAsiya Javayant PROPOSAL
Maisha X ButtAustraliaAmy Elsner UNQUALIFIED
Juan Z NestleCanadaXuxue Feng NEW
David Z RimArgentinaIoni Bowcher NEW
Mayumi X CaudyUnited KingdomAnna Fali NEW
Claire B BologniaItalyElwin Sharvill RENEWAL
Ivar O MarrierJapanAmy Elsner RENEWAL
Clifford L InouyeUnited KingdomOnyama Limba RENEWAL
Julie H KolmetzCanadaAnna Fali QUALIFIED
Isabel H MaletUnited KingdomOnyama Limba UNQUALIFIED
Isabel O VocelkaAustraliaOnyama Limba NEGOTIATION
Adams T TollnerIndiaIvan Magalhaes NEGOTIATION
Smith B CaudyJapanXuxue Feng PROPOSAL
Jones N KolmetzItalyStephen Shaw QUALIFIED
Clifford L GlickArgentinaBernardo Dominic NEGOTIATION
Izzy L PaprockiArgentinaIvan Magalhaes RENEWAL
Adams N OstroskyGermanyIvan Magalhaes RENEWAL
Faith O MorascaCanadaIoni Bowcher RENEWAL
Ricardo Z TollnerRussiaXuxue Feng UNQUALIFIED
Silvio E StensethItalyIvan Magalhaes PROPOSAL
Jeanfrancois H GauchoUnited KingdomIoni Bowcher NEGOTIATION
Cody U MaletUnited KingdomElwin Sharvill QUALIFIED

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