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
Deepesh S WaycottFranceIoni Bowcher PROPOSAL
Ivar R SchemmerUnited KingdomAmy Elsner QUALIFIED
Aika W ChuiSpainAsiya Javayant PROPOSAL
Kaitlin H CaudyFranceAnna Fali QUALIFIED
Greenwood P WaycottArgentinaBernardo Dominic QUALIFIED
Aika B StockhamSpainAmy Elsner QUALIFIED
Jefferson L KuskoCanadaIvan Magalhaes RENEWAL
Maria Y BriddickJapanXuxue Feng QUALIFIED
Aruna A GillianUnited KingdomOnyama Limba PROPOSAL
Maisha I RulapaughAustraliaIvan Magalhaes UNQUALIFIED
Smith V RutaSpainIoni Bowcher QUALIFIED
Francesco P BologniaJapanIoni Bowcher UNQUALIFIED
Francesco B PerinItalyXuxue Feng PROPOSAL
Rodrigues G BriddickAustraliaOnyama Limba PROPOSAL
Kaitlin M SlusarskiFranceAnna Fali QUALIFIED
Smith W IturbideAustraliaStephen Shaw NEGOTIATION
Maria O FigeroaJapanStephen Shaw NEGOTIATION
Octavia H MaletItalyXuxue Feng NEW
Sinclair C DilliardUnited KingdomStephen Shaw NEGOTIATION
Ricardo T SergiGermanyIoni Bowcher PROPOSAL
Clifford R FerenczItalyAsiya Javayant QUALIFIED
Emily N DoeJapanBernardo Dominic PROPOSAL
Jones T StensethJapanXuxue Feng RENEWAL
Arvin E OstroskyJapanElwin Sharvill QUALIFIED
Leon V StensethCanadaBernardo Dominic QUALIFIED
Adams L FigeroaSpainStephen Shaw QUALIFIED
Arvin L DoeSpainAnna Fali PROPOSAL
Aika V SchemmerRussiaOnyama Limba RENEWAL
Sinclair D ChuiAustraliaAmy Elsner NEW
Juan O FlosiJapanIoni Bowcher RENEWAL
Munro J VocelkaItalyAmy Elsner PROPOSAL
Costa L StockhamSpainXuxue Feng NEW
Deepesh A SchemmerRussiaIoni Bowcher RENEWAL
Faith U ButtJapanStephen Shaw NEW
Ashley C AmigonCanadaStephen Shaw UNQUALIFIED
Kadeem J VenereFranceAmy Elsner QUALIFIED
Mujtaba M OstroskyAustraliaAsiya Javayant PROPOSAL
Antonio H WhobreyCanadaIvan Magalhaes UNQUALIFIED
Julie P MarrierItalyAmy Elsner QUALIFIED
Emily W DarakjyCanadaAsiya Javayant NEGOTIATION
Adams E SergiAustraliaIoni Bowcher NEGOTIATION
Arvin D MorascaIndiaOnyama Limba QUALIFIED
Octavia P WhobreyFranceXuxue Feng QUALIFIED
Mujtaba V MacleadBrazilStephen Shaw RENEWAL
Silvio C MorascaJapanAmy Elsner PROPOSAL
Ashley G ShinkoBrazilAnna Fali RENEWAL
Darci J PaprockiSpainIoni Bowcher PROPOSAL
Arvin F FlosiJapanXuxue Feng NEW
Clifford A InouyeItalyElwin Sharvill RENEWAL
Octavia Q VocelkaJapanStephen Shaw RENEWAL
Horizontal
NameCountryRepresentativeStatus
Greenwood J ButtBrazilStephen Shaw NEW
Aditya W FollerUnited KingdomElwin Sharvill UNQUALIFIED
Stacey V FerenczGermanyElwin Sharvill NEGOTIATION
Juan S ShinkoIndiaIoni Bowcher RENEWAL
Murillo Y RoysterArgentinaXuxue Feng QUALIFIED
Chavez O OstroskySpainStephen Shaw RENEWAL
Mujtaba E FollerItalyElwin Sharvill NEW
Ashley G MacleadIndiaBernardo Dominic NEGOTIATION
Sinclair H AlbaresArgentinaStephen Shaw UNQUALIFIED
Tony I StockhamIndiaAsiya Javayant NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Wickens G AlbaresRussia2026-11-05King, Christopher A Esq NEW21Xuxue Feng
1001David C FigeroaCanada2026-11-10Chanay, Jeffrey A Esq QUALIFIED35Anna Fali
1002Misaki B AmigonRussia2026-11-12Benton, John B Jr PROPOSAL41Asiya Javayant
1003Sinclair V GarufiSpain2026-10-31Chemel, James L Cpa UNQUALIFIED41Onyama Limba
1004Smith C IturbideItaly2026-10-29Morlong Associates UNQUALIFIED52Elwin Sharvill
1005Clifford V MacleadArgentina2026-10-19Dorl, James J Esq RENEWAL21Anna Fali
1006Clifford X WhobreyArgentina2026-11-10Rousseaux, Michael Esq PROPOSAL0Onyama Limba
1007Deepesh T RimIndia2026-10-23Morlong Associates PROPOSAL33Ioni Bowcher
1008Jennifer G KuskoJapan2026-10-25Chemel, James L Cpa RENEWAL10Asiya Javayant
1009Chavez D GauchoArgentina2026-10-28Truhlar And Truhlar Attys QUALIFIED28Asiya Javayant
1010Jones J MaletSpain2026-11-07Rangoni Of Florence NEGOTIATION97Amy Elsner
1011Antonio U CaldareraJapan2026-11-08Dorl, James J Esq QUALIFIED21Xuxue Feng
1012David H MarrierGermany2026-10-28Benton, John B Jr RENEWAL39Stephen Shaw
1013Maria O CaudyUnited Kingdom2026-10-18Chemel, James L Cpa RENEWAL50Stephen Shaw
1014Arvin S OldroydCanada2026-11-09Chemel, James L Cpa QUALIFIED2Elwin Sharvill
1015Octavia D KuskoArgentina2026-10-30Rousseaux, Michael Esq RENEWAL25Anna Fali
1016Emily N RimArgentina2026-11-05Benton, John B Jr UNQUALIFIED7Onyama Limba
1017Izzy B MorascaItaly2026-11-07Feltz Printing Service NEW86Amy Elsner
1018Aruna J WhobreyUnited Kingdom2026-11-10Commercial Press RENEWAL36Asiya Javayant
1019Greenwood S GillianItaly2026-10-17King, Christopher A Esq PROPOSAL53Amy Elsner
1020Smith Z GillianRussia2026-11-05Buckley Miller Wright PROPOSAL96Anna Fali
1021Aruna A MaletGermany2026-11-12Dorl, James J Esq UNQUALIFIED33Bernardo Dominic
1022Sinclair K NestleGermany2026-11-12Printing Dimensions PROPOSAL42Asiya Javayant
1023Kaitlin S OstroskyCanada2026-10-22Printing Dimensions NEW7Amy Elsner
1024Cody I MarrierCanada2026-10-23Feltz Printing Service NEGOTIATION95Bernardo Dominic
1025Jeanfrancois D OldroydBrazil2026-11-13Morlong Associates NEW17Ivan Magalhaes
1026Misaki B AlbaresSpain2026-11-07Buckley Miller Wright PROPOSAL46Ivan Magalhaes
1027Isabel B FigeroaRussia2026-10-19Chemel, James L Cpa UNQUALIFIED99Anna Fali
1028Nicolas F WhobreyUnited Kingdom2026-11-09Feltz Printing Service RENEWAL44Stephen Shaw
1029Jefferson T FigeroaUnited Kingdom2026-10-28Truhlar And Truhlar Attys UNQUALIFIED91Stephen Shaw
1030Juan J SergiArgentina2026-10-16Buckley Miller Wright NEW42Stephen Shaw
1031Salvatore T FlosiCanada2026-11-05Truhlar And Truhlar Attys RENEWAL5Amy Elsner
1032Jefferson Y CaldareraGermany2026-10-22Feltz Printing Service UNQUALIFIED2Anna Fali
1033Silvio B WhobreyItaly2026-10-25Benton, John B Jr QUALIFIED25Amy Elsner
1034Aruna F WieserJapan2026-10-18Rousseaux, Michael Esq NEW42Onyama Limba
1035Jones J SchemmerAustralia2026-10-20Morlong Associates PROPOSAL24Bernardo Dominic
1036Morrow W BologniaBrazil2026-10-24Rousseaux, Michael Esq NEW39Onyama Limba
1037Adams L SergiFrance2026-10-30Chanay, Jeffrey A Esq QUALIFIED50Onyama Limba
1038Jennifer Y CaudyJapan2026-10-24Chanay, Jeffrey A Esq RENEWAL81Ivan Magalhaes
1039Aika Z FlosiSpain2026-11-11Chapman, Ross E Esq UNQUALIFIED30Anna Fali
1040Salvatore J FollerArgentina2026-11-01Dorl, James J Esq PROPOSAL51Xuxue Feng
1041Maria C AlbaresUnited Kingdom2026-10-17Rangoni Of Florence RENEWAL57Bernardo Dominic
1042Darci Y GauchoSpain2026-10-28Chanay, Jeffrey A Esq QUALIFIED45Asiya Javayant
1043Nicolas K CaudySpain2026-10-17Feiner Bros NEW82Ioni Bowcher
1044Wickens D RutaAustralia2026-11-09Rangoni Of Florence NEW38Asiya Javayant
1045Kaitlin J GauchoJapan2026-11-02Feltz Printing Service UNQUALIFIED3Amy Elsner
1046Tony U CaudyItaly2026-11-09Feltz Printing Service NEW68Elwin Sharvill
1047Darci I MarrierRussia2026-10-21Dorl, James J Esq NEW97Xuxue Feng
1048Morrow W AmigonJapan2026-11-07Buckley Miller Wright NEW21Stephen Shaw
1049Cody X TollnerBrazil2026-11-04Rousseaux, Michael Esq NEW24Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Leja T FigeroaItalyStephen Shaw RENEWAL
Ricardo Q PaprockiAustraliaAmy Elsner UNQUALIFIED
Wickens P OstroskyRussiaIoni Bowcher PROPOSAL
Nicolas P AlbaresJapanAmy Elsner RENEWAL
Wickens I FerenczCanadaAnna Fali RENEWAL
Ivar U VenereItalyStephen Shaw RENEWAL
Kaitlin A MorascaBrazilAnna Fali QUALIFIED
Jeanfrancois W NestleArgentinaIoni Bowcher NEW
Adams X RimGermanyAmy Elsner UNQUALIFIED
Jeanfrancois L WaycottArgentinaBernardo Dominic QUALIFIED
Cody O RoysterFranceOnyama Limba QUALIFIED
Emily Y MaletIndiaAsiya Javayant PROPOSAL
Kadeem I PoquetteArgentinaIvan Magalhaes PROPOSAL
Isabel N SaylorsGermanyOnyama Limba NEGOTIATION
David X FollerSpainElwin Sharvill NEGOTIATION
Nicolas K InouyeRussiaElwin Sharvill RENEWAL
Cody F OldroydSpainAsiya Javayant NEW
Aika D WieserIndiaBernardo Dominic UNQUALIFIED
Deepesh G OldroydSpainAmy Elsner QUALIFIED
Silvio L IturbideSpainElwin Sharvill QUALIFIED
Jeanfrancois D GillianFranceAnna Fali UNQUALIFIED
Leja U GauchoArgentinaIoni Bowcher UNQUALIFIED
Octavia F FlosiGermanyAsiya Javayant QUALIFIED
Leja X GillianFranceOnyama Limba RENEWAL
Arvin C WhobreyRussiaAnna Fali RENEWAL
James Y WhobreyItalyXuxue Feng QUALIFIED
Francesco W KuskoJapanIoni Bowcher PROPOSAL
James Q DarakjyFranceXuxue Feng QUALIFIED
Jefferson O MacleadJapanAsiya Javayant PROPOSAL
Arvin F FlosiSpainAmy Elsner UNQUALIFIED
Darci O NestleSpainStephen Shaw RENEWAL
Munro Z BriddickRussiaElwin Sharvill PROPOSAL
Sinclair R BologniaFranceAsiya Javayant RENEWAL
Silvio O AmigonArgentinaAmy Elsner RENEWAL
Maisha Z RimJapanIoni Bowcher QUALIFIED
Misaki A VenereUnited KingdomAsiya Javayant NEGOTIATION
Aruna E CaldareraFranceAsiya Javayant PROPOSAL
Arvin N FigeroaBrazilIvan Magalhaes UNQUALIFIED
Cody B RutaCanadaAnna Fali NEW
Octavia H PerinCanadaAnna Fali NEGOTIATION
Salvatore H PerinFranceBernardo Dominic UNQUALIFIED
Alejandro U SlusarskiGermanyElwin Sharvill NEW
Maisha O OstroskyIndiaAsiya Javayant PROPOSAL
Aruna Q MorascaCanadaIvan Magalhaes RENEWAL
Antonio P WaycottRussiaIvan Magalhaes UNQUALIFIED
Murillo Y AlbaresJapanAnna Fali UNQUALIFIED
Aditya M NickaAustraliaBernardo Dominic QUALIFIED
Cody U InouyeRussiaBernardo Dominic UNQUALIFIED
James F GillianArgentinaAnna Fali UNQUALIFIED
Deepesh S BowleyArgentinaOnyama Limba NEW
Frozen Columns
Name
Aika S Ostrosky
Adams Z Gillian
Isabel L Sergi
Costa C Nestle
Rodrigues Z Nestle
Chavez T Iturbide
Costa V Malet
Nicolas P Schemmer
Izzy H Marrier
Darci Z Stockham
Aruna B Shinko
Maria N Glick
James S Kusko
Greenwood B Gaucho
Salvatore E Whobrey
Silvio J Caldarera
Jones T Nicka
Jeanfrancois K Malet
Morrow F Stockham
Aditya P Poquette
Murillo V Malet
Kadeem T Rulapaugh
Kaitlin H Rulapaugh
Maisha J Butt
Murillo H Caldarera
Jefferson E Sergi
Julie L Doe
Faith T Schemmer
Aika P Nicka
Emily N Inouye
Ivar Q Garufi
Cody H Royster
Greenwood H Gillian
Chavez P Wieser
Mujtaba J Malet
Antonio B Sergi
Misaki R Glick
Leja R Garufi
Rodrigues Y Malet
Morrow O Perin
Munro E Inouye
Juan R Figeroa
Jennifer K Doe
Claire L Iturbide
Aruna M Schemmer
Cody J Schemmer
Smith H Morasca
Nicolas I Malet
Maisha P Kusko
Arvin G Poquette
IdCountryDate
1000Brazil2026-10-25
1001Japan2026-10-20
1002Japan2026-11-05
1003Italy2026-10-29
1004Japan2026-10-22
1005India2026-10-28
1006Argentina2026-10-18
1007Spain2026-11-04
1008Japan2026-10-29
1009United Kingdom2026-10-19
1010Canada2026-10-17
1011Argentina2026-10-31
1012Japan2026-11-02
1013Brazil2026-11-07
1014Brazil2026-11-06
1015Japan2026-11-01
1016Japan2026-10-23
1017Spain2026-11-09
1018Italy2026-11-07
1019Australia2026-10-28
1020Argentina2026-11-14
1021Russia2026-11-03
1022Canada2026-10-23
1023Italy2026-10-19
1024Brazil2026-10-21
1025United Kingdom2026-10-23
1026Brazil2026-11-06
1027Spain2026-10-26
1028Italy2026-11-08
1029Brazil2026-11-08
1030Canada2026-10-18
1031United Kingdom2026-10-20
1032Argentina2026-11-05
1033Japan2026-11-14
1034Germany2026-10-26
1035Japan2026-11-01
1036Argentina2026-10-31
1037Argentina2026-10-22
1038Italy2026-11-10
1039France2026-11-05
1040France2026-11-11
1041Russia2026-11-06
1042Brazil2026-10-28
1043Australia2026-10-23
1044France2026-11-12
1045Italy2026-11-11
1046Canada2026-10-17
1047Brazil2026-11-11
1048Italy2026-11-01
1049Canada2026-11-07

On-Demand Data

NameIdCountryDate
Sinclair L Chui1000Germany2026-10-18
Ashley J Flosi1001Japan2026-10-27
Chavez U Wieser1002Germany2026-10-28
Kaitlin E Butt1003Argentina2026-10-24
Salvatore H Royster1004Germany2026-10-24
Jeanfrancois C Paprocki1005Germany2026-10-26
Octavia E Poquette1006Spain2026-11-03
Juan P Garufi1007Argentina2026-10-24
Isabel R Figeroa1008Russia2026-10-18
Greenwood G Kusko1009Germany2026-10-16
Morrow L Kusko1010Brazil2026-11-04
Alejandro E Ostrosky1011United Kingdom2026-11-10
Octavia F Foller1012Germany2026-10-16
Cody U Vocelka1013United Kingdom2026-10-19
Antonio Z Venere1014France2026-10-20
Clifford M Chui1015Germany2026-10-24
Alejandro C Butt1016Spain2026-11-04
Silvio U Gillian1017Canada2026-10-24
Izzy B Wieser1018France2026-11-10
Ricardo G Poquette1019Australia2026-11-05
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maria X CaudyUnited KingdomAmy Elsner QUALIFIED
Chavez V MacleadArgentinaBernardo Dominic PROPOSAL
Isabel Q DilliardUnited KingdomOnyama Limba PROPOSAL
Leja S FollerFranceAsiya Javayant RENEWAL
Aditya D MacleadFranceIoni Bowcher RENEWAL
Greenwood Q WaycottArgentinaAmy Elsner QUALIFIED
Alejandro K SergiJapanXuxue Feng QUALIFIED
Leon Q CaldareraJapanStephen Shaw NEGOTIATION
Jefferson H NickaIndiaBernardo Dominic QUALIFIED
Morrow B WhobreySpainAmy Elsner UNQUALIFIED
Misaki P SaylorsBrazilStephen Shaw QUALIFIED
Sinclair P FigeroaAustraliaElwin Sharvill RENEWAL
Costa V AlbaresUnited KingdomAnna Fali UNQUALIFIED
Claire U StensethCanadaStephen Shaw NEGOTIATION
Rodrigues J CaldareraCanadaIoni Bowcher RENEWAL
Cody X WhobreyBrazilStephen Shaw NEGOTIATION
Rodrigues T ButtSpainOnyama Limba QUALIFIED
Clifford H RimUnited KingdomIoni Bowcher UNQUALIFIED
Francesco W DoeJapanAsiya Javayant NEW
Alejandro F DoeSpainElwin Sharvill NEGOTIATION
Mujtaba V BriddickIndiaAsiya Javayant UNQUALIFIED
Maisha W ButtItalyElwin Sharvill NEGOTIATION
Maisha V GlickSpainBernardo Dominic QUALIFIED
Clifford Q CaldareraIndiaIoni Bowcher UNQUALIFIED
Cody H BowleyCanadaAmy Elsner NEW
Ivar O RoysterIndiaXuxue Feng PROPOSAL
Octavia D SaylorsFranceOnyama Limba RENEWAL
Isabel Z MarrierArgentinaElwin Sharvill NEW
Murillo S SlusarskiArgentinaAmy Elsner UNQUALIFIED
Cody E DarakjyRussiaStephen Shaw NEW
Greenwood G OldroydJapanOnyama Limba NEGOTIATION
Tony T MaletBrazilStephen Shaw UNQUALIFIED
Chavez E MorascaRussiaAnna Fali QUALIFIED
Silvio Z VocelkaRussiaIoni Bowcher UNQUALIFIED
Izzy P MorascaAustraliaAsiya Javayant NEGOTIATION
Jennifer G CaudyIndiaOnyama Limba UNQUALIFIED
Salvatore T FlosiItalyIvan Magalhaes RENEWAL
James O CampainAustraliaAmy Elsner QUALIFIED
Leon K TollnerSpainAnna Fali UNQUALIFIED
Jennifer V NestleFranceElwin Sharvill 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>