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
Misaki L OldroydSpainIvan Magalhaes UNQUALIFIED
Aditya P KuskoIndiaAsiya Javayant QUALIFIED
Johnson W BriddickBrazilBernardo Dominic NEGOTIATION
Clifford M CaudyCanadaAmy Elsner NEGOTIATION
Ashley N MaletRussiaElwin Sharvill RENEWAL
Mujtaba P RimGermanyAmy Elsner PROPOSAL
David K FigeroaItalyIoni Bowcher NEGOTIATION
Maisha O MaletFranceStephen Shaw PROPOSAL
Munro A GauchoFranceIoni Bowcher NEGOTIATION
Jefferson K RimSpainIoni Bowcher UNQUALIFIED
Leon Y KolmetzRussiaBernardo Dominic NEW
Emily C DarakjyCanadaXuxue Feng UNQUALIFIED
Aruna L GillianFranceAsiya Javayant NEGOTIATION
Jones B ButtAustraliaAnna Fali QUALIFIED
Kadeem I RimUnited KingdomIvan Magalhaes UNQUALIFIED
Ricardo M IturbideSpainXuxue Feng NEGOTIATION
Kadeem R WhobreyJapanStephen Shaw QUALIFIED
Alejandro C PerinFranceIoni Bowcher PROPOSAL
Francesco D CaudySpainBernardo Dominic RENEWAL
Kaitlin Q NestleRussiaXuxue Feng QUALIFIED
Johnson M WaycottFranceAmy Elsner RENEWAL
Murillo J StensethIndiaXuxue Feng PROPOSAL
Ricardo E AlbaresArgentinaIvan Magalhaes NEW
Jones H TollnerUnited KingdomStephen Shaw NEGOTIATION
David L PerinBrazilAmy Elsner PROPOSAL
Adams M KuskoFranceIvan Magalhaes QUALIFIED
Julie U ShinkoRussiaStephen Shaw NEGOTIATION
Ivar O PaprockiAustraliaOnyama Limba UNQUALIFIED
Salvatore Y KuskoItalyAsiya Javayant PROPOSAL
Claire N IturbideItalyIvan Magalhaes NEGOTIATION
Nicolas O VenereCanadaIoni Bowcher NEW
Juan E DilliardGermanyAnna Fali QUALIFIED
Juan V RutaItalyXuxue Feng QUALIFIED
Jeanfrancois Y SlusarskiArgentinaXuxue Feng NEW
Maria D DilliardIndiaElwin Sharvill PROPOSAL
Arvin C BologniaAustraliaXuxue Feng PROPOSAL
Sinclair F OldroydFranceAnna Fali RENEWAL
Misaki W ChuiArgentinaAsiya Javayant NEGOTIATION
Ashley M FollerIndiaBernardo Dominic UNQUALIFIED
Alejandro N KolmetzItalyXuxue Feng NEGOTIATION
Faith R StensethSpainIvan Magalhaes RENEWAL
Ashley Q WaycottGermanyBernardo Dominic RENEWAL
Izzy S WhobreyGermanyStephen Shaw QUALIFIED
Mayumi D KolmetzFranceBernardo Dominic QUALIFIED
Julie E IturbideItalyStephen Shaw QUALIFIED
Ivar P FlosiUnited KingdomBernardo Dominic RENEWAL
Izzy J NestleItalyElwin Sharvill NEW
Isabel M CampainJapanOnyama Limba RENEWAL
Deepesh A NickaRussiaAsiya Javayant UNQUALIFIED
Jefferson A FlosiItalyBernardo Dominic UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Antonio X VocelkaGermanyAnna Fali NEW
Arvin K GauchoSpainAnna Fali NEW
Greenwood O BologniaItalyAmy Elsner QUALIFIED
Johnson Z SergiArgentinaStephen Shaw QUALIFIED
Aika T CaldareraArgentinaAsiya Javayant UNQUALIFIED
Sinclair G IturbideIndiaStephen Shaw PROPOSAL
Ricardo P CampainFranceAsiya Javayant RENEWAL
Maria D FerenczUnited KingdomIoni Bowcher QUALIFIED
Aika Z BowleyRussiaStephen Shaw QUALIFIED
Sinclair B MarrierJapanStephen Shaw PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Faith K GlickCanada2026-10-09Morlong Associates NEGOTIATION71Anna Fali
1001Ricardo J NestleBrazil2026-09-18Truhlar And Truhlar Attys NEW97Onyama Limba
1002Ivar J FlosiJapan2026-09-18Truhlar And Truhlar Attys NEW39Xuxue Feng
1003Faith Z SchemmerIndia2026-10-02Feltz Printing Service RENEWAL3Ioni Bowcher
1004Salvatore K SchemmerItaly2026-09-28Printing Dimensions NEW78Ivan Magalhaes
1005James L BologniaUnited Kingdom2026-09-30Rousseaux, Michael Esq RENEWAL90Xuxue Feng
1006Cody S OstroskyItaly2026-10-09Truhlar And Truhlar Attys NEGOTIATION92Asiya Javayant
1007Jefferson M RutaItaly2026-09-20King, Christopher A Esq RENEWAL58Bernardo Dominic
1008Silvio C SergiGermany2026-09-29Chemel, James L Cpa UNQUALIFIED5Ioni Bowcher
1009Alejandro Q DarakjyJapan2026-09-19Rangoni Of Florence NEW86Xuxue Feng
1010Jennifer C AmigonBrazil2026-10-07Chapman, Ross E Esq RENEWAL43Elwin Sharvill
1011Jeanfrancois B WhobreyIndia2026-09-23Buckley Miller Wright UNQUALIFIED85Amy Elsner
1012Darci R AmigonBrazil2026-09-16Rousseaux, Michael Esq RENEWAL2Amy Elsner
1013Jeanfrancois K PerinFrance2026-09-17Chemel, James L Cpa NEGOTIATION45Ioni Bowcher
1014Izzy G GillianJapan2026-09-26Feltz Printing Service RENEWAL46Stephen Shaw
1015Ivar X PoquetteGermany2026-09-13Dorl, James J Esq NEGOTIATION92Ioni Bowcher
1016Kaitlin K TollnerArgentina2026-09-18Chanay, Jeffrey A Esq PROPOSAL68Anna Fali
1017Maria C PerinRussia2026-10-03Printing Dimensions RENEWAL88Stephen Shaw
1018Alejandro O GarufiGermany2026-10-03Printing Dimensions RENEWAL42Amy Elsner
1019Aika A CampainCanada2026-09-22Commercial Press UNQUALIFIED20Stephen Shaw
1020Smith J SlusarskiAustralia2026-09-12Rangoni Of Florence RENEWAL48Onyama Limba
1021Deepesh S RutaIndia2026-09-17Morlong Associates UNQUALIFIED91Stephen Shaw
1022Aruna E BowleyAustralia2026-10-05King, Christopher A Esq UNQUALIFIED22Elwin Sharvill
1023David W FerenczBrazil2026-09-26Chapman, Ross E Esq PROPOSAL58Xuxue Feng
1024Maisha Y SergiFrance2026-10-08Chanay, Jeffrey A Esq NEW47Amy Elsner
1025Maria Z NickaAustralia2026-09-26Commercial Press NEW8Amy Elsner
1026Aruna T ShinkoRussia2026-09-16Rousseaux, Michael Esq QUALIFIED93Stephen Shaw
1027Darci A GauchoBrazil2026-10-10Morlong Associates UNQUALIFIED2Xuxue Feng
1028Antonio P StockhamArgentina2026-10-02King, Christopher A Esq UNQUALIFIED69Onyama Limba
1029Leja C GarufiCanada2026-09-25Rousseaux, Michael Esq UNQUALIFIED19Ioni Bowcher
1030Juan D GarufiAustralia2026-09-27Printing Dimensions UNQUALIFIED70Bernardo Dominic
1031Maria U MorascaAustralia2026-09-18Rangoni Of Florence RENEWAL64Amy Elsner
1032Greenwood Q InouyeBrazil2026-10-04Chapman, Ross E Esq UNQUALIFIED17Asiya Javayant
1033Nicolas E SlusarskiJapan2026-09-12Benton, John B Jr RENEWAL61Amy Elsner
1034Emily G WieserGermany2026-10-07Chapman, Ross E Esq UNQUALIFIED61Asiya Javayant
1035Salvatore K ChuiIndia2026-09-17Truhlar And Truhlar Attys PROPOSAL75Amy Elsner
1036Chavez L SergiIndia2026-09-23King, Christopher A Esq UNQUALIFIED40Stephen Shaw
1037James Y AmigonGermany2026-10-03Commercial Press NEW46Xuxue Feng
1038Octavia A MaletGermany2026-09-29Chapman, Ross E Esq NEGOTIATION65Amy Elsner
1039Nicolas A PaprockiFrance2026-10-10Rousseaux, Michael Esq NEGOTIATION0Ioni Bowcher
1040Francesco N OstroskyFrance2026-09-11Rousseaux, Michael Esq UNQUALIFIED52Stephen Shaw
1041Cody W ButtIndia2026-10-01Chemel, James L Cpa NEGOTIATION7Ioni Bowcher
1042Aruna A WaycottIndia2026-09-11Truhlar And Truhlar Attys PROPOSAL24Onyama Limba
1043Ricardo R MarrierGermany2026-10-05Benton, John B Jr QUALIFIED49Xuxue Feng
1044Rodrigues W VenereArgentina2026-09-30Chemel, James L Cpa QUALIFIED98Stephen Shaw
1045Aruna M SaylorsItaly2026-09-24Chanay, Jeffrey A Esq UNQUALIFIED9Stephen Shaw
1046David X ButtJapan2026-10-06Rousseaux, Michael Esq PROPOSAL77Bernardo Dominic
1047Morrow G PoquetteUnited Kingdom2026-09-18King, Christopher A Esq PROPOSAL71Ioni Bowcher
1048Murillo S GauchoItaly2026-09-29Rousseaux, Michael Esq PROPOSAL19Anna Fali
1049Morrow K RimBrazil2026-10-08Truhlar And Truhlar Attys UNQUALIFIED17Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Rodrigues S KuskoGermanyAsiya Javayant QUALIFIED
Costa T InouyeIndiaIoni Bowcher QUALIFIED
Izzy O BowleySpainIoni Bowcher RENEWAL
Kaitlin Z DoeRussiaAmy Elsner UNQUALIFIED
Deepesh M BriddickCanadaIoni Bowcher UNQUALIFIED
Francesco B AmigonIndiaOnyama Limba RENEWAL
Munro U MorascaUnited KingdomOnyama Limba QUALIFIED
Cody C GillianArgentinaOnyama Limba PROPOSAL
Izzy S CampainIndiaAnna Fali RENEWAL
Aruna X ShinkoSpainAsiya Javayant QUALIFIED
Maisha T DilliardCanadaXuxue Feng NEGOTIATION
James B VenereAustraliaElwin Sharvill PROPOSAL
Munro T SchemmerArgentinaIvan Magalhaes NEW
Jefferson A DarakjyGermanyAnna Fali NEW
Leon T SchemmerFranceAmy Elsner QUALIFIED
Jefferson K VenereRussiaOnyama Limba NEGOTIATION
Jeanfrancois A StensethSpainAsiya Javayant PROPOSAL
Ricardo Y RutaFranceElwin Sharvill PROPOSAL
Jennifer E SchemmerBrazilStephen Shaw PROPOSAL
Stacey M ChuiRussiaIoni Bowcher QUALIFIED
Mayumi K OstroskyGermanyElwin Sharvill NEW
Ashley I StensethCanadaOnyama Limba NEW
Rodrigues X RoysterJapanIoni Bowcher PROPOSAL
James I PerinAustraliaAnna Fali QUALIFIED
Maria Y PerinGermanyIvan Magalhaes RENEWAL
Arvin D GillianGermanyElwin Sharvill QUALIFIED
Francesco J StockhamJapanIoni Bowcher PROPOSAL
Jeanfrancois X GlickGermanyAmy Elsner NEW
Jones G SchemmerCanadaXuxue Feng QUALIFIED
Sinclair N WieserRussiaAnna Fali QUALIFIED
Aditya C RimCanadaOnyama Limba NEGOTIATION
Emily D ButtSpainAnna Fali RENEWAL
Deepesh K BowleyUnited KingdomIvan Magalhaes RENEWAL
Octavia K OstroskyFranceIvan Magalhaes PROPOSAL
Salvatore F KuskoBrazilBernardo Dominic RENEWAL
Arvin F DilliardSpainBernardo Dominic NEW
Antonio R CaldareraRussiaStephen Shaw NEW
Munro Q InouyeBrazilBernardo Dominic UNQUALIFIED
Aika H NestleItalyElwin Sharvill NEW
Costa Z InouyeBrazilAmy Elsner PROPOSAL
Juan D WaycottFranceOnyama Limba NEGOTIATION
Julie V GarufiAustraliaStephen Shaw PROPOSAL
Deepesh G BologniaRussiaAsiya Javayant QUALIFIED
Kaitlin M CampainJapanIoni Bowcher RENEWAL
Maisha R MacleadArgentinaXuxue Feng RENEWAL
Ricardo N ChuiCanadaXuxue Feng RENEWAL
Emily W GarufiSpainAnna Fali NEW
Jennifer F MarrierIndiaAnna Fali QUALIFIED
Ivar Y PerinIndiaStephen Shaw RENEWAL
Mayumi W MaletItalyIvan Magalhaes NEW
Frozen Columns
Name
Juan U Poquette
Arvin R Slusarski
Izzy O Venere
Ricardo O Tollner
Alejandro U Sergi
Emily Q Bolognia
Tony T Campain
Deepesh O Malet
David K Caldarera
Francesco U Malet
Izzy U Malet
Alejandro F Figeroa
Julie Y Tollner
Ashley R Garufi
Ivar C Stenseth
Rodrigues U Campain
Julie K Royster
Ashley C Saylors
Greenwood B Waycott
Salvatore N Albares
Nicolas J Figeroa
Leon G Iturbide
Darci Y Caudy
Antonio Z Nestle
Aika U Figeroa
Chavez V Ruta
Smith N Tollner
Aika I Briddick
Rodrigues O Garufi
Jennifer I Rim
Deepesh B Kolmetz
Mayumi W Butt
Greenwood X Saylors
Greenwood P Malet
Maisha S Rim
Maisha C Malet
Aruna Z Gillian
Francesco H Schemmer
Aditya M Darakjy
Juan G Venere
Izzy H Ruta
Maisha X Malet
Francesco C Butt
Chavez P Oldroyd
Maisha N Ruta
Emily P Dilliard
Rodrigues O Saylors
James I Saylors
Morrow H Saylors
Aika Z Caldarera
IdCountryDate
1000Spain2026-09-22
1001Russia2026-09-25
1002France2026-09-13
1003Brazil2026-09-19
1004Canada2026-09-23
1005Spain2026-09-11
1006Japan2026-09-28
1007Brazil2026-10-06
1008Canada2026-10-03
1009Japan2026-09-30
1010Canada2026-09-15
1011Canada2026-10-08
1012Argentina2026-09-28
1013Argentina2026-09-26
1014United Kingdom2026-10-09
1015Germany2026-09-12
1016Argentina2026-10-05
1017Brazil2026-09-18
1018Brazil2026-09-17
1019Brazil2026-10-01
1020Australia2026-09-11
1021Australia2026-10-01
1022Argentina2026-09-22
1023Russia2026-09-27
1024Spain2026-09-22
1025Italy2026-10-07
1026India2026-10-07
1027Japan2026-09-19
1028Australia2026-10-08
1029United Kingdom2026-10-03
1030India2026-09-11
1031United Kingdom2026-09-11
1032Canada2026-09-29
1033Australia2026-09-23
1034Italy2026-09-12
1035Argentina2026-10-03
1036India2026-09-15
1037Russia2026-09-28
1038Brazil2026-09-29
1039Russia2026-09-22
1040Italy2026-10-05
1041France2026-09-14
1042Germany2026-09-13
1043United Kingdom2026-09-18
1044Argentina2026-09-11
1045Spain2026-09-25
1046Australia2026-09-26
1047India2026-10-04
1048Spain2026-09-18
1049Argentina2026-09-14

On-Demand Data

NameIdCountryDate
Wickens Y Rim1000Canada2026-09-23
Mujtaba B Marrier1001Russia2026-09-14
Leja C Chui1002Canada2026-09-29
Alejandro S Kusko1003Germany2026-09-29
Octavia O Stenseth1004Argentina2026-10-05
Isabel D Royster1005Japan2026-09-23
David W Chui1006Japan2026-09-24
Murillo K Paprocki1007Russia2026-09-21
Ivar K Saylors1008Canada2026-10-07
Nicolas U Slusarski1009Canada2026-09-14
Ricardo E Bolognia1010Canada2026-10-04
Sinclair X Perin1011Japan2026-09-22
Leon U Darakjy1012United Kingdom2026-10-09
Aika W Maclead1013Brazil2026-09-12
Rodrigues H Venere1014Canada2026-10-04
Stacey H Ferencz1015France2026-09-13
Johnson Y Malet1016Germany2026-09-18
Morrow C Oldroyd1017Spain2026-10-05
Isabel Z Tollner1018Germany2026-09-29
Aruna E Morasca1019Japan2026-09-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jennifer Z FerenczJapanIvan Magalhaes NEGOTIATION
Faith O GlickJapanIvan Magalhaes RENEWAL
Silvio T StockhamAustraliaAmy Elsner RENEWAL
Mujtaba S BowleyCanadaXuxue Feng QUALIFIED
Munro C BriddickBrazilAmy Elsner QUALIFIED
Nicolas S TollnerBrazilIoni Bowcher UNQUALIFIED
Mayumi M KolmetzCanadaStephen Shaw QUALIFIED
Jeanfrancois H BowleyGermanyOnyama Limba PROPOSAL
Claire K GarufiJapanBernardo Dominic PROPOSAL
Adams X ShinkoItalyElwin Sharvill NEW
Faith G AlbaresItalyBernardo Dominic RENEWAL
Aditya F FlosiSpainIvan Magalhaes PROPOSAL
Kaitlin P FerenczJapanIvan Magalhaes NEW
Darci W MaletAustraliaIvan Magalhaes QUALIFIED
Izzy R WhobreyCanadaElwin Sharvill RENEWAL
Clifford M GlickRussiaIvan Magalhaes NEW
Mujtaba O MaletArgentinaElwin Sharvill NEGOTIATION
Leja O BologniaJapanElwin Sharvill RENEWAL
Silvio E CaudyJapanXuxue Feng NEW
Costa E CaudyArgentinaAnna Fali QUALIFIED
David A GlickRussiaBernardo Dominic NEW
Deepesh Y SergiJapanElwin Sharvill PROPOSAL
Jennifer A ChuiAustraliaOnyama Limba UNQUALIFIED
Stacey L CaudyJapanElwin Sharvill UNQUALIFIED
Izzy K BologniaJapanBernardo Dominic UNQUALIFIED
Darci E NestleCanadaElwin Sharvill PROPOSAL
Kaitlin T RulapaughRussiaElwin Sharvill NEW
David U MaletJapanElwin Sharvill QUALIFIED
Antonio U KolmetzCanadaAmy Elsner PROPOSAL
Costa Z SlusarskiJapanXuxue Feng NEGOTIATION
Stacey I CampainArgentinaStephen Shaw NEGOTIATION
Morrow K FollerUnited KingdomStephen Shaw NEW
Antonio J WieserIndiaStephen Shaw UNQUALIFIED
Jennifer T NestleFranceElwin Sharvill QUALIFIED
Mayumi Q FerenczSpainAnna Fali RENEWAL
Salvatore Z CaldareraSpainIoni Bowcher NEGOTIATION
Maisha X SaylorsUnited KingdomAnna Fali QUALIFIED
Wickens D NickaArgentinaAnna Fali NEW
Darci G CaldareraBrazilBernardo Dominic NEW
Julie I ShinkoIndiaAmy Elsner 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>