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
Sinclair K CampainBrazilIvan Magalhaes NEGOTIATION
Antonio E MorascaUnited KingdomIvan Magalhaes RENEWAL
Morrow M PerinRussiaBernardo Dominic RENEWAL
Alejandro H KolmetzCanadaOnyama Limba UNQUALIFIED
Leja E SlusarskiJapanAsiya Javayant NEW
Ivar C KuskoFranceOnyama Limba NEGOTIATION
Faith X DilliardFranceXuxue Feng PROPOSAL
Morrow J VocelkaSpainBernardo Dominic QUALIFIED
Munro N KuskoFranceStephen Shaw NEGOTIATION
Aditya V WhobreyFranceAmy Elsner UNQUALIFIED
Smith D KuskoAustraliaXuxue Feng NEGOTIATION
Murillo Q DarakjyGermanyBernardo Dominic RENEWAL
Darci K OldroydIndiaIoni Bowcher NEGOTIATION
Maisha H FlosiBrazilAmy Elsner UNQUALIFIED
Francesco W CaudyAustraliaElwin Sharvill PROPOSAL
Smith Y FollerGermanyAsiya Javayant NEW
David A SergiUnited KingdomAsiya Javayant NEW
Sinclair B VocelkaBrazilIoni Bowcher PROPOSAL
Arvin R SlusarskiJapanOnyama Limba NEW
Munro I MaletSpainAsiya Javayant PROPOSAL
Salvatore A RutaAustraliaIoni Bowcher RENEWAL
Rodrigues L MacleadAustraliaAnna Fali NEW
Mujtaba J GarufiJapanAmy Elsner NEW
Mayumi R StensethRussiaAnna Fali NEGOTIATION
Munro H DilliardItalyAsiya Javayant RENEWAL
Misaki N GauchoCanadaAnna Fali NEW
Jeanfrancois I ButtAustraliaBernardo Dominic NEW
Leja I CaudyCanadaIoni Bowcher UNQUALIFIED
Darci L PaprockiIndiaElwin Sharvill PROPOSAL
Tony F RulapaughUnited KingdomElwin Sharvill UNQUALIFIED
Claire Y GillianItalyIoni Bowcher UNQUALIFIED
Maria Q GillianRussiaElwin Sharvill PROPOSAL
Arvin D SchemmerSpainIoni Bowcher QUALIFIED
Salvatore K PerinAustraliaXuxue Feng RENEWAL
Ricardo J FerenczIndiaElwin Sharvill QUALIFIED
Costa I GarufiJapanBernardo Dominic UNQUALIFIED
Jefferson R OstroskyRussiaIoni Bowcher RENEWAL
Darci R GauchoBrazilAnna Fali NEW
Jones F CampainGermanyBernardo Dominic QUALIFIED
Munro P WaycottUnited KingdomXuxue Feng NEW
Antonio J FigeroaJapanIoni Bowcher RENEWAL
Jennifer G InouyeFranceAsiya Javayant PROPOSAL
Darci Q SlusarskiGermanyBernardo Dominic NEGOTIATION
Munro Y WieserSpainOnyama Limba PROPOSAL
Greenwood K CampainRussiaIvan Magalhaes RENEWAL
Chavez T MacleadJapanAsiya Javayant RENEWAL
Aika O RoysterCanadaAsiya Javayant NEW
Murillo R RimIndiaBernardo Dominic RENEWAL
Octavia S CaudyFranceAmy Elsner PROPOSAL
Claire Q RulapaughRussiaIvan Magalhaes UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Ivar K GillianAustraliaXuxue Feng UNQUALIFIED
Francesco F DarakjyIndiaStephen Shaw RENEWAL
Jennifer I CaldareraFranceIoni Bowcher NEGOTIATION
James B GlickRussiaIoni Bowcher NEW
Jones H FigeroaArgentinaElwin Sharvill NEW
Maisha Q MaletItalyBernardo Dominic PROPOSAL
Murillo Z WaycottUnited KingdomElwin Sharvill NEGOTIATION
Smith W WhobreyJapanAsiya Javayant RENEWAL
Misaki G AmigonJapanBernardo Dominic PROPOSAL
Deepesh V WaycottBrazilAmy Elsner NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Munro K MarrierSpain2026-09-24Buckley Miller Wright NEW19Bernardo Dominic
1001Jennifer W RoysterArgentina2026-10-07Feiner Bros PROPOSAL65Onyama Limba
1002Aika N MorascaCanada2026-09-23Truhlar And Truhlar Attys PROPOSAL40Bernardo Dominic
1003Cody V DilliardIndia2026-09-11Feiner Bros QUALIFIED5Stephen Shaw
1004Maisha N AlbaresGermany2026-09-25Printing Dimensions RENEWAL9Stephen Shaw
1005Arvin Q MacleadJapan2026-10-04King, Christopher A Esq QUALIFIED21Amy Elsner
1006Nicolas H MacleadSpain2026-09-17Benton, John B Jr QUALIFIED83Anna Fali
1007Claire Y VocelkaFrance2026-09-15Chemel, James L Cpa RENEWAL69Stephen Shaw
1008Ricardo A BowleyUnited Kingdom2026-09-21Chemel, James L Cpa NEW69Stephen Shaw
1009Jeanfrancois D OldroydItaly2026-09-25King, Christopher A Esq NEGOTIATION68Xuxue Feng
1010Stacey D OstroskyGermany2026-10-03Dorl, James J Esq QUALIFIED21Elwin Sharvill
1011Kadeem A RimUnited Kingdom2026-09-18King, Christopher A Esq NEW52Elwin Sharvill
1012Smith T KuskoGermany2026-09-28King, Christopher A Esq NEW66Ivan Magalhaes
1013Jennifer L NickaAustralia2026-09-20Chapman, Ross E Esq PROPOSAL86Anna Fali
1014Aruna U NestleSpain2026-09-09Rousseaux, Michael Esq NEGOTIATION46Anna Fali
1015Salvatore R FlosiSpain2026-09-21Feltz Printing Service RENEWAL58Anna Fali
1016Julie K BologniaUnited Kingdom2026-10-01Rangoni Of Florence NEGOTIATION74Elwin Sharvill
1017Francesco D SlusarskiRussia2026-10-01Chemel, James L Cpa RENEWAL55Onyama Limba
1018Ricardo U GauchoCanada2026-09-12Benton, John B Jr QUALIFIED34Ivan Magalhaes
1019Misaki Q RulapaughIndia2026-09-21Rangoni Of Florence RENEWAL12Ioni Bowcher
1020Tony C RutaUnited Kingdom2026-09-14Chapman, Ross E Esq QUALIFIED2Asiya Javayant
1021Jones Q SaylorsItaly2026-10-08Truhlar And Truhlar Attys NEW97Onyama Limba
1022Mujtaba L IturbideSpain2026-09-21Feiner Bros UNQUALIFIED26Ivan Magalhaes
1023Mayumi M RoysterArgentina2026-09-21King, Christopher A Esq UNQUALIFIED68Ioni Bowcher
1024Antonio O TollnerFrance2026-09-28King, Christopher A Esq PROPOSAL28Amy Elsner
1025Maria K RulapaughAustralia2026-10-04Morlong Associates QUALIFIED9Ioni Bowcher
1026Mayumi N OstroskyIndia2026-09-11Benton, John B Jr RENEWAL59Elwin Sharvill
1027Cody L SergiCanada2026-10-06Rangoni Of Florence PROPOSAL59Anna Fali
1028Izzy Z OldroydFrance2026-09-22Chapman, Ross E Esq NEW97Ivan Magalhaes
1029Aruna S GarufiItaly2026-09-28Morlong Associates NEGOTIATION42Stephen Shaw
1030Stacey V WieserSpain2026-09-18Printing Dimensions QUALIFIED62Elwin Sharvill
1031Isabel W NestleUnited Kingdom2026-09-18Chapman, Ross E Esq NEW57Xuxue Feng
1032Salvatore D OldroydSpain2026-09-12Rousseaux, Michael Esq RENEWAL67Bernardo Dominic
1033Johnson F GlickSpain2026-09-26Chapman, Ross E Esq RENEWAL21Xuxue Feng
1034Silvio G ChuiRussia2026-09-17Rousseaux, Michael Esq PROPOSAL13Onyama Limba
1035Faith X SchemmerAustralia2026-09-24Chemel, James L Cpa NEGOTIATION53Onyama Limba
1036Adams F MaletIndia2026-09-10King, Christopher A Esq NEGOTIATION39Bernardo Dominic
1037Salvatore F GarufiAustralia2026-10-03Chanay, Jeffrey A Esq RENEWAL30Stephen Shaw
1038Mayumi N MaletRussia2026-10-06King, Christopher A Esq NEW59Asiya Javayant
1039Ricardo X BowleyFrance2026-09-13King, Christopher A Esq RENEWAL52Ivan Magalhaes
1040Sinclair S CaldareraArgentina2026-09-12Morlong Associates NEW73Amy Elsner
1041Ashley J WieserRussia2026-09-16Feltz Printing Service QUALIFIED63Ioni Bowcher
1042Deepesh D CaldareraFrance2026-09-10Rangoni Of Florence NEGOTIATION77Elwin Sharvill
1043Deepesh Y TollnerItaly2026-09-14Chapman, Ross E Esq RENEWAL17Elwin Sharvill
1044Mujtaba Y MaletBrazil2026-09-17Morlong Associates NEGOTIATION49Xuxue Feng
1045Jeanfrancois Q NickaCanada2026-10-03Dorl, James J Esq UNQUALIFIED0Elwin Sharvill
1046Izzy R DilliardCanada2026-09-26Feiner Bros UNQUALIFIED15Stephen Shaw
1047Ashley H FerenczFrance2026-09-20Benton, John B Jr NEW62Bernardo Dominic
1048Munro J KuskoJapan2026-09-16Chanay, Jeffrey A Esq NEW79Onyama Limba
1049Darci N WieserBrazil2026-09-19Morlong Associates QUALIFIED22Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Munro Y ChuiBrazilBernardo Dominic RENEWAL
Leon T StockhamGermanyStephen Shaw PROPOSAL
Francesco F GauchoArgentinaXuxue Feng QUALIFIED
Maisha A MaletJapanOnyama Limba QUALIFIED
Ricardo P BologniaItalyBernardo Dominic RENEWAL
Nicolas W FollerCanadaIvan Magalhaes NEGOTIATION
Johnson O DarakjyGermanyStephen Shaw QUALIFIED
Salvatore P DarakjyCanadaAsiya Javayant PROPOSAL
Juan N AmigonBrazilIoni Bowcher QUALIFIED
Antonio F BowleyItalyBernardo Dominic UNQUALIFIED
Ivar I ChuiCanadaXuxue Feng QUALIFIED
Aditya T KolmetzItalyAnna Fali UNQUALIFIED
Nicolas F SlusarskiRussiaElwin Sharvill PROPOSAL
Murillo Z ChuiSpainStephen Shaw UNQUALIFIED
Jefferson P TollnerFranceXuxue Feng UNQUALIFIED
Jeanfrancois H KolmetzFranceXuxue Feng NEGOTIATION
Kaitlin H KuskoJapanXuxue Feng QUALIFIED
Ivar L MorascaItalyIvan Magalhaes QUALIFIED
Deepesh R DoeBrazilAnna Fali QUALIFIED
Claire S IturbideCanadaIvan Magalhaes QUALIFIED
Arvin W RutaArgentinaIoni Bowcher RENEWAL
Aditya B FerenczUnited KingdomAmy Elsner QUALIFIED
Leon Z RulapaughArgentinaOnyama Limba QUALIFIED
Izzy J DarakjyItalyAmy Elsner PROPOSAL
Leja P KuskoFranceXuxue Feng NEGOTIATION
James R MaletJapanAsiya Javayant RENEWAL
Antonio H WaycottCanadaIoni Bowcher NEW
Isabel M PerinUnited KingdomIvan Magalhaes NEW
Salvatore X StockhamBrazilBernardo Dominic PROPOSAL
Antonio T VocelkaItalyAsiya Javayant PROPOSAL
Chavez J SchemmerRussiaAmy Elsner NEGOTIATION
Maria E VocelkaRussiaXuxue Feng RENEWAL
Silvio H FlosiAustraliaElwin Sharvill PROPOSAL
Mujtaba N PaprockiRussiaIvan Magalhaes NEW
Ivar K DarakjyArgentinaIvan Magalhaes UNQUALIFIED
Jeanfrancois P SlusarskiIndiaIvan Magalhaes UNQUALIFIED
Leon R InouyeItalyIoni Bowcher UNQUALIFIED
Adams S StensethAustraliaAmy Elsner UNQUALIFIED
Alejandro Q BowleyItalyStephen Shaw QUALIFIED
Alejandro N FlosiCanadaAsiya Javayant UNQUALIFIED
Jefferson R GillianJapanAsiya Javayant NEGOTIATION
Salvatore W KuskoFranceElwin Sharvill PROPOSAL
Stacey D DilliardIndiaOnyama Limba NEGOTIATION
Maria Z ChuiItalyXuxue Feng RENEWAL
Aika H PoquetteItalyIvan Magalhaes NEW
Juan K DoeIndiaBernardo Dominic NEGOTIATION
Julie M StockhamBrazilAnna Fali NEW
Cody E RutaUnited KingdomAsiya Javayant QUALIFIED
Mujtaba K KuskoCanadaOnyama Limba PROPOSAL
Maria N RoysterArgentinaIvan Magalhaes UNQUALIFIED
Frozen Columns
Name
Chavez V Butt
Ashley F Royster
Rodrigues N Poquette
Arvin A Tollner
Leon I Ferencz
Izzy H Vocelka
James C Venere
Julie W Kusko
Aditya X Kolmetz
Aika D Kolmetz
Arvin K Paprocki
Aruna L Tollner
Morrow H Marrier
Sinclair R Malet
Jennifer G Foller
Emily X Ferencz
Costa Q Kolmetz
Clifford C Briddick
Chavez A Bolognia
Sinclair L Campain
Kadeem S Royster
Ricardo D Oldroyd
Nicolas I Tollner
Aika B Rim
Tony Q Oldroyd
James H Sergi
Jennifer M Bowley
Jones V Butt
Morrow W Whobrey
Antonio W Butt
Leja B Gillian
Misaki V Doe
Faith M Amigon
Leja K Foller
Arvin M Glick
Aika T Bolognia
Emily G Stenseth
Sinclair S Malet
David T Briddick
Salvatore A Inouye
Kadeem M Oldroyd
Juan A Chui
Cody F Stockham
Darci O Garufi
Nicolas T Figeroa
Aditya X Ruta
Aditya Y Tollner
Aika R Perin
Rodrigues B Kolmetz
Francesco N Perin
IdCountryDate
1000Spain2026-10-02
1001Japan2026-09-18
1002Spain2026-09-23
1003Germany2026-10-08
1004Argentina2026-09-23
1005Australia2026-09-29
1006Canada2026-10-07
1007Brazil2026-09-23
1008Italy2026-09-12
1009Brazil2026-09-14
1010Russia2026-09-20
1011Japan2026-09-23
1012Germany2026-09-22
1013Spain2026-09-24
1014United Kingdom2026-09-22
1015India2026-09-14
1016India2026-10-06
1017Brazil2026-09-19
1018Canada2026-09-22
1019Germany2026-09-13
1020Japan2026-09-29
1021Germany2026-09-25
1022Brazil2026-10-04
1023Italy2026-09-23
1024Russia2026-09-30
1025Italy2026-09-30
1026France2026-10-07
1027Canada2026-10-05
1028Argentina2026-09-14
1029Argentina2026-09-19
1030India2026-09-21
1031France2026-09-23
1032Canada2026-09-27
1033Spain2026-09-26
1034Russia2026-09-18
1035Russia2026-10-06
1036Italy2026-09-23
1037Argentina2026-10-05
1038Russia2026-09-27
1039Australia2026-10-04
1040Argentina2026-09-16
1041Argentina2026-09-18
1042Spain2026-09-30
1043United Kingdom2026-09-12
1044Australia2026-09-20
1045Spain2026-09-18
1046Russia2026-10-03
1047United Kingdom2026-10-07
1048Canada2026-09-25
1049Canada2026-09-21

On-Demand Data

NameIdCountryDate
Adams L Ferencz1000India2026-09-09
Munro D Venere1001Japan2026-09-21
Clifford T Sergi1002Germany2026-09-11
Kadeem F Slusarski1003Canada2026-09-17
Ashley N Vocelka1004Australia2026-10-04
Sinclair N Figeroa1005United Kingdom2026-09-27
Wickens C Oldroyd1006United Kingdom2026-09-19
Ashley I Ostrosky1007France2026-09-15
Maria W Bolognia1008India2026-10-03
Kaitlin T Rim1009Russia2026-09-22
Mujtaba O Butt1010France2026-09-18
Johnson U Ferencz1011France2026-09-09
Jeanfrancois N Poquette1012Germany2026-09-19
Costa M Bolognia1013Spain2026-09-13
Misaki M Caudy1014Australia2026-10-05
Jennifer O Stockham1015Germany2026-10-01
Ashley V Darakjy1016Australia2026-10-06
Smith B Chui1017Canada2026-10-02
Adams W Shinko1018Brazil2026-09-24
Antonio K Flosi1019Japan2026-09-11
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Mayumi Y PerinFranceAnna Fali UNQUALIFIED
Chavez E DarakjyAustraliaOnyama Limba PROPOSAL
Maria B PerinFranceAmy Elsner NEGOTIATION
Ashley I MarrierUnited KingdomAnna Fali NEGOTIATION
Jefferson B KuskoAustraliaAnna Fali UNQUALIFIED
Antonio K NickaFranceIoni Bowcher NEGOTIATION
Isabel T GarufiJapanAnna Fali NEGOTIATION
Mujtaba V SergiCanadaAmy Elsner RENEWAL
Jeanfrancois G CampainCanadaIoni Bowcher QUALIFIED
Cody O TollnerJapanAnna Fali PROPOSAL
Deepesh X FerenczCanadaAnna Fali QUALIFIED
Adams L MorascaAustraliaElwin Sharvill RENEWAL
Misaki T FerenczSpainOnyama Limba UNQUALIFIED
Alejandro S FerenczGermanyElwin Sharvill UNQUALIFIED
James W MorascaSpainOnyama Limba PROPOSAL
Rodrigues T FerenczAustraliaOnyama Limba PROPOSAL
Silvio G InouyeAustraliaAmy Elsner NEGOTIATION
Murillo L RimRussiaAmy Elsner PROPOSAL
Murillo S PerinBrazilOnyama Limba UNQUALIFIED
Darci F MaletJapanIvan Magalhaes NEGOTIATION
Aika W DarakjyIndiaIoni Bowcher UNQUALIFIED
Julie K StensethArgentinaAmy Elsner NEGOTIATION
Antonio P MaletJapanStephen Shaw NEGOTIATION
Alejandro W InouyeBrazilElwin Sharvill PROPOSAL
David T BowleySpainXuxue Feng QUALIFIED
Claire F StockhamRussiaAsiya Javayant QUALIFIED
James T GauchoAustraliaAmy Elsner QUALIFIED
Smith I StensethAustraliaIoni Bowcher QUALIFIED
Stacey W OldroydUnited KingdomElwin Sharvill UNQUALIFIED
Jeanfrancois O DoeSpainElwin Sharvill RENEWAL
Francesco J GillianCanadaAmy Elsner RENEWAL
Stacey E SlusarskiCanadaAmy Elsner RENEWAL
Aika V SlusarskiUnited KingdomOnyama Limba UNQUALIFIED
Mayumi Z BowleyFranceOnyama Limba NEW
Leja J InouyeItalyStephen Shaw UNQUALIFIED
Rodrigues V SergiSpainBernardo Dominic PROPOSAL
Antonio Y RutaUnited KingdomIvan Magalhaes PROPOSAL
Octavia I StensethAustraliaAmy Elsner NEGOTIATION
Leon C FollerIndiaStephen Shaw PROPOSAL
Munro C FigeroaBrazilOnyama Limba 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>