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
Mayumi U GauchoGermanyStephen Shaw NEW
Octavia F MaletItalyAsiya Javayant UNQUALIFIED
Morrow O BologniaFranceXuxue Feng PROPOSAL
Kaitlin X WaycottFranceStephen Shaw NEGOTIATION
Clifford Y DoeItalyBernardo Dominic UNQUALIFIED
Adams Y WieserUnited KingdomAmy Elsner RENEWAL
Julie N NestleBrazilBernardo Dominic UNQUALIFIED
Isabel Q RoysterSpainAmy Elsner PROPOSAL
Isabel B RimCanadaElwin Sharvill QUALIFIED
Aika Q CaldareraIndiaOnyama Limba NEGOTIATION
James X CaldareraAustraliaStephen Shaw NEW
Clifford C WhobreyRussiaAnna Fali NEW
Ashley R FerenczIndiaBernardo Dominic NEGOTIATION
Claire V OldroydGermanyIvan Magalhaes QUALIFIED
James O PerinSpainBernardo Dominic QUALIFIED
James W SaylorsCanadaElwin Sharvill UNQUALIFIED
Ashley P VocelkaAustraliaIvan Magalhaes UNQUALIFIED
Leon R BowleySpainIvan Magalhaes QUALIFIED
James S RulapaughJapanIvan Magalhaes UNQUALIFIED
Kaitlin P SchemmerAustraliaAmy Elsner UNQUALIFIED
Izzy S PaprockiFranceAsiya Javayant NEW
Antonio M TollnerIndiaStephen Shaw UNQUALIFIED
Greenwood S FollerRussiaOnyama Limba NEW
Costa P KuskoGermanyAnna Fali NEW
Rodrigues I StockhamRussiaAmy Elsner QUALIFIED
Tony W ChuiGermanyStephen Shaw UNQUALIFIED
Alejandro A GlickJapanBernardo Dominic PROPOSAL
Francesco W PerinJapanBernardo Dominic NEW
Wickens I MaletFranceStephen Shaw QUALIFIED
Maisha Q WhobreyArgentinaAmy Elsner UNQUALIFIED
Misaki I WieserAustraliaAsiya Javayant NEGOTIATION
Ashley F PerinJapanAnna Fali NEGOTIATION
Rodrigues N MaletRussiaOnyama Limba NEW
Clifford G RutaCanadaIvan Magalhaes QUALIFIED
Faith L CaldareraFranceElwin Sharvill UNQUALIFIED
Kaitlin E WaycottItalyIvan Magalhaes PROPOSAL
Emily M MorascaItalyIoni Bowcher QUALIFIED
Wickens I SlusarskiBrazilAmy Elsner PROPOSAL
Mayumi G StensethFranceElwin Sharvill NEW
Darci E FerenczArgentinaIoni Bowcher NEGOTIATION
James Z NickaUnited KingdomXuxue Feng NEW
Juan H OldroydUnited KingdomIvan Magalhaes PROPOSAL
Mujtaba T BowleyArgentinaIvan Magalhaes QUALIFIED
Izzy L DilliardGermanyElwin Sharvill PROPOSAL
Mayumi I FlosiIndiaAsiya Javayant RENEWAL
Juan S SchemmerItalyStephen Shaw UNQUALIFIED
Salvatore Y DoeUnited KingdomAmy Elsner UNQUALIFIED
Aruna N ShinkoCanadaAmy Elsner NEGOTIATION
Izzy P AlbaresJapanElwin Sharvill PROPOSAL
Mujtaba O MaletItalyIoni Bowcher QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Tony A SlusarskiItalyOnyama Limba PROPOSAL
Stacey V NestleItalyBernardo Dominic NEW
Maria D TollnerUnited KingdomXuxue Feng NEW
Rodrigues E SaylorsSpainAmy Elsner NEGOTIATION
Nicolas P BriddickJapanAmy Elsner PROPOSAL
Octavia C MarrierItalyAnna Fali PROPOSAL
Nicolas X ShinkoAustraliaIvan Magalhaes RENEWAL
Kaitlin J SaylorsFranceStephen Shaw NEGOTIATION
Leon Z CaudyIndiaAsiya Javayant RENEWAL
Aditya M GarufiJapanElwin Sharvill QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Ivar Z FerenczRussia2026-10-20Chanay, Jeffrey A Esq UNQUALIFIED27Elwin Sharvill
1001Emily A OstroskyCanada2026-10-13King, Christopher A Esq QUALIFIED31Anna Fali
1002Tony Q CampainAustralia2026-10-12Printing Dimensions UNQUALIFIED41Xuxue Feng
1003Deepesh V RoysterRussia2026-10-18Chapman, Ross E Esq RENEWAL53Bernardo Dominic
1004Aika Q CaudyAustralia2026-10-11Benton, John B Jr UNQUALIFIED20Anna Fali
1005Leon Y DarakjyIndia2026-10-08Benton, John B Jr NEW50Ioni Bowcher
1006Jeanfrancois I StockhamFrance2026-10-22Morlong Associates RENEWAL85Bernardo Dominic
1007Leja S RutaArgentina2026-10-06Commercial Press QUALIFIED67Onyama Limba
1008Aika E AlbaresSpain2026-10-17Chanay, Jeffrey A Esq UNQUALIFIED45Xuxue Feng
1009Stacey I CampainArgentina2026-10-14Printing Dimensions NEGOTIATION82Anna Fali
1010Kadeem F DilliardRussia2026-10-01Buckley Miller Wright RENEWAL38Onyama Limba
1011Sinclair G FigeroaAustralia2026-10-18Chanay, Jeffrey A Esq NEGOTIATION26Elwin Sharvill
1012Chavez Y AlbaresBrazil2026-10-05Chemel, James L Cpa RENEWAL32Ivan Magalhaes
1013Clifford A DoeFrance2026-10-09Feltz Printing Service UNQUALIFIED24Anna Fali
1014Izzy L CampainRussia2026-10-12Benton, John B Jr NEGOTIATION90Asiya Javayant
1015Leja V MacleadUnited Kingdom2026-10-02Dorl, James J Esq UNQUALIFIED38Anna Fali
1016Emily X DoeGermany2026-10-01Chapman, Ross E Esq UNQUALIFIED38Xuxue Feng
1017Mujtaba J DilliardSpain2026-10-24Dorl, James J Esq NEGOTIATION19Ioni Bowcher
1018Leon M AlbaresJapan2026-09-30Truhlar And Truhlar Attys NEGOTIATION56Amy Elsner
1019David I RutaJapan2026-10-14Morlong Associates PROPOSAL21Bernardo Dominic
1020Murillo X RoysterSpain2026-10-05Truhlar And Truhlar Attys NEW17Stephen Shaw
1021Morrow P StockhamItaly2026-10-16Chapman, Ross E Esq RENEWAL83Ioni Bowcher
1022Ivar K KolmetzItaly2026-10-09Truhlar And Truhlar Attys QUALIFIED63Asiya Javayant
1023Izzy M WieserFrance2026-09-28Chanay, Jeffrey A Esq RENEWAL18Bernardo Dominic
1024Antonio E SergiItaly2026-10-15King, Christopher A Esq NEGOTIATION44Elwin Sharvill
1025Faith O NickaRussia2026-10-22Rousseaux, Michael Esq NEGOTIATION23Elwin Sharvill
1026Salvatore C NestleGermany2026-10-10Feltz Printing Service PROPOSAL97Ivan Magalhaes
1027Tony B DoeIndia2026-10-11Truhlar And Truhlar Attys NEW58Xuxue Feng
1028Salvatore P MarrierArgentina2026-10-10Morlong Associates RENEWAL29Elwin Sharvill
1029James V ButtJapan2026-10-18Printing Dimensions NEGOTIATION51Asiya Javayant
1030James D MacleadFrance2026-10-04King, Christopher A Esq QUALIFIED44Elwin Sharvill
1031Chavez Y FigeroaArgentina2026-10-23Dorl, James J Esq NEW41Onyama Limba
1032Octavia I GarufiGermany2026-10-15Chapman, Ross E Esq UNQUALIFIED16Xuxue Feng
1033Stacey F NestleUnited Kingdom2026-10-15Feltz Printing Service UNQUALIFIED34Onyama Limba
1034Salvatore B GauchoArgentina2026-10-15Rousseaux, Michael Esq QUALIFIED1Anna Fali
1035Deepesh L BologniaItaly2026-10-06Feiner Bros RENEWAL16Asiya Javayant
1036Jefferson U CampainGermany2026-10-21Feiner Bros RENEWAL72Stephen Shaw
1037James J FlosiIndia2026-10-02Truhlar And Truhlar Attys UNQUALIFIED79Stephen Shaw
1038Kadeem F WaycottFrance2026-10-25Feiner Bros NEW28Amy Elsner
1039Clifford A StockhamArgentina2026-10-06Truhlar And Truhlar Attys QUALIFIED36Ivan Magalhaes
1040Misaki V TollnerRussia2026-10-02Benton, John B Jr NEGOTIATION62Asiya Javayant
1041Jones I BowleyJapan2026-10-23Feltz Printing Service RENEWAL24Onyama Limba
1042Morrow E WaycottCanada2026-10-14Chanay, Jeffrey A Esq NEW39Asiya Javayant
1043Mayumi V InouyeSpain2026-10-01King, Christopher A Esq NEGOTIATION19Onyama Limba
1044Munro D MaletArgentina2026-10-02Commercial Press NEGOTIATION56Amy Elsner
1045Juan W CampainUnited Kingdom2026-10-16King, Christopher A Esq NEGOTIATION11Amy Elsner
1046Johnson O FlosiFrance2026-10-14Dorl, James J Esq QUALIFIED8Bernardo Dominic
1047Wickens A RimRussia2026-10-17Dorl, James J Esq NEW45Stephen Shaw
1048Salvatore G GarufiCanada2026-10-10Feltz Printing Service NEGOTIATION12Anna Fali
1049Jeanfrancois W WieserItaly2026-10-24Feltz Printing Service NEGOTIATION84Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Sinclair O RulapaughIndiaAmy Elsner PROPOSAL
Kaitlin F BriddickGermanyXuxue Feng NEGOTIATION
Francesco L MacleadAustraliaOnyama Limba NEGOTIATION
Chavez H ShinkoUnited KingdomXuxue Feng UNQUALIFIED
Smith B FlosiUnited KingdomXuxue Feng RENEWAL
Darci V AlbaresFranceOnyama Limba NEGOTIATION
Rodrigues Z KuskoSpainBernardo Dominic RENEWAL
Jennifer Z GlickArgentinaOnyama Limba PROPOSAL
Izzy S FlosiGermanyBernardo Dominic UNQUALIFIED
Misaki E CaudyCanadaBernardo Dominic NEW
Leja D PoquetteJapanAsiya Javayant RENEWAL
Leja N StockhamItalyStephen Shaw NEGOTIATION
Mujtaba A MarrierAustraliaAnna Fali NEW
Wickens L PerinAustraliaBernardo Dominic UNQUALIFIED
Aruna W MaletBrazilIvan Magalhaes UNQUALIFIED
Octavia Z NestleBrazilAmy Elsner RENEWAL
Stacey U CaldareraSpainAmy Elsner QUALIFIED
Maria P IturbideAustraliaOnyama Limba RENEWAL
Leon D RimAustraliaBernardo Dominic NEW
Darci K ShinkoSpainElwin Sharvill RENEWAL
Costa W SlusarskiIndiaBernardo Dominic QUALIFIED
David X ChuiIndiaIvan Magalhaes QUALIFIED
Leja B BriddickAustraliaAmy Elsner RENEWAL
Maisha S StockhamGermanyIoni Bowcher PROPOSAL
Izzy X BologniaJapanStephen Shaw RENEWAL
Kaitlin D SchemmerItalyXuxue Feng QUALIFIED
Emily H ChuiRussiaOnyama Limba NEW
Munro A MarrierGermanyBernardo Dominic NEW
Adams T StensethGermanyAnna Fali PROPOSAL
Johnson Z DarakjyUnited KingdomAnna Fali UNQUALIFIED
Leja X IturbideCanadaOnyama Limba PROPOSAL
Morrow C FollerIndiaBernardo Dominic PROPOSAL
Jones U GillianGermanyAmy Elsner RENEWAL
Octavia S PaprockiBrazilAmy Elsner PROPOSAL
Clifford X VenereSpainAmy Elsner QUALIFIED
Deepesh M CampainItalyElwin Sharvill QUALIFIED
Silvio L BriddickAustraliaAmy Elsner QUALIFIED
Kaitlin C InouyeUnited KingdomIoni Bowcher NEW
Leon A WhobreyRussiaIoni Bowcher NEGOTIATION
Ashley F SergiFranceXuxue Feng RENEWAL
Stacey C MorascaUnited KingdomAmy Elsner RENEWAL
Francesco U OstroskyCanadaAsiya Javayant RENEWAL
Juan D ShinkoRussiaIoni Bowcher QUALIFIED
Francesco K KuskoItalyAsiya Javayant PROPOSAL
Leon A RulapaughJapanAnna Fali RENEWAL
Darci J DilliardBrazilXuxue Feng QUALIFIED
Silvio C ChuiCanadaElwin Sharvill RENEWAL
Isabel L GillianItalyBernardo Dominic UNQUALIFIED
Greenwood X StensethBrazilStephen Shaw RENEWAL
Aruna L MaletItalyOnyama Limba QUALIFIED
Frozen Columns
Name
David T Chui
Deepesh X Caudy
Jones P Marrier
Isabel W Bowley
Misaki B Poquette
Kaitlin P Vocelka
Costa U Campain
Misaki P Maclead
Mayumi B Gaucho
Izzy G Bowley
Murillo T Shinko
Mayumi A Schemmer
Murillo J Waycott
Cody J Albares
Mayumi V Schemmer
Maria V Malet
Kaitlin S Gillian
Jones F Inouye
Mayumi T Gaucho
Smith A Malet
Darci Z Campain
Aika Z Nicka
Munro V Caudy
James M Wieser
Juan J Ruta
Stacey W Inouye
Julie U Dilliard
Antonio E Flosi
Ricardo Q Foller
Mujtaba Q Whobrey
Jeanfrancois H Kolmetz
Smith Q Bowley
Aruna B Foller
Kaitlin F Sergi
Morrow A Gaucho
Munro C Slusarski
Maisha S Ruta
Mayumi M Rim
Adams P Inouye
Ivar T Sergi
Emily M Wieser
Jones X Bowley
Silvio H Sergi
Greenwood Q Glick
Jennifer T Tollner
Julie R Campain
Cody X Perin
Izzy L Royster
Leja N Ruta
Antonio C Ostrosky
IdCountryDate
1000Spain2026-10-25
1001Russia2026-10-01
1002Spain2026-10-13
1003Argentina2026-10-26
1004Canada2026-10-13
1005France2026-10-24
1006Argentina2026-10-11
1007France2026-09-30
1008France2026-10-07
1009Japan2026-10-18
1010Russia2026-10-09
1011Germany2026-10-01
1012Canada2026-10-16
1013Argentina2026-10-17
1014Spain2026-10-14
1015Spain2026-10-04
1016Brazil2026-10-04
1017Brazil2026-10-20
1018Japan2026-09-28
1019Australia2026-10-25
1020United Kingdom2026-10-17
1021Italy2026-10-22
1022Argentina2026-10-07
1023France2026-10-17
1024Canada2026-10-05
1025Germany2026-10-26
1026Canada2026-10-01
1027Italy2026-10-15
1028Argentina2026-10-21
1029Japan2026-10-18
1030Brazil2026-10-08
1031Japan2026-10-19
1032Japan2026-10-26
1033Spain2026-10-24
1034Australia2026-10-09
1035Germany2026-10-23
1036United Kingdom2026-10-10
1037Spain2026-09-29
1038France2026-10-02
1039Australia2026-10-19
1040France2026-10-16
1041Italy2026-10-19
1042Japan2026-10-20
1043Australia2026-09-28
1044Japan2026-10-15
1045India2026-09-30
1046Spain2026-10-13
1047United Kingdom2026-10-04
1048United Kingdom2026-10-09
1049Spain2026-10-05

On-Demand Data

NameIdCountryDate
Chavez C Rulapaugh1000India2026-09-28
Morrow O Malet1001Russia2026-10-04
Jones Z Perin1002Italy2026-10-05
Smith X Wieser1003Spain2026-10-24
Leon Y Marrier1004Russia2026-10-15
Faith K Inouye1005Italy2026-10-26
Jennifer Q Gaucho1006Argentina2026-10-26
Kaitlin X Tollner1007Australia2026-10-17
James S Doe1008Italy2026-10-24
Nicolas A Caudy1009Japan2026-10-06
Ivar T Gillian1010Brazil2026-10-10
Aika Y Slusarski1011United Kingdom2026-10-14
Aditya V Bolognia1012Russia2026-09-29
Salvatore M Marrier1013Russia2026-10-21
Johnson I Shinko1014Japan2026-09-30
Wickens P Ruta1015Argentina2026-09-29
Jeanfrancois P Poquette1016India2026-10-04
Arvin Z Bolognia1017Australia2026-10-11
Murillo W Campain1018Australia2026-10-09
Sinclair K Gillian1019Brazil2026-10-26
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Ivar T CaldareraJapanIoni Bowcher NEGOTIATION
Ivar J WhobreyAustraliaAsiya Javayant RENEWAL
Octavia F SaylorsUnited KingdomElwin Sharvill RENEWAL
Cody E RutaItalyAmy Elsner UNQUALIFIED
Ricardo O WaycottSpainStephen Shaw NEGOTIATION
Jones T CaldareraItalyIvan Magalhaes PROPOSAL
Costa Y OstroskyRussiaAnna Fali PROPOSAL
Munro U RulapaughAustraliaElwin Sharvill UNQUALIFIED
Aruna M GlickGermanyAsiya Javayant QUALIFIED
Izzy K BologniaArgentinaXuxue Feng UNQUALIFIED
Wickens Q SchemmerUnited KingdomIvan Magalhaes QUALIFIED
Mujtaba F MaletUnited KingdomAnna Fali QUALIFIED
Darci C SaylorsItalyAsiya Javayant QUALIFIED
Greenwood H PaprockiAustraliaXuxue Feng PROPOSAL
Emily S ButtRussiaAsiya Javayant NEGOTIATION
Johnson Z FlosiUnited KingdomIvan Magalhaes NEGOTIATION
Johnson I KuskoItalyBernardo Dominic NEGOTIATION
Aika C DoeRussiaIvan Magalhaes RENEWAL
Isabel W OstroskySpainOnyama Limba PROPOSAL
Jefferson E RulapaughFranceIoni Bowcher UNQUALIFIED
Silvio G TollnerGermanyStephen Shaw NEW
Isabel R DoeSpainBernardo Dominic QUALIFIED
Aika R DilliardRussiaXuxue Feng NEW
Jennifer O OldroydSpainStephen Shaw PROPOSAL
Ricardo C SergiArgentinaOnyama Limba NEW
Maria V OldroydFranceIoni Bowcher QUALIFIED
Misaki T DoeCanadaStephen Shaw UNQUALIFIED
Deepesh X InouyeCanadaIoni Bowcher NEGOTIATION
Maisha D WieserArgentinaIvan Magalhaes NEGOTIATION
Sinclair P VocelkaJapanXuxue Feng PROPOSAL
Salvatore T OldroydSpainOnyama Limba PROPOSAL
Darci B InouyeItalyXuxue Feng NEW
David M KuskoItalyAmy Elsner RENEWAL
Francesco E WaycottIndiaAsiya Javayant UNQUALIFIED
Smith O FollerArgentinaBernardo Dominic QUALIFIED
Aika D FerenczCanadaIoni Bowcher PROPOSAL
Jeanfrancois W MarrierAustraliaIvan Magalhaes NEW
Claire H KuskoRussiaOnyama Limba NEW
Smith V FlosiItalyElwin Sharvill NEGOTIATION
Leon A SlusarskiJapanAsiya Javayant 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>