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
James A CampainCanadaAsiya Javayant PROPOSAL
Rodrigues G OstroskyCanadaAmy Elsner NEW
Morrow V BologniaArgentinaXuxue Feng NEW
Sinclair L SaylorsItalyIvan Magalhaes QUALIFIED
Tony P OldroydBrazilAsiya Javayant NEGOTIATION
Chavez N SlusarskiArgentinaAsiya Javayant UNQUALIFIED
Stacey L CaudyBrazilIvan Magalhaes RENEWAL
Ivar F FigeroaArgentinaXuxue Feng UNQUALIFIED
Stacey Y BowleyBrazilOnyama Limba UNQUALIFIED
Jennifer C FigeroaJapanOnyama Limba UNQUALIFIED
Stacey K CampainSpainStephen Shaw PROPOSAL
Chavez R GillianAustraliaAsiya Javayant UNQUALIFIED
Chavez V SchemmerArgentinaIoni Bowcher PROPOSAL
Ricardo N CaudySpainOnyama Limba RENEWAL
Jones F WaycottCanadaIoni Bowcher NEW
Clifford S OldroydFranceAmy Elsner RENEWAL
Clifford Y TollnerArgentinaBernardo Dominic PROPOSAL
Clifford W NestleBrazilAmy Elsner PROPOSAL
Arvin L WhobreyItalyAsiya Javayant UNQUALIFIED
Silvio X MaletJapanAnna Fali NEGOTIATION
Greenwood H ButtArgentinaAmy Elsner NEGOTIATION
Tony I RutaBrazilOnyama Limba UNQUALIFIED
Ivar S SchemmerCanadaBernardo Dominic PROPOSAL
Darci O MarrierBrazilIoni Bowcher PROPOSAL
Aditya I GarufiAustraliaOnyama Limba QUALIFIED
Aruna D StensethUnited KingdomAnna Fali UNQUALIFIED
Salvatore O FollerCanadaAmy Elsner PROPOSAL
Faith T TollnerGermanyAnna Fali PROPOSAL
Nicolas B FollerFranceAmy Elsner UNQUALIFIED
Chavez A PaprockiGermanyAsiya Javayant PROPOSAL
Cody Q NestleIndiaOnyama Limba RENEWAL
Misaki A MarrierSpainStephen Shaw NEW
Jefferson F MarrierJapanStephen Shaw PROPOSAL
Juan C PoquetteFranceIoni Bowcher QUALIFIED
Munro E InouyeUnited KingdomXuxue Feng NEGOTIATION
Munro D WaycottAustraliaBernardo Dominic NEGOTIATION
Ashley K BriddickItalyElwin Sharvill QUALIFIED
Morrow K MacleadAustraliaBernardo Dominic RENEWAL
Kaitlin B ButtFranceAmy Elsner NEW
Leja H PerinSpainOnyama Limba QUALIFIED
Maria W GauchoUnited KingdomIoni Bowcher QUALIFIED
Kaitlin M FerenczGermanyElwin Sharvill NEW
Mayumi Q VenereIndiaXuxue Feng QUALIFIED
Rodrigues P SlusarskiFranceAnna Fali NEGOTIATION
Stacey O IturbideBrazilOnyama Limba NEGOTIATION
Munro B PaprockiJapanAsiya Javayant PROPOSAL
Ashley M CaldareraAustraliaAmy Elsner QUALIFIED
Maria G BriddickArgentinaBernardo Dominic NEGOTIATION
Greenwood E BowleyCanadaAnna Fali PROPOSAL
Aika R CaldareraCanadaStephen Shaw RENEWAL
Horizontal
NameCountryRepresentativeStatus
Isabel Z FigeroaArgentinaBernardo Dominic QUALIFIED
Sinclair M GauchoFranceBernardo Dominic RENEWAL
James M RimSpainAsiya Javayant PROPOSAL
Munro C InouyeGermanyBernardo Dominic NEGOTIATION
Julie R CaldareraAustraliaOnyama Limba UNQUALIFIED
Munro G ShinkoItalyAnna Fali PROPOSAL
Smith D BologniaAustraliaOnyama Limba RENEWAL
Tony S NickaJapanXuxue Feng NEGOTIATION
Octavia I AlbaresFranceElwin Sharvill PROPOSAL
Leon X NickaUnited KingdomIvan Magalhaes NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Johnson Z CaldareraJapan2026-10-13Feltz Printing Service RENEWAL5Amy Elsner
1001Rodrigues C KolmetzArgentina2026-10-10Dorl, James J Esq NEW87Stephen Shaw
1002Izzy F GlickCanada2026-10-27Feltz Printing Service NEW7Amy Elsner
1003Aika I WhobreyAustralia2026-10-14Chapman, Ross E Esq QUALIFIED31Elwin Sharvill
1004Leon W BologniaItaly2026-10-25Chapman, Ross E Esq NEW11Ivan Magalhaes
1005Octavia F SchemmerUnited Kingdom2026-11-01Benton, John B Jr PROPOSAL77Xuxue Feng
1006Francesco Q PaprockiItaly2026-11-02Dorl, James J Esq NEGOTIATION83Elwin Sharvill
1007Darci B ButtIndia2026-10-22Rousseaux, Michael Esq PROPOSAL64Bernardo Dominic
1008Aika X PerinItaly2026-10-17Truhlar And Truhlar Attys NEW52Stephen Shaw
1009Morrow B FigeroaGermany2026-10-25Chanay, Jeffrey A Esq NEGOTIATION1Amy Elsner
1010Silvio I PoquetteCanada2026-10-22Chapman, Ross E Esq RENEWAL16Anna Fali
1011Alejandro X DilliardJapan2026-10-22Chemel, James L Cpa PROPOSAL70Anna Fali
1012James C StensethFrance2026-10-20Rangoni Of Florence UNQUALIFIED84Xuxue Feng
1013Kadeem R FollerRussia2026-11-07Dorl, James J Esq UNQUALIFIED96Elwin Sharvill
1014Murillo X VenereFrance2026-10-17Morlong Associates RENEWAL77Anna Fali
1015Wickens Q OstroskySpain2026-10-23Feiner Bros PROPOSAL74Onyama Limba
1016Kaitlin V PoquetteRussia2026-10-21Benton, John B Jr RENEWAL76Elwin Sharvill
1017James T KolmetzItaly2026-11-07Truhlar And Truhlar Attys NEGOTIATION57Xuxue Feng
1018Greenwood W SchemmerFrance2026-11-03Chapman, Ross E Esq PROPOSAL32Bernardo Dominic
1019Leon R RoysterSpain2026-10-24Rousseaux, Michael Esq UNQUALIFIED47Anna Fali
1020Arvin Z MorascaIndia2026-10-24Feiner Bros PROPOSAL88Onyama Limba
1021Arvin F VenereSpain2026-10-10Dorl, James J Esq UNQUALIFIED78Xuxue Feng
1022Smith J SaylorsCanada2026-10-26Rousseaux, Michael Esq UNQUALIFIED98Onyama Limba
1023Aika O GlickFrance2026-10-20Feiner Bros QUALIFIED32Asiya Javayant
1024Emily M BriddickUnited Kingdom2026-11-07Feltz Printing Service QUALIFIED51Ivan Magalhaes
1025Izzy V CampainUnited Kingdom2026-10-10Commercial Press PROPOSAL10Asiya Javayant
1026Sinclair F SergiJapan2026-10-17Buckley Miller Wright QUALIFIED62Anna Fali
1027Costa H CaldareraIndia2026-10-24Chemel, James L Cpa QUALIFIED64Anna Fali
1028Johnson Y FollerIndia2026-10-12Chemel, James L Cpa UNQUALIFIED92Xuxue Feng
1029Kadeem W MorascaIndia2026-10-28Chapman, Ross E Esq UNQUALIFIED52Bernardo Dominic
1030Clifford K FlosiFrance2026-10-13Chemel, James L Cpa UNQUALIFIED76Bernardo Dominic
1031Jones L ButtAustralia2026-10-25Morlong Associates UNQUALIFIED81Stephen Shaw
1032Morrow X AmigonUnited Kingdom2026-11-03Buckley Miller Wright QUALIFIED59Anna Fali
1033Silvio O RoysterIndia2026-10-27Commercial Press NEGOTIATION46Ivan Magalhaes
1034Rodrigues T PoquetteItaly2026-10-11Feltz Printing Service RENEWAL26Amy Elsner
1035Aruna N GauchoFrance2026-10-24Feltz Printing Service PROPOSAL83Amy Elsner
1036Francesco N RulapaughArgentina2026-10-12Morlong Associates NEW87Anna Fali
1037Leja O GillianBrazil2026-11-05Rangoni Of Florence UNQUALIFIED58Stephen Shaw
1038Francesco X BowleyArgentina2026-10-09Morlong Associates PROPOSAL94Xuxue Feng
1039Octavia V NickaSpain2026-10-29Commercial Press PROPOSAL5Stephen Shaw
1040Ashley I KolmetzArgentina2026-10-23Rangoni Of Florence UNQUALIFIED14Xuxue Feng
1041Salvatore K WhobreyRussia2026-10-28King, Christopher A Esq NEW26Onyama Limba
1042Aika F ChuiJapan2026-10-12Benton, John B Jr PROPOSAL91Amy Elsner
1043Izzy P GillianItaly2026-10-17Truhlar And Truhlar Attys RENEWAL3Bernardo Dominic
1044Greenwood I NestleItaly2026-11-01Dorl, James J Esq NEGOTIATION65Asiya Javayant
1045Isabel H DoeSpain2026-10-20Chemel, James L Cpa NEGOTIATION7Onyama Limba
1046Leja W BriddickFrance2026-10-15Benton, John B Jr NEGOTIATION41Elwin Sharvill
1047Maria S DarakjyRussia2026-10-31Chemel, James L Cpa UNQUALIFIED46Xuxue Feng
1048Deepesh L OstroskyCanada2026-10-20Printing Dimensions NEW61Asiya Javayant
1049Jennifer P GlickAustralia2026-10-17Rousseaux, Michael Esq NEGOTIATION26Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Smith S StensethUnited KingdomAnna Fali UNQUALIFIED
Deepesh Q VenereItalyXuxue Feng QUALIFIED
Salvatore N DarakjyIndiaAmy Elsner NEW
Ricardo N ChuiRussiaIoni Bowcher PROPOSAL
Salvatore Z CaudyRussiaIvan Magalhaes PROPOSAL
Alejandro K FigeroaRussiaOnyama Limba QUALIFIED
Jennifer C BowleyJapanAsiya Javayant RENEWAL
Arvin R VocelkaUnited KingdomStephen Shaw QUALIFIED
Ivar H ButtFranceAsiya Javayant NEGOTIATION
Misaki K FollerArgentinaBernardo Dominic UNQUALIFIED
Chavez O NestleItalyStephen Shaw RENEWAL
Ivar V WhobreyBrazilIvan Magalhaes NEW
Jeanfrancois E GarufiUnited KingdomBernardo Dominic NEGOTIATION
Juan B MacleadItalyIoni Bowcher QUALIFIED
Wickens Z MacleadRussiaOnyama Limba UNQUALIFIED
Salvatore R TollnerCanadaAmy Elsner UNQUALIFIED
Costa L InouyeGermanyAmy Elsner UNQUALIFIED
Leon J FigeroaItalyIoni Bowcher QUALIFIED
Smith U GarufiSpainStephen Shaw NEGOTIATION
Clifford I SchemmerItalyStephen Shaw QUALIFIED
Nicolas L WieserUnited KingdomIoni Bowcher QUALIFIED
Salvatore Z SchemmerFranceAmy Elsner UNQUALIFIED
Aika J GauchoBrazilIoni Bowcher NEW
Stacey V WaycottUnited KingdomXuxue Feng UNQUALIFIED
Stacey F NestleCanadaElwin Sharvill QUALIFIED
Aditya U GillianUnited KingdomAmy Elsner RENEWAL
Salvatore E MaletGermanyIvan Magalhaes PROPOSAL
Mayumi X OldroydJapanIoni Bowcher PROPOSAL
Deepesh K VenereArgentinaIoni Bowcher RENEWAL
Ricardo B GlickAustraliaElwin Sharvill NEGOTIATION
James W GauchoIndiaIoni Bowcher RENEWAL
Adams Y BologniaCanadaAsiya Javayant QUALIFIED
Silvio W ShinkoRussiaAsiya Javayant NEGOTIATION
Cody M NickaArgentinaBernardo Dominic NEW
Jennifer S CampainGermanyIoni Bowcher NEGOTIATION
Misaki Y ChuiSpainXuxue Feng RENEWAL
Ivar O StockhamUnited KingdomAnna Fali PROPOSAL
Izzy A SlusarskiAustraliaAnna Fali NEW
Francesco O GillianJapanXuxue Feng PROPOSAL
Leon O DilliardGermanyElwin Sharvill PROPOSAL
Antonio Y MarrierJapanIoni Bowcher RENEWAL
Claire C SaylorsJapanBernardo Dominic NEGOTIATION
Leon U DoeUnited KingdomStephen Shaw PROPOSAL
Maisha N SlusarskiRussiaOnyama Limba PROPOSAL
Octavia A GillianItalyElwin Sharvill PROPOSAL
Stacey E FerenczRussiaAsiya Javayant PROPOSAL
Aika W GarufiCanadaOnyama Limba UNQUALIFIED
Greenwood A MorascaSpainStephen Shaw QUALIFIED
Francesco P BologniaCanadaElwin Sharvill NEGOTIATION
Jeanfrancois D MarrierBrazilBernardo Dominic RENEWAL
Frozen Columns
Name
Clifford N Waycott
Johnson N Schemmer
Wickens C Paprocki
Jeanfrancois M Saylors
Aditya Y Dilliard
Ivar H Caldarera
Greenwood O Morasca
Antonio I Saylors
Aditya Y Whobrey
Johnson C Dilliard
Deepesh R Inouye
Chavez K Rulapaugh
Leja B Glick
Munro L Chui
Kadeem Q Caldarera
Wickens T Doe
Rodrigues H Tollner
Aditya D Iturbide
Ricardo S Albares
Izzy H Marrier
Chavez I Amigon
Isabel M Gillian
Mujtaba I Saylors
Ashley L Poquette
Darci Q Dilliard
Rodrigues V Marrier
Deepesh N Albares
Cody F Venere
Clifford L Tollner
Emily I Morasca
Ricardo O Flosi
Adams X Waycott
Mayumi Z Bowley
Murillo E Foller
Arvin A Bolognia
Murillo P Morasca
Maria Q Gaucho
Antonio P Rim
Juan Z Ferencz
Chavez M Figeroa
Greenwood Z Doe
Francesco R Waycott
Adams T Chui
Darci U Dilliard
Mayumi S Caldarera
Ricardo G Caldarera
Leon H Shinko
Julie A Oldroyd
Adams D Chui
Tony B Paprocki
IdCountryDate
1000United Kingdom2026-10-22
1001Canada2026-10-14
1002France2026-10-09
1003Italy2026-11-07
1004Spain2026-10-30
1005India2026-10-11
1006Australia2026-10-09
1007Australia2026-10-21
1008Japan2026-11-03
1009Canada2026-10-14
1010India2026-10-23
1011United Kingdom2026-10-09
1012Spain2026-11-01
1013Australia2026-11-03
1014Italy2026-10-24
1015Italy2026-10-10
1016Brazil2026-10-21
1017Canada2026-10-21
1018Argentina2026-10-20
1019Canada2026-10-27
1020Italy2026-10-25
1021Canada2026-10-14
1022Australia2026-11-07
1023Germany2026-11-02
1024Italy2026-11-05
1025United Kingdom2026-11-04
1026Japan2026-11-03
1027Italy2026-10-22
1028Australia2026-10-27
1029Russia2026-10-22
1030Brazil2026-10-31
1031Spain2026-11-06
1032Spain2026-10-28
1033Argentina2026-10-18
1034Italy2026-10-12
1035Italy2026-10-31
1036Australia2026-10-12
1037Argentina2026-10-14
1038India2026-10-11
1039Australia2026-10-29
1040India2026-10-15
1041Germany2026-10-26
1042Spain2026-10-23
1043Germany2026-10-11
1044France2026-10-22
1045Spain2026-11-03
1046France2026-10-19
1047Russia2026-10-14
1048Spain2026-10-23
1049Spain2026-10-21

On-Demand Data

NameIdCountryDate
Clifford M Waycott1000Germany2026-10-21
Salvatore V Briddick1001Italy2026-10-25
Kaitlin F Vocelka1002Spain2026-11-04
Rodrigues Z Ostrosky1003France2026-10-29
Julie M Doe1004Brazil2026-10-22
Nicolas V Venere1005Russia2026-10-30
Salvatore I Gaucho1006Brazil2026-10-28
Leja F Rulapaugh1007Brazil2026-10-14
Emily F Briddick1008Australia2026-10-23
Julie S Foller1009United Kingdom2026-10-31
Izzy W Briddick1010India2026-11-02
Chavez E Marrier1011France2026-10-11
James Y Darakjy1012Australia2026-10-25
Salvatore O Royster1013United Kingdom2026-10-29
Leon E Ostrosky1014Canada2026-10-20
Darci M Perin1015Japan2026-11-02
Smith E Campain1016Canada2026-11-05
Johnson Y Chui1017United Kingdom2026-11-01
Chavez F Oldroyd1018Japan2026-10-19
Salvatore C Nestle1019Russia2026-11-06
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aruna L KolmetzFranceAmy Elsner NEGOTIATION
Sinclair D KuskoCanadaAnna Fali PROPOSAL
Aruna K RimJapanXuxue Feng UNQUALIFIED
Johnson I SchemmerUnited KingdomIoni Bowcher RENEWAL
Claire S ButtCanadaAnna Fali PROPOSAL
Aditya U SlusarskiIndiaBernardo Dominic RENEWAL
Leja F RoysterBrazilAnna Fali NEGOTIATION
Leon Z GlickItalyAnna Fali UNQUALIFIED
Juan E BowleyAustraliaOnyama Limba QUALIFIED
Cody O NestleItalyStephen Shaw RENEWAL
Cody W StensethUnited KingdomIoni Bowcher QUALIFIED
Chavez Q StockhamJapanAnna Fali QUALIFIED
Juan N IturbideItalyAnna Fali PROPOSAL
Silvio C GlickAustraliaOnyama Limba QUALIFIED
Chavez O WieserUnited KingdomAnna Fali RENEWAL
Maria J GlickFranceIvan Magalhaes NEW
Antonio T FlosiIndiaIoni Bowcher QUALIFIED
Arvin G AlbaresJapanAnna Fali QUALIFIED
Maria K SergiBrazilXuxue Feng QUALIFIED
Morrow L MacleadBrazilXuxue Feng PROPOSAL
Clifford J WaycottUnited KingdomStephen Shaw RENEWAL
Nicolas N SchemmerRussiaElwin Sharvill RENEWAL
Aruna B FollerBrazilIvan Magalhaes UNQUALIFIED
Jennifer L MacleadAustraliaStephen Shaw UNQUALIFIED
Aditya K BriddickIndiaBernardo Dominic QUALIFIED
Munro U CampainJapanAnna Fali UNQUALIFIED
David V FollerGermanyElwin Sharvill NEGOTIATION
Tony O StensethArgentinaIoni Bowcher NEGOTIATION
Ashley K SaylorsCanadaElwin Sharvill NEGOTIATION
Octavia Y NestleFranceAnna Fali PROPOSAL
Ivar N GillianJapanOnyama Limba NEGOTIATION
Leja M GlickGermanyAsiya Javayant RENEWAL
Francesco V SlusarskiBrazilXuxue Feng NEW
Jones H WhobreyAustraliaXuxue Feng UNQUALIFIED
David J MarrierFranceStephen Shaw UNQUALIFIED
Antonio D NickaArgentinaAsiya Javayant UNQUALIFIED
Tony Q IturbideBrazilIvan Magalhaes QUALIFIED
Julie I DilliardAustraliaIoni Bowcher PROPOSAL
Arvin A FlosiAustraliaStephen Shaw QUALIFIED
Clifford E PoquetteGermanyAsiya Javayant NEW

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