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
Jones F KuskoGermanyStephen Shaw NEW
Maria E PaprockiArgentinaStephen Shaw QUALIFIED
Rodrigues U InouyeUnited KingdomAnna Fali QUALIFIED
Mayumi A BologniaArgentinaAmy Elsner UNQUALIFIED
Mayumi R StensethGermanyOnyama Limba PROPOSAL
David W MorascaJapanOnyama Limba UNQUALIFIED
Kadeem A NestleSpainElwin Sharvill UNQUALIFIED
Jones B BologniaAustraliaAnna Fali PROPOSAL
Deepesh U MaletAustraliaXuxue Feng NEGOTIATION
Aditya M GarufiRussiaAmy Elsner NEGOTIATION
Wickens P RoysterArgentinaAmy Elsner UNQUALIFIED
Antonio J StockhamUnited KingdomXuxue Feng NEGOTIATION
Jennifer D NestleArgentinaElwin Sharvill RENEWAL
Smith B CaudyGermanyXuxue Feng NEW
David I WieserUnited KingdomElwin Sharvill UNQUALIFIED
Ashley U OstroskyArgentinaIoni Bowcher QUALIFIED
Faith J WhobreyRussiaBernardo Dominic QUALIFIED
Tony X GarufiBrazilIoni Bowcher NEW
Aruna B PerinIndiaAmy Elsner RENEWAL
Jefferson R TollnerAustraliaBernardo Dominic PROPOSAL
Adams X RutaFranceStephen Shaw NEGOTIATION
Mayumi B CaudyItalyXuxue Feng NEGOTIATION
Ricardo U KolmetzUnited KingdomIoni Bowcher NEW
Isabel D ChuiRussiaBernardo Dominic QUALIFIED
Nicolas V IturbideFranceElwin Sharvill PROPOSAL
Izzy S BriddickGermanyAnna Fali NEGOTIATION
Jones A PaprockiCanadaStephen Shaw RENEWAL
Juan S RimSpainAnna Fali PROPOSAL
Maisha Z MaletItalyIvan Magalhaes RENEWAL
Clifford V WhobreyAustraliaIoni Bowcher RENEWAL
Munro C OstroskyAustraliaIvan Magalhaes PROPOSAL
Octavia R OstroskyUnited KingdomXuxue Feng NEW
Jones Z GarufiUnited KingdomXuxue Feng PROPOSAL
Octavia V DarakjySpainOnyama Limba RENEWAL
Chavez S RulapaughIndiaOnyama Limba RENEWAL
James K FigeroaItalyAnna Fali QUALIFIED
Darci D WaycottCanadaOnyama Limba RENEWAL
James Q PaprockiArgentinaIvan Magalhaes RENEWAL
David T BriddickUnited KingdomOnyama Limba QUALIFIED
Deepesh S AlbaresUnited KingdomStephen Shaw RENEWAL
Aditya G TollnerJapanIoni Bowcher QUALIFIED
Jeanfrancois R GlickBrazilBernardo Dominic NEGOTIATION
Sinclair U FigeroaIndiaAnna Fali UNQUALIFIED
Murillo U ShinkoRussiaBernardo Dominic UNQUALIFIED
Juan K CampainFranceStephen Shaw PROPOSAL
Claire K KuskoArgentinaAsiya Javayant UNQUALIFIED
Jeanfrancois B GarufiArgentinaAmy Elsner QUALIFIED
Jennifer N GarufiCanadaIvan Magalhaes NEW
Mujtaba K DilliardBrazilIoni Bowcher NEW
Greenwood U MorascaJapanAnna Fali NEW
Horizontal
NameCountryRepresentativeStatus
Deepesh O FerenczFranceXuxue Feng UNQUALIFIED
Morrow C NestleBrazilIvan Magalhaes NEW
Claire S ChuiRussiaElwin Sharvill RENEWAL
Ivar Y GarufiUnited KingdomElwin Sharvill NEGOTIATION
Smith K RutaArgentinaIvan Magalhaes UNQUALIFIED
David O OldroydCanadaXuxue Feng UNQUALIFIED
Sinclair C FerenczGermanyIoni Bowcher NEW
Darci B OstroskyBrazilBernardo Dominic PROPOSAL
Morrow L StockhamArgentinaIoni Bowcher NEW
Jennifer M MorascaItalyAsiya Javayant QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Johnson L MaletUnited Kingdom2026-10-03Chemel, James L Cpa PROPOSAL60Elwin Sharvill
1001Leja Q SchemmerIndia2026-10-16Truhlar And Truhlar Attys NEGOTIATION30Anna Fali
1002Chavez R SchemmerFrance2026-10-20Feltz Printing Service UNQUALIFIED21Stephen Shaw
1003Arvin P IturbideItaly2026-09-27Printing Dimensions RENEWAL76Xuxue Feng
1004Ricardo S KuskoCanada2026-10-02King, Christopher A Esq RENEWAL91Xuxue Feng
1005Cody F RutaSpain2026-10-09Rangoni Of Florence UNQUALIFIED57Onyama Limba
1006Johnson M GillianRussia2026-09-29Rousseaux, Michael Esq UNQUALIFIED94Asiya Javayant
1007Kaitlin J AlbaresCanada2026-10-12Chapman, Ross E Esq UNQUALIFIED87Bernardo Dominic
1008Nicolas O KolmetzArgentina2026-10-26Rousseaux, Michael Esq PROPOSAL34Ivan Magalhaes
1009Darci K DarakjyJapan2026-09-27Chapman, Ross E Esq PROPOSAL97Ivan Magalhaes
1010Sinclair Z StockhamGermany2026-10-23Feiner Bros NEGOTIATION69Asiya Javayant
1011Leon T GarufiJapan2026-10-12Dorl, James J Esq UNQUALIFIED56Onyama Limba
1012Jones X OstroskyArgentina2026-10-16Chapman, Ross E Esq NEGOTIATION60Elwin Sharvill
1013Jennifer C StensethItaly2026-10-19King, Christopher A Esq PROPOSAL74Anna Fali
1014Darci A BowleyItaly2026-10-03Truhlar And Truhlar Attys NEGOTIATION97Amy Elsner
1015Francesco E SergiBrazil2026-10-22Dorl, James J Esq PROPOSAL39Asiya Javayant
1016Arvin N BriddickCanada2026-10-08Chanay, Jeffrey A Esq PROPOSAL15Onyama Limba
1017Maisha Q ButtFrance2026-10-25Printing Dimensions QUALIFIED49Xuxue Feng
1018Ivar C AmigonGermany2026-10-13Rangoni Of Florence PROPOSAL96Ioni Bowcher
1019Alejandro X TollnerJapan2026-10-16Rangoni Of Florence NEGOTIATION13Anna Fali
1020Chavez L OldroydSpain2026-10-08Rousseaux, Michael Esq NEGOTIATION83Anna Fali
1021Clifford W SergiArgentina2026-10-12Rousseaux, Michael Esq UNQUALIFIED72Xuxue Feng
1022Munro E PerinFrance2026-10-08Feiner Bros QUALIFIED71Ivan Magalhaes
1023Mujtaba W ChuiIndia2026-10-17Chapman, Ross E Esq UNQUALIFIED5Onyama Limba
1024Maria O InouyeItaly2026-10-20Printing Dimensions NEW58Anna Fali
1025Misaki F SlusarskiUnited Kingdom2026-10-14Rousseaux, Michael Esq NEGOTIATION31Ioni Bowcher
1026Wickens Y PaprockiItaly2026-10-16Chemel, James L Cpa NEGOTIATION62Ioni Bowcher
1027Murillo X StensethArgentina2026-10-13Chemel, James L Cpa QUALIFIED41Xuxue Feng
1028Adams E SergiFrance2026-10-22Rousseaux, Michael Esq NEGOTIATION94Onyama Limba
1029Salvatore R RutaItaly2026-10-08Truhlar And Truhlar Attys NEW11Asiya Javayant
1030Tony T CampainFrance2026-10-04Morlong Associates PROPOSAL38Amy Elsner
1031Francesco Y OldroydCanada2026-10-01Commercial Press RENEWAL18Ivan Magalhaes
1032Aruna W VenereCanada2026-10-05Chapman, Ross E Esq NEGOTIATION92Elwin Sharvill
1033Isabel J KolmetzJapan2026-10-06Truhlar And Truhlar Attys RENEWAL97Ivan Magalhaes
1034Octavia R FollerBrazil2026-10-01Truhlar And Truhlar Attys PROPOSAL11Bernardo Dominic
1035Rodrigues Y OldroydCanada2026-10-07Morlong Associates NEW93Elwin Sharvill
1036Aruna H AlbaresFrance2026-10-12Commercial Press NEW4Stephen Shaw
1037Faith M VenereIndia2026-09-30Commercial Press RENEWAL81Stephen Shaw
1038Tony B StockhamGermany2026-10-26Feiner Bros RENEWAL87Ivan Magalhaes
1039Jeanfrancois V DoeRussia2026-10-22Chanay, Jeffrey A Esq PROPOSAL83Onyama Limba
1040Leja T DoeIndia2026-10-03Dorl, James J Esq PROPOSAL14Ivan Magalhaes
1041Maisha D GlickJapan2026-10-15Buckley Miller Wright QUALIFIED16Bernardo Dominic
1042Adams Q IturbideBrazil2026-10-14Chemel, James L Cpa NEW12Elwin Sharvill
1043Silvio O StensethArgentina2026-10-26Chapman, Ross E Esq NEGOTIATION54Amy Elsner
1044Silvio W CampainGermany2026-10-16Chapman, Ross E Esq UNQUALIFIED69Amy Elsner
1045Clifford A SaylorsRussia2026-10-17King, Christopher A Esq UNQUALIFIED70Elwin Sharvill
1046Rodrigues H FollerAustralia2026-10-15Morlong Associates RENEWAL74Stephen Shaw
1047Leja O MarrierJapan2026-10-15Truhlar And Truhlar Attys PROPOSAL52Asiya Javayant
1048Arvin S GlickFrance2026-10-01Benton, John B Jr NEW19Ivan Magalhaes
1049Arvin O RoysterUnited Kingdom2026-10-14Rousseaux, Michael Esq NEGOTIATION33Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Aruna T MaletSpainStephen Shaw UNQUALIFIED
Aruna L GauchoItalyXuxue Feng RENEWAL
Isabel C StensethCanadaAsiya Javayant QUALIFIED
Munro U VenereBrazilAsiya Javayant NEGOTIATION
Leja L RoysterArgentinaAmy Elsner UNQUALIFIED
Greenwood Y OstroskyGermanyAmy Elsner NEGOTIATION
Octavia X StensethIndiaIoni Bowcher NEGOTIATION
Darci Z RutaIndiaAsiya Javayant UNQUALIFIED
Nicolas R VocelkaFranceElwin Sharvill NEW
Misaki E NickaArgentinaElwin Sharvill RENEWAL
Cody F PerinJapanIvan Magalhaes NEGOTIATION
Jones M WieserAustraliaXuxue Feng UNQUALIFIED
James V MaletItalyIoni Bowcher NEW
Octavia Q PoquetteJapanOnyama Limba PROPOSAL
Wickens W SaylorsCanadaAmy Elsner PROPOSAL
Leon K SchemmerJapanOnyama Limba NEGOTIATION
Munro X SchemmerGermanyAnna Fali PROPOSAL
Jefferson D MarrierUnited KingdomElwin Sharvill PROPOSAL
Silvio I RutaFranceElwin Sharvill RENEWAL
Greenwood N WaycottCanadaIvan Magalhaes NEW
Deepesh B GlickIndiaElwin Sharvill UNQUALIFIED
Stacey Q WhobreyArgentinaOnyama Limba RENEWAL
Stacey Q ChuiUnited KingdomBernardo Dominic NEGOTIATION
Alejandro X FollerFranceAnna Fali NEW
Isabel D MaletItalyIoni Bowcher NEGOTIATION
Salvatore Y DoeArgentinaAsiya Javayant QUALIFIED
Mayumi T SergiJapanElwin Sharvill NEW
Chavez W BriddickItalyBernardo Dominic PROPOSAL
Isabel F MacleadItalyAnna Fali NEGOTIATION
Costa C VenereSpainAnna Fali RENEWAL
James Q SaylorsCanadaXuxue Feng RENEWAL
Arvin A PerinSpainElwin Sharvill RENEWAL
Johnson R OldroydSpainElwin Sharvill PROPOSAL
Maria W ButtItalyOnyama Limba NEW
Izzy Q DarakjyJapanXuxue Feng RENEWAL
Faith W OstroskyJapanAmy Elsner NEGOTIATION
Maisha O DarakjyFranceStephen Shaw PROPOSAL
Maria H NickaBrazilIoni Bowcher NEGOTIATION
Wickens L OldroydAustraliaElwin Sharvill NEW
Claire C MorascaAustraliaIvan Magalhaes NEGOTIATION
Leja T NickaCanadaBernardo Dominic QUALIFIED
Johnson C BriddickCanadaAnna Fali QUALIFIED
Aditya K OstroskyAustraliaAnna Fali NEW
Nicolas R CaudyRussiaStephen Shaw NEW
Emily A MacleadAustraliaBernardo Dominic RENEWAL
Ashley E AlbaresArgentinaIoni Bowcher UNQUALIFIED
Maisha P RoysterIndiaAnna Fali QUALIFIED
Deepesh V PaprockiCanadaAnna Fali QUALIFIED
Leon E KolmetzAustraliaAsiya Javayant PROPOSAL
Costa J DoeArgentinaBernardo Dominic QUALIFIED
Frozen Columns
Name
Francesco Q Oldroyd
Faith J Paprocki
Wickens Q Dilliard
Leon G Sergi
Stacey B Caldarera
Kadeem J Waycott
Izzy G Glick
Jefferson S Inouye
Jefferson T Chui
Alejandro I Rulapaugh
Darci E Morasca
Munro L Kusko
Chavez W Maclead
Munro B Oldroyd
Alejandro E Figeroa
Maria W Bowley
Leja C Glick
Wickens A Whobrey
Costa L Perin
David U Ruta
Johnson A Bolognia
Cody G Oldroyd
Aditya T Ferencz
Jefferson Y Albares
Leon K Waycott
Kaitlin E Caldarera
Mujtaba B Bolognia
Morrow I Dilliard
Faith C Kolmetz
Julie H Gaucho
Stacey S Rim
Jones A Dilliard
Adams M Stockham
Jefferson C Maclead
Darci G Gillian
Adams X Ostrosky
Murillo Q Foller
Ricardo P Glick
Alejandro A Venere
Greenwood V Ostrosky
Aika U Marrier
Antonio U Iturbide
Ashley E Campain
Octavia D Butt
Arvin K Stenseth
Aruna P Doe
David K Bowley
Juan F Campain
Maria J Paprocki
Izzy U Caudy
IdCountryDate
1000Canada2026-10-08
1001United Kingdom2026-10-10
1002India2026-10-25
1003India2026-10-21
1004Canada2026-10-26
1005Brazil2026-10-10
1006Canada2026-10-10
1007Russia2026-10-05
1008Argentina2026-10-06
1009Japan2026-10-08
1010India2026-10-23
1011United Kingdom2026-10-10
1012Russia2026-10-15
1013Argentina2026-10-02
1014Italy2026-10-05
1015Brazil2026-10-15
1016Australia2026-10-04
1017United Kingdom2026-10-09
1018Russia2026-10-05
1019Spain2026-10-09
1020France2026-10-04
1021Canada2026-10-19
1022France2026-10-24
1023Russia2026-10-08
1024Italy2026-10-01
1025Spain2026-10-25
1026France2026-10-14
1027Russia2026-10-07
1028United Kingdom2026-10-23
1029India2026-10-15
1030France2026-09-28
1031United Kingdom2026-10-10
1032Spain2026-10-20
1033Canada2026-09-27
1034Argentina2026-09-27
1035Russia2026-10-05
1036Argentina2026-10-21
1037Canada2026-10-16
1038Australia2026-10-01
1039United Kingdom2026-10-20
1040Argentina2026-10-20
1041France2026-10-15
1042Canada2026-10-05
1043Brazil2026-10-17
1044Italy2026-10-14
1045Australia2026-10-06
1046Spain2026-10-14
1047Japan2026-10-12
1048Canada2026-10-08
1049Germany2026-10-04

On-Demand Data

NameIdCountryDate
Izzy B Albares1000Germany2026-10-23
Maria C Caldarera1001Australia2026-10-12
Johnson J Iturbide1002Argentina2026-10-03
Tony R Glick1003Brazil2026-10-20
Adams M Sergi1004India2026-10-19
Kadeem G Inouye1005India2026-09-27
Kaitlin X Shinko1006India2026-10-18
Silvio L Amigon1007United Kingdom2026-10-18
Claire S Gaucho1008Spain2026-10-16
Silvio C Stockham1009India2026-10-03
Wickens X Doe1010Canada2026-10-10
Ricardo T Gillian1011Japan2026-10-10
Salvatore V Maclead1012Russia2026-10-21
Leja X Tollner1013Germany2026-10-23
Wickens D Waycott1014Australia2026-09-30
Stacey H Ruta1015Germany2026-10-21
Ivar C Slusarski1016India2026-10-25
Adams A Royster1017Italy2026-09-28
Tony L Sergi1018Russia2026-10-19
Aditya N Foller1019India2026-10-13
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Adams P MacleadCanadaAnna Fali QUALIFIED
Mayumi K FigeroaUnited KingdomIoni Bowcher RENEWAL
Octavia B ChuiBrazilIvan Magalhaes PROPOSAL
James T MarrierItalyAmy Elsner PROPOSAL
Sinclair N FerenczIndiaOnyama Limba QUALIFIED
Johnson S RimUnited KingdomBernardo Dominic PROPOSAL
Julie R DarakjyJapanXuxue Feng QUALIFIED
Octavia H CampainArgentinaElwin Sharvill PROPOSAL
Jeanfrancois E InouyeJapanAnna Fali PROPOSAL
Sinclair B RimRussiaAnna Fali QUALIFIED
Jefferson Y DarakjyFranceOnyama Limba QUALIFIED
James V FlosiAustraliaOnyama Limba UNQUALIFIED
Cody V GarufiItalyIoni Bowcher RENEWAL
Darci V BowleyFranceOnyama Limba PROPOSAL
Rodrigues W FlosiBrazilXuxue Feng NEW
Johnson W KuskoAustraliaIvan Magalhaes UNQUALIFIED
Nicolas N InouyeIndiaOnyama Limba QUALIFIED
Alejandro C MaletSpainIvan Magalhaes UNQUALIFIED
Cody S SergiFranceIoni Bowcher RENEWAL
Salvatore D OldroydIndiaElwin Sharvill RENEWAL
Jennifer X MorascaIndiaAmy Elsner NEGOTIATION
Nicolas N ShinkoAustraliaAnna Fali PROPOSAL
Misaki H FollerUnited KingdomBernardo Dominic NEW
Stacey N DoeItalyIvan Magalhaes QUALIFIED
Silvio C GauchoJapanStephen Shaw QUALIFIED
Ricardo G BowleyFranceOnyama Limba RENEWAL
Murillo U FlosiFranceAmy Elsner NEGOTIATION
Munro F OstroskyRussiaElwin Sharvill UNQUALIFIED
Tony Q SaylorsFranceIoni Bowcher UNQUALIFIED
Greenwood R KuskoItalyIvan Magalhaes NEW
Kadeem L WieserBrazilAnna Fali RENEWAL
Smith O DoeGermanyAnna Fali PROPOSAL
Morrow Z FerenczUnited KingdomIoni Bowcher NEW
Cody T DilliardBrazilAsiya Javayant UNQUALIFIED
Tony H StockhamArgentinaOnyama Limba NEW
Munro D NickaCanadaIvan Magalhaes RENEWAL
Ricardo G AmigonBrazilStephen Shaw NEGOTIATION
Jennifer G MarrierIndiaXuxue Feng QUALIFIED
Ivar Z FigeroaFranceStephen Shaw NEGOTIATION
Mujtaba D ButtAustraliaIoni Bowcher UNQUALIFIED

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