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
Kaitlin C MaletUnited KingdomAmy Elsner NEW
Nicolas R FollerGermanyAsiya Javayant PROPOSAL
Kaitlin E OldroydRussiaOnyama Limba UNQUALIFIED
Sinclair R VocelkaSpainElwin Sharvill NEW
Aruna K ShinkoIndiaAsiya Javayant NEGOTIATION
Nicolas O OldroydFranceElwin Sharvill NEW
Clifford I SaylorsUnited KingdomAsiya Javayant PROPOSAL
Sinclair Z WhobreySpainIvan Magalhaes RENEWAL
Ashley X SlusarskiAustraliaBernardo Dominic PROPOSAL
Chavez V KuskoIndiaBernardo Dominic UNQUALIFIED
Murillo Z VocelkaItalyAmy Elsner PROPOSAL
Ashley W SlusarskiGermanyAsiya Javayant UNQUALIFIED
Jones P PerinUnited KingdomOnyama Limba QUALIFIED
Jeanfrancois G WaycottUnited KingdomIvan Magalhaes QUALIFIED
Clifford A CaudyJapanAnna Fali NEGOTIATION
Sinclair R VocelkaItalyOnyama Limba NEGOTIATION
Salvatore Y NickaCanadaStephen Shaw UNQUALIFIED
Aditya S SlusarskiCanadaIvan Magalhaes NEGOTIATION
Ricardo E AlbaresBrazilOnyama Limba NEGOTIATION
Jennifer N KolmetzSpainBernardo Dominic UNQUALIFIED
Ricardo J DoeSpainXuxue Feng NEGOTIATION
Jefferson W MacleadGermanyAnna Fali NEW
Jeanfrancois K OstroskyItalyIvan Magalhaes NEW
Leon H WieserItalyStephen Shaw RENEWAL
Sinclair V SchemmerFranceAnna Fali RENEWAL
Rodrigues V DilliardRussiaAsiya Javayant NEGOTIATION
Darci H MarrierUnited KingdomIoni Bowcher RENEWAL
Jones Z GillianUnited KingdomBernardo Dominic NEGOTIATION
Silvio Q FigeroaSpainXuxue Feng PROPOSAL
Nicolas F StockhamItalyXuxue Feng NEGOTIATION
Aditya M StockhamUnited KingdomBernardo Dominic NEW
Mayumi S DilliardFranceOnyama Limba NEGOTIATION
Aruna Q KolmetzAustraliaStephen Shaw UNQUALIFIED
Clifford Y TollnerBrazilAnna Fali PROPOSAL
Kadeem D MaletCanadaIoni Bowcher UNQUALIFIED
Salvatore S DoeIndiaAnna Fali PROPOSAL
Misaki X RutaGermanyAmy Elsner NEGOTIATION
Isabel U GlickItalyAmy Elsner UNQUALIFIED
Darci C ButtUnited KingdomAsiya Javayant QUALIFIED
Darci P SlusarskiCanadaIoni Bowcher QUALIFIED
Julie T RoysterItalyIoni Bowcher RENEWAL
Kaitlin F TollnerIndiaElwin Sharvill NEW
Alejandro F MaletAustraliaAsiya Javayant PROPOSAL
Morrow G PerinAustraliaOnyama Limba NEW
Deepesh X CaldareraJapanIvan Magalhaes NEW
Darci A NickaCanadaBernardo Dominic NEW
Arvin L MorascaBrazilAsiya Javayant QUALIFIED
Aika T KolmetzCanadaIvan Magalhaes NEW
Ivar F GauchoGermanyElwin Sharvill UNQUALIFIED
Darci X MorascaBrazilAmy Elsner PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Claire A StensethJapanBernardo Dominic NEW
Johnson B MaletRussiaIvan Magalhaes NEGOTIATION
Smith F FerenczIndiaAmy Elsner UNQUALIFIED
James Q SchemmerCanadaIvan Magalhaes RENEWAL
Ricardo D GlickJapanIvan Magalhaes NEGOTIATION
Juan L GarufiItalyXuxue Feng PROPOSAL
Sinclair V ButtSpainElwin Sharvill RENEWAL
Costa W KolmetzCanadaBernardo Dominic QUALIFIED
Sinclair X WhobreyFranceIvan Magalhaes UNQUALIFIED
Mujtaba D MaletIndiaAnna Fali NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Juan W IturbideAustralia2026-09-25Commercial Press NEGOTIATION43Elwin Sharvill
1001Arvin H ShinkoRussia2026-09-30Chanay, Jeffrey A Esq UNQUALIFIED49Stephen Shaw
1002Aika U GlickItaly2026-09-26Chemel, James L Cpa RENEWAL97Xuxue Feng
1003Mujtaba D PaprockiIndia2026-10-12Truhlar And Truhlar Attys UNQUALIFIED87Anna Fali
1004Deepesh E VocelkaUnited Kingdom2026-10-01Buckley Miller Wright NEW59Onyama Limba
1005Silvio Q BowleySpain2026-10-16Feiner Bros NEW5Anna Fali
1006Maisha D VocelkaFrance2026-09-26Printing Dimensions PROPOSAL8Xuxue Feng
1007Francesco W VocelkaItaly2026-09-27Truhlar And Truhlar Attys UNQUALIFIED32Bernardo Dominic
1008Jennifer K CaudyAustralia2026-10-11Chapman, Ross E Esq UNQUALIFIED6Xuxue Feng
1009David P AlbaresFrance2026-09-28Chapman, Ross E Esq RENEWAL33Ioni Bowcher
1010David V GillianBrazil2026-10-08Chemel, James L Cpa NEW35Onyama Limba
1011Greenwood C SchemmerRussia2026-09-23Commercial Press RENEWAL91Amy Elsner
1012Chavez G SlusarskiArgentina2026-09-21Morlong Associates QUALIFIED66Xuxue Feng
1013Jefferson A StockhamIndia2026-10-18Feiner Bros NEGOTIATION39Bernardo Dominic
1014Nicolas E RulapaughFrance2026-10-15Feltz Printing Service RENEWAL48Ioni Bowcher
1015Jennifer Q StockhamSpain2026-10-03Feiner Bros RENEWAL93Xuxue Feng
1016Faith S PaprockiJapan2026-10-18Feiner Bros NEGOTIATION48Anna Fali
1017Rodrigues Q NestleJapan2026-10-01Feltz Printing Service UNQUALIFIED62Asiya Javayant
1018David E PaprockiFrance2026-10-07Rangoni Of Florence NEW85Onyama Limba
1019Jeanfrancois Q MaletItaly2026-10-13Chemel, James L Cpa RENEWAL41Ioni Bowcher
1020Octavia P KolmetzJapan2026-10-11Chemel, James L Cpa RENEWAL25Anna Fali
1021Antonio S WaycottArgentina2026-09-27Morlong Associates UNQUALIFIED25Anna Fali
1022Munro E TollnerFrance2026-10-09Commercial Press UNQUALIFIED54Ioni Bowcher
1023Izzy Q ShinkoJapan2026-09-25Dorl, James J Esq PROPOSAL57Ioni Bowcher
1024Claire F RulapaughAustralia2026-09-21Rangoni Of Florence NEGOTIATION10Asiya Javayant
1025Tony P TollnerJapan2026-09-30Feltz Printing Service UNQUALIFIED38Onyama Limba
1026Emily X CampainIndia2026-09-21Benton, John B Jr QUALIFIED79Anna Fali
1027Johnson P SlusarskiArgentina2026-10-11Rangoni Of Florence NEW3Amy Elsner
1028Francesco V OldroydAustralia2026-10-10Buckley Miller Wright UNQUALIFIED27Asiya Javayant
1029Aruna O CaudyIndia2026-10-15Chemel, James L Cpa NEW31Onyama Limba
1030Leja F MaletFrance2026-09-27Buckley Miller Wright UNQUALIFIED4Onyama Limba
1031David W FlosiSpain2026-09-23Benton, John B Jr RENEWAL10Ioni Bowcher
1032Silvio W KolmetzItaly2026-10-02Buckley Miller Wright NEGOTIATION7Stephen Shaw
1033Sinclair U WaycottFrance2026-09-29Morlong Associates QUALIFIED31Stephen Shaw
1034Ricardo Y NickaCanada2026-09-21Dorl, James J Esq UNQUALIFIED43Onyama Limba
1035Aruna E SlusarskiRussia2026-10-18Chemel, James L Cpa QUALIFIED47Ivan Magalhaes
1036Tony O BologniaIndia2026-10-08Feiner Bros NEW49Ioni Bowcher
1037Mayumi D IturbideJapan2026-10-03Feltz Printing Service QUALIFIED38Stephen Shaw
1038Julie E WaycottIndia2026-10-14Commercial Press QUALIFIED65Asiya Javayant
1039Kadeem X GarufiJapan2026-10-16Buckley Miller Wright NEGOTIATION4Bernardo Dominic
1040Maisha Z NickaRussia2026-09-20Truhlar And Truhlar Attys NEGOTIATION18Onyama Limba
1041Murillo K TollnerBrazil2026-10-19Chemel, James L Cpa PROPOSAL7Bernardo Dominic
1042Misaki F FlosiCanada2026-10-11Dorl, James J Esq NEW40Asiya Javayant
1043Deepesh P FollerIndia2026-10-08Commercial Press QUALIFIED87Elwin Sharvill
1044Antonio F OldroydItaly2026-10-12Dorl, James J Esq PROPOSAL1Stephen Shaw
1045Kaitlin E TollnerIndia2026-09-29Chanay, Jeffrey A Esq NEW83Bernardo Dominic
1046Julie H ShinkoRussia2026-09-25Dorl, James J Esq PROPOSAL5Amy Elsner
1047Silvio J AmigonItaly2026-10-02Rangoni Of Florence NEGOTIATION56Ivan Magalhaes
1048Aruna F MarrierRussia2026-09-27Rangoni Of Florence UNQUALIFIED10Bernardo Dominic
1049Kaitlin K ChuiJapan2026-09-29King, Christopher A Esq UNQUALIFIED51Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Stacey P DarakjySpainBernardo Dominic QUALIFIED
Leja A IturbideRussiaBernardo Dominic UNQUALIFIED
Mujtaba R ButtJapanStephen Shaw NEGOTIATION
Kaitlin A FigeroaRussiaAnna Fali UNQUALIFIED
Izzy M RimJapanXuxue Feng PROPOSAL
Octavia E IturbideRussiaAnna Fali NEGOTIATION
Ivar M ChuiIndiaIoni Bowcher NEW
Munro D FerenczArgentinaElwin Sharvill QUALIFIED
Octavia O InouyeGermanyAmy Elsner NEW
Stacey C DoeArgentinaOnyama Limba NEGOTIATION
Jennifer I ButtArgentinaIvan Magalhaes NEW
Johnson L WaycottBrazilXuxue Feng PROPOSAL
Costa H GauchoItalyXuxue Feng UNQUALIFIED
Mayumi J FlosiJapanOnyama Limba UNQUALIFIED
Stacey H ShinkoArgentinaElwin Sharvill NEW
David W RulapaughRussiaXuxue Feng UNQUALIFIED
Morrow B VocelkaAustraliaXuxue Feng NEGOTIATION
Izzy X GlickJapanIoni Bowcher QUALIFIED
Clifford B RulapaughJapanStephen Shaw NEW
Chavez I MaletArgentinaBernardo Dominic NEW
Cody V FollerItalyElwin Sharvill PROPOSAL
James E FerenczArgentinaAsiya Javayant RENEWAL
Smith K PerinUnited KingdomAsiya Javayant QUALIFIED
Rodrigues V KolmetzRussiaElwin Sharvill QUALIFIED
Jefferson A MaletUnited KingdomIoni Bowcher UNQUALIFIED
Leja H CampainUnited KingdomXuxue Feng NEW
Leja T SaylorsSpainAsiya Javayant UNQUALIFIED
Silvio K MarrierArgentinaBernardo Dominic RENEWAL
Isabel U DoeIndiaElwin Sharvill UNQUALIFIED
Aruna E GarufiJapanXuxue Feng NEW
Costa I GauchoJapanBernardo Dominic PROPOSAL
Alejandro C ChuiSpainBernardo Dominic NEGOTIATION
Rodrigues U ChuiBrazilElwin Sharvill PROPOSAL
Leon V MaletFranceElwin Sharvill NEGOTIATION
Maria S IturbideSpainElwin Sharvill NEGOTIATION
Jeanfrancois W FlosiBrazilOnyama Limba UNQUALIFIED
Kadeem B CaudyItalyStephen Shaw NEGOTIATION
Alejandro G BowleyRussiaElwin Sharvill NEGOTIATION
Jones U MarrierAustraliaIoni Bowcher NEGOTIATION
Juan Y VenereFranceXuxue Feng PROPOSAL
Juan C FigeroaRussiaAsiya Javayant NEW
Ashley F VenereBrazilAnna Fali NEW
Mujtaba A GarufiRussiaBernardo Dominic QUALIFIED
Salvatore G CaudyJapanOnyama Limba QUALIFIED
Sinclair V PoquetteItalyAnna Fali QUALIFIED
Kadeem S IturbideIndiaAnna Fali NEGOTIATION
Murillo V MarrierBrazilIoni Bowcher UNQUALIFIED
Sinclair J RulapaughFranceAsiya Javayant UNQUALIFIED
Mayumi O NestleGermanyStephen Shaw PROPOSAL
Munro T IturbideBrazilAsiya Javayant NEW
Frozen Columns
Name
Nicolas Z Venere
Mujtaba Z Stockham
Darci K Shinko
Chavez A Gaucho
Murillo D Morasca
Aika J Schemmer
Izzy W Garufi
Rodrigues H Doe
Chavez Y Flosi
Wickens K Malet
Adams C Whobrey
Leon X Stenseth
Emily U Perin
Clifford I Shinko
Maria Y Schemmer
Arvin I Maclead
David G Morasca
Chavez O Maclead
Ashley L Dilliard
Mayumi L Stockham
Chavez Q Inouye
Jefferson Q Saylors
Juan Q Stenseth
Francesco V Venere
Jones E Inouye
Juan R Tollner
Adams U Bolognia
Aika Q Maclead
David X Schemmer
Murillo T Nestle
Kaitlin F Saylors
Jefferson Y Oldroyd
Silvio B Chui
Darci S Bowley
Jones V Vocelka
Maisha O Caldarera
Kadeem O Perin
James B Poquette
Julie E Stockham
Sinclair I Sergi
Salvatore M Kolmetz
Francesco P Albares
Maisha P Gaucho
Aruna A Gaucho
Octavia J Ferencz
Octavia Z Royster
Leja J Garufi
Faith I Stockham
Jefferson Z Figeroa
David K Briddick
IdCountryDate
1000Argentina2026-10-05
1001Japan2026-09-30
1002France2026-10-09
1003Germany2026-10-02
1004Japan2026-10-10
1005United Kingdom2026-09-29
1006Russia2026-10-13
1007Germany2026-10-19
1008Russia2026-09-28
1009Argentina2026-10-13
1010Russia2026-09-25
1011India2026-10-11
1012France2026-09-26
1013Spain2026-09-23
1014Russia2026-09-24
1015Japan2026-09-30
1016Australia2026-10-05
1017Spain2026-10-08
1018France2026-10-08
1019Australia2026-10-03
1020Russia2026-10-04
1021Brazil2026-09-30
1022Brazil2026-10-15
1023Italy2026-10-12
1024Spain2026-10-18
1025Russia2026-10-11
1026Argentina2026-10-05
1027India2026-10-10
1028Canada2026-10-12
1029Australia2026-09-28
1030France2026-10-12
1031Brazil2026-09-29
1032Russia2026-10-12
1033Russia2026-09-27
1034Canada2026-09-30
1035Italy2026-10-14
1036Germany2026-10-19
1037Australia2026-10-19
1038France2026-10-06
1039India2026-10-13
1040Argentina2026-10-10
1041United Kingdom2026-09-25
1042Germany2026-10-12
1043Canada2026-09-24
1044United Kingdom2026-09-25
1045India2026-10-11
1046Spain2026-10-05
1047Argentina2026-10-11
1048Russia2026-10-15
1049Germany2026-10-01

On-Demand Data

NameIdCountryDate
Johnson X Amigon1000France2026-09-27
Wickens Y Gillian1001Canada2026-09-20
Deepesh I Perin1002India2026-09-21
Mayumi V Ruta1003Argentina2026-10-16
Johnson G Saylors1004India2026-10-18
Jeanfrancois Q Garufi1005Russia2026-10-16
Jones E Tollner1006Canada2026-09-24
Mujtaba M Gillian1007Spain2026-09-28
Faith G Slusarski1008United Kingdom2026-09-28
Maria C Maclead1009Canada2026-09-28
Aika U Foller1010Brazil2026-10-16
Aika K Ferencz1011Japan2026-09-28
Jeanfrancois C Malet1012India2026-09-20
Faith H Perin1013Canada2026-09-23
Emily V Darakjy1014Japan2026-10-15
Jones O Maclead1015Germany2026-10-02
Smith U Malet1016Germany2026-09-22
Arvin G Wieser1017France2026-10-14
Francesco G Briddick1018United Kingdom2026-10-15
Aika T Morasca1019Australia2026-09-25
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Adams H CampainFranceIoni Bowcher QUALIFIED
Johnson I DilliardItalyIvan Magalhaes NEW
Misaki I PoquetteArgentinaAmy Elsner NEGOTIATION
Jones K GarufiSpainElwin Sharvill QUALIFIED
Ivar U CampainJapanOnyama Limba RENEWAL
Isabel H StensethUnited KingdomIvan Magalhaes NEW
Claire Y WaycottArgentinaAnna Fali UNQUALIFIED
Aditya H MorascaAustraliaStephen Shaw PROPOSAL
Aditya U GarufiUnited KingdomOnyama Limba RENEWAL
Ashley K CampainArgentinaXuxue Feng PROPOSAL
Munro V StockhamAustraliaIoni Bowcher PROPOSAL
Mujtaba P MorascaIndiaElwin Sharvill NEW
Morrow S KolmetzAustraliaBernardo Dominic PROPOSAL
Antonio L GlickGermanyBernardo Dominic UNQUALIFIED
Antonio Y NestleJapanAnna Fali QUALIFIED
Izzy F AmigonUnited KingdomStephen Shaw UNQUALIFIED
Chavez Z KolmetzArgentinaOnyama Limba RENEWAL
Smith R BowleyBrazilStephen Shaw UNQUALIFIED
Chavez B AmigonIndiaOnyama Limba QUALIFIED
Silvio S TollnerArgentinaAsiya Javayant PROPOSAL
Maria X VocelkaBrazilXuxue Feng UNQUALIFIED
David H SergiRussiaXuxue Feng RENEWAL
Mayumi A PerinRussiaAsiya Javayant PROPOSAL
Salvatore Z BowleyUnited KingdomXuxue Feng UNQUALIFIED
Munro I ShinkoFranceIvan Magalhaes PROPOSAL
James J StockhamItalyIoni Bowcher PROPOSAL
Alejandro G PoquetteSpainAnna Fali UNQUALIFIED
Morrow H SergiFranceAsiya Javayant NEGOTIATION
Munro A FigeroaCanadaAsiya Javayant RENEWAL
Ashley P ChuiUnited KingdomAmy Elsner RENEWAL
Julie Y FlosiUnited KingdomOnyama Limba PROPOSAL
Mujtaba M InouyeRussiaAmy Elsner NEGOTIATION
Salvatore F MaletAustraliaStephen Shaw NEGOTIATION
Mayumi F KolmetzUnited KingdomXuxue Feng NEGOTIATION
Alejandro X WhobreyFranceXuxue Feng NEGOTIATION
Wickens E MorascaItalyAsiya Javayant PROPOSAL
Aruna U CaudyGermanyAmy Elsner NEGOTIATION
Maisha G NestleUnited KingdomAmy Elsner NEW
Octavia B CaldareraIndiaElwin Sharvill PROPOSAL
Claire Z GarufiJapanOnyama Limba UNQUALIFIED

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