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
Salvatore S CampainIndiaAnna Fali NEGOTIATION
Aika G RutaCanadaAnna Fali QUALIFIED
Morrow Q NickaArgentinaIvan Magalhaes NEGOTIATION
Alejandro F DarakjySpainStephen Shaw PROPOSAL
Izzy P DilliardCanadaIoni Bowcher NEGOTIATION
Juan O IturbideBrazilAsiya Javayant PROPOSAL
Izzy U TollnerRussiaAmy Elsner PROPOSAL
Chavez G BowleyUnited KingdomElwin Sharvill RENEWAL
Munro I InouyeFranceStephen Shaw QUALIFIED
Isabel A CampainArgentinaOnyama Limba NEW
James V WaycottSpainIoni Bowcher RENEWAL
Kadeem X ButtArgentinaXuxue Feng UNQUALIFIED
Chavez L BowleyRussiaStephen Shaw NEW
Kadeem K MorascaGermanyElwin Sharvill UNQUALIFIED
Octavia D AmigonRussiaAmy Elsner NEW
Izzy I MaletUnited KingdomStephen Shaw UNQUALIFIED
Deepesh N SergiRussiaAnna Fali QUALIFIED
Kaitlin T WhobreyRussiaBernardo Dominic NEW
Chavez H AmigonJapanStephen Shaw UNQUALIFIED
Jeanfrancois N StensethItalyIoni Bowcher NEW
Morrow E RulapaughGermanyIoni Bowcher UNQUALIFIED
Arvin P GarufiAustraliaAnna Fali RENEWAL
Francesco H MorascaIndiaAnna Fali QUALIFIED
Chavez F RimFranceBernardo Dominic PROPOSAL
Faith O PoquetteFranceOnyama Limba UNQUALIFIED
Jennifer U SergiAustraliaAnna Fali RENEWAL
Kadeem D NickaGermanyIvan Magalhaes PROPOSAL
Leon R WhobreyArgentinaOnyama Limba NEGOTIATION
Costa Z PerinArgentinaXuxue Feng PROPOSAL
Rodrigues N ButtGermanyAsiya Javayant PROPOSAL
Ashley Q MaletJapanElwin Sharvill NEGOTIATION
Ashley U RulapaughGermanyElwin Sharvill NEW
Nicolas O RulapaughRussiaIvan Magalhaes QUALIFIED
Leja M GlickAustraliaAsiya Javayant PROPOSAL
Deepesh I PerinAustraliaStephen Shaw NEGOTIATION
Jennifer M AmigonItalyXuxue Feng RENEWAL
Leja V GarufiArgentinaBernardo Dominic PROPOSAL
Chavez L GillianItalyStephen Shaw RENEWAL
Arvin Q StockhamItalyStephen Shaw RENEWAL
Juan D PoquetteItalyIvan Magalhaes UNQUALIFIED
Mujtaba S OldroydGermanyIvan Magalhaes NEGOTIATION
Francesco Z VocelkaGermanyIoni Bowcher RENEWAL
Mujtaba N ChuiFranceAmy Elsner NEGOTIATION
James G ChuiAustraliaAsiya Javayant UNQUALIFIED
Munro C AmigonJapanElwin Sharvill PROPOSAL
Izzy U MacleadCanadaBernardo Dominic UNQUALIFIED
Claire A WieserFranceXuxue Feng NEGOTIATION
Leon Y OldroydAustraliaAnna Fali NEGOTIATION
James P WhobreyFranceAnna Fali RENEWAL
Deepesh B BologniaUnited KingdomXuxue Feng RENEWAL
Horizontal
NameCountryRepresentativeStatus
Faith K StockhamFranceOnyama Limba UNQUALIFIED
Jennifer C BologniaCanadaElwin Sharvill NEGOTIATION
Ricardo A SlusarskiBrazilBernardo Dominic NEGOTIATION
Isabel R ButtUnited KingdomOnyama Limba RENEWAL
Deepesh E WieserGermanyIvan Magalhaes QUALIFIED
Leon E RimIndiaIoni Bowcher RENEWAL
Sinclair U WaycottItalyIvan Magalhaes PROPOSAL
Chavez I BologniaGermanyElwin Sharvill RENEWAL
Jefferson S NickaUnited KingdomOnyama Limba RENEWAL
Smith Q MarrierCanadaElwin Sharvill RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Murillo M ShinkoIndia2026-09-09Feiner Bros PROPOSAL47Bernardo Dominic
1001Smith B NestleArgentina2026-09-07Feltz Printing Service NEGOTIATION20Anna Fali
1002Jefferson X RulapaughIndia2026-09-03Feltz Printing Service PROPOSAL99Elwin Sharvill
1003Tony G KuskoArgentina2026-09-12Benton, John B Jr NEW23Amy Elsner
1004Smith F VenereAustralia2026-09-12Truhlar And Truhlar Attys NEGOTIATION79Asiya Javayant
1005Juan X ChuiBrazil2026-09-21Chapman, Ross E Esq PROPOSAL85Stephen Shaw
1006Francesco B RutaSpain2026-09-18Chanay, Jeffrey A Esq PROPOSAL83Ivan Magalhaes
1007Tony M PoquetteCanada2026-09-25King, Christopher A Esq RENEWAL97Bernardo Dominic
1008Mujtaba Y FerenczCanada2026-09-19Printing Dimensions NEW73Ioni Bowcher
1009David R TollnerFrance2026-09-21Rangoni Of Florence NEW5Stephen Shaw
1010David C WaycottItaly2026-09-04Feltz Printing Service NEGOTIATION10Stephen Shaw
1011Izzy X BriddickJapan2026-09-07Feltz Printing Service UNQUALIFIED91Stephen Shaw
1012Cody W WhobreyRussia2026-09-09Commercial Press QUALIFIED65Anna Fali
1013Adams C TollnerAustralia2026-09-17Chapman, Ross E Esq QUALIFIED58Onyama Limba
1014Deepesh U DilliardIndia2026-09-03Chanay, Jeffrey A Esq NEW39Elwin Sharvill
1015Alejandro V StensethArgentina2026-09-26Truhlar And Truhlar Attys QUALIFIED5Bernardo Dominic
1016Arvin M GillianItaly2026-08-30Feltz Printing Service NEW72Xuxue Feng
1017Nicolas N AlbaresArgentina2026-08-28Rousseaux, Michael Esq QUALIFIED24Bernardo Dominic
1018Darci W IturbideBrazil2026-08-29Feltz Printing Service NEW83Ivan Magalhaes
1019Jefferson P ChuiSpain2026-09-05Buckley Miller Wright RENEWAL54Anna Fali
1020Leon F PerinUnited Kingdom2026-09-04Chanay, Jeffrey A Esq PROPOSAL11Asiya Javayant
1021Clifford Q RoysterItaly2026-09-18Chemel, James L Cpa RENEWAL23Xuxue Feng
1022Emily I RulapaughUnited Kingdom2026-09-13Chapman, Ross E Esq UNQUALIFIED73Elwin Sharvill
1023Francesco T StensethFrance2026-09-24Rangoni Of Florence NEGOTIATION70Asiya Javayant
1024David S OldroydUnited Kingdom2026-08-30Buckley Miller Wright NEGOTIATION1Stephen Shaw
1025Sinclair L WhobreyItaly2026-09-02Chapman, Ross E Esq UNQUALIFIED21Onyama Limba
1026Munro Y MaletBrazil2026-09-25Dorl, James J Esq RENEWAL20Ioni Bowcher
1027David I NestleAustralia2026-09-25Truhlar And Truhlar Attys QUALIFIED6Asiya Javayant
1028Ivar E SergiArgentina2026-09-19Feltz Printing Service NEW77Onyama Limba
1029Clifford K WhobreyBrazil2026-09-02Printing Dimensions NEW78Elwin Sharvill
1030Salvatore I KolmetzRussia2026-09-11Feiner Bros RENEWAL87Asiya Javayant
1031Octavia B MorascaAustralia2026-09-01Printing Dimensions RENEWAL8Xuxue Feng
1032Jennifer S WaycottBrazil2026-09-17Rangoni Of Florence PROPOSAL17Amy Elsner
1033Maria U VocelkaArgentina2026-09-05Rangoni Of Florence RENEWAL97Stephen Shaw
1034Silvio Y SchemmerJapan2026-09-01Commercial Press RENEWAL61Elwin Sharvill
1035Alejandro W BologniaSpain2026-09-24Morlong Associates UNQUALIFIED24Xuxue Feng
1036Aika H AlbaresGermany2026-09-21Morlong Associates QUALIFIED84Xuxue Feng
1037Juan G CaldareraRussia2026-09-11Buckley Miller Wright NEW78Ioni Bowcher
1038Maisha S GillianJapan2026-08-31Rangoni Of Florence QUALIFIED54Elwin Sharvill
1039Chavez M IturbideArgentina2026-09-26King, Christopher A Esq PROPOSAL13Stephen Shaw
1040Emily N MarrierAustralia2026-09-03Printing Dimensions NEW72Anna Fali
1041Costa K BowleySpain2026-09-15Benton, John B Jr RENEWAL41Stephen Shaw
1042Johnson Y CaldareraAustralia2026-09-10Feiner Bros RENEWAL88Elwin Sharvill
1043Leja C AlbaresGermany2026-09-18Chemel, James L Cpa QUALIFIED10Ioni Bowcher
1044Leja E WaycottRussia2026-09-06Rangoni Of Florence PROPOSAL41Ioni Bowcher
1045Munro U NestleItaly2026-09-02Benton, John B Jr QUALIFIED17Anna Fali
1046Julie X MaletRussia2026-08-28Feiner Bros PROPOSAL94Bernardo Dominic
1047Stacey E RutaBrazil2026-08-29Truhlar And Truhlar Attys QUALIFIED96Ioni Bowcher
1048Jennifer L GarufiFrance2026-09-05Buckley Miller Wright QUALIFIED48Anna Fali
1049Aruna O BriddickJapan2026-09-20Chapman, Ross E Esq PROPOSAL12Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Kadeem M CaudyGermanyBernardo Dominic NEW
Alejandro V IturbideJapanStephen Shaw UNQUALIFIED
Mujtaba Q InouyeJapanStephen Shaw QUALIFIED
Isabel V SchemmerBrazilIvan Magalhaes PROPOSAL
Aditya R WaycottUnited KingdomElwin Sharvill RENEWAL
Rodrigues Z VenereIndiaBernardo Dominic RENEWAL
Greenwood S FlosiCanadaIoni Bowcher NEW
Salvatore Y SergiAustraliaAsiya Javayant QUALIFIED
Stacey R InouyeUnited KingdomOnyama Limba QUALIFIED
Chavez V SergiRussiaStephen Shaw RENEWAL
Leja L SchemmerItalyAnna Fali NEGOTIATION
Salvatore K BologniaJapanXuxue Feng PROPOSAL
Julie Y SchemmerRussiaBernardo Dominic NEGOTIATION
Isabel H SlusarskiGermanyAnna Fali NEW
Antonio M AlbaresBrazilBernardo Dominic PROPOSAL
Johnson V GauchoArgentinaIvan Magalhaes NEW
Jefferson Z FlosiArgentinaElwin Sharvill QUALIFIED
Clifford Q PerinFranceAsiya Javayant PROPOSAL
Aika V ShinkoBrazilAsiya Javayant UNQUALIFIED
Chavez H AmigonArgentinaOnyama Limba PROPOSAL
Maria L GillianGermanyAmy Elsner NEW
Sinclair N MacleadUnited KingdomBernardo Dominic PROPOSAL
Wickens J RoysterJapanXuxue Feng RENEWAL
Nicolas Y RimSpainAmy Elsner UNQUALIFIED
Kaitlin K DilliardUnited KingdomAsiya Javayant NEW
Costa I KolmetzBrazilIoni Bowcher NEW
Murillo F WieserRussiaStephen Shaw PROPOSAL
Sinclair L GillianGermanyXuxue Feng PROPOSAL
Francesco N FollerJapanXuxue Feng NEW
Arvin T ChuiSpainIoni Bowcher NEGOTIATION
Antonio R RoysterIndiaElwin Sharvill NEGOTIATION
Jeanfrancois W MacleadAustraliaIoni Bowcher QUALIFIED
Morrow A MaletUnited KingdomAsiya Javayant QUALIFIED
Mayumi V GillianJapanAsiya Javayant QUALIFIED
Alejandro N FollerItalyAnna Fali UNQUALIFIED
Clifford I GlickGermanyXuxue Feng RENEWAL
Costa I IturbideGermanyAnna Fali QUALIFIED
Ivar B WieserJapanAsiya Javayant PROPOSAL
James E GarufiUnited KingdomOnyama Limba NEGOTIATION
David W TollnerRussiaElwin Sharvill UNQUALIFIED
Aika W RimSpainAsiya Javayant RENEWAL
Salvatore R AmigonFranceIvan Magalhaes NEW
James K PaprockiRussiaAnna Fali UNQUALIFIED
Julie E CaudyGermanyIoni Bowcher PROPOSAL
Alejandro D GarufiCanadaBernardo Dominic UNQUALIFIED
Faith K StensethRussiaBernardo Dominic UNQUALIFIED
Faith L RulapaughAustraliaBernardo Dominic PROPOSAL
Mujtaba J SergiSpainAmy Elsner QUALIFIED
Chavez V DoeIndiaBernardo Dominic NEW
Salvatore E SergiBrazilIvan Magalhaes QUALIFIED
Frozen Columns
Name
Ivar G Maclead
Tony V Foller
Rodrigues V Gillian
Mujtaba N Gillian
Cody S Nicka
Johnson L Figeroa
Kaitlin Z Shinko
Leja C Kusko
Kaitlin C Poquette
Clifford H Ostrosky
Jefferson X Glick
Stacey E Saylors
Kaitlin W Butt
Francesco R Campain
Smith M Iturbide
James N Nestle
Johnson O Maclead
Octavia V Maclead
Antonio X Gillian
Deepesh W Schemmer
Deepesh D Wieser
Jefferson S Stockham
Sinclair A Gillian
Maria G Iturbide
Jones G Slusarski
Mayumi X Schemmer
Munro W Nicka
Antonio X Darakjy
Isabel R Figeroa
Jones Z Foller
Antonio W Poquette
Jeanfrancois I Paprocki
Kadeem K Vocelka
Faith I Kolmetz
Maisha Q Maclead
Leja E Waycott
Salvatore Y Wieser
Ivar X Shinko
Silvio D Waycott
Nicolas T Saylors
Izzy Y Ruta
Alejandro V Rulapaugh
Wickens U Dilliard
Murillo B Glick
Stacey G Marrier
Darci J Doe
Aika P Chui
Mujtaba Z Albares
Chavez L Slusarski
Izzy O Foller
IdCountryDate
1000Japan2026-09-09
1001Italy2026-09-20
1002Australia2026-09-23
1003Germany2026-09-08
1004Argentina2026-09-21
1005Canada2026-09-18
1006United Kingdom2026-09-13
1007Italy2026-09-07
1008Russia2026-09-06
1009India2026-08-29
1010Brazil2026-09-20
1011Argentina2026-08-28
1012Germany2026-09-24
1013Canada2026-09-02
1014United Kingdom2026-09-25
1015Italy2026-09-21
1016Russia2026-09-01
1017Australia2026-09-26
1018Brazil2026-09-16
1019Japan2026-08-29
1020India2026-09-18
1021Russia2026-09-05
1022Germany2026-09-20
1023France2026-09-22
1024Argentina2026-09-19
1025United Kingdom2026-09-06
1026Spain2026-09-11
1027Germany2026-09-09
1028Australia2026-09-15
1029Brazil2026-09-24
1030Argentina2026-09-14
1031Spain2026-08-30
1032Germany2026-09-02
1033France2026-08-31
1034France2026-09-09
1035Italy2026-09-01
1036Australia2026-09-04
1037Brazil2026-08-31
1038Argentina2026-08-31
1039Australia2026-08-28
1040Brazil2026-09-06
1041Japan2026-09-21
1042Argentina2026-09-11
1043United Kingdom2026-09-16
1044Italy2026-09-04
1045Italy2026-09-25
1046Italy2026-09-21
1047Spain2026-09-04
1048Spain2026-09-18
1049Germany2026-09-12

On-Demand Data

NameIdCountryDate
Wickens U Marrier1000Spain2026-08-28
Darci S Bowley1001France2026-09-26
Ashley S Vocelka1002Spain2026-09-09
Faith J Stenseth1003Russia2026-09-13
Aika E Vocelka1004Spain2026-09-22
James N Rim1005India2026-09-24
Aika X Rulapaugh1006France2026-09-18
Tony M Inouye1007France2026-09-25
Mayumi D Morasca1008Russia2026-09-21
Ivar M Figeroa1009United Kingdom2026-09-20
Leja U Foller1010Argentina2026-09-22
Sinclair S Waycott1011Australia2026-09-21
Jennifer R Gaucho1012India2026-09-22
Ricardo U Darakjy1013France2026-09-02
Juan B Bowley1014Italy2026-09-24
Clifford X Ruta1015Argentina2026-09-25
Wickens W Glick1016Germany2026-09-08
Ricardo L Whobrey1017India2026-09-04
Darci G Darakjy1018Russia2026-09-13
Kadeem S Saylors1019Spain2026-09-20
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Munro A NickaUnited KingdomAmy Elsner NEGOTIATION
Maisha O InouyeIndiaAmy Elsner NEGOTIATION
Rodrigues K IturbideBrazilAnna Fali QUALIFIED
Tony B SlusarskiAustraliaOnyama Limba PROPOSAL
Octavia G VocelkaGermanyOnyama Limba QUALIFIED
Arvin Y CaldareraBrazilElwin Sharvill UNQUALIFIED
Faith Z KolmetzAustraliaAnna Fali UNQUALIFIED
Antonio H GlickItalyOnyama Limba PROPOSAL
Wickens M RutaGermanyBernardo Dominic NEW
Salvatore P CaudyRussiaElwin Sharvill PROPOSAL
Octavia S SergiGermanyOnyama Limba NEGOTIATION
Ashley N SchemmerRussiaOnyama Limba UNQUALIFIED
Darci D RimIndiaIoni Bowcher RENEWAL
Kadeem V KuskoArgentinaIvan Magalhaes PROPOSAL
Chavez E BriddickCanadaStephen Shaw RENEWAL
Ricardo E CampainAustraliaAmy Elsner NEGOTIATION
Maisha A MacleadCanadaBernardo Dominic NEGOTIATION
Leon T InouyeSpainStephen Shaw UNQUALIFIED
Clifford N SergiItalyIvan Magalhaes RENEWAL
Silvio A KolmetzFranceAnna Fali UNQUALIFIED
Emily R KuskoSpainXuxue Feng RENEWAL
Leja T MacleadRussiaOnyama Limba UNQUALIFIED
James Q SlusarskiJapanXuxue Feng QUALIFIED
Jeanfrancois S MorascaUnited KingdomXuxue Feng UNQUALIFIED
Mayumi O ShinkoSpainAnna Fali UNQUALIFIED
Antonio E WaycottBrazilStephen Shaw NEGOTIATION
Deepesh Z SlusarskiSpainIvan Magalhaes NEGOTIATION
Deepesh K StockhamAustraliaBernardo Dominic RENEWAL
Faith W KolmetzCanadaXuxue Feng UNQUALIFIED
Rodrigues V MaletGermanyXuxue Feng RENEWAL
Francesco B WhobreyRussiaAnna Fali QUALIFIED
Smith I SaylorsRussiaXuxue Feng NEW
Smith G DoeArgentinaAmy Elsner RENEWAL
Adams H NestleItalyAnna Fali PROPOSAL
Claire W ChuiBrazilIvan Magalhaes RENEWAL
Munro V StockhamGermanyAmy Elsner RENEWAL
Jennifer F DoeFranceAsiya Javayant RENEWAL
Deepesh T AlbaresSpainAmy Elsner UNQUALIFIED
Aika S BologniaRussiaAsiya Javayant PROPOSAL
Clifford I BowleyIndiaXuxue Feng 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>