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
Greenwood V WhobreyArgentinaBernardo Dominic NEW
Chavez L OstroskyJapanAmy Elsner UNQUALIFIED
Wickens M OstroskySpainBernardo Dominic NEW
Juan V RimCanadaXuxue Feng PROPOSAL
Cody P WaycottAustraliaOnyama Limba QUALIFIED
Salvatore G FerenczFranceStephen Shaw UNQUALIFIED
Jeanfrancois F ShinkoSpainXuxue Feng UNQUALIFIED
Mujtaba G SergiGermanyIoni Bowcher UNQUALIFIED
Munro N FollerArgentinaStephen Shaw QUALIFIED
Aruna R VenereFranceBernardo Dominic UNQUALIFIED
Silvio A MarrierAustraliaIoni Bowcher NEW
Misaki S OstroskyArgentinaIoni Bowcher UNQUALIFIED
Mujtaba Q NestleJapanBernardo Dominic NEW
Maria Y MaletIndiaAnna Fali NEW
Mayumi G RimSpainOnyama Limba QUALIFIED
Munro K ShinkoUnited KingdomBernardo Dominic RENEWAL
Mayumi W MaletAustraliaElwin Sharvill UNQUALIFIED
James U StensethJapanElwin Sharvill NEGOTIATION
Misaki R AlbaresSpainOnyama Limba RENEWAL
Stacey B WaycottArgentinaElwin Sharvill UNQUALIFIED
Maisha D StockhamItalyElwin Sharvill PROPOSAL
Deepesh N KolmetzFranceXuxue Feng PROPOSAL
Tony D ChuiUnited KingdomIoni Bowcher UNQUALIFIED
Tony N DilliardGermanyXuxue Feng PROPOSAL
Rodrigues E MarrierItalyIvan Magalhaes PROPOSAL
Claire J ChuiAustraliaStephen Shaw NEW
Jeanfrancois P BowleyItalyAmy Elsner QUALIFIED
Faith S ButtBrazilAmy Elsner RENEWAL
Morrow M CaldareraFranceAsiya Javayant UNQUALIFIED
Emily X TollnerJapanAnna Fali QUALIFIED
Maisha S WhobreyRussiaXuxue Feng UNQUALIFIED
Mujtaba H RimArgentinaStephen Shaw NEGOTIATION
Cody U GarufiFranceOnyama Limba RENEWAL
Stacey X MaletArgentinaXuxue Feng PROPOSAL
Jeanfrancois A PaprockiRussiaXuxue Feng NEGOTIATION
Izzy G FollerCanadaOnyama Limba NEGOTIATION
Claire Z SchemmerItalyXuxue Feng PROPOSAL
Morrow Q SchemmerRussiaAnna Fali QUALIFIED
Jeanfrancois X DilliardCanadaXuxue Feng RENEWAL
Ivar T MorascaFranceElwin Sharvill PROPOSAL
Chavez G OstroskyUnited KingdomBernardo Dominic NEGOTIATION
Clifford N PerinArgentinaBernardo Dominic NEGOTIATION
Jennifer H TollnerIndiaOnyama Limba RENEWAL
Clifford O GlickGermanyBernardo Dominic UNQUALIFIED
Deepesh P CampainFranceAsiya Javayant NEGOTIATION
David D GlickCanadaStephen Shaw NEW
Costa Z InouyeUnited KingdomAnna Fali NEGOTIATION
Morrow P MarrierSpainIoni Bowcher NEW
Munro U OldroydIndiaAmy Elsner UNQUALIFIED
Jennifer P CaldareraGermanyAmy Elsner PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Francesco P RulapaughFranceElwin Sharvill UNQUALIFIED
Juan W MarrierJapanIoni Bowcher UNQUALIFIED
Maria Y ButtItalyElwin Sharvill NEW
Maria V StockhamUnited KingdomAmy Elsner PROPOSAL
Wickens W MaletItalyIvan Magalhaes QUALIFIED
Arvin S WieserBrazilIvan Magalhaes NEW
Munro D RutaJapanAsiya Javayant RENEWAL
Rodrigues N BriddickCanadaAsiya Javayant QUALIFIED
James O ShinkoRussiaElwin Sharvill UNQUALIFIED
Clifford X BowleyArgentinaBernardo Dominic UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Arvin A WaycottGermany2026-10-10Chemel, James L Cpa NEGOTIATION11Amy Elsner
1001Clifford S DarakjyGermany2026-09-29Chemel, James L Cpa RENEWAL10Asiya Javayant
1002Kadeem T ButtFrance2026-10-09Rousseaux, Michael Esq PROPOSAL63Elwin Sharvill
1003Silvio P KuskoGermany2026-10-13Feltz Printing Service NEW86Stephen Shaw
1004Francesco F StockhamUnited Kingdom2026-10-21Truhlar And Truhlar Attys NEW79Ioni Bowcher
1005Kaitlin U TollnerRussia2026-10-04Feiner Bros RENEWAL1Ioni Bowcher
1006Ashley C FlosiGermany2026-10-07King, Christopher A Esq UNQUALIFIED7Xuxue Feng
1007David F FlosiAustralia2026-10-19Chapman, Ross E Esq UNQUALIFIED85Elwin Sharvill
1008Tony T StockhamRussia2026-09-29Dorl, James J Esq RENEWAL48Amy Elsner
1009Jeanfrancois I DarakjyGermany2026-10-04Feiner Bros NEW14Ioni Bowcher
1010Julie H GillianFrance2026-10-03Chanay, Jeffrey A Esq RENEWAL9Asiya Javayant
1011Jones O StockhamBrazil2026-10-04Benton, John B Jr RENEWAL80Xuxue Feng
1012Izzy U MaletJapan2026-09-29Rangoni Of Florence UNQUALIFIED13Anna Fali
1013Faith I InouyeItaly2026-10-05Chemel, James L Cpa RENEWAL59Onyama Limba
1014Maria L AmigonBrazil2026-10-19Feltz Printing Service RENEWAL98Ivan Magalhaes
1015Jennifer T SaylorsRussia2026-10-13Truhlar And Truhlar Attys NEGOTIATION15Bernardo Dominic
1016Greenwood M MarrierAustralia2026-10-26Rousseaux, Michael Esq UNQUALIFIED95Ivan Magalhaes
1017Alejandro X AlbaresUnited Kingdom2026-10-21Chapman, Ross E Esq PROPOSAL29Asiya Javayant
1018James P BologniaArgentina2026-09-30Buckley Miller Wright NEW36Amy Elsner
1019Aditya C RoysterIndia2026-10-23King, Christopher A Esq QUALIFIED51Asiya Javayant
1020Mayumi M AmigonGermany2026-10-01Rangoni Of Florence NEW52Ivan Magalhaes
1021Maisha F DilliardBrazil2026-10-03Buckley Miller Wright PROPOSAL7Bernardo Dominic
1022Jennifer K InouyeSpain2026-10-09Rangoni Of Florence RENEWAL58Ivan Magalhaes
1023Maria H IturbideAustralia2026-09-29Feltz Printing Service NEGOTIATION15Onyama Limba
1024Kadeem C InouyeAustralia2026-10-07Rousseaux, Michael Esq UNQUALIFIED66Asiya Javayant
1025Alejandro I RulapaughCanada2026-10-23King, Christopher A Esq NEW22Anna Fali
1026Chavez D BowleyJapan2026-10-28Morlong Associates UNQUALIFIED56Onyama Limba
1027Arvin O CampainAustralia2026-09-30Printing Dimensions PROPOSAL66Bernardo Dominic
1028Murillo S ChuiRussia2026-10-27Feltz Printing Service QUALIFIED49Onyama Limba
1029Kadeem Z FigeroaGermany2026-10-06Dorl, James J Esq UNQUALIFIED86Bernardo Dominic
1030Alejandro F MorascaItaly2026-10-07Commercial Press QUALIFIED3Onyama Limba
1031Costa A SlusarskiRussia2026-10-05Benton, John B Jr NEGOTIATION29Onyama Limba
1032Murillo T BriddickGermany2026-10-26Rangoni Of Florence QUALIFIED4Amy Elsner
1033Tony M MacleadItaly2026-09-30Truhlar And Truhlar Attys QUALIFIED78Xuxue Feng
1034Cody G VocelkaIndia2026-10-27Morlong Associates RENEWAL64Onyama Limba
1035Isabel X GarufiSpain2026-09-30Truhlar And Truhlar Attys RENEWAL95Ivan Magalhaes
1036Wickens D PoquetteGermany2026-09-30Chapman, Ross E Esq UNQUALIFIED32Amy Elsner
1037Kaitlin S GarufiAustralia2026-09-30Chanay, Jeffrey A Esq QUALIFIED84Amy Elsner
1038Clifford I GarufiArgentina2026-10-06Truhlar And Truhlar Attys NEW43Amy Elsner
1039Darci C GauchoIndia2026-10-27Benton, John B Jr PROPOSAL34Stephen Shaw
1040Maisha R StockhamBrazil2026-10-02Feiner Bros QUALIFIED63Elwin Sharvill
1041Kadeem M StockhamFrance2026-10-08Commercial Press NEW75Anna Fali
1042Cody L WieserUnited Kingdom2026-10-17Chanay, Jeffrey A Esq RENEWAL27Amy Elsner
1043Greenwood I FlosiFrance2026-10-23Rousseaux, Michael Esq RENEWAL6Onyama Limba
1044Johnson W DarakjyItaly2026-10-08Rangoni Of Florence UNQUALIFIED46Ioni Bowcher
1045Aika J NickaFrance2026-10-16Printing Dimensions RENEWAL11Asiya Javayant
1046Jefferson I BriddickIndia2026-10-14Benton, John B Jr RENEWAL66Ioni Bowcher
1047Alejandro K ChuiGermany2026-10-02Buckley Miller Wright PROPOSAL72Anna Fali
1048Alejandro J VocelkaIndia2026-10-20Chanay, Jeffrey A Esq NEGOTIATION32Anna Fali
1049Octavia V SlusarskiRussia2026-10-11Chemel, James L Cpa UNQUALIFIED95Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Johnson H DoeIndiaBernardo Dominic RENEWAL
Juan K RimBrazilAmy Elsner PROPOSAL
Antonio E GlickIndiaAsiya Javayant UNQUALIFIED
Cody M MacleadUnited KingdomElwin Sharvill RENEWAL
Stacey Z DilliardCanadaAnna Fali NEGOTIATION
Munro N CampainAustraliaOnyama Limba NEGOTIATION
Kadeem N RulapaughFranceAnna Fali RENEWAL
Aruna G VocelkaRussiaIoni Bowcher NEW
Juan D ButtItalyAsiya Javayant NEGOTIATION
Clifford Y NestleCanadaIvan Magalhaes UNQUALIFIED
Sinclair D MarrierUnited KingdomOnyama Limba UNQUALIFIED
Francesco K TollnerSpainXuxue Feng NEGOTIATION
Rodrigues R MorascaGermanyAsiya Javayant RENEWAL
Clifford J MaletGermanyElwin Sharvill PROPOSAL
Salvatore U RoysterArgentinaOnyama Limba QUALIFIED
Chavez C BologniaSpainIvan Magalhaes RENEWAL
Ivar J SergiItalyBernardo Dominic NEW
Antonio X WhobreyArgentinaAnna Fali UNQUALIFIED
Tony P DarakjyAustraliaIvan Magalhaes NEW
Munro X MacleadRussiaAmy Elsner PROPOSAL
Cody G SchemmerIndiaAnna Fali RENEWAL
Morrow P DoeAustraliaIoni Bowcher UNQUALIFIED
Greenwood R InouyeUnited KingdomStephen Shaw RENEWAL
Cody A GillianAustraliaElwin Sharvill NEW
Francesco N RimSpainIvan Magalhaes NEW
Costa J MarrierFranceIoni Bowcher NEGOTIATION
Munro I MaletCanadaIvan Magalhaes NEGOTIATION
Julie P StensethGermanyStephen Shaw RENEWAL
Mayumi F NickaFranceAsiya Javayant PROPOSAL
Jefferson N MorascaRussiaElwin Sharvill NEGOTIATION
Aruna C CaldareraItalyAsiya Javayant QUALIFIED
James M SaylorsSpainIoni Bowcher RENEWAL
Stacey E ButtSpainAsiya Javayant QUALIFIED
Rodrigues P PaprockiAustraliaAmy Elsner RENEWAL
Cody N TollnerJapanAsiya Javayant RENEWAL
Jefferson N NickaCanadaElwin Sharvill QUALIFIED
Maria X SaylorsRussiaOnyama Limba NEW
Alejandro M GillianUnited KingdomAmy Elsner RENEWAL
Jefferson B CaudySpainAnna Fali QUALIFIED
Jeanfrancois K OldroydGermanyOnyama Limba RENEWAL
Ivar K KolmetzJapanIoni Bowcher RENEWAL
Claire A MaletIndiaAsiya Javayant PROPOSAL
Leja G SlusarskiUnited KingdomElwin Sharvill PROPOSAL
Morrow I RoysterIndiaIvan Magalhaes NEGOTIATION
Morrow K CaudyAustraliaElwin Sharvill QUALIFIED
Kadeem X ShinkoCanadaAnna Fali PROPOSAL
Aruna M DarakjyJapanAmy Elsner PROPOSAL
Greenwood V FerenczJapanStephen Shaw NEW
Ashley G RutaSpainBernardo Dominic NEGOTIATION
Tony R KolmetzSpainAmy Elsner RENEWAL
Frozen Columns
Name
Darci P Nicka
Antonio E Perin
Chavez S Amigon
Munro N Ferencz
Cody Z Gillian
Silvio J Perin
Arvin X Kusko
Sinclair P Nicka
Tony N Wieser
Emily R Royster
David K Wieser
Aditya D Caudy
Julie J Dilliard
David T Morasca
Aruna D Kolmetz
Morrow H Morasca
Mujtaba X Schemmer
Alejandro A Campain
David U Darakjy
Jeanfrancois Z Inouye
Ivar G Chui
Claire H Briddick
Kadeem Y Schemmer
Wickens K Stenseth
Stacey G Malet
Octavia V Foller
Jefferson K Dilliard
Faith D Ferencz
Aditya D Chui
Antonio E Morasca
Emily G Marrier
Jennifer G Nestle
Claire B Oldroyd
David G Saylors
Aruna R Rulapaugh
Emily Y Malet
Stacey I Ferencz
Kadeem E Royster
Costa E Butt
Adams V Vocelka
Claire D Oldroyd
Clifford V Paprocki
Octavia F Foller
Claire M Garufi
Munro B Maclead
Morrow P Malet
Rodrigues V Foller
Aika C Amigon
Faith X Chui
Sinclair Y Foller
IdCountryDate
1000Australia2026-09-29
1001India2026-10-20
1002Australia2026-10-22
1003Argentina2026-10-08
1004Russia2026-10-28
1005Italy2026-10-16
1006Argentina2026-10-05
1007Spain2026-09-29
1008Argentina2026-10-25
1009United Kingdom2026-10-28
1010Spain2026-10-21
1011Japan2026-10-12
1012Russia2026-10-26
1013Argentina2026-10-18
1014France2026-10-04
1015Canada2026-10-28
1016Brazil2026-10-18
1017Spain2026-10-19
1018Argentina2026-10-01
1019Australia2026-10-12
1020Brazil2026-10-22
1021Spain2026-10-06
1022Argentina2026-10-28
1023France2026-10-09
1024United Kingdom2026-10-24
1025Germany2026-10-14
1026Canada2026-10-08
1027India2026-10-05
1028Italy2026-10-25
1029Australia2026-10-13
1030Japan2026-10-05
1031Brazil2026-10-23
1032United Kingdom2026-10-18
1033Australia2026-10-21
1034Spain2026-10-07
1035Italy2026-10-14
1036France2026-10-04
1037United Kingdom2026-09-30
1038Germany2026-10-17
1039United Kingdom2026-10-01
1040Germany2026-10-02
1041Australia2026-10-22
1042Canada2026-10-21
1043Spain2026-10-15
1044France2026-10-09
1045Russia2026-10-24
1046Australia2026-10-27
1047Australia2026-10-18
1048Japan2026-10-12
1049Australia2026-10-08

On-Demand Data

NameIdCountryDate
Clifford R Figeroa1000Brazil2026-10-06
Ivar P Ruta1001Japan2026-10-26
Izzy R Glick1002Australia2026-10-04
Jeanfrancois Q Kusko1003Japan2026-10-14
Darci S Foller1004Australia2026-10-16
Ivar Y Waycott1005Brazil2026-10-23
Leon G Garufi1006Russia2026-10-14
Arvin Q Nestle1007Russia2026-10-16
Emily K Campain1008France2026-10-04
Smith U Stenseth1009Italy2026-10-22
Adams P Poquette1010Canada2026-10-19
Jeanfrancois B Oldroyd1011Spain2026-10-05
Rodrigues F Whobrey1012India2026-10-24
Sinclair C Marrier1013Argentina2026-10-03
Chavez C Doe1014Russia2026-10-03
Juan T Marrier1015Australia2026-10-01
Leon O Waycott1016Canada2026-10-26
Claire C Maclead1017Russia2026-10-19
Jennifer Q Slusarski1018Canada2026-10-07
Clifford Q Ostrosky1019Australia2026-10-26
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Chavez V DarakjyUnited KingdomElwin Sharvill QUALIFIED
Mujtaba K RutaCanadaAnna Fali PROPOSAL
Salvatore X WieserSpainElwin Sharvill NEGOTIATION
Misaki N RoysterCanadaStephen Shaw QUALIFIED
Izzy D StensethGermanyBernardo Dominic NEGOTIATION
James A OstroskyArgentinaBernardo Dominic NEW
Ricardo E DoeArgentinaAmy Elsner PROPOSAL
Leja A OldroydCanadaXuxue Feng PROPOSAL
Smith T KolmetzBrazilStephen Shaw NEGOTIATION
Rodrigues E AlbaresItalyAmy Elsner QUALIFIED
Aditya I ShinkoSpainStephen Shaw NEW
Juan R CampainItalyIoni Bowcher PROPOSAL
Rodrigues P GarufiGermanyXuxue Feng UNQUALIFIED
Chavez I GillianFranceStephen Shaw NEW
Stacey M VocelkaItalyOnyama Limba RENEWAL
Greenwood Y RulapaughArgentinaIvan Magalhaes RENEWAL
Jefferson R GarufiGermanyElwin Sharvill NEGOTIATION
Costa I DoeCanadaXuxue Feng QUALIFIED
Isabel R VenereArgentinaAmy Elsner QUALIFIED
Chavez M NickaFranceAsiya Javayant NEGOTIATION
Ivar Q RimJapanElwin Sharvill PROPOSAL
Aruna L PaprockiArgentinaIvan Magalhaes UNQUALIFIED
Johnson C GarufiSpainStephen Shaw RENEWAL
Wickens V MaletJapanBernardo Dominic UNQUALIFIED
Johnson B WieserIndiaIoni Bowcher PROPOSAL
Darci F FlosiRussiaElwin Sharvill NEGOTIATION
Julie A CampainSpainAnna Fali RENEWAL
Jennifer T BowleyJapanXuxue Feng PROPOSAL
Adams S FerenczUnited KingdomAsiya Javayant NEW
Darci N CampainRussiaOnyama Limba QUALIFIED
Isabel Z WieserIndiaXuxue Feng RENEWAL
Jeanfrancois I CaldareraBrazilIvan Magalhaes QUALIFIED
Ashley A GillianJapanOnyama Limba RENEWAL
Costa S BriddickCanadaAsiya Javayant RENEWAL
Antonio C VocelkaJapanBernardo Dominic QUALIFIED
Adams Q SaylorsRussiaElwin Sharvill NEGOTIATION
Julie X SergiRussiaAsiya Javayant UNQUALIFIED
Aditya E KolmetzAustraliaAmy Elsner NEW
Julie Z GauchoSpainXuxue Feng NEW
Nicolas P AlbaresFranceOnyama Limba 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>