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
Smith S AmigonRussiaOnyama Limba NEGOTIATION
Izzy I RulapaughCanadaBernardo Dominic UNQUALIFIED
Tony I AlbaresIndiaElwin Sharvill NEGOTIATION
Mujtaba W PoquetteBrazilIvan Magalhaes QUALIFIED
Smith Q KuskoBrazilXuxue Feng RENEWAL
Deepesh R KuskoUnited KingdomIoni Bowcher QUALIFIED
Jefferson B FerenczRussiaElwin Sharvill RENEWAL
Jeanfrancois X WieserJapanOnyama Limba PROPOSAL
Adams X FollerItalyIvan Magalhaes NEGOTIATION
Chavez A OstroskyItalyIvan Magalhaes PROPOSAL
Leon N CaldareraAustraliaBernardo Dominic QUALIFIED
Arvin F KolmetzCanadaElwin Sharvill UNQUALIFIED
Izzy Q CaldareraSpainAnna Fali UNQUALIFIED
Morrow A SergiGermanyIvan Magalhaes NEGOTIATION
Ivar P SchemmerUnited KingdomAnna Fali NEGOTIATION
Silvio D PaprockiJapanBernardo Dominic NEW
Silvio A InouyeCanadaAmy Elsner PROPOSAL
James A PerinIndiaAnna Fali NEGOTIATION
Aruna C MacleadFranceIvan Magalhaes PROPOSAL
Johnson F CampainArgentinaElwin Sharvill PROPOSAL
Leon P ButtAustraliaBernardo Dominic PROPOSAL
Octavia H RimRussiaElwin Sharvill UNQUALIFIED
Misaki P GarufiItalyXuxue Feng RENEWAL
Jeanfrancois B AmigonIndiaIoni Bowcher QUALIFIED
Silvio O CampainBrazilBernardo Dominic NEGOTIATION
Misaki C NickaIndiaAmy Elsner NEW
Jennifer Z FollerRussiaElwin Sharvill RENEWAL
Jeanfrancois M WaycottItalyAmy Elsner QUALIFIED
Leon T CaudyIndiaOnyama Limba RENEWAL
Ivar T VenereArgentinaBernardo Dominic NEGOTIATION
Antonio D RutaGermanyElwin Sharvill UNQUALIFIED
Kaitlin X PaprockiArgentinaOnyama Limba NEGOTIATION
Sinclair O PerinRussiaIvan Magalhaes NEGOTIATION
Octavia S PoquetteFranceOnyama Limba UNQUALIFIED
Isabel O SlusarskiJapanIoni Bowcher UNQUALIFIED
Maria Y OstroskyRussiaAnna Fali NEGOTIATION
Chavez S SaylorsCanadaXuxue Feng NEGOTIATION
Murillo K NickaCanadaStephen Shaw PROPOSAL
Deepesh Y GillianGermanyIvan Magalhaes NEW
Smith L DilliardIndiaAnna Fali PROPOSAL
Isabel Y FigeroaIndiaAsiya Javayant NEGOTIATION
Cody T VocelkaAustraliaXuxue Feng RENEWAL
Juan W FigeroaArgentinaIvan Magalhaes RENEWAL
Arvin E StockhamArgentinaAnna Fali RENEWAL
Morrow M RutaGermanyBernardo Dominic NEGOTIATION
Maisha L SlusarskiAustraliaStephen Shaw PROPOSAL
David A CampainGermanyIoni Bowcher RENEWAL
Stacey N PaprockiFranceBernardo Dominic RENEWAL
Clifford A DilliardCanadaAnna Fali NEW
Misaki A OldroydItalyAsiya Javayant NEW
Horizontal
NameCountryRepresentativeStatus
Francesco C WhobreyBrazilElwin Sharvill NEGOTIATION
Darci G DilliardGermanyAmy Elsner NEGOTIATION
Alejandro Y DarakjyUnited KingdomAsiya Javayant RENEWAL
Faith T CampainUnited KingdomAnna Fali PROPOSAL
Stacey U OldroydAustraliaAsiya Javayant UNQUALIFIED
Kadeem F CaldareraBrazilAsiya Javayant RENEWAL
Rodrigues O AmigonJapanAnna Fali NEGOTIATION
Darci B DilliardJapanAsiya Javayant NEGOTIATION
Adams N PaprockiSpainXuxue Feng QUALIFIED
Tony G StensethFranceStephen Shaw NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Morrow K RoysterAustralia2026-10-30Dorl, James J Esq NEGOTIATION11Anna Fali
1001Murillo H GillianJapan2026-11-07Feltz Printing Service NEW12Amy Elsner
1002Deepesh M WieserRussia2026-11-06Morlong Associates QUALIFIED30Stephen Shaw
1003Arvin Q AlbaresItaly2026-10-26Feltz Printing Service RENEWAL35Asiya Javayant
1004Leon W FlosiSpain2026-10-27Truhlar And Truhlar Attys RENEWAL28Onyama Limba
1005Cody O WaycottUnited Kingdom2026-10-20Benton, John B Jr RENEWAL6Onyama Limba
1006Maria H SchemmerRussia2026-11-09Printing Dimensions RENEWAL32Ioni Bowcher
1007Chavez S SlusarskiItaly2026-10-15Truhlar And Truhlar Attys QUALIFIED22Asiya Javayant
1008Wickens L PerinAustralia2026-11-06Buckley Miller Wright NEW88Ivan Magalhaes
1009Tony N BriddickAustralia2026-11-06Feltz Printing Service PROPOSAL38Amy Elsner
1010Izzy X SchemmerCanada2026-11-02Morlong Associates UNQUALIFIED93Onyama Limba
1011Murillo C ChuiArgentina2026-10-30Chanay, Jeffrey A Esq RENEWAL25Ioni Bowcher
1012Ivar M ChuiGermany2026-11-05Benton, John B Jr NEGOTIATION34Onyama Limba
1013Maria F StockhamJapan2026-11-09Chemel, James L Cpa NEW5Stephen Shaw
1014Cody B FollerArgentina2026-10-16Buckley Miller Wright RENEWAL21Amy Elsner
1015Salvatore J PoquetteItaly2026-10-24Feiner Bros PROPOSAL35Stephen Shaw
1016Johnson L MorascaIndia2026-10-26Rangoni Of Florence RENEWAL85Asiya Javayant
1017Mujtaba E FlosiSpain2026-11-04Rousseaux, Michael Esq QUALIFIED61Elwin Sharvill
1018Leon P SchemmerItaly2026-10-18Buckley Miller Wright PROPOSAL14Xuxue Feng
1019Mayumi A PerinItaly2026-10-23Chanay, Jeffrey A Esq RENEWAL75Onyama Limba
1020Greenwood R GlickIndia2026-10-27Dorl, James J Esq NEW22Elwin Sharvill
1021Deepesh V InouyeSpain2026-10-16Chemel, James L Cpa RENEWAL91Stephen Shaw
1022Kadeem O FlosiCanada2026-10-22Chemel, James L Cpa UNQUALIFIED70Asiya Javayant
1023Ashley V AmigonUnited Kingdom2026-11-04Printing Dimensions UNQUALIFIED74Onyama Limba
1024Rodrigues L SlusarskiArgentina2026-10-26Benton, John B Jr UNQUALIFIED97Stephen Shaw
1025Sinclair F ChuiGermany2026-10-17Printing Dimensions NEW48Bernardo Dominic
1026Cody V KuskoGermany2026-10-21Truhlar And Truhlar Attys NEGOTIATION21Ivan Magalhaes
1027Costa X IturbideArgentina2026-10-19Commercial Press PROPOSAL74Asiya Javayant
1028Emily S BologniaItaly2026-10-28Rangoni Of Florence NEGOTIATION93Elwin Sharvill
1029Misaki R AmigonFrance2026-10-16Printing Dimensions QUALIFIED60Ioni Bowcher
1030Nicolas G WieserFrance2026-10-23Printing Dimensions QUALIFIED81Stephen Shaw
1031Leon L GlickBrazil2026-10-21Rousseaux, Michael Esq QUALIFIED30Amy Elsner
1032Stacey S MacleadGermany2026-10-27Rangoni Of Florence QUALIFIED55Onyama Limba
1033Julie W SchemmerUnited Kingdom2026-10-25Dorl, James J Esq QUALIFIED89Amy Elsner
1034Emily T WieserBrazil2026-10-29Feiner Bros PROPOSAL14Bernardo Dominic
1035Aruna T BriddickAustralia2026-10-21Feiner Bros RENEWAL30Xuxue Feng
1036Ashley V WaycottUnited Kingdom2026-10-14Feltz Printing Service QUALIFIED63Elwin Sharvill
1037Stacey L FerenczFrance2026-10-26Rousseaux, Michael Esq RENEWAL73Ioni Bowcher
1038Aruna V VocelkaArgentina2026-10-20Rangoni Of Florence NEGOTIATION3Asiya Javayant
1039Francesco L FollerCanada2026-10-13Rousseaux, Michael Esq UNQUALIFIED24Xuxue Feng
1040Isabel Q MaletFrance2026-10-17Truhlar And Truhlar Attys RENEWAL61Elwin Sharvill
1041Emily F ChuiArgentina2026-10-21Rousseaux, Michael Esq QUALIFIED83Amy Elsner
1042James Y MarrierRussia2026-11-02Buckley Miller Wright NEW15Onyama Limba
1043Ashley F FerenczFrance2026-10-20Feltz Printing Service RENEWAL30Elwin Sharvill
1044Aika K NickaUnited Kingdom2026-11-01Rousseaux, Michael Esq NEGOTIATION56Onyama Limba
1045Maria L WaycottGermany2026-10-18Dorl, James J Esq QUALIFIED7Ivan Magalhaes
1046Kaitlin W OldroydUnited Kingdom2026-11-09Dorl, James J Esq NEW8Onyama Limba
1047Costa M OldroydRussia2026-10-22Rangoni Of Florence UNQUALIFIED49Ivan Magalhaes
1048Munro L TollnerAustralia2026-10-22Dorl, James J Esq QUALIFIED7Anna Fali
1049Adams P AlbaresCanada2026-11-09Chapman, Ross E Esq RENEWAL85Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Johnson J MarrierFranceAmy Elsner NEW
Claire B DilliardSpainStephen Shaw NEGOTIATION
Stacey E VocelkaAustraliaIoni Bowcher UNQUALIFIED
Arvin T MacleadIndiaIoni Bowcher NEW
Silvio U GauchoIndiaBernardo Dominic NEW
Leja V RoysterRussiaIvan Magalhaes NEW
Jennifer B SaylorsFranceIvan Magalhaes QUALIFIED
Morrow V CaudyItalyAmy Elsner UNQUALIFIED
David P WieserGermanyIoni Bowcher NEGOTIATION
Salvatore R FollerRussiaIvan Magalhaes QUALIFIED
Jones G NestleGermanyIoni Bowcher UNQUALIFIED
Cody P DilliardAustraliaXuxue Feng NEW
Cody D FigeroaAustraliaBernardo Dominic QUALIFIED
Darci Q SchemmerRussiaIoni Bowcher RENEWAL
Rodrigues J DoeAustraliaStephen Shaw UNQUALIFIED
Rodrigues X StockhamUnited KingdomBernardo Dominic QUALIFIED
Darci Y PaprockiAustraliaXuxue Feng UNQUALIFIED
Julie Z ButtJapanStephen Shaw QUALIFIED
Clifford M GarufiJapanIvan Magalhaes UNQUALIFIED
James H RutaAustraliaAnna Fali RENEWAL
Smith T GarufiItalyAmy Elsner NEW
James V GillianBrazilAnna Fali RENEWAL
Ashley K WhobreyArgentinaOnyama Limba QUALIFIED
Jennifer T AlbaresUnited KingdomIvan Magalhaes RENEWAL
Arvin X PaprockiAustraliaXuxue Feng RENEWAL
Murillo Y PoquetteJapanAmy Elsner RENEWAL
Costa M SlusarskiSpainStephen Shaw PROPOSAL
David V RoysterJapanAsiya Javayant NEGOTIATION
Kaitlin G StensethBrazilAsiya Javayant QUALIFIED
Aditya M BowleyArgentinaBernardo Dominic QUALIFIED
Maisha Y BriddickAustraliaIvan Magalhaes NEW
Salvatore Z DoeCanadaAnna Fali QUALIFIED
Leon Z MaletJapanStephen Shaw PROPOSAL
Munro Q PaprockiIndiaStephen Shaw QUALIFIED
Ashley C PoquetteBrazilBernardo Dominic PROPOSAL
Murillo C NickaSpainBernardo Dominic PROPOSAL
Ashley S RutaSpainIoni Bowcher RENEWAL
Aditya D GarufiFranceElwin Sharvill PROPOSAL
Arvin U WaycottArgentinaAnna Fali UNQUALIFIED
Faith K MaletItalyIoni Bowcher UNQUALIFIED
Jefferson L SergiCanadaIvan Magalhaes RENEWAL
Octavia R WieserArgentinaXuxue Feng NEW
David Q StockhamJapanAnna Fali RENEWAL
Morrow A NestleFranceAnna Fali NEGOTIATION
Mujtaba G WhobreySpainXuxue Feng UNQUALIFIED
Ashley J OstroskyIndiaOnyama Limba NEW
Emily J OldroydBrazilIvan Magalhaes QUALIFIED
Kadeem L DoeJapanIoni Bowcher RENEWAL
David V SchemmerAustraliaOnyama Limba NEW
Chavez E SaylorsGermanyBernardo Dominic QUALIFIED
Frozen Columns
Name
Deepesh O Kusko
Aika F Rulapaugh
Arvin R Poquette
Juan A Gillian
Kadeem O Ruta
Deepesh G Foller
Sinclair E Inouye
Faith Z Caldarera
Leja S Saylors
Tony B Paprocki
Claire K Marrier
Antonio R Rim
Maisha L Caudy
Isabel V Stockham
Chavez V Albares
Leon S Stockham
Clifford F Malet
Munro G Chui
Mujtaba F Doe
Tony I Waycott
Aruna B Caudy
Murillo T Campain
Jefferson C Whobrey
Maria D Inouye
Maisha B Royster
Jeanfrancois Z Venere
Mujtaba M Ferencz
Darci L Kolmetz
Julie W Figeroa
Greenwood A Amigon
Darci S Paprocki
Julie M Venere
Claire U Doe
Misaki H Slusarski
Wickens H Caldarera
Claire I Foller
Murillo T Chui
Julie O Garufi
Kaitlin L Garufi
Costa B Albares
Rodrigues S Chui
Aditya O Whobrey
Wickens T Paprocki
Darci P Darakjy
David N Ruta
Sinclair T Butt
Rodrigues N Darakjy
Jones W Caudy
Stacey O Ferencz
Mujtaba Y Stockham
IdCountryDate
1000France2026-10-13
1001United Kingdom2026-11-04
1002Brazil2026-11-02
1003Spain2026-10-31
1004Brazil2026-11-05
1005Japan2026-11-07
1006Japan2026-11-02
1007France2026-10-28
1008Brazil2026-10-27
1009Germany2026-10-18
1010Canada2026-10-18
1011India2026-11-05
1012India2026-10-14
1013United Kingdom2026-10-23
1014Germany2026-10-15
1015Germany2026-11-01
1016Russia2026-10-29
1017Japan2026-10-23
1018Canada2026-10-18
1019India2026-10-16
1020Germany2026-10-21
1021Japan2026-10-30
1022India2026-10-16
1023Germany2026-11-02
1024France2026-10-21
1025Russia2026-10-31
1026United Kingdom2026-10-13
1027Russia2026-10-18
1028Russia2026-10-15
1029Brazil2026-10-28
1030Australia2026-10-27
1031United Kingdom2026-10-12
1032Brazil2026-10-12
1033Japan2026-11-06
1034India2026-10-23
1035Russia2026-10-13
1036France2026-10-30
1037Japan2026-10-27
1038Germany2026-10-28
1039Spain2026-10-24
1040India2026-10-27
1041Germany2026-10-25
1042Japan2026-11-03
1043Japan2026-10-23
1044Japan2026-10-14
1045Brazil2026-10-18
1046Germany2026-10-13
1047Italy2026-11-05
1048India2026-11-08
1049Italy2026-10-15

On-Demand Data

NameIdCountryDate
Claire K Gillian1000India2026-10-24
Kaitlin H Foller1001France2026-10-18
Sinclair H Venere1002Australia2026-10-29
Nicolas F Garufi1003Russia2026-11-08
Smith M Dilliard1004Canada2026-10-28
Cody N Doe1005Brazil2026-10-12
James H Stockham1006Brazil2026-10-29
Silvio E Vocelka1007Japan2026-10-12
Izzy K Briddick1008France2026-11-05
Faith L Venere1009Japan2026-10-24
Antonio C Flosi1010Spain2026-10-12
Murillo J Rim1011Spain2026-10-14
David C Kusko1012Russia2026-10-13
Tony P Kusko1013Argentina2026-10-17
Emily K Shinko1014Italy2026-10-23
Kadeem H Wieser1015India2026-10-19
Chavez I Waycott1016Russia2026-11-06
Murillo Q Stockham1017United Kingdom2026-11-03
Claire V Amigon1018Australia2026-10-17
Mujtaba P Paprocki1019Brazil2026-10-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Salvatore G FigeroaIndiaBernardo Dominic RENEWAL
Jeanfrancois O PoquetteCanadaAnna Fali NEGOTIATION
Kaitlin Q RoysterItalyStephen Shaw NEW
Darci L CaldareraRussiaIvan Magalhaes PROPOSAL
Jones B PerinCanadaAmy Elsner PROPOSAL
Antonio E MorascaItalyStephen Shaw NEGOTIATION
Chavez R GarufiCanadaStephen Shaw RENEWAL
Leja P FollerRussiaAnna Fali RENEWAL
Aika A DilliardUnited KingdomAsiya Javayant QUALIFIED
Mayumi V RimGermanyXuxue Feng NEGOTIATION
Emily V ButtUnited KingdomAsiya Javayant NEGOTIATION
Greenwood D InouyeIndiaXuxue Feng RENEWAL
Silvio Z VenereCanadaIvan Magalhaes PROPOSAL
Morrow U NickaIndiaIvan Magalhaes NEGOTIATION
Mayumi L GarufiBrazilBernardo Dominic NEGOTIATION
Clifford X CaldareraJapanAmy Elsner RENEWAL
Alejandro O BriddickGermanyAsiya Javayant NEW
Jones P VocelkaArgentinaAmy Elsner NEGOTIATION
Misaki U FigeroaArgentinaAsiya Javayant QUALIFIED
Leon W FigeroaFranceIoni Bowcher QUALIFIED
Nicolas H FigeroaArgentinaXuxue Feng NEGOTIATION
Juan Q KuskoCanadaOnyama Limba NEGOTIATION
Misaki T SlusarskiRussiaXuxue Feng RENEWAL
Antonio F FigeroaFranceXuxue Feng NEGOTIATION
Ashley L VocelkaJapanIvan Magalhaes PROPOSAL
Kadeem W RoysterBrazilOnyama Limba UNQUALIFIED
Clifford F PaprockiItalyStephen Shaw PROPOSAL
Jeanfrancois S NestleIndiaIvan Magalhaes QUALIFIED
Silvio B GillianAustraliaStephen Shaw RENEWAL
Faith W ShinkoSpainOnyama Limba UNQUALIFIED
Faith R ButtItalyStephen Shaw UNQUALIFIED
Deepesh C PoquetteCanadaAsiya Javayant UNQUALIFIED
Antonio E StensethJapanOnyama Limba PROPOSAL
Smith Q MacleadGermanyAsiya Javayant NEGOTIATION
Julie F KolmetzJapanIoni Bowcher UNQUALIFIED
Johnson N PaprockiJapanAnna Fali PROPOSAL
Nicolas L RutaArgentinaElwin Sharvill UNQUALIFIED
Octavia T MarrierCanadaXuxue Feng RENEWAL
Leja N StockhamFranceStephen Shaw QUALIFIED
Kaitlin T MaletUnited KingdomElwin Sharvill 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>