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
Johnson Q FerenczJapanStephen Shaw NEW
Salvatore B ShinkoRussiaIoni Bowcher PROPOSAL
Tony H BologniaJapanAmy Elsner QUALIFIED
Smith Z GlickBrazilBernardo Dominic QUALIFIED
Cody A MarrierRussiaXuxue Feng NEW
Costa L KuskoAustraliaIoni Bowcher NEW
Misaki B FlosiGermanyAnna Fali RENEWAL
Sinclair Y PerinCanadaXuxue Feng UNQUALIFIED
Jefferson T ChuiFranceIvan Magalhaes NEGOTIATION
Mayumi R MacleadJapanAmy Elsner NEW
Chavez Q StensethJapanIvan Magalhaes NEW
Clifford K AmigonItalyAmy Elsner NEGOTIATION
Alejandro T FigeroaIndiaIvan Magalhaes UNQUALIFIED
Ivar X OstroskyArgentinaIvan Magalhaes NEGOTIATION
Jeanfrancois R ButtBrazilElwin Sharvill UNQUALIFIED
Mayumi L FigeroaBrazilBernardo Dominic UNQUALIFIED
Wickens U DarakjyJapanAmy Elsner PROPOSAL
Leja W VenereIndiaBernardo Dominic UNQUALIFIED
Maria A StockhamGermanyElwin Sharvill UNQUALIFIED
Alejandro R WaycottItalyAsiya Javayant UNQUALIFIED
Maisha V CaudyIndiaAnna Fali NEW
Maria L RimGermanyXuxue Feng QUALIFIED
Julie D RimGermanyAnna Fali UNQUALIFIED
Ricardo X KuskoRussiaIoni Bowcher QUALIFIED
Aruna E GarufiUnited KingdomIoni Bowcher QUALIFIED
Sinclair C BowleyItalyIoni Bowcher NEGOTIATION
Rodrigues M WhobreyIndiaIoni Bowcher QUALIFIED
Clifford M MaletArgentinaBernardo Dominic QUALIFIED
Isabel R MarrierBrazilBernardo Dominic PROPOSAL
Misaki D WieserItalyXuxue Feng RENEWAL
Antonio M MaletArgentinaStephen Shaw RENEWAL
Rodrigues W CaudyAustraliaElwin Sharvill NEGOTIATION
Kaitlin Z GauchoUnited KingdomIvan Magalhaes QUALIFIED
Julie T DilliardUnited KingdomAnna Fali QUALIFIED
Octavia L DarakjyIndiaElwin Sharvill NEGOTIATION
Rodrigues Q MacleadItalyAsiya Javayant QUALIFIED
Izzy E KolmetzFranceAsiya Javayant NEW
Ivar B OstroskyUnited KingdomOnyama Limba NEGOTIATION
Johnson X GlickFranceIvan Magalhaes PROPOSAL
Faith C StensethSpainElwin Sharvill NEW
Kadeem C ChuiGermanyAmy Elsner RENEWAL
James D PoquetteAustraliaBernardo Dominic UNQUALIFIED
Antonio B SergiUnited KingdomBernardo Dominic UNQUALIFIED
Ashley A SergiJapanXuxue Feng PROPOSAL
Johnson J TollnerCanadaAsiya Javayant NEGOTIATION
Faith V ButtUnited KingdomAnna Fali RENEWAL
Claire G StensethFranceAnna Fali NEGOTIATION
Faith U NickaRussiaAnna Fali NEGOTIATION
Jefferson F BriddickIndiaIvan Magalhaes QUALIFIED
Clifford B TollnerSpainStephen Shaw PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Arvin F NestleBrazilOnyama Limba UNQUALIFIED
Aruna D GarufiUnited KingdomIoni Bowcher UNQUALIFIED
Isabel A InouyeAustraliaAsiya Javayant NEW
Isabel A ChuiArgentinaIoni Bowcher QUALIFIED
Misaki I GauchoItalyXuxue Feng RENEWAL
David F PaprockiArgentinaStephen Shaw PROPOSAL
Jefferson Y GillianAustraliaElwin Sharvill UNQUALIFIED
Maisha S DoeGermanyOnyama Limba UNQUALIFIED
Aika J OstroskyCanadaStephen Shaw PROPOSAL
Julie I CaldareraBrazilAnna Fali UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Chavez P RimRussia2026-09-21Chanay, Jeffrey A Esq RENEWAL12Elwin Sharvill
1001Morrow F SchemmerJapan2026-09-21Chapman, Ross E Esq UNQUALIFIED41Elwin Sharvill
1002Aika F MacleadFrance2026-09-01Commercial Press QUALIFIED75Bernardo Dominic
1003Kadeem L StockhamGermany2026-08-30Commercial Press PROPOSAL90Anna Fali
1004Ricardo M CaudyGermany2026-09-04Truhlar And Truhlar Attys UNQUALIFIED19Asiya Javayant
1005Emily F KolmetzJapan2026-09-15Morlong Associates PROPOSAL11Onyama Limba
1006Emily V MarrierUnited Kingdom2026-09-10Dorl, James J Esq RENEWAL59Ivan Magalhaes
1007Jefferson E PaprockiIndia2026-08-29Chapman, Ross E Esq UNQUALIFIED12Elwin Sharvill
1008Misaki H GarufiRussia2026-09-04Dorl, James J Esq QUALIFIED37Xuxue Feng
1009Rodrigues L WaycottGermany2026-09-04Printing Dimensions RENEWAL50Amy Elsner
1010Johnson A AmigonSpain2026-09-20Commercial Press RENEWAL42Elwin Sharvill
1011Ivar Y GlickRussia2026-08-30Morlong Associates PROPOSAL84Ivan Magalhaes
1012Julie A MacleadArgentina2026-09-12Truhlar And Truhlar Attys NEW78Ivan Magalhaes
1013Claire H RutaArgentina2026-09-09Printing Dimensions PROPOSAL54Anna Fali
1014Cody X KuskoUnited Kingdom2026-09-03Commercial Press UNQUALIFIED17Asiya Javayant
1015Alejandro D PerinAustralia2026-09-15Feltz Printing Service PROPOSAL9Amy Elsner
1016David S StockhamArgentina2026-09-18Feiner Bros NEW86Ivan Magalhaes
1017Murillo F MarrierRussia2026-08-30Benton, John B Jr NEGOTIATION96Ivan Magalhaes
1018Greenwood W ShinkoArgentina2026-09-20Buckley Miller Wright NEGOTIATION21Xuxue Feng
1019Morrow U TollnerItaly2026-09-07Morlong Associates NEGOTIATION24Xuxue Feng
1020Morrow S SlusarskiRussia2026-08-26Buckley Miller Wright QUALIFIED40Xuxue Feng
1021Juan F MarrierUnited Kingdom2026-09-20Rangoni Of Florence UNQUALIFIED7Stephen Shaw
1022Johnson N PerinFrance2026-08-30Commercial Press NEW63Elwin Sharvill
1023Clifford T GlickCanada2026-09-07Commercial Press NEW59Ioni Bowcher
1024Silvio Q IturbideAustralia2026-08-29Chapman, Ross E Esq QUALIFIED87Amy Elsner
1025Cody C IturbideBrazil2026-08-26Printing Dimensions NEGOTIATION31Bernardo Dominic
1026David K RimSpain2026-09-23Chanay, Jeffrey A Esq NEW54Xuxue Feng
1027Chavez O MacleadSpain2026-09-19Commercial Press NEW65Ioni Bowcher
1028Sinclair O KuskoUnited Kingdom2026-09-11Dorl, James J Esq PROPOSAL9Onyama Limba
1029Emily P RutaGermany2026-09-14Printing Dimensions NEGOTIATION89Bernardo Dominic
1030Wickens M CampainRussia2026-09-06King, Christopher A Esq NEGOTIATION7Onyama Limba
1031Clifford O PaprockiArgentina2026-09-20Chemel, James L Cpa QUALIFIED51Amy Elsner
1032Morrow N WaycottIndia2026-09-02Rangoni Of Florence RENEWAL65Ivan Magalhaes
1033Greenwood V FollerIndia2026-09-06Chanay, Jeffrey A Esq PROPOSAL79Amy Elsner
1034Jeanfrancois K MacleadBrazil2026-09-14Buckley Miller Wright QUALIFIED13Onyama Limba
1035Aika J BologniaArgentina2026-09-18Rousseaux, Michael Esq QUALIFIED35Ivan Magalhaes
1036Tony X TollnerSpain2026-09-16Chapman, Ross E Esq NEW76Bernardo Dominic
1037Jones G RimUnited Kingdom2026-09-20Printing Dimensions RENEWAL19Amy Elsner
1038Maisha C TollnerCanada2026-09-12Dorl, James J Esq RENEWAL37Ivan Magalhaes
1039James J TollnerCanada2026-09-05Feiner Bros NEGOTIATION54Ioni Bowcher
1040Nicolas L RimIndia2026-08-28Chanay, Jeffrey A Esq RENEWAL54Asiya Javayant
1041Faith O RoysterGermany2026-09-02Truhlar And Truhlar Attys UNQUALIFIED30Anna Fali
1042Alejandro F OldroydJapan2026-09-24Morlong Associates NEGOTIATION3Asiya Javayant
1043Octavia X FollerRussia2026-09-14Feiner Bros NEGOTIATION24Xuxue Feng
1044Aditya H SaylorsItaly2026-09-08Commercial Press NEW37Amy Elsner
1045David U DilliardBrazil2026-08-31Dorl, James J Esq NEW92Ivan Magalhaes
1046Antonio A TollnerSpain2026-09-20King, Christopher A Esq QUALIFIED99Xuxue Feng
1047Ivar E ChuiUnited Kingdom2026-08-27Benton, John B Jr PROPOSAL33Xuxue Feng
1048Adams E RulapaughBrazil2026-09-21Truhlar And Truhlar Attys UNQUALIFIED55Amy Elsner
1049Mayumi B VenereBrazil2026-09-15Chemel, James L Cpa NEW49Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Chavez B SlusarskiArgentinaElwin Sharvill RENEWAL
Kadeem S MaletUnited KingdomAsiya Javayant QUALIFIED
Faith P DarakjyJapanOnyama Limba RENEWAL
Ashley Y RimItalyBernardo Dominic QUALIFIED
Izzy G RutaJapanAnna Fali UNQUALIFIED
Ricardo F OstroskyRussiaIvan Magalhaes NEGOTIATION
Wickens N MaletIndiaIoni Bowcher UNQUALIFIED
Aruna F OldroydRussiaBernardo Dominic RENEWAL
James H PerinFranceAmy Elsner NEGOTIATION
Mujtaba U DilliardBrazilIvan Magalhaes QUALIFIED
Maria P ButtUnited KingdomOnyama Limba RENEWAL
Kaitlin N SchemmerAustraliaXuxue Feng NEW
Munro C StensethJapanAnna Fali PROPOSAL
Ricardo E FigeroaArgentinaIvan Magalhaes NEW
Misaki O StensethUnited KingdomIoni Bowcher NEW
Arvin W RutaItalyOnyama Limba UNQUALIFIED
Alejandro U RulapaughArgentinaIoni Bowcher PROPOSAL
Sinclair U KuskoBrazilAsiya Javayant PROPOSAL
Morrow G GillianFranceIvan Magalhaes UNQUALIFIED
Ashley D FlosiJapanStephen Shaw UNQUALIFIED
Mayumi D ButtRussiaXuxue Feng PROPOSAL
Kadeem P ButtArgentinaIoni Bowcher UNQUALIFIED
Jones E NestleGermanyAnna Fali RENEWAL
Chavez T KolmetzItalyAsiya Javayant PROPOSAL
James C DarakjyIndiaOnyama Limba NEW
Arvin Z RoysterGermanyAsiya Javayant PROPOSAL
Kadeem N IturbideItalyAsiya Javayant NEGOTIATION
Leja D OldroydSpainIoni Bowcher NEW
Greenwood A CampainSpainAnna Fali NEW
Antonio M MarrierJapanXuxue Feng RENEWAL
Costa U AlbaresFranceIoni Bowcher NEGOTIATION
Kaitlin F NickaGermanyXuxue Feng NEGOTIATION
Ashley P ShinkoArgentinaAsiya Javayant QUALIFIED
Silvio Z GarufiGermanyBernardo Dominic RENEWAL
Aditya F OstroskyIndiaXuxue Feng PROPOSAL
Misaki O WieserArgentinaAsiya Javayant NEW
Deepesh Y SlusarskiArgentinaAsiya Javayant NEW
Arvin A ButtAustraliaAsiya Javayant NEW
Mujtaba C DoeUnited KingdomStephen Shaw UNQUALIFIED
Nicolas V SaylorsItalyOnyama Limba PROPOSAL
Morrow H RoysterFranceBernardo Dominic RENEWAL
Deepesh V WieserSpainXuxue Feng RENEWAL
Maisha D SergiCanadaAnna Fali QUALIFIED
Juan C WaycottCanadaXuxue Feng NEW
James P VocelkaIndiaAsiya Javayant NEW
Emily S DilliardAustraliaBernardo Dominic UNQUALIFIED
Ivar V GlickItalyOnyama Limba PROPOSAL
Greenwood A MarrierAustraliaElwin Sharvill NEW
Ivar S VenereUnited KingdomAmy Elsner NEW
Darci L NickaUnited KingdomStephen Shaw PROPOSAL
Frozen Columns
Name
Ricardo S Paprocki
David L Caldarera
Jeanfrancois F Rim
Claire W Garufi
Chavez Z Marrier
Munro U Saylors
Johnson F Oldroyd
Munro U Royster
Isabel T Gaucho
Faith V Kolmetz
Wickens V Iturbide
Aruna C Gillian
Kadeem E Marrier
Jefferson Q Inouye
Smith I Shinko
Jefferson I Chui
Munro H Ruta
Misaki U Flosi
Claire J Wieser
Isabel E Iturbide
Alejandro L Butt
Julie Z Shinko
Deepesh I Darakjy
Jennifer T Glick
Adams C Figeroa
Ashley Y Figeroa
Julie F Garufi
Aditya E Glick
Kaitlin F Flosi
Sinclair O Vocelka
Kadeem E Ostrosky
Jeanfrancois D Gillian
Munro T Slusarski
Francesco T Royster
Aditya I Doe
Darci X Saylors
Isabel K Dilliard
Misaki T Bolognia
Alejandro U Bowley
Claire H Albares
Isabel D Vocelka
Sinclair H Bowley
Munro T Butt
Salvatore T Shinko
Chavez I Figeroa
Leja H Doe
Arvin O Kolmetz
Wickens Y Slusarski
Darci Q Dilliard
Leon T Malet
IdCountryDate
1000France2026-09-10
1001Australia2026-08-30
1002Italy2026-09-22
1003Spain2026-09-23
1004Canada2026-09-04
1005Japan2026-09-15
1006Australia2026-09-10
1007United Kingdom2026-09-05
1008Italy2026-09-12
1009Canada2026-09-01
1010Japan2026-09-22
1011Japan2026-08-28
1012India2026-09-15
1013Japan2026-09-13
1014India2026-09-20
1015Australia2026-09-14
1016Italy2026-09-22
1017United Kingdom2026-09-17
1018United Kingdom2026-09-10
1019Italy2026-09-19
1020Canada2026-09-21
1021Russia2026-09-14
1022United Kingdom2026-09-13
1023Spain2026-09-12
1024Canada2026-09-08
1025Germany2026-08-26
1026Canada2026-09-01
1027Germany2026-09-17
1028Argentina2026-09-11
1029Australia2026-08-29
1030United Kingdom2026-09-18
1031Canada2026-09-14
1032Spain2026-08-27
1033France2026-09-12
1034France2026-08-29
1035Argentina2026-09-13
1036France2026-09-18
1037Italy2026-09-03
1038Australia2026-09-15
1039Argentina2026-09-13
1040Italy2026-09-05
1041Canada2026-09-01
1042Russia2026-08-27
1043India2026-09-15
1044Argentina2026-09-09
1045Brazil2026-09-12
1046Australia2026-09-14
1047Russia2026-09-03
1048France2026-09-15
1049Spain2026-09-06

On-Demand Data

NameIdCountryDate
Tony R Marrier1000United Kingdom2026-09-12
Greenwood Y Caldarera1001Australia2026-08-30
Ricardo L Darakjy1002Japan2026-09-23
Murillo X Maclead1003India2026-08-28
Aditya K Ferencz1004Russia2026-09-06
Greenwood B Malet1005India2026-09-05
Stacey L Garufi1006India2026-09-23
Deepesh P Inouye1007Russia2026-08-31
Juan L Sergi1008United Kingdom2026-09-18
Wickens W Doe1009Brazil2026-09-08
Julie L Rulapaugh1010Australia2026-09-01
Francesco J Whobrey1011France2026-09-09
Tony Z Dilliard1012Germany2026-09-20
Izzy M Dilliard1013Brazil2026-09-02
Mayumi R Ostrosky1014United Kingdom2026-09-19
James P Campain1015France2026-09-21
Leon I Morasca1016United Kingdom2026-09-02
Jeanfrancois X Doe1017Italy2026-09-22
Kaitlin L Waycott1018Germany2026-08-27
Morrow J Rulapaugh1019France2026-09-20
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Julie U SlusarskiSpainAmy Elsner PROPOSAL
Juan J WieserUnited KingdomStephen Shaw RENEWAL
Kaitlin I InouyeAustraliaIoni Bowcher UNQUALIFIED
Arvin G KolmetzIndiaAsiya Javayant QUALIFIED
Salvatore S RulapaughCanadaAmy Elsner UNQUALIFIED
Aika Q OldroydUnited KingdomAnna Fali QUALIFIED
Faith P MarrierUnited KingdomBernardo Dominic NEGOTIATION
Ashley V KuskoAustraliaIoni Bowcher NEW
David G SaylorsSpainAsiya Javayant RENEWAL
Francesco V FlosiFranceAnna Fali QUALIFIED
Emily J RoysterSpainAnna Fali PROPOSAL
Antonio B IturbideBrazilElwin Sharvill NEW
Murillo W WaycottSpainXuxue Feng NEGOTIATION
Maisha H StockhamBrazilStephen Shaw RENEWAL
Tony Q SaylorsGermanyXuxue Feng QUALIFIED
Adams L ShinkoIndiaStephen Shaw UNQUALIFIED
Leja A MaletSpainAsiya Javayant RENEWAL
Aruna J RulapaughGermanyElwin Sharvill PROPOSAL
Jeanfrancois O PaprockiAustraliaAsiya Javayant QUALIFIED
Deepesh W ButtGermanyStephen Shaw QUALIFIED
Sinclair C MaletCanadaAnna Fali UNQUALIFIED
Juan Z ShinkoGermanyOnyama Limba NEW
Greenwood I VocelkaBrazilAnna Fali PROPOSAL
Julie E BowleyCanadaIoni Bowcher UNQUALIFIED
Octavia C MorascaCanadaIoni Bowcher NEW
Emily N RimAustraliaAmy Elsner QUALIFIED
Leon F MaletJapanAsiya Javayant PROPOSAL
Ivar W SchemmerUnited KingdomXuxue Feng UNQUALIFIED
Julie G WhobreyBrazilIoni Bowcher QUALIFIED
Mayumi C TollnerIndiaAnna Fali PROPOSAL
Cody Z GarufiSpainElwin Sharvill RENEWAL
Aruna W PerinJapanAsiya Javayant NEW
Murillo J OldroydSpainStephen Shaw UNQUALIFIED
Clifford Y NestleAustraliaIoni Bowcher RENEWAL
Ricardo Z OstroskyIndiaAmy Elsner PROPOSAL
Isabel F SaylorsUnited KingdomAsiya Javayant PROPOSAL
Jennifer K MaletBrazilAmy Elsner QUALIFIED
James J FigeroaRussiaOnyama Limba UNQUALIFIED
Ivar A CaudySpainBernardo Dominic NEGOTIATION
Tony P FlosiGermanyAnna Fali QUALIFIED

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