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
Misaki N NestleFranceOnyama Limba PROPOSAL
Morrow E DilliardUnited KingdomXuxue Feng PROPOSAL
Nicolas W StockhamIndiaBernardo Dominic NEW
Julie F BowleyArgentinaOnyama Limba NEGOTIATION
Jefferson D WieserGermanyOnyama Limba NEGOTIATION
Deepesh E DilliardBrazilAsiya Javayant NEGOTIATION
Costa F BologniaIndiaIoni Bowcher PROPOSAL
Stacey O KuskoArgentinaElwin Sharvill RENEWAL
Izzy K OstroskySpainXuxue Feng NEW
Ricardo G FlosiIndiaOnyama Limba NEW
Chavez F BologniaAustraliaAnna Fali UNQUALIFIED
Clifford K VocelkaCanadaXuxue Feng QUALIFIED
Julie O GillianJapanBernardo Dominic NEW
Nicolas X BowleyBrazilAmy Elsner PROPOSAL
Deepesh F MacleadGermanyStephen Shaw PROPOSAL
Julie Q AlbaresGermanyOnyama Limba NEW
Ivar X AmigonIndiaAsiya Javayant PROPOSAL
Deepesh Q TollnerIndiaAmy Elsner PROPOSAL
Arvin E VocelkaUnited KingdomIoni Bowcher QUALIFIED
Aruna K RoysterFranceIoni Bowcher QUALIFIED
Murillo W IturbideItalyAnna Fali UNQUALIFIED
Jefferson Q MorascaUnited KingdomOnyama Limba UNQUALIFIED
Munro Y SlusarskiRussiaOnyama Limba NEGOTIATION
Chavez W FigeroaItalyAmy Elsner UNQUALIFIED
Salvatore G ButtArgentinaAnna Fali PROPOSAL
Chavez N NickaArgentinaXuxue Feng NEGOTIATION
David J DilliardFranceOnyama Limba NEGOTIATION
Maisha L DilliardIndiaOnyama Limba UNQUALIFIED
Rodrigues T DarakjyArgentinaElwin Sharvill RENEWAL
Juan S DoeSpainAnna Fali UNQUALIFIED
Adams N PoquetteSpainElwin Sharvill UNQUALIFIED
Clifford F KuskoGermanyAsiya Javayant QUALIFIED
Jennifer J OldroydUnited KingdomAmy Elsner UNQUALIFIED
Mayumi J GarufiJapanStephen Shaw NEW
Jefferson P DarakjyJapanElwin Sharvill NEGOTIATION
Jeanfrancois M SaylorsSpainOnyama Limba RENEWAL
Johnson G MacleadBrazilAsiya Javayant UNQUALIFIED
Aditya S PoquetteItalyIvan Magalhaes PROPOSAL
Aruna M OldroydArgentinaAmy Elsner NEGOTIATION
Maisha C FlosiUnited KingdomIoni Bowcher UNQUALIFIED
Salvatore N RoysterUnited KingdomXuxue Feng QUALIFIED
Darci F RoysterIndiaAsiya Javayant QUALIFIED
Wickens O KuskoIndiaBernardo Dominic UNQUALIFIED
Alejandro K MarrierArgentinaElwin Sharvill QUALIFIED
Sinclair Q MacleadFranceBernardo Dominic QUALIFIED
Antonio B BriddickUnited KingdomXuxue Feng NEGOTIATION
Octavia F GauchoCanadaAsiya Javayant UNQUALIFIED
Izzy X GillianBrazilIoni Bowcher QUALIFIED
Ashley C InouyeItalyIvan Magalhaes UNQUALIFIED
Darci S SergiCanadaOnyama Limba NEW
Horizontal
NameCountryRepresentativeStatus
Isabel A VocelkaRussiaIvan Magalhaes UNQUALIFIED
Morrow G KuskoAustraliaAmy Elsner UNQUALIFIED
Isabel I GillianBrazilIoni Bowcher PROPOSAL
Jones U PoquetteJapanBernardo Dominic NEW
Misaki W PerinRussiaOnyama Limba NEW
Adams Z DilliardUnited KingdomStephen Shaw NEGOTIATION
Murillo L FlosiGermanyIvan Magalhaes QUALIFIED
Maria Y SaylorsCanadaElwin Sharvill QUALIFIED
Clifford Z MaletGermanyAsiya Javayant PROPOSAL
Julie D GlickRussiaStephen Shaw UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Mayumi A AlbaresIndia2026-10-31Dorl, James J Esq RENEWAL22Elwin Sharvill
1001Clifford R GillianSpain2026-10-18Chanay, Jeffrey A Esq PROPOSAL88Elwin Sharvill
1002Maria L BriddickGermany2026-10-28Benton, John B Jr NEW13Onyama Limba
1003Chavez D DoeItaly2026-10-18Chapman, Ross E Esq NEGOTIATION98Amy Elsner
1004Faith N ButtItaly2026-10-17Commercial Press NEGOTIATION39Ioni Bowcher
1005Adams K GauchoUnited Kingdom2026-11-05Benton, John B Jr NEGOTIATION48Xuxue Feng
1006Rodrigues I CaldareraRussia2026-10-22Printing Dimensions QUALIFIED65Xuxue Feng
1007Costa U PoquetteItaly2026-11-03Rangoni Of Florence NEW6Ivan Magalhaes
1008Chavez P FerenczJapan2026-11-08Benton, John B Jr PROPOSAL62Bernardo Dominic
1009Ashley I WaycottBrazil2026-11-09Commercial Press RENEWAL50Bernardo Dominic
1010Aditya M PoquetteUnited Kingdom2026-11-07Printing Dimensions PROPOSAL16Ivan Magalhaes
1011Silvio C IturbideIndia2026-11-01Buckley Miller Wright PROPOSAL80Ivan Magalhaes
1012James J RoysterCanada2026-10-28King, Christopher A Esq RENEWAL51Elwin Sharvill
1013Smith Z RoysterJapan2026-10-27Benton, John B Jr NEW19Stephen Shaw
1014Kaitlin T BologniaRussia2026-10-27Feltz Printing Service PROPOSAL45Amy Elsner
1015Jennifer A ChuiAustralia2026-10-27Chapman, Ross E Esq NEW53Ivan Magalhaes
1016Nicolas M PoquetteJapan2026-10-30King, Christopher A Esq QUALIFIED34Xuxue Feng
1017James U WhobreyUnited Kingdom2026-10-18Rousseaux, Michael Esq RENEWAL65Ioni Bowcher
1018Johnson R TollnerArgentina2026-10-17Dorl, James J Esq UNQUALIFIED18Elwin Sharvill
1019Faith R RoysterCanada2026-11-08Morlong Associates PROPOSAL72Ioni Bowcher
1020Salvatore K GlickIndia2026-10-16Printing Dimensions UNQUALIFIED22Elwin Sharvill
1021Kadeem K BowleyGermany2026-10-26Buckley Miller Wright PROPOSAL4Bernardo Dominic
1022Juan Y SchemmerArgentina2026-10-24Feiner Bros RENEWAL26Ioni Bowcher
1023Ivar J SaylorsJapan2026-11-05Feltz Printing Service UNQUALIFIED40Xuxue Feng
1024Johnson F DarakjySpain2026-10-27Feiner Bros RENEWAL72Onyama Limba
1025Greenwood X BowleyArgentina2026-10-23Truhlar And Truhlar Attys PROPOSAL54Amy Elsner
1026Leja P OstroskyIndia2026-10-27Feiner Bros RENEWAL16Asiya Javayant
1027Jeanfrancois L AlbaresCanada2026-10-28Printing Dimensions RENEWAL82Asiya Javayant
1028Izzy E GarufiFrance2026-10-22Truhlar And Truhlar Attys QUALIFIED76Anna Fali
1029Jennifer A GauchoGermany2026-10-23King, Christopher A Esq NEGOTIATION40Elwin Sharvill
1030Murillo D GauchoJapan2026-10-11Dorl, James J Esq UNQUALIFIED62Asiya Javayant
1031Izzy N VenereIndia2026-11-07Commercial Press NEW3Elwin Sharvill
1032James A TollnerAustralia2026-11-05Truhlar And Truhlar Attys QUALIFIED80Amy Elsner
1033Maria K ChuiFrance2026-11-03Rangoni Of Florence NEW69Ioni Bowcher
1034Misaki D FerenczFrance2026-10-23Rousseaux, Michael Esq PROPOSAL0Amy Elsner
1035Jeanfrancois C MaletRussia2026-10-29King, Christopher A Esq NEW88Onyama Limba
1036Arvin F ButtRussia2026-11-02Feiner Bros RENEWAL14Bernardo Dominic
1037Kadeem G GauchoAustralia2026-10-30Benton, John B Jr PROPOSAL93Amy Elsner
1038Costa E SaylorsArgentina2026-10-15King, Christopher A Esq PROPOSAL91Bernardo Dominic
1039Silvio V SaylorsCanada2026-10-16Buckley Miller Wright QUALIFIED38Bernardo Dominic
1040Jefferson T CaudySpain2026-10-25Truhlar And Truhlar Attys NEW31Amy Elsner
1041Aruna D ChuiArgentina2026-11-02Rangoni Of Florence RENEWAL21Ivan Magalhaes
1042Wickens I VocelkaItaly2026-10-19Chapman, Ross E Esq NEGOTIATION88Onyama Limba
1043Darci Q RutaAustralia2026-11-09King, Christopher A Esq QUALIFIED97Asiya Javayant
1044Misaki E WhobreyAustralia2026-10-19Feltz Printing Service UNQUALIFIED30Stephen Shaw
1045Sinclair T DarakjyBrazil2026-10-25Rangoni Of Florence QUALIFIED6Stephen Shaw
1046Chavez M AmigonAustralia2026-10-16Commercial Press QUALIFIED12Xuxue Feng
1047Aditya U SchemmerItaly2026-11-05Rousseaux, Michael Esq NEGOTIATION41Bernardo Dominic
1048Juan Y TollnerArgentina2026-10-16Buckley Miller Wright NEW23Onyama Limba
1049Maria B MorascaUnited Kingdom2026-11-01Morlong Associates PROPOSAL28Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Aika L GauchoFranceElwin Sharvill NEGOTIATION
Isabel R DoeAustraliaIoni Bowcher RENEWAL
Isabel W FollerCanadaIvan Magalhaes NEW
Mayumi S VocelkaUnited KingdomXuxue Feng PROPOSAL
Leon S TollnerSpainBernardo Dominic QUALIFIED
Izzy A WaycottCanadaAsiya Javayant NEGOTIATION
Adams S CampainFranceOnyama Limba NEW
Mujtaba N VocelkaGermanyIoni Bowcher NEGOTIATION
Isabel M StockhamUnited KingdomIvan Magalhaes PROPOSAL
Tony R AlbaresBrazilOnyama Limba UNQUALIFIED
Smith G RimGermanyXuxue Feng NEGOTIATION
Julie Y GillianItalyStephen Shaw PROPOSAL
Wickens L StensethItalyElwin Sharvill QUALIFIED
Kadeem R DoeJapanIoni Bowcher QUALIFIED
Leon A MorascaFranceStephen Shaw QUALIFIED
Claire H RoysterFranceIoni Bowcher UNQUALIFIED
Smith S MorascaIndiaBernardo Dominic RENEWAL
Jefferson S CaudyGermanyAsiya Javayant NEGOTIATION
Juan U DarakjyItalyAmy Elsner PROPOSAL
Aruna X BologniaBrazilBernardo Dominic QUALIFIED
Stacey Q FollerSpainXuxue Feng PROPOSAL
Juan M PoquetteGermanyAmy Elsner PROPOSAL
Cody S BowleySpainAnna Fali UNQUALIFIED
Chavez W ChuiCanadaIoni Bowcher PROPOSAL
Isabel B RulapaughGermanyIvan Magalhaes NEW
Maisha F RoysterSpainAsiya Javayant QUALIFIED
Cody G FerenczItalyStephen Shaw PROPOSAL
Jennifer W NickaFranceIvan Magalhaes RENEWAL
Julie I MaletAustraliaAnna Fali NEW
Ivar S AmigonBrazilIvan Magalhaes PROPOSAL
Maria O RoysterGermanyIvan Magalhaes NEW
Leon L RoysterItalyOnyama Limba NEGOTIATION
Francesco K RimBrazilAsiya Javayant QUALIFIED
Maisha X SchemmerCanadaXuxue Feng PROPOSAL
Deepesh V AmigonItalyAnna Fali NEW
Greenwood B CaudyJapanIoni Bowcher RENEWAL
Maria V ChuiSpainBernardo Dominic RENEWAL
Costa Z OstroskySpainXuxue Feng QUALIFIED
Emily B AmigonItalyIoni Bowcher RENEWAL
Ashley J ButtUnited KingdomIoni Bowcher PROPOSAL
Smith C CampainFranceAmy Elsner RENEWAL
Mayumi X TollnerSpainOnyama Limba RENEWAL
Tony B AlbaresUnited KingdomXuxue Feng NEGOTIATION
Johnson J AmigonCanadaIoni Bowcher PROPOSAL
Antonio O MorascaAustraliaXuxue Feng NEW
Rodrigues Z AmigonItalyIvan Magalhaes QUALIFIED
Sinclair F IturbideItalyStephen Shaw NEGOTIATION
Juan O SchemmerGermanyStephen Shaw PROPOSAL
Maria N DilliardItalyXuxue Feng RENEWAL
Maria O PaprockiJapanIoni Bowcher NEW
Frozen Columns
Name
Ashley Z Bowley
Faith M Nicka
Salvatore H Kolmetz
Isabel Y Poquette
Mayumi R Caudy
Jefferson A Tollner
Julie T Malet
Octavia T Whobrey
Nicolas A Bowley
Ricardo H Rim
Aruna L Iturbide
Cody N Briddick
Juan W Bolognia
Emily V Albares
Tony W Campain
Nicolas Z Chui
Clifford G Butt
Mujtaba Q Paprocki
Jefferson Q Poquette
Mujtaba Q Figeroa
Jones X Gaucho
Wickens F Stenseth
Jones N Ruta
Stacey G Rim
Jeanfrancois I Doe
Cody D Caldarera
Clifford N Dilliard
Faith H Marrier
Emily U Malet
Stacey P Inouye
Maria X Whobrey
Isabel B Vocelka
Costa P Ruta
Munro O Ferencz
Nicolas Z Venere
Julie W Venere
Smith M Butt
Aditya O Malet
Maisha X Vocelka
Rodrigues C Figeroa
Greenwood D Dilliard
Juan U Slusarski
Sinclair R Ostrosky
Wickens W Royster
Darci X Maclead
Munro Y Briddick
Alejandro Z Saylors
Sinclair N Briddick
Sinclair C Dilliard
Antonio G Chui
IdCountryDate
1000Germany2026-10-30
1001Canada2026-10-19
1002Brazil2026-11-01
1003Spain2026-10-21
1004Australia2026-11-09
1005Russia2026-10-19
1006Russia2026-10-21
1007Russia2026-11-04
1008Japan2026-11-04
1009Germany2026-10-22
1010Italy2026-11-07
1011Brazil2026-10-15
1012India2026-11-03
1013Brazil2026-10-27
1014United Kingdom2026-10-29
1015Brazil2026-10-15
1016Brazil2026-10-29
1017Brazil2026-10-17
1018Australia2026-10-16
1019Italy2026-10-25
1020Japan2026-10-21
1021Germany2026-10-22
1022Spain2026-11-02
1023Spain2026-11-07
1024Italy2026-10-22
1025Canada2026-10-16
1026United Kingdom2026-10-12
1027Italy2026-11-06
1028United Kingdom2026-10-27
1029Germany2026-11-05
1030United Kingdom2026-10-26
1031Japan2026-10-29
1032Argentina2026-11-01
1033Spain2026-10-19
1034Italy2026-11-04
1035France2026-10-28
1036Brazil2026-10-27
1037Brazil2026-10-11
1038Spain2026-10-19
1039Argentina2026-10-20
1040Brazil2026-11-09
1041Russia2026-11-03
1042United Kingdom2026-10-23
1043United Kingdom2026-11-07
1044Canada2026-11-09
1045Brazil2026-11-01
1046Canada2026-10-21
1047India2026-10-23
1048Germany2026-10-22
1049Russia2026-11-06

On-Demand Data

NameIdCountryDate
Arvin E Waycott1000Japan2026-10-13
Jennifer Q Ferencz1001Spain2026-10-13
Chavez K Ferencz1002Spain2026-10-21
Ivar V Nestle1003Japan2026-10-22
Antonio T Royster1004Italy2026-10-23
Francesco U Slusarski1005France2026-10-25
Smith W Inouye1006Germany2026-11-02
Silvio C Malet1007Spain2026-10-23
Julie F Sergi1008India2026-10-23
Arvin O Saylors1009India2026-10-28
Julie K Oldroyd1010Italy2026-10-13
David S Ostrosky1011Russia2026-10-30
Kaitlin A Dilliard1012Australia2026-10-14
Wickens Q Saylors1013United Kingdom2026-10-14
Costa P Glick1014Canada2026-11-02
Jennifer H Foller1015France2026-10-16
Jeanfrancois S Campain1016Australia2026-10-24
Antonio R Darakjy1017Australia2026-10-20
Leja P Doe1018Australia2026-10-23
Antonio Q Stockham1019Italy2026-10-31
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Tony E WhobreyFranceXuxue Feng NEGOTIATION
Alejandro C StensethAustraliaIvan Magalhaes QUALIFIED
Isabel R CampainRussiaElwin Sharvill UNQUALIFIED
Francesco E GarufiCanadaXuxue Feng RENEWAL
Juan G BologniaUnited KingdomStephen Shaw RENEWAL
Wickens K CaudyRussiaIvan Magalhaes PROPOSAL
Misaki H StockhamIndiaIvan Magalhaes QUALIFIED
Mayumi Y BriddickItalyElwin Sharvill QUALIFIED
Smith Z BowleyFranceAmy Elsner QUALIFIED
Antonio P AmigonCanadaAsiya Javayant PROPOSAL
Ricardo J StensethCanadaBernardo Dominic PROPOSAL
Ivar Q VocelkaItalyAsiya Javayant UNQUALIFIED
Chavez R PoquetteCanadaXuxue Feng PROPOSAL
Darci B PoquetteIndiaAmy Elsner RENEWAL
Murillo K NestleBrazilIoni Bowcher QUALIFIED
Salvatore N FlosiItalyStephen Shaw NEW
Darci G GarufiGermanyIvan Magalhaes RENEWAL
Jefferson B FerenczArgentinaIvan Magalhaes NEW
Salvatore E PaprockiSpainAmy Elsner NEW
Clifford U ChuiIndiaIoni Bowcher RENEWAL
Arvin A RulapaughJapanIoni Bowcher NEW
Claire M PoquetteCanadaIvan Magalhaes NEGOTIATION
Emily U PaprockiCanadaAmy Elsner QUALIFIED
Johnson M PoquetteAustraliaIvan Magalhaes NEGOTIATION
Kaitlin I GillianJapanIoni Bowcher QUALIFIED
Chavez Q CampainFranceOnyama Limba UNQUALIFIED
Emily Y KolmetzFranceBernardo Dominic PROPOSAL
Jones T VocelkaSpainAmy Elsner RENEWAL
Deepesh X AmigonArgentinaIoni Bowcher NEGOTIATION
Mujtaba P IturbideGermanyElwin Sharvill UNQUALIFIED
Tony S DoeBrazilElwin Sharvill NEW
Mayumi K GlickIndiaAsiya Javayant QUALIFIED
Izzy H MarrierRussiaAmy Elsner NEW
Chavez T KolmetzArgentinaAsiya Javayant RENEWAL
Costa J MacleadRussiaAmy Elsner NEW
Francesco P GillianRussiaAnna Fali UNQUALIFIED
Aditya I FlosiAustraliaIoni Bowcher QUALIFIED
Costa Z MorascaBrazilStephen Shaw PROPOSAL
Sinclair O CaldareraArgentinaAsiya Javayant NEW
Darci O NickaCanadaIoni Bowcher 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>