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
Maria O OldroydSpainAsiya Javayant QUALIFIED
Jeanfrancois Y CaldareraItalyElwin Sharvill NEGOTIATION
Isabel Q ShinkoJapanElwin Sharvill RENEWAL
Misaki X OstroskyIndiaAnna Fali NEGOTIATION
Leja L MaletJapanIoni Bowcher PROPOSAL
Cody X GlickRussiaAsiya Javayant RENEWAL
Misaki R DoeSpainBernardo Dominic PROPOSAL
Kadeem J WieserCanadaAmy Elsner UNQUALIFIED
Octavia F WhobreyRussiaStephen Shaw PROPOSAL
Aika C MaletItalyAmy Elsner NEW
Mujtaba H NestleFranceAsiya Javayant PROPOSAL
Mujtaba O OldroydIndiaIoni Bowcher RENEWAL
Murillo W WaycottUnited KingdomOnyama Limba UNQUALIFIED
Ivar Q SlusarskiRussiaBernardo Dominic NEGOTIATION
Chavez K DoeUnited KingdomElwin Sharvill PROPOSAL
Aika D DilliardIndiaIvan Magalhaes PROPOSAL
Misaki A WhobreyArgentinaXuxue Feng RENEWAL
Alejandro B ButtSpainIvan Magalhaes PROPOSAL
Octavia P AlbaresArgentinaStephen Shaw UNQUALIFIED
Silvio C NestleSpainBernardo Dominic PROPOSAL
James E KolmetzFranceAmy Elsner UNQUALIFIED
Misaki S ShinkoArgentinaIvan Magalhaes UNQUALIFIED
Morrow M PerinFranceAsiya Javayant NEGOTIATION
Morrow U FerenczArgentinaIvan Magalhaes UNQUALIFIED
David T InouyeFranceBernardo Dominic NEW
Jeanfrancois D RoysterFranceAmy Elsner QUALIFIED
Stacey Y GlickIndiaAnna Fali NEGOTIATION
Stacey F KuskoGermanyElwin Sharvill PROPOSAL
Aika O MaletBrazilIvan Magalhaes NEGOTIATION
Octavia L StockhamJapanIoni Bowcher RENEWAL
Munro S MaletRussiaBernardo Dominic NEW
Claire U DarakjyGermanyXuxue Feng UNQUALIFIED
Smith C GauchoGermanyAmy Elsner NEGOTIATION
Smith C CaldareraArgentinaAmy Elsner RENEWAL
Murillo B OldroydUnited KingdomAmy Elsner PROPOSAL
Jennifer N NestleBrazilElwin Sharvill NEW
Isabel V CaldareraUnited KingdomIvan Magalhaes UNQUALIFIED
Nicolas H InouyeGermanyElwin Sharvill PROPOSAL
Arvin A SchemmerArgentinaStephen Shaw PROPOSAL
Salvatore H MarrierIndiaIvan Magalhaes QUALIFIED
Juan G DoeSpainAmy Elsner PROPOSAL
Clifford F NestleUnited KingdomAsiya Javayant RENEWAL
Darci P KuskoAustraliaStephen Shaw NEW
Cody Z CaudyFranceIoni Bowcher RENEWAL
Maria X AlbaresFranceStephen Shaw QUALIFIED
Aika I PoquetteArgentinaAnna Fali QUALIFIED
Mayumi F TollnerArgentinaStephen Shaw NEGOTIATION
Silvio Z RulapaughFranceOnyama Limba NEGOTIATION
Aruna M KolmetzFranceStephen Shaw NEW
Mayumi N StockhamJapanAnna Fali RENEWAL
Horizontal
NameCountryRepresentativeStatus
Deepesh T GlickJapanAnna Fali NEGOTIATION
Leja V MorascaAustraliaElwin Sharvill UNQUALIFIED
Jennifer A SlusarskiArgentinaElwin Sharvill NEGOTIATION
Maria U KuskoSpainAnna Fali PROPOSAL
Mujtaba F MaletGermanyAmy Elsner RENEWAL
Johnson E VocelkaUnited KingdomAsiya Javayant QUALIFIED
Mujtaba X MorascaArgentinaIoni Bowcher NEW
Munro M NickaSpainXuxue Feng QUALIFIED
Ivar H CaudyIndiaOnyama Limba PROPOSAL
Julie R InouyeSpainStephen Shaw NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Deepesh L GauchoSpain2026-10-02King, Christopher A Esq NEGOTIATION72Amy Elsner
1001Chavez W InouyeFrance2026-10-03Rousseaux, Michael Esq UNQUALIFIED74Ioni Bowcher
1002Darci S RimGermany2026-09-25Morlong Associates QUALIFIED28Ivan Magalhaes
1003Ivar A FlosiJapan2026-10-03Chemel, James L Cpa QUALIFIED99Ioni Bowcher
1004Arvin D FlosiArgentina2026-09-24Dorl, James J Esq PROPOSAL53Xuxue Feng
1005Mujtaba D GauchoUnited Kingdom2026-10-14Rousseaux, Michael Esq PROPOSAL99Amy Elsner
1006Deepesh J PaprockiAustralia2026-10-13Dorl, James J Esq UNQUALIFIED9Amy Elsner
1007Salvatore P RulapaughBrazil2026-10-15Feiner Bros NEW88Ioni Bowcher
1008Antonio D OldroydBrazil2026-09-28Buckley Miller Wright NEW50Xuxue Feng
1009Smith Y AlbaresUnited Kingdom2026-10-09Printing Dimensions RENEWAL39Elwin Sharvill
1010Jefferson J BologniaIndia2026-09-28Morlong Associates UNQUALIFIED11Amy Elsner
1011Deepesh N NestleFrance2026-09-25Morlong Associates PROPOSAL46Bernardo Dominic
1012Isabel Q BologniaAustralia2026-09-26Morlong Associates NEGOTIATION39Bernardo Dominic
1013Jennifer B ShinkoUnited Kingdom2026-10-13Printing Dimensions RENEWAL76Stephen Shaw
1014Juan U MaletIndia2026-10-05Truhlar And Truhlar Attys RENEWAL94Stephen Shaw
1015Claire U MarrierUnited Kingdom2026-10-15Feltz Printing Service PROPOSAL58Ioni Bowcher
1016Greenwood S OldroydUnited Kingdom2026-10-06Morlong Associates QUALIFIED19Bernardo Dominic
1017Cody O RimJapan2026-09-28Feltz Printing Service NEW72Elwin Sharvill
1018Faith Z WhobreyBrazil2026-10-19Commercial Press NEW76Ioni Bowcher
1019Johnson T RutaGermany2026-10-16Commercial Press NEW35Elwin Sharvill
1020Claire D IturbideGermany2026-09-24Feiner Bros RENEWAL34Ioni Bowcher
1021Clifford U BriddickGermany2026-10-04Commercial Press PROPOSAL13Ioni Bowcher
1022Jennifer Z GauchoItaly2026-10-10Feltz Printing Service RENEWAL74Xuxue Feng
1023Julie T WieserBrazil2026-10-07Chanay, Jeffrey A Esq PROPOSAL20Bernardo Dominic
1024Greenwood W SaylorsRussia2026-10-06Chemel, James L Cpa RENEWAL30Ioni Bowcher
1025Munro N DarakjyAustralia2026-10-17Buckley Miller Wright PROPOSAL57Stephen Shaw
1026Greenwood H BowleyRussia2026-09-21Printing Dimensions QUALIFIED66Stephen Shaw
1027Rodrigues D IturbideFrance2026-10-07Morlong Associates PROPOSAL57Ivan Magalhaes
1028Izzy K PerinRussia2026-10-16Commercial Press NEW29Asiya Javayant
1029Salvatore J ChuiSpain2026-10-14Buckley Miller Wright PROPOSAL37Asiya Javayant
1030Antonio J AlbaresFrance2026-10-03Chanay, Jeffrey A Esq NEW87Onyama Limba
1031Silvio E MacleadGermany2026-10-08Rangoni Of Florence QUALIFIED92Asiya Javayant
1032Jefferson L PerinFrance2026-10-06Rousseaux, Michael Esq NEW95Anna Fali
1033Darci H FerenczCanada2026-10-15Buckley Miller Wright QUALIFIED44Asiya Javayant
1034Cody X KolmetzAustralia2026-10-01Rangoni Of Florence NEW1Onyama Limba
1035Ivar N AlbaresAustralia2026-10-02Morlong Associates UNQUALIFIED61Elwin Sharvill
1036Wickens A DilliardBrazil2026-09-22Commercial Press QUALIFIED11Bernardo Dominic
1037David M BologniaUnited Kingdom2026-10-15Feltz Printing Service UNQUALIFIED87Elwin Sharvill
1038Misaki C FollerFrance2026-09-27Rangoni Of Florence RENEWAL59Bernardo Dominic
1039Morrow T RoysterUnited Kingdom2026-09-20Buckley Miller Wright RENEWAL82Ioni Bowcher
1040Jeanfrancois J RulapaughRussia2026-10-16Rangoni Of Florence RENEWAL19Ivan Magalhaes
1041Mujtaba T TollnerAustralia2026-10-10King, Christopher A Esq RENEWAL95Anna Fali
1042Mayumi E BriddickFrance2026-09-21Printing Dimensions NEW35Xuxue Feng
1043Kadeem U SaylorsItaly2026-09-20Buckley Miller Wright PROPOSAL28Asiya Javayant
1044Sinclair A WhobreyBrazil2026-09-28Chapman, Ross E Esq UNQUALIFIED33Bernardo Dominic
1045Ashley U TollnerItaly2026-09-25Morlong Associates UNQUALIFIED16Anna Fali
1046Ivar D FigeroaAustralia2026-09-29Feiner Bros QUALIFIED45Ivan Magalhaes
1047Sinclair S CampainAustralia2026-10-13Chanay, Jeffrey A Esq PROPOSAL78Asiya Javayant
1048Munro R BriddickAustralia2026-10-13Feiner Bros RENEWAL42Anna Fali
1049Jefferson J FigeroaGermany2026-10-14Commercial Press NEW60Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Aditya T SchemmerIndiaElwin Sharvill NEGOTIATION
Francesco J SchemmerGermanyIvan Magalhaes RENEWAL
Salvatore L MacleadAustraliaIoni Bowcher UNQUALIFIED
Adams D TollnerCanadaStephen Shaw UNQUALIFIED
Jones M GillianJapanXuxue Feng QUALIFIED
Aika X VenereAustraliaIoni Bowcher UNQUALIFIED
Sinclair R PerinFranceXuxue Feng UNQUALIFIED
Salvatore U AmigonSpainIoni Bowcher PROPOSAL
Kaitlin X CaldareraArgentinaElwin Sharvill RENEWAL
Maria R GillianRussiaAnna Fali NEGOTIATION
Aruna K DilliardBrazilBernardo Dominic NEW
Misaki U SchemmerItalyIoni Bowcher QUALIFIED
Kaitlin I KuskoSpainStephen Shaw RENEWAL
Ricardo L WieserGermanyBernardo Dominic NEGOTIATION
Arvin Q WaycottJapanStephen Shaw PROPOSAL
Wickens T CampainBrazilOnyama Limba NEW
Clifford P TollnerUnited KingdomIoni Bowcher NEGOTIATION
Leja U FollerFranceAmy Elsner QUALIFIED
Costa O GillianJapanIoni Bowcher NEW
Stacey F FigeroaRussiaElwin Sharvill NEW
Chavez A GarufiFranceAnna Fali QUALIFIED
Rodrigues M ShinkoAustraliaAsiya Javayant UNQUALIFIED
Wickens I InouyeSpainAnna Fali QUALIFIED
Maria Q FlosiItalyStephen Shaw NEGOTIATION
Ricardo B PoquetteAustraliaStephen Shaw UNQUALIFIED
Misaki Y MaletIndiaAnna Fali QUALIFIED
Greenwood Z SergiUnited KingdomAnna Fali UNQUALIFIED
Mujtaba O StensethAustraliaElwin Sharvill NEW
Claire O CaudySpainAnna Fali UNQUALIFIED
Emily N SlusarskiJapanAmy Elsner PROPOSAL
Kadeem Y NickaBrazilBernardo Dominic UNQUALIFIED
Silvio X KuskoFranceAnna Fali NEW
Greenwood K ChuiAustraliaElwin Sharvill QUALIFIED
Jones Y PerinBrazilIvan Magalhaes UNQUALIFIED
Salvatore U IturbideItalyIoni Bowcher RENEWAL
Deepesh J MarrierFranceElwin Sharvill PROPOSAL
Darci O IturbideAustraliaIoni Bowcher NEW
Arvin M GlickFranceBernardo Dominic NEW
Alejandro Z GarufiAustraliaStephen Shaw PROPOSAL
Cody E AmigonSpainIoni Bowcher RENEWAL
Deepesh S KuskoJapanXuxue Feng RENEWAL
Clifford E KuskoSpainBernardo Dominic NEW
Nicolas G ButtUnited KingdomIoni Bowcher NEW
Murillo T TollnerItalyXuxue Feng NEGOTIATION
Aditya B DarakjyJapanAsiya Javayant QUALIFIED
Jennifer V RulapaughRussiaBernardo Dominic UNQUALIFIED
Maria F WaycottGermanyElwin Sharvill NEGOTIATION
Julie Z NestleJapanAsiya Javayant PROPOSAL
Julie S BowleyBrazilAnna Fali QUALIFIED
Sinclair S SaylorsRussiaElwin Sharvill UNQUALIFIED
Frozen Columns
Name
Smith W Caudy
Chavez V Morasca
Antonio Q Bolognia
Jones A Caldarera
Tony V Flosi
Smith N Venere
Arvin D Sergi
Maria X Poquette
Jennifer A Ruta
Jeanfrancois S Sergi
Cody W Ostrosky
Aruna J Albares
David E Glick
Costa S Malet
Murillo Y Gaucho
Smith D Garufi
Mujtaba Y Kolmetz
Morrow W Bolognia
Deepesh O Amigon
David T Saylors
Misaki T Kusko
Aditya T Marrier
Clifford Z Maclead
Greenwood G Gaucho
Kaitlin W Gillian
Julie N Stenseth
Julie P Kolmetz
Clifford G Foller
Jones X Briddick
Kadeem R Wieser
Jefferson X Nicka
Jennifer T Vocelka
Sinclair K Glick
Leja D Vocelka
Chavez L Stenseth
Julie U Glick
Faith E Stenseth
Leja T Malet
Aditya O Shinko
Mujtaba H Butt
Ricardo R Saylors
Clifford A Waycott
Antonio C Albares
Mayumi Y Figeroa
Clifford M Bowley
Clifford D Gaucho
Costa K Poquette
Aditya T Slusarski
Nicolas D Caudy
Costa K Oldroyd
IdCountryDate
1000Russia2026-10-04
1001Argentina2026-09-29
1002Argentina2026-09-25
1003Spain2026-10-02
1004India2026-10-15
1005Italy2026-10-11
1006Canada2026-09-25
1007Japan2026-10-12
1008Japan2026-09-29
1009Japan2026-10-02
1010Italy2026-10-18
1011Canada2026-09-27
1012Japan2026-09-21
1013Germany2026-10-07
1014United Kingdom2026-09-25
1015Spain2026-10-13
1016Canada2026-09-27
1017Brazil2026-10-05
1018Italy2026-10-05
1019Germany2026-10-14
1020Spain2026-10-10
1021Australia2026-09-20
1022United Kingdom2026-10-02
1023Canada2026-09-26
1024United Kingdom2026-10-15
1025Australia2026-10-12
1026Italy2026-10-03
1027India2026-09-27
1028India2026-10-09
1029Argentina2026-09-25
1030Argentina2026-09-25
1031Spain2026-10-17
1032France2026-10-13
1033Japan2026-10-10
1034Italy2026-10-12
1035United Kingdom2026-10-11
1036Germany2026-09-24
1037United Kingdom2026-10-10
1038Italy2026-10-12
1039United Kingdom2026-10-07
1040Brazil2026-10-03
1041Spain2026-10-01
1042Russia2026-09-24
1043Brazil2026-10-12
1044Australia2026-10-10
1045Argentina2026-10-08
1046Germany2026-09-23
1047Canada2026-09-21
1048Russia2026-09-24
1049Australia2026-09-29

On-Demand Data

NameIdCountryDate
Octavia V Bolognia1000Germany2026-10-08
Cody Z Butt1001Japan2026-09-25
Chavez A Amigon1002Russia2026-10-12
Nicolas G Bowley1003Brazil2026-10-15
Deepesh K Chui1004India2026-10-11
Maria V Marrier1005Argentina2026-09-24
Aditya R Bolognia1006Germany2026-10-03
Adams R Darakjy1007Russia2026-10-07
Aika Y Waycott1008Spain2026-10-11
Greenwood X Flosi1009Germany2026-09-29
Juan C Kolmetz1010Italy2026-10-10
Murillo G Doe1011Brazil2026-10-16
Arvin W Bolognia1012United Kingdom2026-10-15
Antonio N Vocelka1013Japan2026-09-25
Izzy K Stenseth1014Brazil2026-09-29
Silvio P Kolmetz1015Germany2026-09-29
Stacey V Chui1016India2026-10-11
Morrow V Nicka1017Argentina2026-09-27
Aruna E Rulapaugh1018Italy2026-09-25
Izzy E Garufi1019Canada2026-09-25
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Salvatore V BowleyCanadaIvan Magalhaes NEW
Juan W SaylorsJapanIvan Magalhaes QUALIFIED
David U SergiBrazilElwin Sharvill RENEWAL
Faith Z FollerBrazilIoni Bowcher RENEWAL
Johnson J CaldareraBrazilXuxue Feng PROPOSAL
Misaki M BriddickArgentinaOnyama Limba UNQUALIFIED
Emily K FlosiItalyStephen Shaw RENEWAL
Maria J CaudyArgentinaAsiya Javayant NEGOTIATION
Kaitlin J AmigonUnited KingdomIoni Bowcher RENEWAL
Wickens M SchemmerJapanBernardo Dominic QUALIFIED
Munro J CaudySpainAsiya Javayant RENEWAL
James N WhobreyArgentinaElwin Sharvill PROPOSAL
Greenwood K ButtJapanElwin Sharvill RENEWAL
Costa G BowleyGermanyOnyama Limba NEGOTIATION
Deepesh K BowleySpainBernardo Dominic NEW
Francesco L SergiArgentinaXuxue Feng QUALIFIED
Tony N ShinkoFranceIvan Magalhaes PROPOSAL
Aika K DarakjyIndiaXuxue Feng UNQUALIFIED
Nicolas G BologniaItalyIoni Bowcher NEW
Alejandro H WieserAustraliaIvan Magalhaes NEGOTIATION
Clifford H BriddickUnited KingdomStephen Shaw UNQUALIFIED
Deepesh L RimItalyStephen Shaw QUALIFIED
Stacey V ButtSpainIvan Magalhaes RENEWAL
Ivar A RutaCanadaIoni Bowcher NEW
Emily J PerinGermanyIvan Magalhaes QUALIFIED
Adams A IturbideJapanBernardo Dominic NEW
Darci X MorascaRussiaBernardo Dominic RENEWAL
Mujtaba J VocelkaIndiaIoni Bowcher QUALIFIED
Misaki I CaldareraItalyElwin Sharvill PROPOSAL
Ashley Z AlbaresSpainXuxue Feng PROPOSAL
Isabel Z MaletBrazilAsiya Javayant UNQUALIFIED
Octavia V SlusarskiFranceStephen Shaw NEGOTIATION
Morrow B WieserGermanyIoni Bowcher QUALIFIED
Salvatore I CampainItalyIoni Bowcher NEGOTIATION
Ivar N BriddickAustraliaStephen Shaw QUALIFIED
Juan J GillianFranceIoni Bowcher RENEWAL
Smith G SchemmerFranceElwin Sharvill NEGOTIATION
Stacey C SlusarskiAustraliaIoni Bowcher QUALIFIED
Munro J IturbideSpainIoni Bowcher RENEWAL
Wickens M MorascaCanadaOnyama Limba 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>