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
Octavia I KolmetzJapanElwin Sharvill NEW
Leja D WaycottUnited KingdomAmy Elsner PROPOSAL
Smith J MaletFranceStephen Shaw NEGOTIATION
Kadeem L SchemmerUnited KingdomAnna Fali QUALIFIED
Johnson G DoeUnited KingdomOnyama Limba NEGOTIATION
Aditya A OldroydArgentinaBernardo Dominic RENEWAL
Stacey H MorascaRussiaBernardo Dominic QUALIFIED
Johnson P MaletCanadaOnyama Limba NEGOTIATION
Aika W SergiAustraliaXuxue Feng QUALIFIED
Aruna T BologniaSpainIvan Magalhaes NEW
Arvin H InouyeJapanXuxue Feng NEW
Costa Y ShinkoBrazilXuxue Feng NEGOTIATION
Leon I MaletSpainAnna Fali PROPOSAL
Maria K WhobreyBrazilXuxue Feng RENEWAL
Wickens P MarrierRussiaIvan Magalhaes PROPOSAL
Mayumi Q DarakjyJapanXuxue Feng NEW
Izzy M GlickAustraliaElwin Sharvill QUALIFIED
Tony K MarrierAustraliaBernardo Dominic NEGOTIATION
Munro N PaprockiItalyIvan Magalhaes NEGOTIATION
Munro D FerenczIndiaXuxue Feng PROPOSAL
Clifford S MorascaUnited KingdomAnna Fali QUALIFIED
Greenwood S MaletItalyAnna Fali NEW
James V CampainItalyAsiya Javayant NEW
Munro K BologniaJapanIvan Magalhaes RENEWAL
Leon W WieserIndiaOnyama Limba NEGOTIATION
Greenwood J SlusarskiUnited KingdomIoni Bowcher NEGOTIATION
Darci V StockhamFranceIoni Bowcher RENEWAL
Cody E StockhamJapanAsiya Javayant QUALIFIED
Isabel Q CaldareraCanadaXuxue Feng UNQUALIFIED
Misaki S FigeroaUnited KingdomElwin Sharvill QUALIFIED
Isabel Z SergiSpainAmy Elsner RENEWAL
Darci S SaylorsArgentinaStephen Shaw NEW
Aika J CaudyItalyAnna Fali PROPOSAL
James M GillianAustraliaIvan Magalhaes NEW
Darci B CaldareraArgentinaAsiya Javayant QUALIFIED
Juan D IturbideFranceIvan Magalhaes UNQUALIFIED
Deepesh G VocelkaArgentinaAnna Fali UNQUALIFIED
Jennifer J FigeroaArgentinaElwin Sharvill QUALIFIED
Emily C RimAustraliaElwin Sharvill NEGOTIATION
Maria I BriddickCanadaAsiya Javayant NEGOTIATION
Kadeem T TollnerArgentinaBernardo Dominic NEW
Silvio B NickaBrazilElwin Sharvill NEGOTIATION
Ashley N WhobreyRussiaAmy Elsner NEW
Wickens M BologniaSpainElwin Sharvill UNQUALIFIED
Nicolas S CampainRussiaBernardo Dominic PROPOSAL
Jefferson A SlusarskiSpainIoni Bowcher PROPOSAL
Munro M WaycottCanadaIoni Bowcher UNQUALIFIED
Costa I BologniaSpainAnna Fali QUALIFIED
Emily J SlusarskiJapanXuxue Feng QUALIFIED
James Q FigeroaArgentinaStephen Shaw RENEWAL
Horizontal
NameCountryRepresentativeStatus
Alejandro I StensethGermanyAmy Elsner RENEWAL
Arvin T KolmetzJapanXuxue Feng PROPOSAL
Adams F MaletSpainOnyama Limba QUALIFIED
Ashley I ChuiCanadaElwin Sharvill NEGOTIATION
Julie T VenereItalyXuxue Feng QUALIFIED
Faith M StockhamFranceOnyama Limba UNQUALIFIED
Mayumi Y GarufiSpainBernardo Dominic RENEWAL
Mujtaba R OstroskyIndiaBernardo Dominic NEW
Aika C CampainUnited KingdomAnna Fali UNQUALIFIED
Juan T WieserBrazilXuxue Feng UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Wickens K DoeUnited Kingdom2026-09-22Chapman, Ross E Esq UNQUALIFIED29Elwin Sharvill
1001Jeanfrancois A DoeRussia2026-09-16King, Christopher A Esq NEW78Xuxue Feng
1002Munro X FlosiFrance2026-09-24Feltz Printing Service RENEWAL3Ivan Magalhaes
1003Alejandro G StockhamSpain2026-09-14Buckley Miller Wright PROPOSAL36Ivan Magalhaes
1004Jones V ButtItaly2026-10-01Feltz Printing Service PROPOSAL81Stephen Shaw
1005Jones D PoquetteUnited Kingdom2026-09-21Truhlar And Truhlar Attys UNQUALIFIED87Elwin Sharvill
1006Octavia K FollerAustralia2026-09-18Dorl, James J Esq UNQUALIFIED70Elwin Sharvill
1007Emily O PerinRussia2026-09-15Chemel, James L Cpa PROPOSAL89Ivan Magalhaes
1008Salvatore C BowleyAustralia2026-09-14Printing Dimensions QUALIFIED78Elwin Sharvill
1009Munro T BowleyArgentina2026-09-18Morlong Associates NEW18Ioni Bowcher
1010Ricardo F OldroydArgentina2026-09-16Rangoni Of Florence UNQUALIFIED0Amy Elsner
1011Maisha A WhobreyGermany2026-10-11Benton, John B Jr RENEWAL95Amy Elsner
1012Stacey U CaldareraFrance2026-09-20Rousseaux, Michael Esq NEW20Asiya Javayant
1013Johnson N VenereFrance2026-09-28Rousseaux, Michael Esq RENEWAL64Elwin Sharvill
1014Isabel L MaletFrance2026-09-29Benton, John B Jr QUALIFIED74Xuxue Feng
1015Alejandro A MaletBrazil2026-10-11Chapman, Ross E Esq UNQUALIFIED2Elwin Sharvill
1016Misaki K MarrierIndia2026-10-13Rangoni Of Florence NEW17Onyama Limba
1017Claire I StensethCanada2026-09-27Rousseaux, Michael Esq NEGOTIATION57Onyama Limba
1018Izzy V RutaItaly2026-09-28Benton, John B Jr UNQUALIFIED82Amy Elsner
1019Francesco K VocelkaSpain2026-10-06Chapman, Ross E Esq QUALIFIED3Xuxue Feng
1020Octavia A InouyeIndia2026-10-01Chapman, Ross E Esq NEGOTIATION76Elwin Sharvill
1021Wickens N StensethIndia2026-10-04Benton, John B Jr RENEWAL30Bernardo Dominic
1022Munro O PerinItaly2026-10-04Feiner Bros NEGOTIATION92Anna Fali
1023Juan M SlusarskiUnited Kingdom2026-09-30Benton, John B Jr QUALIFIED54Bernardo Dominic
1024Sinclair W KuskoCanada2026-09-24Chapman, Ross E Esq NEGOTIATION55Amy Elsner
1025Johnson Q GillianAustralia2026-09-26Buckley Miller Wright RENEWAL68Ivan Magalhaes
1026Darci H RutaArgentina2026-09-26Morlong Associates PROPOSAL36Ioni Bowcher
1027Rodrigues O SchemmerFrance2026-09-29King, Christopher A Esq PROPOSAL14Elwin Sharvill
1028Clifford K OldroydUnited Kingdom2026-09-14Morlong Associates NEW24Bernardo Dominic
1029Morrow F MaletAustralia2026-10-05Feiner Bros RENEWAL66Elwin Sharvill
1030Isabel K VocelkaIndia2026-09-19Commercial Press NEGOTIATION87Asiya Javayant
1031Nicolas B ShinkoRussia2026-09-18Chapman, Ross E Esq PROPOSAL24Bernardo Dominic
1032Isabel S NestleAustralia2026-10-05Feltz Printing Service RENEWAL22Amy Elsner
1033Adams P VenereBrazil2026-10-13Printing Dimensions PROPOSAL38Elwin Sharvill
1034James U MacleadUnited Kingdom2026-10-03Buckley Miller Wright QUALIFIED48Xuxue Feng
1035Darci D FigeroaIndia2026-09-27Commercial Press NEGOTIATION13Bernardo Dominic
1036Maisha G PoquetteItaly2026-10-11Buckley Miller Wright QUALIFIED78Ivan Magalhaes
1037Salvatore P DilliardJapan2026-09-24Chemel, James L Cpa PROPOSAL23Anna Fali
1038Greenwood U GarufiUnited Kingdom2026-09-26Dorl, James J Esq UNQUALIFIED62Stephen Shaw
1039Wickens M WaycottIndia2026-10-04Printing Dimensions UNQUALIFIED31Onyama Limba
1040Ashley N GlickItaly2026-09-24Chanay, Jeffrey A Esq QUALIFIED55Anna Fali
1041Cody Y NickaJapan2026-09-16Printing Dimensions RENEWAL97Bernardo Dominic
1042Chavez V VenereItaly2026-09-25King, Christopher A Esq QUALIFIED31Anna Fali
1043Francesco J WieserBrazil2026-09-25Feltz Printing Service PROPOSAL65Elwin Sharvill
1044Francesco J FollerCanada2026-10-10Chemel, James L Cpa UNQUALIFIED79Amy Elsner
1045Aruna H SergiBrazil2026-09-23Chemel, James L Cpa QUALIFIED8Asiya Javayant
1046Salvatore A IturbideJapan2026-09-22Benton, John B Jr NEW3Ioni Bowcher
1047Greenwood M KolmetzGermany2026-09-15Dorl, James J Esq QUALIFIED87Onyama Limba
1048Izzy X PaprockiCanada2026-09-27Chemel, James L Cpa NEW98Stephen Shaw
1049David H RimSpain2026-09-26Morlong Associates NEGOTIATION40Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Morrow D ShinkoJapanStephen Shaw QUALIFIED
Stacey D SergiJapanElwin Sharvill NEW
Rodrigues I ShinkoJapanOnyama Limba QUALIFIED
Johnson F PaprockiArgentinaIvan Magalhaes NEGOTIATION
Kadeem Q DilliardArgentinaAnna Fali RENEWAL
Julie H KolmetzBrazilIvan Magalhaes PROPOSAL
Cody T WaycottJapanAmy Elsner PROPOSAL
Stacey J FigeroaUnited KingdomAmy Elsner NEGOTIATION
Emily R WaycottCanadaBernardo Dominic RENEWAL
Morrow Y SlusarskiRussiaOnyama Limba PROPOSAL
Misaki U IturbideArgentinaStephen Shaw PROPOSAL
Sinclair R WieserUnited KingdomElwin Sharvill PROPOSAL
Juan L BologniaGermanyStephen Shaw UNQUALIFIED
Maria E GillianBrazilIvan Magalhaes UNQUALIFIED
Isabel Q CaudyCanadaIvan Magalhaes NEW
Maria C BologniaCanadaIvan Magalhaes UNQUALIFIED
Ivar U StensethFranceIoni Bowcher RENEWAL
Antonio V DarakjySpainXuxue Feng NEGOTIATION
Julie T DarakjyItalyAmy Elsner UNQUALIFIED
Misaki X StockhamBrazilAsiya Javayant NEGOTIATION
Aditya U DarakjyArgentinaXuxue Feng RENEWAL
Sinclair O RutaBrazilIvan Magalhaes NEW
Misaki F RoysterAustraliaStephen Shaw PROPOSAL
Mayumi J NickaFranceBernardo Dominic PROPOSAL
Jones P MaletFranceOnyama Limba PROPOSAL
Misaki U FerenczJapanOnyama Limba RENEWAL
Isabel A AlbaresItalyIoni Bowcher PROPOSAL
Jeanfrancois R MorascaItalyElwin Sharvill NEW
Stacey I RutaCanadaIvan Magalhaes RENEWAL
Claire W GlickSpainXuxue Feng UNQUALIFIED
Jones M MorascaUnited KingdomIoni Bowcher NEW
Munro J BriddickSpainIoni Bowcher PROPOSAL
Morrow A DilliardCanadaElwin Sharvill NEGOTIATION
Jeanfrancois F DoeJapanXuxue Feng NEW
Morrow Y StockhamRussiaElwin Sharvill RENEWAL
Claire M PoquetteJapanStephen Shaw UNQUALIFIED
Ashley P MaletIndiaAnna Fali NEW
Misaki F CaudySpainXuxue Feng NEW
Smith N OldroydArgentinaXuxue Feng NEGOTIATION
Juan U NickaCanadaIvan Magalhaes RENEWAL
Jeanfrancois G FollerItalyOnyama Limba QUALIFIED
Clifford X PoquetteItalyAnna Fali PROPOSAL
Stacey O RulapaughUnited KingdomBernardo Dominic UNQUALIFIED
Izzy C KolmetzFranceStephen Shaw RENEWAL
Antonio Z FerenczGermanyBernardo Dominic QUALIFIED
Greenwood B FerenczIndiaOnyama Limba PROPOSAL
Jeanfrancois R SlusarskiAustraliaIvan Magalhaes QUALIFIED
Morrow B TollnerBrazilOnyama Limba NEW
Faith I PoquetteIndiaAmy Elsner RENEWAL
Leon N RoysterIndiaAsiya Javayant UNQUALIFIED
Frozen Columns
Name
Wickens O Albares
Salvatore J Morasca
Wickens E Stenseth
Morrow Y Flosi
Johnson T Rim
Mujtaba F Kusko
Aditya M Oldroyd
Darci J Morasca
Faith R Gaucho
Adams G Ruta
Jennifer U Bowley
Leja R Malet
Ivar M Foller
Cody Q Rulapaugh
Salvatore U Amigon
Faith A Caldarera
Izzy G Doe
Chavez J Morasca
Ricardo A Kusko
Claire E Ferencz
Maisha O Perin
Tony C Saylors
Mayumi T Vocelka
Jefferson P Amigon
Costa Z Briddick
Arvin E Slusarski
Salvatore C Glick
Maisha L Slusarski
Leon U Garufi
Mujtaba K Sergi
Izzy B Sergi
Murillo M Schemmer
Chavez T Tollner
Tony C Kusko
Isabel J Vocelka
Stacey X Rulapaugh
Costa K Venere
Maria C Nicka
Kadeem R Ostrosky
Cody K Dilliard
Salvatore G Ferencz
Juan H Glick
Francesco A Waycott
Silvio Q Inouye
Morrow A Wieser
Emily U Saylors
Isabel O Waycott
Ashley U Marrier
Julie G Darakjy
Rodrigues G Foller
IdCountryDate
1000Russia2026-10-09
1001Germany2026-10-03
1002United Kingdom2026-09-29
1003Canada2026-10-08
1004Germany2026-09-15
1005Spain2026-10-02
1006Canada2026-09-24
1007Japan2026-09-28
1008India2026-09-25
1009France2026-10-13
1010Germany2026-10-13
1011Brazil2026-09-18
1012Australia2026-10-08
1013Spain2026-09-27
1014Canada2026-10-05
1015France2026-10-04
1016Australia2026-10-11
1017United Kingdom2026-10-05
1018Argentina2026-10-11
1019Canada2026-09-24
1020India2026-10-02
1021Japan2026-10-07
1022Italy2026-10-11
1023Germany2026-10-05
1024Argentina2026-09-23
1025United Kingdom2026-10-06
1026Japan2026-10-06
1027Japan2026-09-17
1028India2026-09-14
1029Australia2026-09-19
1030Brazil2026-09-22
1031Japan2026-10-12
1032Russia2026-09-27
1033Argentina2026-09-28
1034India2026-10-12
1035Russia2026-09-15
1036Australia2026-10-12
1037Germany2026-09-23
1038Argentina2026-09-19
1039Spain2026-09-14
1040Brazil2026-09-17
1041India2026-09-22
1042Germany2026-09-30
1043India2026-10-05
1044Germany2026-09-22
1045Germany2026-10-03
1046Japan2026-10-01
1047Italy2026-10-05
1048France2026-09-16
1049Canada2026-09-22

On-Demand Data

NameIdCountryDate
Ivar M Shinko1000Brazil2026-09-24
Munro D Poquette1001Australia2026-10-10
David W Sergi1002United Kingdom2026-09-29
Jefferson S Bowley1003United Kingdom2026-09-28
Ashley V Tollner1004Russia2026-10-07
Jennifer M Morasca1005France2026-09-19
Deepesh U Sergi1006Spain2026-10-12
Misaki M Ostrosky1007Canada2026-09-25
Isabel M Doe1008France2026-09-16
Mujtaba A Tollner1009Australia2026-09-14
Faith H Caldarera1010United Kingdom2026-10-04
Leja Z Nestle1011United Kingdom2026-09-26
Nicolas E Caudy1012United Kingdom2026-10-01
Cody J Briddick1013United Kingdom2026-09-26
Octavia Y Campain1014France2026-09-19
Faith Q Doe1015Germany2026-09-28
Emily Z Garufi1016Italy2026-09-17
Julie U Tollner1017Canada2026-09-25
Jones B Darakjy1018Russia2026-10-07
Mujtaba P Kusko1019Canada2026-09-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Chavez Z RimBrazilAmy Elsner NEGOTIATION
Morrow C TollnerFranceAnna Fali UNQUALIFIED
Kadeem V GarufiRussiaAmy Elsner QUALIFIED
Ivar Y TollnerRussiaXuxue Feng QUALIFIED
Rodrigues I CampainAustraliaOnyama Limba QUALIFIED
Deepesh T GauchoBrazilOnyama Limba PROPOSAL
Chavez B WaycottItalyAnna Fali PROPOSAL
Greenwood U KuskoUnited KingdomElwin Sharvill PROPOSAL
Octavia R PoquetteArgentinaElwin Sharvill RENEWAL
Wickens C DarakjyGermanyXuxue Feng NEGOTIATION
Sinclair D MarrierUnited KingdomBernardo Dominic UNQUALIFIED
Claire P NestleJapanXuxue Feng PROPOSAL
Leon O VocelkaSpainAnna Fali NEW
Jefferson C WhobreyCanadaBernardo Dominic NEGOTIATION
Sinclair I StensethArgentinaBernardo Dominic PROPOSAL
James P SergiItalyXuxue Feng QUALIFIED
Mujtaba L MaletJapanXuxue Feng RENEWAL
Jones S FollerIndiaOnyama Limba PROPOSAL
Julie Q SlusarskiSpainAnna Fali RENEWAL
Francesco J TollnerSpainAmy Elsner QUALIFIED
Claire Z PerinIndiaAnna Fali NEW
Deepesh M ChuiArgentinaAmy Elsner PROPOSAL
Johnson T RutaUnited KingdomAmy Elsner RENEWAL
Ashley O InouyeBrazilAsiya Javayant PROPOSAL
Leja I VocelkaUnited KingdomElwin Sharvill RENEWAL
Jones K NickaJapanIvan Magalhaes QUALIFIED
Morrow O SergiIndiaAsiya Javayant NEGOTIATION
Smith X KolmetzAustraliaXuxue Feng QUALIFIED
Arvin S CaudyItalyIvan Magalhaes PROPOSAL
Francesco H OstroskyIndiaIvan Magalhaes PROPOSAL
Jones B VocelkaArgentinaAnna Fali UNQUALIFIED
Jeanfrancois B RulapaughRussiaIoni Bowcher NEGOTIATION
Emily U StockhamAustraliaStephen Shaw NEGOTIATION
Ricardo V ShinkoCanadaBernardo Dominic NEW
Nicolas I CaldareraSpainOnyama Limba RENEWAL
Aruna H OldroydUnited KingdomIvan Magalhaes NEGOTIATION
Faith S RimJapanOnyama Limba NEW
Adams P AlbaresItalyIvan Magalhaes QUALIFIED
Aditya K BriddickBrazilAmy Elsner RENEWAL
Rodrigues I KolmetzAustraliaXuxue Feng 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>