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
Emily M DoeSpainXuxue Feng UNQUALIFIED
Alejandro W CampainArgentinaStephen Shaw NEGOTIATION
Silvio T OldroydArgentinaAnna Fali PROPOSAL
Chavez J SaylorsGermanyAnna Fali NEW
Stacey V FerenczJapanIoni Bowcher PROPOSAL
Izzy X AlbaresCanadaIoni Bowcher PROPOSAL
Jeanfrancois B KolmetzGermanyAmy Elsner RENEWAL
Stacey L FerenczRussiaXuxue Feng QUALIFIED
Smith O BologniaCanadaIoni Bowcher QUALIFIED
Wickens D VenereAustraliaElwin Sharvill PROPOSAL
Smith N FlosiRussiaOnyama Limba UNQUALIFIED
Arvin F PoquetteIndiaStephen Shaw UNQUALIFIED
Johnson A KolmetzCanadaAnna Fali QUALIFIED
Juan F BologniaCanadaOnyama Limba NEW
Izzy E GarufiSpainAmy Elsner NEGOTIATION
James S AlbaresArgentinaElwin Sharvill QUALIFIED
Aditya Q RulapaughGermanyAmy Elsner PROPOSAL
James K DilliardAustraliaAmy Elsner NEGOTIATION
Stacey Z KuskoUnited KingdomAmy Elsner NEGOTIATION
Murillo F PerinUnited KingdomOnyama Limba UNQUALIFIED
Costa V IturbideRussiaBernardo Dominic QUALIFIED
Kadeem M PaprockiUnited KingdomAmy Elsner RENEWAL
Misaki Z RimUnited KingdomAnna Fali PROPOSAL
Clifford X OstroskyJapanAmy Elsner UNQUALIFIED
Kaitlin O FollerRussiaAsiya Javayant UNQUALIFIED
Isabel I VenereSpainIvan Magalhaes QUALIFIED
Julie J GarufiArgentinaAmy Elsner RENEWAL
Nicolas F MorascaItalyXuxue Feng RENEWAL
Aruna X GauchoBrazilElwin Sharvill NEGOTIATION
Jennifer T NestleIndiaAnna Fali RENEWAL
Kadeem W CampainArgentinaAsiya Javayant QUALIFIED
Johnson M PoquetteUnited KingdomIvan Magalhaes RENEWAL
Nicolas W ChuiBrazilElwin Sharvill UNQUALIFIED
Johnson A PoquetteArgentinaIoni Bowcher PROPOSAL
Morrow A DoeBrazilOnyama Limba QUALIFIED
Isabel Z OstroskySpainAsiya Javayant PROPOSAL
Claire K SchemmerIndiaBernardo Dominic UNQUALIFIED
Izzy M ButtSpainAmy Elsner QUALIFIED
Adams D GauchoJapanElwin Sharvill NEW
Ashley M SlusarskiRussiaBernardo Dominic NEGOTIATION
Clifford Y PerinItalyBernardo Dominic NEW
Ivar G OstroskyAustraliaXuxue Feng PROPOSAL
Julie O VenereAustraliaElwin Sharvill NEW
Aika T PerinUnited KingdomStephen Shaw NEW
Ivar U KolmetzBrazilOnyama Limba UNQUALIFIED
Chavez S SlusarskiJapanIoni Bowcher NEW
Misaki V WieserArgentinaAmy Elsner UNQUALIFIED
Rodrigues X PerinFranceXuxue Feng RENEWAL
Juan Q KuskoJapanStephen Shaw NEW
Tony S OstroskyArgentinaAsiya Javayant QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Morrow U StensethUnited KingdomBernardo Dominic RENEWAL
Leja W BowleyItalyOnyama Limba QUALIFIED
Deepesh N GarufiIndiaBernardo Dominic UNQUALIFIED
Stacey O FerenczSpainBernardo Dominic UNQUALIFIED
Munro D FerenczJapanStephen Shaw RENEWAL
Emily A BriddickItalyXuxue Feng PROPOSAL
Ricardo N KolmetzBrazilIvan Magalhaes PROPOSAL
Kaitlin P InouyeCanadaIvan Magalhaes NEW
Jefferson K FlosiRussiaIvan Magalhaes NEW
Johnson X MorascaUnited KingdomIoni Bowcher PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Alejandro G CaldareraBrazil2026-09-14Truhlar And Truhlar Attys NEW39Ioni Bowcher
1001Isabel T InouyeRussia2026-10-04Truhlar And Truhlar Attys PROPOSAL59Xuxue Feng
1002Jefferson I FlosiItaly2026-10-05Rangoni Of Florence UNQUALIFIED65Onyama Limba
1003Misaki Q GillianAustralia2026-10-02Chemel, James L Cpa QUALIFIED38Xuxue Feng
1004Tony O DilliardFrance2026-09-16Truhlar And Truhlar Attys NEW39Onyama Limba
1005Costa H VocelkaGermany2026-09-18Rangoni Of Florence NEW3Ivan Magalhaes
1006Munro S AmigonArgentina2026-09-17Benton, John B Jr UNQUALIFIED24Xuxue Feng
1007Morrow X AlbaresBrazil2026-09-14Commercial Press UNQUALIFIED64Anna Fali
1008Tony P GarufiAustralia2026-10-02Chemel, James L Cpa UNQUALIFIED57Xuxue Feng
1009Jefferson Z CampainGermany2026-09-12Benton, John B Jr PROPOSAL7Ivan Magalhaes
1010Salvatore E BologniaArgentina2026-09-23King, Christopher A Esq PROPOSAL76Xuxue Feng
1011Aika L CampainIndia2026-10-03Benton, John B Jr QUALIFIED69Ioni Bowcher
1012Jeanfrancois D PerinJapan2026-09-27Truhlar And Truhlar Attys NEW21Ivan Magalhaes
1013Johnson L FollerItaly2026-09-30Commercial Press PROPOSAL46Anna Fali
1014Maria V OldroydRussia2026-09-21Commercial Press NEW11Asiya Javayant
1015Aditya D BologniaArgentina2026-09-12Truhlar And Truhlar Attys QUALIFIED78Ioni Bowcher
1016Clifford P DilliardArgentina2026-09-26Rangoni Of Florence UNQUALIFIED66Anna Fali
1017Johnson K VocelkaUnited Kingdom2026-10-05King, Christopher A Esq NEGOTIATION30Amy Elsner
1018Alejandro X ChuiSpain2026-10-08Dorl, James J Esq UNQUALIFIED15Stephen Shaw
1019Greenwood N PerinFrance2026-10-08Dorl, James J Esq NEGOTIATION84Asiya Javayant
1020Jeanfrancois Z CampainFrance2026-09-28Morlong Associates PROPOSAL69Stephen Shaw
1021Deepesh E PoquetteCanada2026-10-07Benton, John B Jr QUALIFIED15Ivan Magalhaes
1022Kadeem X WieserJapan2026-10-08Rousseaux, Michael Esq UNQUALIFIED52Stephen Shaw
1023Greenwood B NestleGermany2026-09-15Chanay, Jeffrey A Esq RENEWAL77Ioni Bowcher
1024Jefferson C DilliardBrazil2026-09-18Printing Dimensions QUALIFIED24Stephen Shaw
1025Sinclair U BologniaItaly2026-09-27Chapman, Ross E Esq RENEWAL69Xuxue Feng
1026Tony Z AlbaresRussia2026-10-01Benton, John B Jr NEW86Onyama Limba
1027Kaitlin Y FigeroaCanada2026-09-23Morlong Associates PROPOSAL28Amy Elsner
1028Aika S RimGermany2026-10-04Chemel, James L Cpa UNQUALIFIED10Ioni Bowcher
1029Murillo V NestleSpain2026-10-02Feiner Bros QUALIFIED88Anna Fali
1030Kadeem B MaletUnited Kingdom2026-09-21Feltz Printing Service NEGOTIATION78Ivan Magalhaes
1031Morrow I RoysterFrance2026-09-25Benton, John B Jr NEGOTIATION82Anna Fali
1032Aditya B WieserBrazil2026-10-08King, Christopher A Esq NEW32Anna Fali
1033Costa V KolmetzCanada2026-09-30King, Christopher A Esq NEGOTIATION69Ioni Bowcher
1034Silvio J VenereSpain2026-10-10Chanay, Jeffrey A Esq NEW84Elwin Sharvill
1035Jones D InouyeGermany2026-09-22Chanay, Jeffrey A Esq PROPOSAL79Xuxue Feng
1036Aruna A IturbideJapan2026-09-14Morlong Associates PROPOSAL53Stephen Shaw
1037Leja R FigeroaGermany2026-10-03Feltz Printing Service PROPOSAL22Bernardo Dominic
1038Ashley C CaudySpain2026-09-30Benton, John B Jr RENEWAL99Ioni Bowcher
1039Jeanfrancois B KuskoArgentina2026-09-27Dorl, James J Esq QUALIFIED57Anna Fali
1040Jones C GillianArgentina2026-09-22Feiner Bros UNQUALIFIED96Ivan Magalhaes
1041Silvio Y CaldareraIndia2026-10-03Buckley Miller Wright PROPOSAL45Elwin Sharvill
1042Julie C ChuiAustralia2026-10-03Chemel, James L Cpa NEGOTIATION97Elwin Sharvill
1043Sinclair F StockhamArgentina2026-09-19Benton, John B Jr RENEWAL86Onyama Limba
1044Munro S MorascaBrazil2026-09-18Morlong Associates RENEWAL61Bernardo Dominic
1045Julie S DilliardJapan2026-10-10Buckley Miller Wright PROPOSAL85Bernardo Dominic
1046Francesco B GauchoUnited Kingdom2026-09-26Printing Dimensions UNQUALIFIED95Amy Elsner
1047Chavez S NickaFrance2026-10-08Rangoni Of Florence NEGOTIATION58Bernardo Dominic
1048Leon E StockhamBrazil2026-09-17Chemel, James L Cpa QUALIFIED42Ioni Bowcher
1049Adams A SaylorsCanada2026-09-11Benton, John B Jr UNQUALIFIED21Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Aika M PaprockiBrazilXuxue Feng NEGOTIATION
Jennifer I SlusarskiArgentinaOnyama Limba QUALIFIED
Faith B SergiAustraliaOnyama Limba UNQUALIFIED
Tony B NickaAustraliaAmy Elsner RENEWAL
Sinclair H PaprockiJapanAmy Elsner NEW
Morrow M OldroydIndiaOnyama Limba RENEWAL
Misaki V ShinkoItalyBernardo Dominic NEGOTIATION
Julie B FollerRussiaStephen Shaw PROPOSAL
Darci I BologniaAustraliaXuxue Feng UNQUALIFIED
Tony X CaudyGermanyStephen Shaw RENEWAL
Smith J PoquetteUnited KingdomIoni Bowcher RENEWAL
Smith P AmigonRussiaBernardo Dominic QUALIFIED
Jefferson U WaycottArgentinaOnyama Limba RENEWAL
Tony A VenereFranceElwin Sharvill QUALIFIED
Munro W BowleyUnited KingdomAmy Elsner UNQUALIFIED
Maisha A CaudyCanadaIvan Magalhaes NEGOTIATION
Johnson R SchemmerIndiaAmy Elsner NEW
Faith A GillianUnited KingdomIoni Bowcher UNQUALIFIED
Faith L SchemmerArgentinaAmy Elsner PROPOSAL
Claire X FerenczItalyAnna Fali NEW
Greenwood E RoysterBrazilXuxue Feng NEW
Jeanfrancois X SlusarskiJapanIvan Magalhaes NEGOTIATION
Silvio M VenereItalyAsiya Javayant UNQUALIFIED
Darci L AlbaresGermanyOnyama Limba UNQUALIFIED
Jones E OstroskyIndiaBernardo Dominic NEW
Leon F StockhamIndiaAmy Elsner PROPOSAL
Jennifer F FerenczRussiaIvan Magalhaes PROPOSAL
Jefferson D SergiAustraliaIvan Magalhaes NEGOTIATION
Kadeem C GillianUnited KingdomXuxue Feng UNQUALIFIED
Ricardo G DilliardArgentinaAnna Fali PROPOSAL
Ivar V CampainBrazilXuxue Feng UNQUALIFIED
Mujtaba D SaylorsBrazilOnyama Limba NEGOTIATION
Murillo Y IturbideItalyAmy Elsner PROPOSAL
Smith G MacleadBrazilAnna Fali QUALIFIED
Maria R FerenczJapanBernardo Dominic PROPOSAL
Darci B MaletItalyIoni Bowcher NEW
Deepesh J ChuiArgentinaBernardo Dominic PROPOSAL
Cody U InouyeCanadaAmy Elsner RENEWAL
Mujtaba X VenereFranceIoni Bowcher QUALIFIED
Aika B PoquetteItalyOnyama Limba NEGOTIATION
Salvatore K NestleBrazilIoni Bowcher NEW
Johnson L GarufiUnited KingdomIvan Magalhaes NEGOTIATION
Cody Y MaletIndiaAnna Fali NEW
Ivar Y KolmetzCanadaAsiya Javayant QUALIFIED
Alejandro O MarrierBrazilIvan Magalhaes NEGOTIATION
David M StockhamCanadaAmy Elsner PROPOSAL
Wickens R MacleadIndiaIvan Magalhaes RENEWAL
Kadeem D GlickArgentinaAmy Elsner RENEWAL
Stacey F ButtAustraliaElwin Sharvill UNQUALIFIED
Murillo Y IturbideUnited KingdomBernardo Dominic NEW
Frozen Columns
Name
Juan P Briddick
Chavez U Schemmer
Tony L Maclead
Rodrigues H Bolognia
Alejandro N Darakjy
Aditya D Maclead
Leja R Glick
Arvin U Amigon
Leon C Venere
Arvin U Darakjy
Murillo K Glick
Jeanfrancois F Kusko
David V Wieser
Rodrigues O Malet
Alejandro K Waycott
Isabel C Caudy
Tony B Marrier
James R Stockham
Costa Y Flosi
Izzy T Rim
David K Glick
Costa Q Figeroa
Octavia Q Shinko
Juan V Darakjy
Smith X Figeroa
Tony Q Garufi
James G Garufi
Jefferson U Morasca
Clifford K Paprocki
Aditya I Malet
Salvatore U Poquette
Sinclair Y Ruta
Murillo W Iturbide
Cody N Ferencz
Mayumi A Bolognia
Faith H Bowley
Costa G Malet
Antonio K Waycott
Smith I Nestle
Izzy E Ferencz
Murillo V Morasca
Kaitlin T Iturbide
Clifford J Malet
Wickens K Dilliard
Emily Z Schemmer
Claire J Gaucho
Sinclair Z Perin
Stacey P Caldarera
Murillo C Waycott
Arvin K Saylors
IdCountryDate
1000United Kingdom2026-09-23
1001Spain2026-09-19
1002Italy2026-09-21
1003Germany2026-09-13
1004Japan2026-09-20
1005France2026-09-21
1006Japan2026-09-16
1007United Kingdom2026-09-23
1008India2026-09-19
1009Japan2026-09-17
1010Australia2026-09-18
1011Brazil2026-09-22
1012Canada2026-10-01
1013Australia2026-10-09
1014Russia2026-10-07
1015India2026-10-09
1016Spain2026-10-10
1017United Kingdom2026-09-25
1018France2026-09-15
1019Russia2026-10-10
1020Australia2026-09-21
1021Brazil2026-10-06
1022Canada2026-10-01
1023United Kingdom2026-09-21
1024France2026-09-21
1025Canada2026-09-26
1026Brazil2026-09-21
1027Japan2026-10-07
1028Russia2026-10-02
1029Canada2026-10-03
1030Spain2026-10-09
1031Russia2026-09-27
1032Brazil2026-10-04
1033India2026-09-30
1034United Kingdom2026-09-24
1035Russia2026-09-14
1036Russia2026-09-24
1037Spain2026-09-23
1038Germany2026-09-13
1039Japan2026-10-10
1040Argentina2026-09-20
1041Italy2026-09-24
1042Canada2026-09-14
1043Canada2026-10-09
1044Japan2026-10-06
1045Argentina2026-09-22
1046Spain2026-09-28
1047Russia2026-09-12
1048Japan2026-10-08
1049United Kingdom2026-10-10

On-Demand Data

NameIdCountryDate
Antonio T Campain1000Germany2026-10-07
Faith Z Morasca1001Spain2026-09-26
Emily I Figeroa1002Spain2026-09-20
Chavez R Ruta1003Brazil2026-10-03
Faith J Rulapaugh1004Germany2026-09-19
Chavez C Poquette1005Italy2026-10-04
Aika R Malet1006Germany2026-10-03
Alejandro C Kolmetz1007Brazil2026-10-10
Johnson Y Sergi1008France2026-09-30
Greenwood K Stockham1009Spain2026-09-18
Aruna O Whobrey1010Australia2026-10-01
Darci R Stockham1011India2026-10-02
Johnson M Chui1012Italy2026-09-26
Julie Y Chui1013Russia2026-10-04
Kaitlin I Whobrey1014Spain2026-09-20
Francesco R Garufi1015Australia2026-09-16
Jones J Albares1016United Kingdom2026-10-07
Adams S Maclead1017Argentina2026-09-23
Francesco T Morasca1018India2026-09-21
Ashley A Gillian1019Brazil2026-09-24
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Claire N FigeroaCanadaAmy Elsner PROPOSAL
Munro X SaylorsGermanyXuxue Feng NEGOTIATION
Antonio K GlickRussiaIoni Bowcher UNQUALIFIED
Jefferson H FollerFranceAnna Fali UNQUALIFIED
Jefferson U VenereAustraliaOnyama Limba QUALIFIED
Faith Y CaudyAustraliaAsiya Javayant NEGOTIATION
Deepesh K DoeJapanOnyama Limba NEW
Ricardo H BowleyJapanIvan Magalhaes RENEWAL
Arvin T PaprockiGermanyAmy Elsner RENEWAL
Adams J PerinArgentinaOnyama Limba NEW
Salvatore Q ChuiSpainStephen Shaw QUALIFIED
Adams A RutaJapanElwin Sharvill RENEWAL
Mujtaba C BowleyAustraliaStephen Shaw QUALIFIED
Aika H FigeroaRussiaAsiya Javayant NEGOTIATION
Emily N GauchoRussiaBernardo Dominic PROPOSAL
Morrow A KuskoSpainIoni Bowcher NEW
Juan R AlbaresJapanBernardo Dominic QUALIFIED
Misaki Y FerenczBrazilElwin Sharvill UNQUALIFIED
Smith S SlusarskiFranceStephen Shaw NEW
Ivar R PoquetteUnited KingdomXuxue Feng NEGOTIATION
Jeanfrancois N CaudyFranceStephen Shaw RENEWAL
Leja H GlickItalyBernardo Dominic PROPOSAL
Tony B RulapaughArgentinaStephen Shaw PROPOSAL
Greenwood R FollerBrazilStephen Shaw RENEWAL
Tony K MaletUnited KingdomIvan Magalhaes NEGOTIATION
Misaki A NestleIndiaOnyama Limba NEW
Izzy O VocelkaAustraliaIoni Bowcher PROPOSAL
Morrow W DoeBrazilIoni Bowcher UNQUALIFIED
Sinclair A ShinkoBrazilAsiya Javayant NEW
Aditya T OstroskyItalyAmy Elsner QUALIFIED
Darci Q FerenczJapanStephen Shaw RENEWAL
Clifford I RimItalyIvan Magalhaes NEGOTIATION
Isabel W PerinItalyAsiya Javayant NEGOTIATION
Sinclair A GlickAustraliaIoni Bowcher PROPOSAL
Francesco X IturbideUnited KingdomAsiya Javayant PROPOSAL
Jefferson W StockhamJapanIvan Magalhaes UNQUALIFIED
Claire P RutaIndiaAmy Elsner PROPOSAL
Tony U DarakjyArgentinaElwin Sharvill PROPOSAL
Chavez M SlusarskiAustraliaOnyama Limba QUALIFIED
Jones C ChuiIndiaAmy 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>