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
Alejandro B SchemmerArgentinaXuxue Feng RENEWAL
Francesco C WhobreySpainOnyama Limba QUALIFIED
Clifford X ChuiFranceBernardo Dominic NEW
Claire G StockhamAustraliaXuxue Feng NEW
Claire N RulapaughJapanAmy Elsner NEW
Silvio O GillianFranceAnna Fali PROPOSAL
Misaki X KuskoFranceElwin Sharvill QUALIFIED
Adams V GauchoGermanyAnna Fali UNQUALIFIED
Claire Q DilliardAustraliaXuxue Feng PROPOSAL
James E NickaGermanyStephen Shaw QUALIFIED
Francesco D KuskoAustraliaElwin Sharvill UNQUALIFIED
Wickens V FlosiSpainStephen Shaw RENEWAL
Sinclair W MorascaArgentinaIoni Bowcher NEGOTIATION
Antonio D OstroskyIndiaIoni Bowcher QUALIFIED
Stacey W ButtJapanAmy Elsner PROPOSAL
Ivar E VocelkaSpainStephen Shaw NEW
Mayumi I PerinItalyAnna Fali UNQUALIFIED
Chavez O DilliardFranceAsiya Javayant UNQUALIFIED
Rodrigues G SlusarskiCanadaOnyama Limba QUALIFIED
Costa K StensethRussiaStephen Shaw QUALIFIED
Mayumi A SergiIndiaIoni Bowcher RENEWAL
Johnson G SergiItalyIvan Magalhaes NEGOTIATION
Leja R KolmetzJapanElwin Sharvill UNQUALIFIED
Aika T MaletUnited KingdomAnna Fali UNQUALIFIED
Jones O CampainUnited KingdomAnna Fali NEGOTIATION
Greenwood F RimSpainElwin Sharvill RENEWAL
Costa T BologniaItalyElwin Sharvill UNQUALIFIED
Jeanfrancois T MarrierUnited KingdomOnyama Limba PROPOSAL
Isabel A AlbaresItalyBernardo Dominic RENEWAL
Emily Q CaldareraBrazilBernardo Dominic NEGOTIATION
Maisha R MaletGermanyXuxue Feng RENEWAL
Misaki H SaylorsCanadaStephen Shaw NEGOTIATION
Julie H FollerGermanyStephen Shaw NEW
Jones D OstroskySpainAmy Elsner NEW
Tony E OldroydRussiaIvan Magalhaes NEGOTIATION
Octavia M SchemmerFranceElwin Sharvill RENEWAL
Octavia H GlickBrazilBernardo Dominic NEW
Isabel L StensethUnited KingdomAnna Fali UNQUALIFIED
Sinclair O MorascaUnited KingdomOnyama Limba RENEWAL
Antonio M SaylorsIndiaAnna Fali RENEWAL
Cody P RimJapanStephen Shaw PROPOSAL
Mayumi P BowleyCanadaAmy Elsner NEW
Claire A PoquetteCanadaStephen Shaw PROPOSAL
Mayumi X MaletSpainBernardo Dominic PROPOSAL
Isabel K CaldareraCanadaBernardo Dominic UNQUALIFIED
Adams W DoeSpainBernardo Dominic NEGOTIATION
Chavez D KolmetzIndiaAnna Fali PROPOSAL
Murillo H RutaGermanyOnyama Limba QUALIFIED
David L MorascaFranceIvan Magalhaes RENEWAL
Leja H StockhamAustraliaOnyama Limba NEW
Horizontal
NameCountryRepresentativeStatus
Smith Q MacleadIndiaElwin Sharvill UNQUALIFIED
Ivar A PerinSpainAnna Fali NEW
Julie V MaletGermanyElwin Sharvill NEGOTIATION
Morrow I NestleRussiaAmy Elsner NEW
Maisha W GarufiItalyAnna Fali NEW
Jefferson B FerenczItalyIoni Bowcher UNQUALIFIED
Jennifer O GauchoGermanyStephen Shaw NEGOTIATION
Sinclair U PoquetteAustraliaBernardo Dominic UNQUALIFIED
Costa M CampainSpainOnyama Limba UNQUALIFIED
Smith N GauchoRussiaElwin Sharvill NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Nicolas L AlbaresUnited Kingdom2026-11-03Benton, John B Jr PROPOSAL3Xuxue Feng
1001Mayumi A MacleadAustralia2026-10-22Feiner Bros NEW20Xuxue Feng
1002Arvin F MacleadItaly2026-11-01King, Christopher A Esq PROPOSAL63Ioni Bowcher
1003Stacey P FlosiSpain2026-10-17Chanay, Jeffrey A Esq NEGOTIATION11Onyama Limba
1004Deepesh U NestleJapan2026-10-29Morlong Associates PROPOSAL91Ivan Magalhaes
1005Misaki W BologniaArgentina2026-11-05Rangoni Of Florence UNQUALIFIED53Asiya Javayant
1006Leon Q CampainIndia2026-10-16Feiner Bros NEW25Elwin Sharvill
1007Aika M SchemmerCanada2026-10-23Chapman, Ross E Esq NEW11Xuxue Feng
1008Leon P DarakjyCanada2026-10-19Rousseaux, Michael Esq NEGOTIATION46Asiya Javayant
1009Francesco G MaletBrazil2026-11-03Benton, John B Jr PROPOSAL12Bernardo Dominic
1010Chavez F SlusarskiUnited Kingdom2026-10-25Printing Dimensions NEW6Elwin Sharvill
1011Emily A ChuiBrazil2026-10-13Chanay, Jeffrey A Esq RENEWAL36Onyama Limba
1012Tony W WaycottItaly2026-11-05Feltz Printing Service UNQUALIFIED93Elwin Sharvill
1013Francesco K VenereRussia2026-10-22Rangoni Of Florence PROPOSAL9Asiya Javayant
1014Isabel L MaletSpain2026-10-20Dorl, James J Esq RENEWAL63Ivan Magalhaes
1015Darci J WhobreyIndia2026-11-02Rangoni Of Florence NEW57Onyama Limba
1016Jefferson A WieserSpain2026-10-27Feiner Bros RENEWAL42Asiya Javayant
1017James P VenereSpain2026-11-06Chanay, Jeffrey A Esq QUALIFIED31Stephen Shaw
1018David P StockhamUnited Kingdom2026-10-29Feiner Bros PROPOSAL67Stephen Shaw
1019Smith R RulapaughItaly2026-10-09Chapman, Ross E Esq QUALIFIED89Amy Elsner
1020Stacey Y KolmetzGermany2026-10-26Chapman, Ross E Esq UNQUALIFIED31Anna Fali
1021Aruna S MacleadSpain2026-10-18Feltz Printing Service PROPOSAL52Xuxue Feng
1022Sinclair X FerenczAustralia2026-11-07Chanay, Jeffrey A Esq UNQUALIFIED12Onyama Limba
1023Adams V ChuiBrazil2026-10-22Commercial Press RENEWAL40Ivan Magalhaes
1024Costa C StockhamItaly2026-10-12Printing Dimensions NEGOTIATION53Elwin Sharvill
1025Adams S BowleyArgentina2026-10-13Benton, John B Jr PROPOSAL30Anna Fali
1026Cody N AlbaresCanada2026-10-14Benton, John B Jr NEW53Bernardo Dominic
1027Johnson Q BologniaUnited Kingdom2026-10-26Benton, John B Jr NEGOTIATION69Onyama Limba
1028Izzy K PoquetteUnited Kingdom2026-10-13Morlong Associates NEW92Ivan Magalhaes
1029Mujtaba Y NestleIndia2026-10-18Truhlar And Truhlar Attys QUALIFIED56Stephen Shaw
1030Antonio Y GarufiGermany2026-11-03Rousseaux, Michael Esq RENEWAL99Asiya Javayant
1031Arvin Y OldroydUnited Kingdom2026-10-14Feltz Printing Service RENEWAL6Xuxue Feng
1032Maria Y StockhamGermany2026-10-19Chapman, Ross E Esq NEW38Stephen Shaw
1033Leon M OldroydItaly2026-10-16Printing Dimensions NEW13Amy Elsner
1034Greenwood M SaylorsArgentina2026-10-21King, Christopher A Esq RENEWAL76Amy Elsner
1035Munro H AlbaresGermany2026-11-07Rangoni Of Florence RENEWAL11Xuxue Feng
1036Kaitlin B MorascaArgentina2026-10-20Printing Dimensions PROPOSAL74Onyama Limba
1037Aruna X VocelkaSpain2026-10-18Rangoni Of Florence QUALIFIED55Asiya Javayant
1038Aika E RimIndia2026-11-07Truhlar And Truhlar Attys PROPOSAL37Elwin Sharvill
1039Claire M AlbaresFrance2026-10-22Chapman, Ross E Esq RENEWAL41Stephen Shaw
1040Jennifer M FigeroaIndia2026-10-22Chanay, Jeffrey A Esq NEGOTIATION14Ivan Magalhaes
1041Leja J RoysterUnited Kingdom2026-10-23Truhlar And Truhlar Attys UNQUALIFIED26Bernardo Dominic
1042Mujtaba V CaudyFrance2026-11-07Morlong Associates RENEWAL22Xuxue Feng
1043Deepesh P FigeroaBrazil2026-10-16Feiner Bros NEW79Amy Elsner
1044Johnson D ButtFrance2026-10-20Buckley Miller Wright NEW66Elwin Sharvill
1045Rodrigues Y CaudyCanada2026-11-03Feiner Bros PROPOSAL3Xuxue Feng
1046David T DarakjyGermany2026-10-19Feiner Bros NEGOTIATION14Asiya Javayant
1047Adams R GlickJapan2026-11-02Chemel, James L Cpa PROPOSAL86Anna Fali
1048Aditya Y BowleyUnited Kingdom2026-10-09Rousseaux, Michael Esq NEGOTIATION69Ivan Magalhaes
1049Silvio T MorascaBrazil2026-10-23Dorl, James J Esq UNQUALIFIED18Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Jones T NickaUnited KingdomIvan Magalhaes RENEWAL
Sinclair A WieserRussiaAnna Fali NEW
Jeanfrancois G MaletGermanyBernardo Dominic QUALIFIED
Cody E SchemmerSpainAnna Fali RENEWAL
Mayumi C FollerAustraliaXuxue Feng PROPOSAL
Jennifer V BowleyFranceOnyama Limba QUALIFIED
Francesco V VenereJapanAnna Fali PROPOSAL
Octavia G BowleyAustraliaAnna Fali PROPOSAL
Ivar O GillianIndiaXuxue Feng PROPOSAL
Costa P SchemmerBrazilStephen Shaw UNQUALIFIED
Alejandro B BriddickUnited KingdomIoni Bowcher QUALIFIED
Faith S OstroskyIndiaElwin Sharvill RENEWAL
Darci B ButtItalyAmy Elsner PROPOSAL
Aika V IturbideUnited KingdomIvan Magalhaes UNQUALIFIED
Aruna W FerenczBrazilAnna Fali QUALIFIED
Ivar M WhobreyArgentinaAmy Elsner NEW
Johnson C RoysterAustraliaOnyama Limba UNQUALIFIED
Murillo F TollnerRussiaXuxue Feng RENEWAL
Ivar D CampainJapanAsiya Javayant NEW
Emily A SaylorsArgentinaElwin Sharvill QUALIFIED
Mujtaba L ButtUnited KingdomBernardo Dominic PROPOSAL
Costa C NestleGermanyAsiya Javayant QUALIFIED
Salvatore C ShinkoBrazilIoni Bowcher QUALIFIED
Sinclair L ShinkoCanadaOnyama Limba RENEWAL
Clifford B FollerRussiaStephen Shaw QUALIFIED
Costa Z MaletRussiaIvan Magalhaes NEW
Leja T MaletCanadaAmy Elsner RENEWAL
Izzy J AlbaresBrazilStephen Shaw PROPOSAL
Wickens M WhobreyUnited KingdomStephen Shaw NEW
David M GauchoAustraliaIvan Magalhaes UNQUALIFIED
Silvio D StensethSpainAsiya Javayant NEW
Rodrigues P ShinkoJapanAmy Elsner UNQUALIFIED
James Z RulapaughGermanyBernardo Dominic NEGOTIATION
Kadeem A WieserGermanyIvan Magalhaes RENEWAL
Misaki Z KolmetzAustraliaBernardo Dominic NEGOTIATION
Smith B SchemmerBrazilIvan Magalhaes NEGOTIATION
Aditya J DilliardAustraliaAsiya Javayant UNQUALIFIED
Kadeem C OldroydUnited KingdomElwin Sharvill NEW
Jones E RulapaughCanadaIvan Magalhaes UNQUALIFIED
Jennifer P ShinkoRussiaBernardo Dominic PROPOSAL
Deepesh C FlosiSpainIvan Magalhaes QUALIFIED
Mujtaba U KolmetzBrazilBernardo Dominic NEGOTIATION
Chavez A StensethAustraliaXuxue Feng NEGOTIATION
Munro G VenereRussiaStephen Shaw NEGOTIATION
Costa I NestleIndiaBernardo Dominic PROPOSAL
Mujtaba W FollerSpainStephen Shaw PROPOSAL
Antonio D KuskoArgentinaElwin Sharvill NEGOTIATION
Ashley Z WaycottCanadaAnna Fali UNQUALIFIED
Aika D PaprockiItalyXuxue Feng UNQUALIFIED
Jennifer T KolmetzArgentinaAnna Fali NEW
Frozen Columns
Name
Jennifer T Shinko
Aruna G Kusko
Chavez L Gillian
Ashley I Nicka
James I Nestle
Maria E Tollner
Claire Y Sergi
Jennifer I Nestle
Darci Y Stenseth
Faith M Darakjy
Jefferson Q Caldarera
Ivar B Stockham
Johnson N Caldarera
Ivar P Slusarski
Leon E Stockham
Cody I Morasca
Julie M Glick
Francesco M Inouye
Mujtaba C Gaucho
Ivar V Bowley
Murillo D Morasca
Deepesh P Slusarski
Ivar I Wieser
Misaki F Iturbide
Claire A Malet
Alejandro D Saylors
Clifford C Flosi
Ashley U Dilliard
Arvin O Campain
Adams A Inouye
Costa D Campain
Murillo C Rim
Deepesh F Tollner
Costa Z Paprocki
Aika N Royster
Antonio Q Stenseth
Mujtaba D Kolmetz
Smith G Marrier
Arvin X Figeroa
Maria Y Vocelka
Julie K Perin
Kaitlin G Kolmetz
Adams P Glick
Aditya L Nicka
Cody H Caudy
Ivar O Gaucho
Jennifer J Paprocki
David M Garufi
Faith W Inouye
Jefferson J Gillian
IdCountryDate
1000Spain2026-10-30
1001Spain2026-10-14
1002Australia2026-11-03
1003Brazil2026-10-22
1004Australia2026-10-26
1005Italy2026-10-14
1006France2026-10-28
1007Brazil2026-10-28
1008Spain2026-11-05
1009India2026-10-09
1010Germany2026-10-31
1011Brazil2026-10-21
1012United Kingdom2026-10-25
1013Canada2026-10-28
1014Argentina2026-10-14
1015India2026-11-04
1016Russia2026-10-10
1017Brazil2026-11-05
1018Russia2026-10-20
1019Russia2026-10-25
1020Russia2026-10-18
1021United Kingdom2026-11-01
1022India2026-10-18
1023Russia2026-10-19
1024Italy2026-11-07
1025Spain2026-11-01
1026Russia2026-10-23
1027Russia2026-11-06
1028France2026-10-27
1029Germany2026-10-27
1030Spain2026-10-10
1031France2026-10-15
1032India2026-10-22
1033India2026-11-04
1034France2026-10-13
1035India2026-10-26
1036Argentina2026-11-07
1037France2026-10-11
1038Spain2026-10-11
1039Russia2026-11-05
1040Argentina2026-11-03
1041Brazil2026-11-06
1042Canada2026-10-28
1043Argentina2026-10-19
1044Australia2026-11-04
1045Russia2026-10-17
1046Spain2026-10-30
1047France2026-10-17
1048Italy2026-10-22
1049Germany2026-10-22

On-Demand Data

NameIdCountryDate
Arvin D Oldroyd1000Spain2026-11-01
Kaitlin S Rulapaugh1001Canada2026-11-07
Stacey D Doe1002Argentina2026-11-04
Stacey L Caudy1003United Kingdom2026-11-04
Maisha I Slusarski1004France2026-11-05
Maisha Q Garufi1005Canada2026-10-25
Cody B Butt1006Canada2026-11-01
Ivar A Stockham1007India2026-10-19
Juan W Vocelka1008India2026-10-14
Maisha N Iturbide1009Germany2026-11-03
Isabel F Tollner1010Italy2026-10-14
Sinclair Z Briddick1011Japan2026-11-06
Ricardo E Nicka1012Japan2026-10-27
Chavez U Caudy1013Spain2026-10-23
Cody N Inouye1014Brazil2026-10-19
Antonio T Vocelka1015Brazil2026-11-01
Rodrigues L Bolognia1016Spain2026-10-14
Johnson X Poquette1017Italy2026-10-22
Octavia Q Saylors1018Japan2026-11-06
Antonio I Ostrosky1019India2026-10-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Ivar W WhobreyFranceIoni Bowcher NEGOTIATION
Mujtaba R SlusarskiIndiaXuxue Feng UNQUALIFIED
Aruna B FigeroaCanadaXuxue Feng NEGOTIATION
Nicolas A RoysterBrazilBernardo Dominic PROPOSAL
Arvin Y SaylorsAustraliaIoni Bowcher RENEWAL
Juan Q AmigonAustraliaAmy Elsner QUALIFIED
Claire V FigeroaIndiaBernardo Dominic NEGOTIATION
Aditya C ChuiJapanAmy Elsner RENEWAL
Greenwood B PerinArgentinaStephen Shaw NEGOTIATION
Misaki F AlbaresCanadaStephen Shaw NEGOTIATION
Misaki D WieserAustraliaElwin Sharvill RENEWAL
Darci X AlbaresBrazilIvan Magalhaes NEGOTIATION
Morrow C MaletSpainAsiya Javayant PROPOSAL
Greenwood E CampainBrazilXuxue Feng NEGOTIATION
Jeanfrancois Y MarrierBrazilBernardo Dominic PROPOSAL
Deepesh M OstroskySpainAsiya Javayant QUALIFIED
Leja A DarakjyCanadaIvan Magalhaes QUALIFIED
Leon M RutaUnited KingdomAnna Fali NEGOTIATION
Wickens Y MaletArgentinaStephen Shaw UNQUALIFIED
David O KuskoUnited KingdomIvan Magalhaes NEGOTIATION
Sinclair M MorascaUnited KingdomIvan Magalhaes RENEWAL
Cody Q MorascaCanadaIoni Bowcher PROPOSAL
Munro Y VocelkaUnited KingdomAnna Fali NEW
Darci R SergiBrazilXuxue Feng PROPOSAL
Mujtaba R StockhamGermanyIoni Bowcher QUALIFIED
Octavia H AlbaresUnited KingdomIoni Bowcher NEW
Arvin Q SergiAustraliaStephen Shaw NEGOTIATION
Kadeem S FollerItalyBernardo Dominic UNQUALIFIED
Jefferson U ChuiAustraliaIvan Magalhaes NEW
Chavez X FollerAustraliaAnna Fali NEW
Aika T MaletSpainAsiya Javayant NEGOTIATION
Arvin O IturbideUnited KingdomBernardo Dominic PROPOSAL
Aika M WaycottJapanOnyama Limba QUALIFIED
Chavez D RutaJapanElwin Sharvill NEW
Kaitlin I ShinkoFranceXuxue Feng UNQUALIFIED
Mayumi L BologniaCanadaOnyama Limba NEGOTIATION
Tony F DoeJapanAsiya Javayant UNQUALIFIED
Mayumi B MaletFranceAnna Fali PROPOSAL
Kaitlin N NestleArgentinaXuxue Feng NEW
Ashley R ButtArgentinaElwin Sharvill 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>