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
Munro T MacleadUnited KingdomBernardo Dominic RENEWAL
Aditya K SergiItalyAsiya Javayant PROPOSAL
Wickens C NestleSpainStephen Shaw NEGOTIATION
Aika U GlickCanadaAmy Elsner QUALIFIED
Maria Q GarufiBrazilAmy Elsner NEW
Stacey D MarrierRussiaXuxue Feng RENEWAL
Silvio U InouyeGermanyOnyama Limba PROPOSAL
Morrow T MarrierSpainStephen Shaw PROPOSAL
Ashley I MorascaFranceAmy Elsner UNQUALIFIED
Ashley H ButtIndiaBernardo Dominic NEW
Izzy U DarakjyCanadaElwin Sharvill NEW
Silvio T BowleyArgentinaOnyama Limba RENEWAL
Octavia Q WhobreySpainStephen Shaw NEGOTIATION
Izzy S BriddickRussiaBernardo Dominic QUALIFIED
Julie B AmigonItalyAsiya Javayant NEGOTIATION
James G IturbideArgentinaBernardo Dominic PROPOSAL
Ashley B DoeJapanOnyama Limba QUALIFIED
Ashley M StockhamRussiaIvan Magalhaes NEW
Izzy I MorascaCanadaElwin Sharvill UNQUALIFIED
Johnson Z StockhamSpainIoni Bowcher QUALIFIED
Adams D SlusarskiSpainXuxue Feng QUALIFIED
Aruna E DarakjyItalyIoni Bowcher NEGOTIATION
Silvio F MaletAustraliaAsiya Javayant NEW
Greenwood B VenereArgentinaIvan Magalhaes UNQUALIFIED
Cody I GarufiBrazilAnna Fali NEW
Arvin U NickaIndiaIoni Bowcher NEW
Sinclair L IturbideItalyAmy Elsner NEGOTIATION
Adams O FollerAustraliaElwin Sharvill NEW
Chavez H DilliardSpainIvan Magalhaes RENEWAL
Stacey G PaprockiFranceIvan Magalhaes RENEWAL
Darci Y MarrierJapanIvan Magalhaes UNQUALIFIED
Munro V DoeIndiaAmy Elsner UNQUALIFIED
Faith H StensethRussiaAmy Elsner NEGOTIATION
Maisha G AlbaresSpainElwin Sharvill UNQUALIFIED
Munro Y MacleadFranceAmy Elsner NEGOTIATION
Leja H PerinArgentinaElwin Sharvill NEW
Adams V InouyeItalyAmy Elsner UNQUALIFIED
Misaki B StockhamSpainElwin Sharvill UNQUALIFIED
Jones O PaprockiRussiaAnna Fali NEGOTIATION
Salvatore R MaletAustraliaElwin Sharvill QUALIFIED
Adams J SergiArgentinaOnyama Limba NEW
Sinclair Q MorascaSpainOnyama Limba NEGOTIATION
Aruna A WieserUnited KingdomAnna Fali UNQUALIFIED
Tony Y RutaSpainBernardo Dominic PROPOSAL
Greenwood M AmigonAustraliaAmy Elsner PROPOSAL
Claire F ButtCanadaOnyama Limba NEW
Jefferson Q AmigonRussiaAnna Fali NEGOTIATION
Clifford H PoquetteUnited KingdomAmy Elsner RENEWAL
James Z SaylorsJapanElwin Sharvill UNQUALIFIED
Izzy N BowleyAustraliaStephen Shaw NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Mayumi I RimArgentinaBernardo Dominic QUALIFIED
Maisha I PoquetteRussiaStephen Shaw NEGOTIATION
Isabel P ShinkoCanadaXuxue Feng UNQUALIFIED
Arvin O SergiJapanAnna Fali UNQUALIFIED
Morrow S BologniaIndiaElwin Sharvill NEW
Rodrigues U KuskoIndiaXuxue Feng NEW
Aditya M SlusarskiUnited KingdomXuxue Feng PROPOSAL
Sinclair U CaldareraAustraliaBernardo Dominic NEGOTIATION
Ricardo V MorascaCanadaAsiya Javayant PROPOSAL
James S TollnerRussiaElwin Sharvill QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Nicolas W MaletRussia2026-08-27Commercial Press UNQUALIFIED31Xuxue Feng
1001Mujtaba W CampainItaly2026-09-08Rousseaux, Michael Esq QUALIFIED40Bernardo Dominic
1002Jeanfrancois M SchemmerGermany2026-09-06King, Christopher A Esq NEW59Amy Elsner
1003Francesco U FigeroaJapan2026-09-14Benton, John B Jr PROPOSAL64Amy Elsner
1004Alejandro D MaletAustralia2026-09-19Printing Dimensions NEW47Elwin Sharvill
1005Johnson N FigeroaArgentina2026-09-07Rangoni Of Florence UNQUALIFIED73Asiya Javayant
1006Faith P GarufiBrazil2026-09-05Truhlar And Truhlar Attys QUALIFIED20Anna Fali
1007Mayumi D CaudyRussia2026-09-14Truhlar And Truhlar Attys UNQUALIFIED98Xuxue Feng
1008Aika V CampainItaly2026-09-11Chapman, Ross E Esq PROPOSAL37Onyama Limba
1009Ivar M NestleFrance2026-08-24Morlong Associates NEGOTIATION27Onyama Limba
1010Mujtaba P RulapaughArgentina2026-08-29Dorl, James J Esq NEGOTIATION43Asiya Javayant
1011Octavia M RoysterItaly2026-08-29Chapman, Ross E Esq UNQUALIFIED67Ioni Bowcher
1012Stacey S FollerJapan2026-09-06Rousseaux, Michael Esq QUALIFIED92Bernardo Dominic
1013Aika H VocelkaSpain2026-09-11Buckley Miller Wright RENEWAL25Ivan Magalhaes
1014Chavez X RutaArgentina2026-09-05Commercial Press RENEWAL7Ivan Magalhaes
1015Ivar E OldroydSpain2026-09-18Morlong Associates QUALIFIED17Amy Elsner
1016Antonio L OldroydAustralia2026-08-31Feiner Bros RENEWAL29Amy Elsner
1017David O OldroydItaly2026-08-31Chanay, Jeffrey A Esq QUALIFIED57Bernardo Dominic
1018Wickens X PerinSpain2026-09-11Benton, John B Jr QUALIFIED57Bernardo Dominic
1019Costa Z VenereUnited Kingdom2026-09-02Rangoni Of Florence RENEWAL73Xuxue Feng
1020Rodrigues O IturbideArgentina2026-09-02Feiner Bros PROPOSAL31Bernardo Dominic
1021Costa L SchemmerItaly2026-09-16Chemel, James L Cpa RENEWAL79Stephen Shaw
1022Leon A MaletUnited Kingdom2026-08-27Chanay, Jeffrey A Esq NEW88Stephen Shaw
1023Leon Z RulapaughBrazil2026-09-14King, Christopher A Esq NEW76Asiya Javayant
1024Julie A GlickAustralia2026-09-01Buckley Miller Wright RENEWAL53Onyama Limba
1025Maria A AlbaresItaly2026-09-05Feiner Bros RENEWAL19Bernardo Dominic
1026Jefferson I CaldareraGermany2026-09-14Dorl, James J Esq QUALIFIED23Xuxue Feng
1027Costa U SaylorsItaly2026-08-26Feiner Bros QUALIFIED96Ioni Bowcher
1028Kaitlin S SaylorsArgentina2026-08-31Chemel, James L Cpa NEGOTIATION22Amy Elsner
1029Munro L OstroskyUnited Kingdom2026-09-07Printing Dimensions NEW83Amy Elsner
1030Costa U CampainIndia2026-09-12Dorl, James J Esq QUALIFIED18Stephen Shaw
1031Smith W SlusarskiFrance2026-09-20King, Christopher A Esq PROPOSAL91Stephen Shaw
1032Jennifer V NestleGermany2026-09-05Feltz Printing Service QUALIFIED22Anna Fali
1033Johnson Q CaldareraJapan2026-09-19Chapman, Ross E Esq NEGOTIATION90Ioni Bowcher
1034Misaki I SaylorsUnited Kingdom2026-08-25Feltz Printing Service NEW17Stephen Shaw
1035Maria W GillianCanada2026-09-18Morlong Associates NEGOTIATION53Ivan Magalhaes
1036Wickens Y FigeroaSpain2026-08-29Chanay, Jeffrey A Esq NEW2Ivan Magalhaes
1037Johnson P BologniaCanada2026-08-27Buckley Miller Wright UNQUALIFIED94Ivan Magalhaes
1038Salvatore H RulapaughCanada2026-09-02Chapman, Ross E Esq RENEWAL68Ivan Magalhaes
1039Stacey H NickaUnited Kingdom2026-09-05Feiner Bros UNQUALIFIED25Onyama Limba
1040Antonio D MarrierArgentina2026-09-06Printing Dimensions NEGOTIATION47Ioni Bowcher
1041Juan Q SaylorsGermany2026-09-08Rangoni Of Florence QUALIFIED50Onyama Limba
1042Darci K GlickSpain2026-09-21Truhlar And Truhlar Attys UNQUALIFIED87Amy Elsner
1043Maria A TollnerBrazil2026-08-24King, Christopher A Esq QUALIFIED55Anna Fali
1044Francesco N VocelkaAustralia2026-09-02Dorl, James J Esq NEW74Ioni Bowcher
1045Darci E RoysterCanada2026-09-11Truhlar And Truhlar Attys NEGOTIATION28Asiya Javayant
1046Maisha M SergiAustralia2026-09-06Benton, John B Jr RENEWAL60Ioni Bowcher
1047Leon X ChuiFrance2026-09-11Morlong Associates UNQUALIFIED24Amy Elsner
1048Greenwood U GauchoUnited Kingdom2026-08-24Truhlar And Truhlar Attys RENEWAL94Bernardo Dominic
1049Arvin Z TollnerSpain2026-08-30Chanay, Jeffrey A Esq NEW66Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Morrow D KolmetzAustraliaAmy Elsner RENEWAL
Antonio B MaletFranceAsiya Javayant NEW
Jefferson X SlusarskiJapanIvan Magalhaes NEW
Kadeem Y CampainBrazilStephen Shaw NEW
Octavia A StockhamGermanyIvan Magalhaes QUALIFIED
Salvatore P CaldareraUnited KingdomBernardo Dominic PROPOSAL
Claire M OstroskySpainXuxue Feng RENEWAL
Izzy V IturbideJapanAmy Elsner NEW
Costa W WieserGermanyStephen Shaw NEW
Morrow Y MaletItalyAmy Elsner NEGOTIATION
Octavia R GarufiSpainAsiya Javayant NEW
Aditya F RutaItalyXuxue Feng UNQUALIFIED
Emily D SaylorsBrazilAnna Fali QUALIFIED
Kaitlin W BowleyCanadaAnna Fali NEW
Jennifer C MaletAustraliaElwin Sharvill UNQUALIFIED
David B KolmetzBrazilElwin Sharvill RENEWAL
Misaki I SaylorsArgentinaBernardo Dominic RENEWAL
Clifford R AlbaresRussiaAnna Fali NEW
Julie B KuskoFranceAsiya Javayant RENEWAL
Chavez F CampainItalyIvan Magalhaes RENEWAL
Greenwood N CaldareraFranceXuxue Feng PROPOSAL
Leja A PerinAustraliaStephen Shaw PROPOSAL
Jennifer R FollerFranceAsiya Javayant UNQUALIFIED
Jeanfrancois C WieserIndiaAnna Fali PROPOSAL
Stacey Z RulapaughAustraliaIvan Magalhaes QUALIFIED
Emily S OstroskyAustraliaIvan Magalhaes QUALIFIED
Leon O PoquetteBrazilStephen Shaw QUALIFIED
Wickens R NestleCanadaStephen Shaw QUALIFIED
David R SaylorsSpainAmy Elsner UNQUALIFIED
Nicolas N DilliardUnited KingdomStephen Shaw NEGOTIATION
Adams G DarakjyCanadaAnna Fali NEGOTIATION
Aditya Z StockhamArgentinaOnyama Limba NEW
Mayumi H WhobreyFranceXuxue Feng NEGOTIATION
Francesco W MorascaBrazilAnna Fali NEGOTIATION
Ashley J OstroskyItalyAsiya Javayant RENEWAL
Cody C VocelkaAustraliaXuxue Feng PROPOSAL
Stacey U GauchoSpainAsiya Javayant NEGOTIATION
David D FigeroaRussiaAmy Elsner UNQUALIFIED
Maria Z FigeroaSpainXuxue Feng PROPOSAL
Mujtaba E MaletSpainBernardo Dominic PROPOSAL
Aditya W PoquetteRussiaAnna Fali PROPOSAL
Jefferson T MacleadIndiaIoni Bowcher UNQUALIFIED
Morrow G OstroskyCanadaIoni Bowcher RENEWAL
Aditya L WieserJapanIoni Bowcher PROPOSAL
Izzy L BowleyJapanBernardo Dominic NEGOTIATION
Izzy G RulapaughRussiaStephen Shaw RENEWAL
Ashley G ButtAustraliaIoni Bowcher QUALIFIED
Isabel R CaudyIndiaIoni Bowcher NEGOTIATION
Jefferson A OstroskyAustraliaStephen Shaw NEW
Francesco Y AmigonIndiaAnna Fali UNQUALIFIED
Frozen Columns
Name
Kadeem M Sergi
Octavia T Bowley
Costa B Stenseth
Silvio L Darakjy
Claire C Wieser
Johnson J Campain
Wickens T Doe
Silvio P Sergi
Ashley K Kusko
Salvatore F Morasca
Rodrigues D Bowley
Aika Y Marrier
Octavia O Ostrosky
Jeanfrancois L Malet
Maisha B Nestle
Sinclair K Butt
Clifford D Waycott
Ashley V Glick
Ricardo O Campain
Chavez U Maclead
Smith S Slusarski
Rodrigues B Whobrey
Deepesh W Stenseth
Aditya D Nicka
Wickens Y Stenseth
Arvin J Rulapaugh
Costa C Dilliard
Jennifer X Amigon
Aika H Whobrey
David F Paprocki
Aditya E Flosi
Murillo W Shinko
Sinclair I Inouye
Costa O Glick
Octavia A Royster
James O Campain
Adams R Tollner
Aruna X Nestle
Julie Y Venere
Cody X Maclead
Aika C Oldroyd
Mujtaba Z Figeroa
Kadeem T Gaucho
Claire D Wieser
Adams I Darakjy
Silvio W Paprocki
Ivar B Perin
Stacey Z Ferencz
Johnson Q Kolmetz
Antonio R Gaucho
IdCountryDate
1000Italy2026-09-02
1001Italy2026-09-12
1002United Kingdom2026-08-25
1003France2026-09-10
1004Japan2026-09-04
1005India2026-08-28
1006Australia2026-08-23
1007Japan2026-09-04
1008Argentina2026-09-15
1009Italy2026-09-01
1010Spain2026-09-02
1011Russia2026-09-13
1012Canada2026-08-26
1013India2026-08-31
1014Argentina2026-09-11
1015Australia2026-09-06
1016Japan2026-08-27
1017India2026-09-01
1018Brazil2026-09-10
1019Japan2026-08-31
1020Russia2026-08-26
1021Australia2026-09-07
1022Argentina2026-08-25
1023Argentina2026-09-19
1024Brazil2026-08-23
1025Brazil2026-09-04
1026Canada2026-09-21
1027Japan2026-09-11
1028India2026-09-06
1029Italy2026-08-26
1030United Kingdom2026-08-27
1031Italy2026-08-31
1032Japan2026-09-11
1033Japan2026-08-26
1034India2026-09-21
1035Australia2026-08-31
1036Argentina2026-09-10
1037Australia2026-09-21
1038Brazil2026-09-16
1039Spain2026-08-27
1040Italy2026-09-09
1041Brazil2026-08-24
1042Germany2026-09-19
1043Spain2026-08-25
1044India2026-09-01
1045Brazil2026-09-01
1046Argentina2026-09-09
1047Spain2026-09-12
1048France2026-09-14
1049Australia2026-08-31

On-Demand Data

NameIdCountryDate
Ivar W Gillian1000India2026-09-13
David Q Paprocki1001Russia2026-09-18
Rodrigues T Sergi1002Germany2026-09-12
Faith Z Sergi1003United Kingdom2026-09-01
Misaki M Royster1004Japan2026-09-15
Chavez V Rulapaugh1005Russia2026-08-31
Adams B Doe1006Canada2026-09-16
Leon G Rim1007Canada2026-09-20
Johnson C Bolognia1008Russia2026-09-11
Jennifer I Caldarera1009Canada2026-08-29
Isabel X Ferencz1010Canada2026-09-06
Maisha J Garufi1011Canada2026-08-24
Clifford O Malet1012Australia2026-09-03
Arvin Q Bolognia1013Germany2026-09-09
Leja N Ostrosky1014Argentina2026-09-05
Aruna U Figeroa1015Germany2026-09-12
Leon O Royster1016Brazil2026-09-06
Nicolas C Ferencz1017Brazil2026-09-04
Costa E Rim1018Russia2026-09-21
Greenwood I Briddick1019Argentina2026-08-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Salvatore S NickaGermanyBernardo Dominic QUALIFIED
Rodrigues X WaycottSpainIoni Bowcher UNQUALIFIED
Clifford K BologniaUnited KingdomElwin Sharvill UNQUALIFIED
Rodrigues Q FlosiItalyIvan Magalhaes NEW
Costa K MaletItalyAsiya Javayant NEW
Leja H GarufiCanadaOnyama Limba UNQUALIFIED
Chavez I MorascaItalyAmy Elsner RENEWAL
Mayumi B VocelkaBrazilIoni Bowcher NEGOTIATION
Ricardo Q BologniaRussiaAnna Fali UNQUALIFIED
Emily W DilliardIndiaIoni Bowcher UNQUALIFIED
Cody H CaldareraSpainBernardo Dominic UNQUALIFIED
David H RoysterJapanStephen Shaw PROPOSAL
James H OldroydRussiaAnna Fali NEGOTIATION
Julie C GillianUnited KingdomIoni Bowcher NEGOTIATION
Jeanfrancois F InouyeSpainAmy Elsner NEGOTIATION
Ricardo W MarrierJapanAnna Fali QUALIFIED
Wickens Z WhobreyFranceOnyama Limba UNQUALIFIED
Juan U AmigonSpainIvan Magalhaes NEGOTIATION
Adams M StockhamIndiaStephen Shaw RENEWAL
Munro D BowleyItalyXuxue Feng NEGOTIATION
Julie G BriddickUnited KingdomElwin Sharvill NEGOTIATION
Morrow M RimCanadaBernardo Dominic PROPOSAL
Leon K SaylorsGermanyElwin Sharvill RENEWAL
Rodrigues G BologniaBrazilOnyama Limba NEW
Francesco O PaprockiIndiaIvan Magalhaes PROPOSAL
Jennifer R MaletAustraliaElwin Sharvill QUALIFIED
Costa A MarrierItalyAsiya Javayant RENEWAL
Murillo H RulapaughItalyOnyama Limba QUALIFIED
Clifford Y RimBrazilXuxue Feng NEW
Johnson Z CampainUnited KingdomXuxue Feng UNQUALIFIED
Aika T MorascaBrazilElwin Sharvill RENEWAL
Murillo W InouyeUnited KingdomBernardo Dominic QUALIFIED
Aditya V PaprockiCanadaOnyama Limba NEW
Costa I OstroskyAustraliaElwin Sharvill UNQUALIFIED
Isabel A PaprockiCanadaIvan Magalhaes NEW
Aditya Q PaprockiIndiaAnna Fali NEW
Kaitlin U GarufiJapanIoni Bowcher NEGOTIATION
Stacey R SergiCanadaAsiya Javayant UNQUALIFIED
Silvio S TollnerUnited KingdomStephen Shaw NEW
David D IturbideAustraliaIvan Magalhaes NEW

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