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
Adams D NickaUnited KingdomAsiya Javayant PROPOSAL
Maria O IturbideUnited KingdomElwin Sharvill NEGOTIATION
Emily F MaletJapanAnna Fali NEGOTIATION
Jefferson J GarufiSpainIoni Bowcher UNQUALIFIED
Jones D KuskoBrazilStephen Shaw NEW
Rodrigues G MorascaUnited KingdomAnna Fali QUALIFIED
Alejandro X FigeroaSpainIvan Magalhaes UNQUALIFIED
Munro A GlickCanadaStephen Shaw QUALIFIED
Antonio T PaprockiJapanOnyama Limba RENEWAL
Mujtaba R GillianGermanyStephen Shaw NEW
Jeanfrancois N GarufiBrazilIoni Bowcher QUALIFIED
Murillo B SlusarskiItalyXuxue Feng PROPOSAL
Antonio G NestleCanadaAmy Elsner NEGOTIATION
Ivar M ChuiAustraliaBernardo Dominic UNQUALIFIED
Clifford L PerinRussiaAnna Fali QUALIFIED
Johnson Q NickaJapanOnyama Limba QUALIFIED
Aditya D BriddickBrazilStephen Shaw RENEWAL
Smith V CaldareraUnited KingdomElwin Sharvill PROPOSAL
Silvio F RutaFranceAnna Fali UNQUALIFIED
James W PoquetteBrazilAnna Fali QUALIFIED
James F DarakjyArgentinaAmy Elsner NEW
Arvin O AmigonSpainAmy Elsner NEGOTIATION
Alejandro W VenereBrazilElwin Sharvill PROPOSAL
Cody S DilliardCanadaStephen Shaw NEGOTIATION
Misaki H SergiBrazilIoni Bowcher QUALIFIED
Juan B ShinkoIndiaXuxue Feng NEGOTIATION
Costa A NestleUnited KingdomIvan Magalhaes PROPOSAL
Stacey D BowleyArgentinaBernardo Dominic NEW
Nicolas H ShinkoAustraliaOnyama Limba UNQUALIFIED
Maisha H OstroskyRussiaOnyama Limba PROPOSAL
Costa Z BologniaIndiaAmy Elsner NEW
Wickens T GillianCanadaAmy Elsner NEGOTIATION
Jefferson K VenereFranceAsiya Javayant NEGOTIATION
Ivar D FigeroaFranceAsiya Javayant RENEWAL
Aika T WieserJapanBernardo Dominic NEW
Kaitlin N MaletJapanIvan Magalhaes NEW
Smith N TollnerAustraliaXuxue Feng NEW
Faith T FlosiUnited KingdomAnna Fali NEW
Ashley H PoquetteAustraliaAnna Fali NEW
Jefferson T StockhamItalyIoni Bowcher NEW
Clifford R InouyeGermanyAmy Elsner NEGOTIATION
Rodrigues D PerinFranceAnna Fali RENEWAL
Kaitlin M SlusarskiCanadaAmy Elsner NEW
Greenwood D AlbaresItalyBernardo Dominic PROPOSAL
Antonio D AmigonFranceAsiya Javayant UNQUALIFIED
Mujtaba N PaprockiJapanAnna Fali RENEWAL
Julie L WieserCanadaIvan Magalhaes QUALIFIED
Isabel Z PaprockiArgentinaStephen Shaw RENEWAL
Juan Z OldroydUnited KingdomXuxue Feng PROPOSAL
James T OldroydCanadaBernardo Dominic QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Morrow C AmigonArgentinaBernardo Dominic NEGOTIATION
Aruna T SchemmerGermanyBernardo Dominic QUALIFIED
Deepesh Q MarrierUnited KingdomElwin Sharvill RENEWAL
Mujtaba F KuskoUnited KingdomAmy Elsner NEW
Tony O DarakjyUnited KingdomAmy Elsner RENEWAL
Octavia L MorascaFranceOnyama Limba UNQUALIFIED
Julie R NestleBrazilAsiya Javayant PROPOSAL
Adams U SergiUnited KingdomAmy Elsner NEW
Aika N SaylorsBrazilXuxue Feng RENEWAL
Misaki F KolmetzCanadaAsiya Javayant PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Faith B PerinItaly2026-09-23Printing Dimensions NEGOTIATION29Asiya Javayant
1001Ricardo P FerenczSpain2026-09-11Dorl, James J Esq NEW7Stephen Shaw
1002Costa V VenereIndia2026-09-21Benton, John B Jr QUALIFIED93Asiya Javayant
1003Rodrigues J NickaRussia2026-09-12Feltz Printing Service NEW73Elwin Sharvill
1004Octavia J DoeBrazil2026-09-28Feltz Printing Service RENEWAL43Ivan Magalhaes
1005Costa A NickaCanada2026-09-11Feltz Printing Service RENEWAL47Bernardo Dominic
1006Chavez N GillianIndia2026-09-27Chanay, Jeffrey A Esq QUALIFIED33Stephen Shaw
1007Salvatore S OldroydAustralia2026-09-24Dorl, James J Esq PROPOSAL93Asiya Javayant
1008Rodrigues A GillianItaly2026-09-11Benton, John B Jr PROPOSAL29Bernardo Dominic
1009Ashley I AlbaresGermany2026-09-23Truhlar And Truhlar Attys UNQUALIFIED19Asiya Javayant
1010Alejandro U FerenczSpain2026-09-17Chanay, Jeffrey A Esq QUALIFIED66Ioni Bowcher
1011Tony Y MarrierBrazil2026-10-01Chemel, James L Cpa PROPOSAL10Asiya Javayant
1012Nicolas U DoeArgentina2026-09-11Feltz Printing Service NEGOTIATION5Stephen Shaw
1013Kadeem B TollnerBrazil2026-09-25Chemel, James L Cpa PROPOSAL46Ioni Bowcher
1014Aditya L FigeroaRussia2026-09-30Chapman, Ross E Esq UNQUALIFIED40Onyama Limba
1015Sinclair W RoysterAustralia2026-09-23Buckley Miller Wright RENEWAL42Ivan Magalhaes
1016Silvio A OldroydFrance2026-09-05Morlong Associates UNQUALIFIED52Ivan Magalhaes
1017Deepesh M DilliardArgentina2026-10-01Feltz Printing Service QUALIFIED69Asiya Javayant
1018Ashley W KolmetzBrazil2026-09-05Buckley Miller Wright RENEWAL31Elwin Sharvill
1019Arvin G DilliardSpain2026-09-16Feltz Printing Service PROPOSAL50Bernardo Dominic
1020Jefferson Y FollerBrazil2026-09-16Dorl, James J Esq PROPOSAL81Elwin Sharvill
1021Jeanfrancois O BologniaRussia2026-09-14Commercial Press NEW41Onyama Limba
1022Adams Q KuskoArgentina2026-09-11Rousseaux, Michael Esq NEGOTIATION25Amy Elsner
1023Francesco A InouyeGermany2026-09-30Chapman, Ross E Esq NEGOTIATION55Asiya Javayant
1024Stacey Z BowleyJapan2026-09-07Chanay, Jeffrey A Esq RENEWAL59Onyama Limba
1025Julie X KolmetzGermany2026-09-29Truhlar And Truhlar Attys RENEWAL85Asiya Javayant
1026Octavia V GillianSpain2026-09-21Chapman, Ross E Esq UNQUALIFIED34Bernardo Dominic
1027Juan I TollnerSpain2026-09-23Feltz Printing Service NEW34Anna Fali
1028Deepesh Q KolmetzUnited Kingdom2026-09-02Rousseaux, Michael Esq QUALIFIED2Elwin Sharvill
1029Stacey S PerinSpain2026-09-23Chapman, Ross E Esq NEGOTIATION4Ivan Magalhaes
1030Julie N InouyeBrazil2026-10-01Commercial Press UNQUALIFIED12Onyama Limba
1031Jennifer X CaudyUnited Kingdom2026-09-28Dorl, James J Esq UNQUALIFIED40Amy Elsner
1032Wickens B DilliardIndia2026-10-01Chapman, Ross E Esq UNQUALIFIED37Stephen Shaw
1033Jefferson B MorascaGermany2026-09-15Feiner Bros RENEWAL34Anna Fali
1034Claire J BowleyRussia2026-09-11Chapman, Ross E Esq UNQUALIFIED12Anna Fali
1035Faith Y GlickIndia2026-09-03Printing Dimensions NEGOTIATION53Amy Elsner
1036Jones B AmigonSpain2026-09-28Buckley Miller Wright NEW24Stephen Shaw
1037Ricardo M BologniaFrance2026-09-10Dorl, James J Esq RENEWAL34Ioni Bowcher
1038Morrow A RutaJapan2026-09-19Benton, John B Jr QUALIFIED43Amy Elsner
1039Aika Z MorascaJapan2026-09-24Feiner Bros NEW17Xuxue Feng
1040David K BriddickArgentina2026-09-24Commercial Press NEGOTIATION70Stephen Shaw
1041Murillo I StensethIndia2026-09-05Feiner Bros UNQUALIFIED71Bernardo Dominic
1042Leon F ShinkoFrance2026-09-20Feiner Bros NEGOTIATION72Ivan Magalhaes
1043Adams I OstroskyFrance2026-09-22King, Christopher A Esq NEW79Bernardo Dominic
1044Mayumi Q RutaJapan2026-09-18Morlong Associates QUALIFIED76Stephen Shaw
1045Clifford Q NestleItaly2026-09-02Chanay, Jeffrey A Esq NEW17Stephen Shaw
1046Ashley W MorascaGermany2026-09-14Truhlar And Truhlar Attys UNQUALIFIED4Ioni Bowcher
1047Emily W NestleJapan2026-09-19Feiner Bros RENEWAL92Bernardo Dominic
1048Arvin F DilliardBrazil2026-09-05Morlong Associates PROPOSAL37Ivan Magalhaes
1049Munro A TollnerFrance2026-09-29Dorl, James J Esq RENEWAL85Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Izzy Y KolmetzAustraliaAmy Elsner QUALIFIED
Sinclair L RoysterFranceStephen Shaw NEW
Clifford U CampainCanadaIvan Magalhaes RENEWAL
Izzy A FerenczArgentinaAmy Elsner NEW
Alejandro B AlbaresJapanAmy Elsner QUALIFIED
Morrow A MarrierRussiaOnyama Limba QUALIFIED
Clifford L StockhamFranceIvan Magalhaes RENEWAL
Murillo F MorascaRussiaXuxue Feng RENEWAL
Rodrigues H PaprockiArgentinaXuxue Feng NEW
Wickens R StensethArgentinaOnyama Limba QUALIFIED
Maria C AmigonFranceBernardo Dominic NEGOTIATION
Aruna Y MarrierGermanyOnyama Limba PROPOSAL
Johnson E StensethUnited KingdomElwin Sharvill RENEWAL
Maisha I ButtRussiaBernardo Dominic UNQUALIFIED
David Q MaletArgentinaAmy Elsner RENEWAL
Aruna H TollnerAustraliaAsiya Javayant NEGOTIATION
Leja J PoquetteItalyIoni Bowcher NEGOTIATION
Misaki Q FollerBrazilBernardo Dominic PROPOSAL
Greenwood C KolmetzIndiaIoni Bowcher PROPOSAL
Cody A MaletUnited KingdomAsiya Javayant NEW
Francesco R NickaCanadaAnna Fali RENEWAL
Mayumi T AlbaresBrazilIoni Bowcher NEW
Adams Z MacleadAustraliaIoni Bowcher NEW
Maria X MacleadAustraliaAsiya Javayant PROPOSAL
Francesco Q FollerAustraliaXuxue Feng UNQUALIFIED
Maria T FigeroaFranceBernardo Dominic PROPOSAL
Murillo N NickaArgentinaOnyama Limba QUALIFIED
Leon N BriddickIndiaAmy Elsner NEGOTIATION
Adams Z TollnerArgentinaXuxue Feng QUALIFIED
Cody L RoysterItalyIvan Magalhaes RENEWAL
Emily K MacleadGermanyIoni Bowcher PROPOSAL
Mujtaba M FigeroaJapanAsiya Javayant PROPOSAL
Munro M WieserRussiaBernardo Dominic NEGOTIATION
Jefferson B ChuiItalyElwin Sharvill UNQUALIFIED
Misaki B MaletJapanXuxue Feng UNQUALIFIED
Maisha H BologniaArgentinaAmy Elsner RENEWAL
Salvatore A AlbaresSpainAsiya Javayant PROPOSAL
Nicolas R SchemmerRussiaOnyama Limba QUALIFIED
Ricardo D FigeroaSpainXuxue Feng PROPOSAL
Salvatore J GarufiGermanyElwin Sharvill PROPOSAL
Munro R OstroskyJapanAnna Fali NEGOTIATION
Kaitlin X ShinkoBrazilAmy Elsner UNQUALIFIED
James F PerinSpainAmy Elsner PROPOSAL
Isabel F KuskoBrazilBernardo Dominic QUALIFIED
Francesco Q WieserSpainBernardo Dominic UNQUALIFIED
Stacey K TollnerCanadaElwin Sharvill PROPOSAL
Tony P MorascaBrazilIoni Bowcher UNQUALIFIED
Claire D DarakjyAustraliaElwin Sharvill NEGOTIATION
Jeanfrancois T VocelkaAustraliaAmy Elsner NEGOTIATION
Morrow N InouyeAustraliaIvan Magalhaes NEGOTIATION
Frozen Columns
Name
Maisha U Whobrey
Izzy M Wieser
Leon P Sergi
Faith K Stenseth
Claire K Doe
Leja H Kolmetz
Mayumi F Perin
Aika J Rim
Ashley R Inouye
Murillo G Ferencz
Antonio M Tollner
Juan I Iturbide
Wickens V Ostrosky
Rodrigues L Waycott
Munro Q Maclead
Stacey V Foller
Jeanfrancois G Gillian
Jefferson D Gillian
Julie Z Campain
Kaitlin M Inouye
Mujtaba O Venere
Leja D Saylors
Izzy J Amigon
Darci B Nestle
Emily M Darakjy
Maria W Rulapaugh
James R Flosi
David N Doe
Maisha U Bolognia
Munro D Rim
Murillo D Figeroa
Kaitlin O Doe
Izzy U Albares
Antonio D Nicka
Octavia D Bolognia
Julie A Oldroyd
Izzy O Stenseth
Johnson U Marrier
Maisha E Poquette
Wickens T Paprocki
Murillo L Figeroa
Johnson X Maclead
Ricardo I Bowley
Smith M Poquette
Morrow W Inouye
Chavez L Oldroyd
Cody T Slusarski
Smith Z Sergi
Sinclair F Ostrosky
Adams X Nicka
IdCountryDate
1000Argentina2026-09-25
1001Argentina2026-09-28
1002Japan2026-09-02
1003Germany2026-09-26
1004Russia2026-09-07
1005Russia2026-09-26
1006India2026-09-24
1007France2026-09-09
1008Germany2026-09-13
1009Russia2026-09-24
1010United Kingdom2026-09-13
1011Italy2026-09-30
1012United Kingdom2026-09-27
1013Japan2026-09-11
1014Canada2026-09-27
1015United Kingdom2026-09-26
1016Brazil2026-10-01
1017Argentina2026-09-30
1018Italy2026-09-16
1019United Kingdom2026-09-28
1020India2026-09-08
1021France2026-09-09
1022Argentina2026-09-06
1023Germany2026-09-02
1024Canada2026-09-20
1025Spain2026-09-16
1026Canada2026-09-23
1027India2026-09-19
1028United Kingdom2026-09-26
1029Russia2026-09-04
1030Japan2026-09-05
1031Argentina2026-09-30
1032Brazil2026-09-05
1033Germany2026-09-30
1034Germany2026-09-03
1035Argentina2026-09-03
1036United Kingdom2026-09-13
1037Argentina2026-09-23
1038Spain2026-09-03
1039India2026-09-13
1040Russia2026-09-29
1041Brazil2026-09-18
1042United Kingdom2026-09-15
1043Canada2026-09-06
1044India2026-09-18
1045Canada2026-09-07
1046Germany2026-10-01
1047United Kingdom2026-09-25
1048Germany2026-09-07
1049Germany2026-09-11

On-Demand Data

NameIdCountryDate
Rodrigues W Albares1000Germany2026-09-04
Maisha X Glick1001Argentina2026-09-12
Julie X Schemmer1002Russia2026-09-30
Mujtaba K Caudy1003Russia2026-09-03
Faith R Waycott1004Spain2026-09-10
Maisha X Bolognia1005Canada2026-09-23
Darci S Dilliard1006Argentina2026-10-01
Morrow Q Nestle1007Italy2026-09-18
Morrow J Marrier1008Argentina2026-09-21
Morrow X Wieser1009Russia2026-09-17
Darci V Maclead1010France2026-09-16
Deepesh P Paprocki1011France2026-09-06
Julie F Glick1012Australia2026-09-20
Stacey H Flosi1013Japan2026-09-10
Johnson A Briddick1014Germany2026-09-30
Deepesh A Caudy1015Russia2026-09-22
Nicolas N Garufi1016Germany2026-09-24
Smith P Kolmetz1017Russia2026-09-27
Rodrigues L Nestle1018Argentina2026-09-30
Octavia M Sergi1019Japan2026-09-15
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Claire D TollnerJapanBernardo Dominic NEGOTIATION
Ashley C StockhamArgentinaStephen Shaw NEGOTIATION
Cody R CaldareraJapanIoni Bowcher NEGOTIATION
Jones U SchemmerCanadaBernardo Dominic NEGOTIATION
Leon H AmigonSpainXuxue Feng NEGOTIATION
Leon Y PoquetteIndiaAsiya Javayant PROPOSAL
Chavez W ChuiAustraliaBernardo Dominic QUALIFIED
Cody K WieserIndiaAnna Fali PROPOSAL
Antonio T AmigonIndiaBernardo Dominic NEW
Antonio M FollerGermanyOnyama Limba UNQUALIFIED
Kadeem X PerinSpainBernardo Dominic QUALIFIED
Morrow H RutaItalyOnyama Limba QUALIFIED
Rodrigues M KolmetzItalyIoni Bowcher QUALIFIED
Aruna E VocelkaGermanyStephen Shaw NEGOTIATION
Aruna N FlosiJapanIoni Bowcher PROPOSAL
Stacey U InouyeBrazilIvan Magalhaes NEGOTIATION
Antonio O ShinkoAustraliaIvan Magalhaes NEW
Arvin F FigeroaIndiaAnna Fali PROPOSAL
Adams P DoeGermanyIoni Bowcher NEW
Stacey D FigeroaGermanyStephen Shaw QUALIFIED
Emily J InouyeItalyOnyama Limba UNQUALIFIED
Smith M KuskoIndiaStephen Shaw NEGOTIATION
Leja A WhobreyCanadaElwin Sharvill RENEWAL
Jones O DarakjyRussiaStephen Shaw RENEWAL
Nicolas H RutaAustraliaOnyama Limba NEW
Kaitlin Z BowleyUnited KingdomOnyama Limba QUALIFIED
Salvatore E SlusarskiFranceAmy Elsner NEGOTIATION
David G PoquetteAustraliaIvan Magalhaes RENEWAL
James B FollerRussiaStephen Shaw NEGOTIATION
Francesco K VocelkaFranceIoni Bowcher RENEWAL
Maria B FlosiRussiaIvan Magalhaes NEGOTIATION
Jennifer Q MacleadFranceAnna Fali PROPOSAL
Leja V ChuiUnited KingdomAmy Elsner QUALIFIED
Aika Q CampainSpainAnna Fali QUALIFIED
Kaitlin X WieserIndiaIoni Bowcher RENEWAL
Leon D GauchoSpainOnyama Limba NEW
Alejandro V MacleadItalyElwin Sharvill RENEWAL
Murillo W VocelkaJapanIvan Magalhaes UNQUALIFIED
Tony E RutaIndiaOnyama Limba NEGOTIATION
Arvin I VenereRussiaAnna 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>