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
Wickens H PerinUnited KingdomStephen Shaw UNQUALIFIED
Darci W SlusarskiIndiaAsiya Javayant QUALIFIED
Jennifer E PaprockiItalyXuxue Feng NEGOTIATION
Alejandro L AlbaresSpainStephen Shaw QUALIFIED
Rodrigues C SaylorsSpainAsiya Javayant NEW
Arvin K WhobreyRussiaXuxue Feng RENEWAL
Murillo U VocelkaSpainAsiya Javayant NEGOTIATION
Jennifer U IturbideRussiaOnyama Limba NEGOTIATION
Juan Z BriddickCanadaXuxue Feng UNQUALIFIED
Ashley W DilliardFranceAnna Fali NEW
Arvin O StensethItalyBernardo Dominic NEW
James Q GauchoGermanyAnna Fali PROPOSAL
Adams B OldroydFranceAnna Fali PROPOSAL
Claire Q RulapaughSpainBernardo Dominic NEGOTIATION
Antonio D FlosiJapanAsiya Javayant PROPOSAL
Jefferson X OldroydAustraliaAsiya Javayant UNQUALIFIED
Mujtaba L MorascaArgentinaElwin Sharvill RENEWAL
Stacey H PaprockiRussiaAsiya Javayant NEGOTIATION
Francesco J SergiJapanBernardo Dominic NEW
Jones N RoysterUnited KingdomOnyama Limba NEW
Kadeem R CaldareraAustraliaAsiya Javayant NEGOTIATION
Clifford O RimFranceOnyama Limba QUALIFIED
Costa I ChuiBrazilAsiya Javayant UNQUALIFIED
Emily X OstroskySpainIvan Magalhaes QUALIFIED
Greenwood X DilliardBrazilElwin Sharvill NEGOTIATION
Mujtaba J MacleadAustraliaBernardo Dominic RENEWAL
Jeanfrancois G MaletUnited KingdomXuxue Feng PROPOSAL
Claire G ShinkoJapanElwin Sharvill RENEWAL
Sinclair R CampainUnited KingdomOnyama Limba NEW
Darci U DarakjyGermanyElwin Sharvill UNQUALIFIED
Isabel E MorascaArgentinaAnna Fali RENEWAL
Nicolas P DoeRussiaOnyama Limba NEGOTIATION
Leon J OldroydUnited KingdomIoni Bowcher RENEWAL
Francesco A MorascaUnited KingdomBernardo Dominic RENEWAL
Emily W KolmetzRussiaIoni Bowcher QUALIFIED
Rodrigues H TollnerAustraliaElwin Sharvill QUALIFIED
Claire E CaldareraItalyOnyama Limba NEGOTIATION
Ashley G CaldareraRussiaBernardo Dominic QUALIFIED
Munro H MacleadRussiaIvan Magalhaes PROPOSAL
Faith J StensethJapanStephen Shaw UNQUALIFIED
Ricardo M ShinkoRussiaAmy Elsner UNQUALIFIED
Antonio N MarrierBrazilBernardo Dominic PROPOSAL
Rodrigues K OstroskyUnited KingdomElwin Sharvill NEW
Juan S StensethBrazilXuxue Feng UNQUALIFIED
Jeanfrancois Z GillianCanadaElwin Sharvill NEGOTIATION
Emily I AlbaresGermanyXuxue Feng QUALIFIED
Adams E DilliardFranceBernardo Dominic NEW
Aditya A WaycottJapanElwin Sharvill PROPOSAL
Sinclair S BologniaAustraliaOnyama Limba UNQUALIFIED
Izzy R KuskoCanadaOnyama Limba NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Antonio D BologniaGermanyOnyama Limba PROPOSAL
Jennifer A TollnerBrazilBernardo Dominic QUALIFIED
Nicolas N OldroydUnited KingdomElwin Sharvill NEGOTIATION
Arvin J PaprockiArgentinaXuxue Feng PROPOSAL
Juan P DilliardFranceIvan Magalhaes RENEWAL
Leja L WhobreyAustraliaAmy Elsner UNQUALIFIED
Kaitlin T DilliardFranceOnyama Limba NEGOTIATION
Nicolas W RulapaughIndiaXuxue Feng RENEWAL
Murillo C GlickCanadaAmy Elsner UNQUALIFIED
Murillo L TollnerUnited KingdomXuxue Feng NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Darci B MorascaBrazil2026-09-14Chanay, Jeffrey A Esq UNQUALIFIED72Onyama Limba
1001Rodrigues N FigeroaUnited Kingdom2026-10-11Morlong Associates NEW45Bernardo Dominic
1002Mayumi X ButtAustralia2026-09-18Dorl, James J Esq RENEWAL34Anna Fali
1003Rodrigues X BriddickBrazil2026-09-29Dorl, James J Esq NEGOTIATION93Elwin Sharvill
1004Antonio E SlusarskiIndia2026-09-18Morlong Associates UNQUALIFIED31Stephen Shaw
1005Tony N PerinSpain2026-10-03Printing Dimensions NEW4Xuxue Feng
1006Munro T PaprockiJapan2026-09-27Morlong Associates NEW17Amy Elsner
1007Octavia I KolmetzUnited Kingdom2026-09-23Truhlar And Truhlar Attys UNQUALIFIED28Asiya Javayant
1008Jones C DilliardGermany2026-09-16Benton, John B Jr RENEWAL71Amy Elsner
1009Tony P InouyeSpain2026-10-07Morlong Associates NEGOTIATION94Xuxue Feng
1010Misaki S WhobreyUnited Kingdom2026-09-23Rangoni Of Florence UNQUALIFIED50Elwin Sharvill
1011James Z OstroskyBrazil2026-10-06King, Christopher A Esq NEW79Bernardo Dominic
1012James V StensethFrance2026-09-14Rousseaux, Michael Esq UNQUALIFIED74Ioni Bowcher
1013Ivar D KuskoItaly2026-09-21Buckley Miller Wright PROPOSAL23Anna Fali
1014Maria R ChuiSpain2026-09-23Rangoni Of Florence NEW10Anna Fali
1015Jones V AmigonRussia2026-09-18Buckley Miller Wright NEW57Ioni Bowcher
1016Juan V TollnerUnited Kingdom2026-09-16Chemel, James L Cpa NEGOTIATION22Onyama Limba
1017Kaitlin M GarufiAustralia2026-10-12Feltz Printing Service PROPOSAL36Ivan Magalhaes
1018Kaitlin M KuskoBrazil2026-10-04Dorl, James J Esq NEGOTIATION61Bernardo Dominic
1019Claire N ButtSpain2026-10-03Rousseaux, Michael Esq NEW90Ioni Bowcher
1020Morrow Q OldroydJapan2026-09-16Chemel, James L Cpa PROPOSAL11Anna Fali
1021Ivar X StensethIndia2026-10-12Feiner Bros RENEWAL96Amy Elsner
1022Juan X GlickRussia2026-10-06Chanay, Jeffrey A Esq PROPOSAL77Ioni Bowcher
1023Wickens Y NestleAustralia2026-10-03Printing Dimensions UNQUALIFIED15Stephen Shaw
1024Maria L FollerAustralia2026-10-01Benton, John B Jr NEGOTIATION24Asiya Javayant
1025Greenwood C BowleyBrazil2026-09-15Truhlar And Truhlar Attys RENEWAL85Ivan Magalhaes
1026Maisha B RutaArgentina2026-10-05Chemel, James L Cpa PROPOSAL16Onyama Limba
1027Antonio R RimSpain2026-09-21Morlong Associates NEW84Bernardo Dominic
1028James Q StensethItaly2026-09-15Rousseaux, Michael Esq UNQUALIFIED73Asiya Javayant
1029Kadeem I StockhamSpain2026-09-20Chanay, Jeffrey A Esq NEGOTIATION97Amy Elsner
1030Greenwood X SlusarskiArgentina2026-10-07Rousseaux, Michael Esq QUALIFIED93Asiya Javayant
1031Ivar Z FlosiUnited Kingdom2026-09-24Benton, John B Jr NEGOTIATION83Onyama Limba
1032Faith F CampainCanada2026-09-30Rousseaux, Michael Esq NEW0Ivan Magalhaes
1033Julie X SlusarskiUnited Kingdom2026-09-16Feltz Printing Service QUALIFIED22Anna Fali
1034Francesco P PoquetteFrance2026-09-16Rousseaux, Michael Esq NEGOTIATION98Stephen Shaw
1035Munro K MorascaJapan2026-10-12Chemel, James L Cpa RENEWAL93Ioni Bowcher
1036Costa N CampainAustralia2026-10-11Printing Dimensions PROPOSAL53Onyama Limba
1037Cody P RutaAustralia2026-09-15Feltz Printing Service QUALIFIED93Stephen Shaw
1038Leja R RulapaughIndia2026-10-01Rangoni Of Florence NEW13Ivan Magalhaes
1039Silvio H GillianItaly2026-09-25King, Christopher A Esq QUALIFIED29Bernardo Dominic
1040Maria Y FigeroaIndia2026-09-18Morlong Associates QUALIFIED44Amy Elsner
1041Morrow K GauchoRussia2026-10-05Chapman, Ross E Esq RENEWAL92Anna Fali
1042Greenwood P CaldareraBrazil2026-10-09King, Christopher A Esq NEW94Xuxue Feng
1043Nicolas L DilliardRussia2026-09-24Truhlar And Truhlar Attys NEGOTIATION62Onyama Limba
1044David X VenereIndia2026-09-27Chapman, Ross E Esq UNQUALIFIED45Onyama Limba
1045James D MorascaArgentina2026-09-27Chanay, Jeffrey A Esq RENEWAL45Bernardo Dominic
1046Munro U MorascaRussia2026-09-17Chanay, Jeffrey A Esq UNQUALIFIED14Xuxue Feng
1047Adams F OstroskyBrazil2026-09-25Commercial Press PROPOSAL68Onyama Limba
1048Mayumi U ButtJapan2026-09-18Dorl, James J Esq PROPOSAL2Bernardo Dominic
1049Leon Q MaletArgentina2026-09-21Dorl, James J Esq UNQUALIFIED54Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Juan J FlosiBrazilAnna Fali NEW
Kadeem A GauchoUnited KingdomStephen Shaw QUALIFIED
Cody M GillianIndiaIoni Bowcher QUALIFIED
Claire V NickaAustraliaOnyama Limba PROPOSAL
Aruna X MorascaBrazilElwin Sharvill QUALIFIED
Deepesh I WieserUnited KingdomAnna Fali UNQUALIFIED
Ricardo E TollnerJapanBernardo Dominic UNQUALIFIED
Aruna U CampainGermanyAnna Fali RENEWAL
Isabel Q BowleyJapanStephen Shaw UNQUALIFIED
Cody D SlusarskiItalyIvan Magalhaes PROPOSAL
Munro X MaletRussiaAsiya Javayant PROPOSAL
Octavia O MaletGermanyOnyama Limba RENEWAL
Greenwood W RoysterBrazilOnyama Limba NEGOTIATION
Misaki U CampainCanadaXuxue Feng RENEWAL
Tony H VenereCanadaXuxue Feng NEGOTIATION
Isabel R GauchoBrazilIoni Bowcher NEW
Leon M MarrierRussiaIvan Magalhaes NEGOTIATION
Aika B AlbaresArgentinaAnna Fali NEW
Misaki W PaprockiArgentinaStephen Shaw PROPOSAL
Izzy K AmigonArgentinaBernardo Dominic QUALIFIED
Mayumi L SergiIndiaAmy Elsner UNQUALIFIED
Mujtaba N BriddickIndiaBernardo Dominic NEGOTIATION
Silvio O OstroskyRussiaStephen Shaw UNQUALIFIED
Jeanfrancois Y SaylorsUnited KingdomElwin Sharvill UNQUALIFIED
Aditya V CaldareraRussiaAsiya Javayant QUALIFIED
Kaitlin M DarakjyAustraliaAnna Fali QUALIFIED
Faith I WieserAustraliaElwin Sharvill NEW
Jefferson X RimArgentinaElwin Sharvill UNQUALIFIED
Leon B NickaBrazilAsiya Javayant NEW
Sinclair B RulapaughGermanyBernardo Dominic RENEWAL
Leon X GillianJapanXuxue Feng NEW
Darci A GlickGermanyIvan Magalhaes RENEWAL
James G BowleyUnited KingdomElwin Sharvill NEW
Smith V MaletItalyAsiya Javayant QUALIFIED
Alejandro R NickaCanadaOnyama Limba UNQUALIFIED
Francesco B StensethBrazilXuxue Feng PROPOSAL
Wickens H SchemmerSpainIoni Bowcher RENEWAL
Faith H IturbideUnited KingdomIoni Bowcher NEW
David B GlickAustraliaXuxue Feng UNQUALIFIED
Jennifer N RoysterAustraliaIoni Bowcher UNQUALIFIED
Jones Q GarufiIndiaIoni Bowcher NEW
Deepesh U InouyeRussiaAmy Elsner UNQUALIFIED
Rodrigues N StockhamArgentinaIoni Bowcher NEW
Emily J InouyeSpainAmy Elsner PROPOSAL
Juan Q BowleyIndiaAsiya Javayant RENEWAL
Ashley N OldroydArgentinaElwin Sharvill RENEWAL
Aruna S FerenczBrazilAmy Elsner UNQUALIFIED
Ashley Z SlusarskiGermanyAmy Elsner UNQUALIFIED
Isabel F GauchoGermanyOnyama Limba PROPOSAL
Jefferson F MaletAustraliaXuxue Feng RENEWAL
Frozen Columns
Name
David X Doe
Adams Z Oldroyd
David A Flosi
Clifford Y Venere
Ashley A Stockham
Julie U Amigon
Maisha X Sergi
Tony C Rim
Jefferson I Campain
Rodrigues M Schemmer
Jeanfrancois Z Caldarera
Smith E Briddick
Jeanfrancois Z Bowley
Wickens S Nicka
Julie T Iturbide
Francesco D Rulapaugh
Aika K Wieser
Claire R Poquette
Morrow P Caldarera
Greenwood Q Rulapaugh
Aditya I Bolognia
Leon L Inouye
Isabel R Nicka
Adams F Butt
Aika C Ruta
Munro L Sergi
Ashley X Iturbide
Sinclair C Figeroa
Faith K Caudy
Emily Q Gaucho
Nicolas J Butt
Kaitlin B Rim
David B Waycott
Leon T Venere
Octavia L Nestle
Aika I Garufi
Tony Z Figeroa
Nicolas D Foller
Johnson J Malet
Chavez L Gillian
Leon B Foller
Tony G Slusarski
Faith M Garufi
David G Doe
Kaitlin B Doe
Salvatore N Gillian
Wickens D Venere
Jeanfrancois V Nestle
Leon X Paprocki
Chavez K Kusko
IdCountryDate
1000Italy2026-09-21
1001Germany2026-09-17
1002Canada2026-09-14
1003India2026-10-09
1004Argentina2026-09-26
1005Germany2026-10-01
1006United Kingdom2026-10-02
1007Brazil2026-10-05
1008United Kingdom2026-10-11
1009Argentina2026-10-04
1010Canada2026-09-27
1011Brazil2026-10-13
1012Germany2026-10-07
1013Canada2026-09-28
1014Spain2026-10-02
1015Japan2026-09-22
1016United Kingdom2026-09-26
1017Spain2026-10-04
1018Spain2026-10-10
1019France2026-10-13
1020Japan2026-09-20
1021Germany2026-09-22
1022Australia2026-10-01
1023Italy2026-09-25
1024India2026-09-14
1025Italy2026-09-27
1026Brazil2026-09-16
1027Canada2026-09-17
1028Russia2026-10-12
1029Germany2026-10-01
1030Russia2026-09-19
1031Japan2026-09-16
1032Canada2026-09-25
1033Argentina2026-10-11
1034United Kingdom2026-09-15
1035Germany2026-10-10
1036Russia2026-10-06
1037Canada2026-09-18
1038Italy2026-09-27
1039Germany2026-09-21
1040United Kingdom2026-10-11
1041Russia2026-09-23
1042United Kingdom2026-09-16
1043Argentina2026-10-13
1044United Kingdom2026-09-15
1045France2026-09-15
1046Canada2026-09-21
1047Spain2026-09-30
1048Brazil2026-09-21
1049Australia2026-09-27

On-Demand Data

NameIdCountryDate
Leja S Inouye1000Russia2026-09-14
Mujtaba W Gaucho1001Argentina2026-10-03
Johnson Q Kolmetz1002Italy2026-10-08
Chavez W Slusarski1003France2026-09-28
Mujtaba N Sergi1004United Kingdom2026-09-21
Octavia Z Vocelka1005Russia2026-10-09
Izzy H Waycott1006India2026-10-07
Aika J Albares1007India2026-09-24
Smith D Kusko1008Argentina2026-09-19
Maria B Royster1009Russia2026-09-23
Stacey S Oldroyd1010France2026-09-29
Greenwood N Vocelka1011Australia2026-09-30
David Q Venere1012Russia2026-10-04
Wickens C Iturbide1013Brazil2026-10-10
Francesco G Doe1014Argentina2026-09-23
Murillo L Nicka1015Russia2026-09-20
Kadeem K Campain1016Australia2026-09-23
Cody E Oldroyd1017Germany2026-09-22
Mayumi P Dilliard1018France2026-10-03
David K Venere1019Italy2026-09-21
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Misaki J MarrierUnited KingdomBernardo Dominic RENEWAL
Ashley L RoysterFranceXuxue Feng UNQUALIFIED
Deepesh H WhobreyGermanyAsiya Javayant NEGOTIATION
Johnson W GauchoFranceAnna Fali QUALIFIED
David X StockhamRussiaStephen Shaw NEW
Claire B PaprockiFranceAnna Fali PROPOSAL
Silvio X DarakjyArgentinaElwin Sharvill RENEWAL
Julie C NestleArgentinaBernardo Dominic NEGOTIATION
Kaitlin V SchemmerIndiaStephen Shaw NEW
Claire S SchemmerFranceAmy Elsner NEW
Alejandro U FerenczItalyXuxue Feng RENEWAL
Cody B SlusarskiJapanAnna Fali QUALIFIED
Leja Z NestleAustraliaAsiya Javayant QUALIFIED
Emily M BowleyRussiaIvan Magalhaes NEGOTIATION
Ricardo V MarrierAustraliaStephen Shaw QUALIFIED
Jennifer L SergiRussiaIoni Bowcher QUALIFIED
Arvin V ButtArgentinaIoni Bowcher RENEWAL
Arvin P WieserRussiaXuxue Feng UNQUALIFIED
Aika D ChuiBrazilIoni Bowcher NEGOTIATION
Munro A KolmetzAustraliaXuxue Feng NEGOTIATION
Isabel O AmigonSpainIoni Bowcher RENEWAL
Kaitlin G CaldareraSpainBernardo Dominic UNQUALIFIED
Emily L MorascaUnited KingdomIoni Bowcher QUALIFIED
Kadeem L TollnerSpainAnna Fali NEGOTIATION
Smith I RoysterArgentinaAmy Elsner PROPOSAL
Munro B CaudyItalyIoni Bowcher QUALIFIED
Ricardo L NickaAustraliaAmy Elsner NEW
Darci I TollnerRussiaAnna Fali NEW
Sinclair B FigeroaAustraliaIoni Bowcher RENEWAL
Isabel J InouyeCanadaAsiya Javayant NEGOTIATION
Aika P InouyeBrazilStephen Shaw PROPOSAL
James Q SergiUnited KingdomElwin Sharvill RENEWAL
David Y MaletUnited KingdomOnyama Limba UNQUALIFIED
Darci P StensethJapanBernardo Dominic QUALIFIED
Aditya D SchemmerRussiaAnna Fali RENEWAL
James G GlickUnited KingdomIvan Magalhaes NEGOTIATION
Arvin C VenereArgentinaAnna Fali PROPOSAL
Morrow S SchemmerRussiaXuxue Feng NEGOTIATION
Jefferson S SergiJapanIvan Magalhaes RENEWAL
Izzy C GauchoArgentinaAnna Fali NEGOTIATION

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