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
Arvin D MorascaGermanyOnyama Limba NEGOTIATION
Julie J CaudyGermanyOnyama Limba NEW
Kaitlin A MorascaUnited KingdomIoni Bowcher NEGOTIATION
Kadeem P OstroskyBrazilIoni Bowcher RENEWAL
Jefferson Z AlbaresGermanyBernardo Dominic NEW
Leon H KolmetzFranceIoni Bowcher NEW
Julie X MarrierUnited KingdomAsiya Javayant NEW
Jones I RutaCanadaAnna Fali QUALIFIED
Costa D BologniaJapanAnna Fali NEW
Sinclair W BriddickFranceAmy Elsner QUALIFIED
Ivar J GauchoJapanOnyama Limba NEW
Ricardo Y VocelkaBrazilIoni Bowcher QUALIFIED
Isabel E BologniaBrazilOnyama Limba UNQUALIFIED
Chavez G AlbaresBrazilOnyama Limba QUALIFIED
Misaki R CaldareraIndiaIvan Magalhaes QUALIFIED
Nicolas D DilliardUnited KingdomIoni Bowcher RENEWAL
Aruna L DilliardIndiaStephen Shaw NEGOTIATION
Octavia G CaudyRussiaBernardo Dominic UNQUALIFIED
Greenwood I OldroydRussiaIvan Magalhaes RENEWAL
Johnson L GauchoRussiaIvan Magalhaes NEW
Jennifer A StockhamGermanyIoni Bowcher RENEWAL
Jennifer Z RulapaughArgentinaAmy Elsner NEGOTIATION
Clifford N FigeroaAustraliaBernardo Dominic QUALIFIED
Darci N ShinkoGermanyOnyama Limba QUALIFIED
Ivar J RulapaughIndiaAnna Fali UNQUALIFIED
Chavez H GlickUnited KingdomBernardo Dominic NEGOTIATION
Misaki F ChuiIndiaBernardo Dominic NEW
Kadeem B AlbaresArgentinaStephen Shaw RENEWAL
Mujtaba R StockhamBrazilAnna Fali QUALIFIED
Munro G DoeJapanElwin Sharvill NEW
Chavez J WaycottUnited KingdomIoni Bowcher PROPOSAL
Aika I StensethItalyAmy Elsner NEGOTIATION
Tony Y CaudyArgentinaAmy Elsner NEW
Costa P MorascaAustraliaStephen Shaw NEW
Maria X MarrierCanadaOnyama Limba UNQUALIFIED
Claire S NestleIndiaOnyama Limba QUALIFIED
Leja U RimJapanAmy Elsner PROPOSAL
Julie E BowleySpainAmy Elsner UNQUALIFIED
Chavez X KuskoArgentinaIoni Bowcher PROPOSAL
Johnson L VocelkaGermanyXuxue Feng NEW
Kaitlin E GauchoUnited KingdomStephen Shaw NEW
Jones P NestleSpainAsiya Javayant UNQUALIFIED
Antonio G MarrierItalyOnyama Limba QUALIFIED
Sinclair Q SaylorsFranceOnyama Limba PROPOSAL
Rodrigues I CaldareraJapanAnna Fali PROPOSAL
Julie A ShinkoItalyAsiya Javayant NEW
Claire P DilliardJapanXuxue Feng UNQUALIFIED
Stacey A FerenczRussiaStephen Shaw UNQUALIFIED
Mayumi L SchemmerFranceBernardo Dominic NEW
Octavia Q FigeroaJapanStephen Shaw UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Leon K AlbaresSpainIvan Magalhaes PROPOSAL
Costa Y GauchoIndiaIvan Magalhaes PROPOSAL
Nicolas F SaylorsRussiaIoni Bowcher UNQUALIFIED
Maisha O AmigonAustraliaStephen Shaw QUALIFIED
Nicolas H SchemmerFranceAmy Elsner RENEWAL
Octavia N AlbaresFranceAnna Fali PROPOSAL
Jeanfrancois Q ChuiIndiaElwin Sharvill UNQUALIFIED
Maisha K FollerUnited KingdomAnna Fali PROPOSAL
Wickens S PoquetteBrazilStephen Shaw UNQUALIFIED
Aditya W RutaCanadaAmy Elsner NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Sinclair A RulapaughIndia2026-09-23Commercial Press NEGOTIATION99Ioni Bowcher
1001Jennifer I PaprockiItaly2026-10-03Chemel, James L Cpa PROPOSAL60Ioni Bowcher
1002Aruna U SergiFrance2026-10-11Chanay, Jeffrey A Esq RENEWAL71Xuxue Feng
1003David F FerenczCanada2026-09-18Chemel, James L Cpa NEGOTIATION61Elwin Sharvill
1004Morrow X OldroydFrance2026-10-13Commercial Press NEW32Ivan Magalhaes
1005Murillo Z AmigonUnited Kingdom2026-10-13Printing Dimensions QUALIFIED49Amy Elsner
1006Mujtaba F RulapaughAustralia2026-10-04Buckley Miller Wright NEW94Xuxue Feng
1007Smith J RutaJapan2026-10-09Chanay, Jeffrey A Esq RENEWAL52Anna Fali
1008Cody K KuskoIndia2026-10-13Buckley Miller Wright RENEWAL18Amy Elsner
1009Sinclair U GarufiGermany2026-10-06Morlong Associates QUALIFIED74Ivan Magalhaes
1010Mujtaba C FlosiAustralia2026-09-30Feltz Printing Service NEW11Elwin Sharvill
1011Jefferson R AmigonUnited Kingdom2026-09-22Chanay, Jeffrey A Esq RENEWAL93Ioni Bowcher
1012Julie T ChuiAustralia2026-09-29Benton, John B Jr PROPOSAL47Anna Fali
1013Julie K WaycottIndia2026-10-11Rangoni Of Florence UNQUALIFIED13Amy Elsner
1014Morrow H CampainSpain2026-09-24Dorl, James J Esq NEGOTIATION61Onyama Limba
1015Mayumi Z OldroydCanada2026-09-19Chemel, James L Cpa NEW14Bernardo Dominic
1016Nicolas L PaprockiItaly2026-10-09Chapman, Ross E Esq NEW62Ioni Bowcher
1017Octavia U SaylorsBrazil2026-09-20Morlong Associates RENEWAL39Elwin Sharvill
1018Wickens I MaletUnited Kingdom2026-09-24Rangoni Of Florence NEW92Bernardo Dominic
1019Jones H FerenczRussia2026-09-21Chanay, Jeffrey A Esq NEGOTIATION34Onyama Limba
1020Julie M BologniaArgentina2026-10-07Chemel, James L Cpa RENEWAL35Ioni Bowcher
1021Johnson D GillianGermany2026-09-26Chemel, James L Cpa NEGOTIATION77Bernardo Dominic
1022Jefferson A WhobreyAustralia2026-10-03Printing Dimensions RENEWAL65Amy Elsner
1023Murillo J DarakjyIndia2026-10-08Buckley Miller Wright NEW79Bernardo Dominic
1024James C CaudyIndia2026-09-24Benton, John B Jr QUALIFIED55Stephen Shaw
1025Jones V AmigonArgentina2026-10-10Benton, John B Jr UNQUALIFIED58Amy Elsner
1026Smith G MorascaJapan2026-10-01Rousseaux, Michael Esq NEGOTIATION10Xuxue Feng
1027Stacey K MaletJapan2026-10-10Rangoni Of Florence NEW13Onyama Limba
1028Maisha E BologniaItaly2026-10-01Buckley Miller Wright NEW34Ivan Magalhaes
1029Aruna G WhobreySpain2026-10-13Truhlar And Truhlar Attys PROPOSAL16Amy Elsner
1030Kadeem V PaprockiUnited Kingdom2026-10-02Feiner Bros RENEWAL50Amy Elsner
1031Aruna D SchemmerGermany2026-09-23Dorl, James J Esq PROPOSAL32Amy Elsner
1032Sinclair Q OstroskyBrazil2026-09-24Feltz Printing Service NEGOTIATION83Asiya Javayant
1033Misaki H WhobreyGermany2026-09-18Printing Dimensions RENEWAL41Elwin Sharvill
1034Leon H WieserUnited Kingdom2026-10-06Chanay, Jeffrey A Esq RENEWAL0Anna Fali
1035Darci G MaletCanada2026-10-05Rousseaux, Michael Esq NEGOTIATION0Xuxue Feng
1036Aika X SaylorsSpain2026-10-04Chanay, Jeffrey A Esq PROPOSAL35Ivan Magalhaes
1037Adams W GauchoIndia2026-10-04Buckley Miller Wright UNQUALIFIED83Anna Fali
1038Alejandro J MacleadItaly2026-09-29Feiner Bros NEGOTIATION90Elwin Sharvill
1039Maria U OldroydGermany2026-09-30Chanay, Jeffrey A Esq NEW69Stephen Shaw
1040Kadeem T CaldareraSpain2026-10-14Dorl, James J Esq PROPOSAL49Ioni Bowcher
1041Aika C ShinkoItaly2026-09-19Buckley Miller Wright RENEWAL63Stephen Shaw
1042Jeanfrancois U IturbideRussia2026-09-20Feltz Printing Service NEGOTIATION51Anna Fali
1043Greenwood Z VocelkaItaly2026-09-22King, Christopher A Esq QUALIFIED68Ivan Magalhaes
1044Ivar T FigeroaGermany2026-10-06Rousseaux, Michael Esq NEW5Onyama Limba
1045Munro T MaletUnited Kingdom2026-09-28Dorl, James J Esq NEGOTIATION22Xuxue Feng
1046Francesco L AmigonAustralia2026-10-09Feiner Bros NEGOTIATION51Ivan Magalhaes
1047Cody V MarrierCanada2026-10-02Commercial Press QUALIFIED41Anna Fali
1048Antonio N MaletGermany2026-09-27Buckley Miller Wright NEGOTIATION51Onyama Limba
1049Maisha D BriddickBrazil2026-09-20Chapman, Ross E Esq QUALIFIED53Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Alejandro Q KolmetzAustraliaAsiya Javayant UNQUALIFIED
Aruna G AlbaresRussiaXuxue Feng NEGOTIATION
Jefferson V DoeUnited KingdomXuxue Feng QUALIFIED
Salvatore J BologniaUnited KingdomAmy Elsner NEGOTIATION
Nicolas B DilliardCanadaStephen Shaw NEGOTIATION
Antonio T GarufiGermanyElwin Sharvill NEGOTIATION
Sinclair M OstroskyIndiaAnna Fali UNQUALIFIED
Jefferson V CampainRussiaIoni Bowcher PROPOSAL
Mujtaba X PaprockiGermanyAsiya Javayant NEGOTIATION
Aika S WieserSpainXuxue Feng PROPOSAL
Jones B GarufiAustraliaElwin Sharvill QUALIFIED
Greenwood Q AmigonRussiaElwin Sharvill RENEWAL
Aruna S RulapaughArgentinaBernardo Dominic NEGOTIATION
Johnson U GillianJapanIoni Bowcher QUALIFIED
Nicolas W SaylorsCanadaIvan Magalhaes QUALIFIED
Aditya Q WhobreyItalyIoni Bowcher NEW
Leon Z ChuiJapanIvan Magalhaes PROPOSAL
Jeanfrancois A RimRussiaIoni Bowcher UNQUALIFIED
Darci U DilliardArgentinaXuxue Feng QUALIFIED
Octavia Z ButtBrazilXuxue Feng QUALIFIED
Juan I GlickGermanyAnna Fali PROPOSAL
Aditya I BologniaBrazilElwin Sharvill UNQUALIFIED
Wickens S CampainFranceIoni Bowcher PROPOSAL
Leon P RoysterSpainBernardo Dominic RENEWAL
Sinclair Q GauchoItalyStephen Shaw UNQUALIFIED
Maria Y MorascaAustraliaOnyama Limba NEGOTIATION
Mujtaba U NickaIndiaIoni Bowcher RENEWAL
Kaitlin H GlickJapanXuxue Feng UNQUALIFIED
Kadeem K WaycottArgentinaBernardo Dominic QUALIFIED
Jeanfrancois C FerenczIndiaAnna Fali NEGOTIATION
Tony Z DoeUnited KingdomBernardo Dominic PROPOSAL
Greenwood Q PoquetteAustraliaIoni Bowcher NEW
Kaitlin L PerinItalyAmy Elsner NEW
Claire O MaletGermanyAmy Elsner NEW
Smith T PerinFranceAsiya Javayant NEGOTIATION
Ivar B CaldareraFranceAmy Elsner NEW
Mayumi K OstroskyIndiaIvan Magalhaes RENEWAL
Aditya C NestleBrazilAsiya Javayant PROPOSAL
Leja Y VocelkaArgentinaAsiya Javayant RENEWAL
Sinclair X MacleadItalyAmy Elsner NEGOTIATION
Leon X KuskoIndiaAnna Fali RENEWAL
Stacey L AmigonAustraliaAnna Fali NEGOTIATION
Alejandro V SlusarskiJapanOnyama Limba RENEWAL
Francesco K GauchoBrazilAnna Fali RENEWAL
Ricardo Q GauchoRussiaElwin Sharvill UNQUALIFIED
Morrow Y RutaAustraliaAsiya Javayant PROPOSAL
Aruna W WieserCanadaElwin Sharvill RENEWAL
Deepesh R StockhamUnited KingdomIoni Bowcher RENEWAL
Ashley B MacleadItalyIoni Bowcher UNQUALIFIED
Mujtaba W KolmetzSpainElwin Sharvill RENEWAL
Frozen Columns
Name
Chavez H Foller
Leon F Bolognia
Nicolas P Campain
Munro C Venere
Leja J Schemmer
Emily B Nicka
Ashley U Briddick
Kaitlin T Slusarski
Kadeem N Paprocki
Deepesh V Venere
Darci J Caldarera
Costa U Shinko
Maisha G Tollner
Cody V Morasca
Claire E Garufi
Francesco Y Venere
Deepesh H Paprocki
Ricardo G Caudy
Faith T Garufi
Morrow Q Chui
Mayumi U Bolognia
Deepesh M Foller
Tony M Bolognia
Faith K Glick
Tony K Garufi
Aika W Morasca
Antonio T Chui
Deepesh G Amigon
Ricardo U Saylors
Aika R Glick
Octavia T Morasca
Kadeem D Venere
James L Morasca
Chavez Z Rulapaugh
Mujtaba X Ruta
Maria O Whobrey
Nicolas D Marrier
Maisha K Chui
Octavia K Ostrosky
Kaitlin N Kolmetz
Aditya W Maclead
Murillo X Maclead
Antonio B Caldarera
Munro E Paprocki
Smith U Ruta
Costa L Wieser
Salvatore C Foller
Salvatore T Foller
Morrow D Doe
Clifford M Wieser
IdCountryDate
1000Canada2026-10-05
1001France2026-10-09
1002Russia2026-09-19
1003Argentina2026-10-15
1004France2026-10-07
1005Spain2026-10-08
1006United Kingdom2026-10-09
1007Germany2026-09-18
1008Japan2026-09-27
1009France2026-10-03
1010Germany2026-09-21
1011Spain2026-09-23
1012Canada2026-09-29
1013Brazil2026-09-25
1014Argentina2026-09-26
1015France2026-09-22
1016Spain2026-10-15
1017France2026-09-25
1018United Kingdom2026-10-03
1019Argentina2026-09-17
1020Argentina2026-09-23
1021India2026-09-24
1022India2026-09-30
1023Russia2026-09-17
1024Australia2026-10-11
1025Germany2026-09-29
1026Russia2026-10-07
1027Germany2026-09-18
1028Japan2026-10-13
1029Germany2026-09-22
1030France2026-09-19
1031Japan2026-09-17
1032India2026-09-21
1033Brazil2026-10-01
1034Argentina2026-10-05
1035Italy2026-10-13
1036Spain2026-10-10
1037Russia2026-10-08
1038Spain2026-10-09
1039Italy2026-10-01
1040Canada2026-10-06
1041Spain2026-10-13
1042Germany2026-09-29
1043Spain2026-09-20
1044India2026-10-04
1045Brazil2026-10-06
1046Germany2026-10-07
1047Germany2026-10-13
1048Germany2026-09-30
1049Argentina2026-09-23

On-Demand Data

NameIdCountryDate
Izzy Y Butt1000Russia2026-09-25
Munro K Nicka1001Russia2026-09-25
Nicolas C Inouye1002Canada2026-09-18
Chavez P Rulapaugh1003Brazil2026-10-05
Leon X Albares1004Japan2026-09-18
Ricardo J Garufi1005France2026-10-08
Antonio E Venere1006France2026-10-13
Izzy Q Venere1007Argentina2026-09-22
Maria E Vocelka1008India2026-10-02
Clifford Q Campain1009France2026-10-10
Aditya J Garufi1010Germany2026-10-08
Wickens A Chui1011Japan2026-09-19
Silvio G Amigon1012Spain2026-10-12
Leja A Inouye1013Russia2026-09-16
Chavez F Saylors1014Russia2026-10-03
Aditya G Caudy1015Italy2026-09-21
Ashley B Slusarski1016Italy2026-10-02
Cody T Chui1017United Kingdom2026-10-07
Jefferson N Ferencz1018Argentina2026-09-26
Kadeem H Glick1019Japan2026-10-13
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Alejandro U VocelkaIndiaOnyama Limba NEGOTIATION
Deepesh T CampainGermanyAsiya Javayant PROPOSAL
Costa G BologniaArgentinaBernardo Dominic QUALIFIED
Arvin W StensethSpainXuxue Feng NEW
Salvatore N DilliardCanadaAsiya Javayant NEGOTIATION
Morrow Z RoysterJapanStephen Shaw UNQUALIFIED
Tony H PerinRussiaOnyama Limba PROPOSAL
Mayumi J RoysterUnited KingdomOnyama Limba PROPOSAL
Francesco Q ChuiItalyElwin Sharvill QUALIFIED
Misaki B BowleyFranceAnna Fali UNQUALIFIED
Misaki D KuskoFranceIvan Magalhaes QUALIFIED
Maria J StensethGermanyIoni Bowcher RENEWAL
Kadeem J DilliardJapanXuxue Feng PROPOSAL
Salvatore L VocelkaAustraliaIoni Bowcher RENEWAL
Kadeem F KolmetzArgentinaIoni Bowcher PROPOSAL
Rodrigues G BologniaArgentinaStephen Shaw PROPOSAL
Rodrigues T BologniaUnited KingdomIoni Bowcher RENEWAL
Darci E FigeroaAustraliaXuxue Feng RENEWAL
Smith U GlickJapanAsiya Javayant RENEWAL
Aruna V PaprockiIndiaBernardo Dominic UNQUALIFIED
Clifford Y DilliardSpainXuxue Feng QUALIFIED
Maisha O SchemmerRussiaXuxue Feng QUALIFIED
Aruna I WieserAustraliaAmy Elsner QUALIFIED
Isabel A RimGermanyElwin Sharvill NEW
Johnson I CaudyJapanIoni Bowcher NEW
Misaki W FigeroaFranceOnyama Limba QUALIFIED
Jennifer Q SergiIndiaAsiya Javayant UNQUALIFIED
Munro M NestleIndiaAnna Fali RENEWAL
Silvio J MaletAustraliaXuxue Feng QUALIFIED
David M GillianFranceStephen Shaw PROPOSAL
Rodrigues A IturbideIndiaElwin Sharvill RENEWAL
James V KolmetzRussiaElwin Sharvill QUALIFIED
Antonio A WieserRussiaAmy Elsner NEW
Aika L SchemmerArgentinaAsiya Javayant PROPOSAL
Emily O RutaSpainAmy Elsner RENEWAL
Tony K InouyeJapanAmy Elsner NEW
Maisha Z ShinkoArgentinaXuxue Feng NEW
Leon N KuskoAustraliaIvan Magalhaes NEW
Izzy S FigeroaAustraliaAmy Elsner RENEWAL
Maisha H BowleyUnited KingdomIoni Bowcher RENEWAL

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