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
Antonio T FerenczAustraliaOnyama Limba UNQUALIFIED
Arvin P SaylorsArgentinaXuxue Feng NEGOTIATION
Jones R OldroydBrazilXuxue Feng NEW
Jefferson G ButtArgentinaAmy Elsner NEGOTIATION
Octavia S OldroydAustraliaStephen Shaw PROPOSAL
Clifford D PaprockiAustraliaStephen Shaw QUALIFIED
Chavez W BriddickJapanAmy Elsner QUALIFIED
Silvio N CampainGermanyXuxue Feng NEW
Cody V AlbaresSpainIvan Magalhaes UNQUALIFIED
Chavez Y OstroskyUnited KingdomBernardo Dominic NEGOTIATION
Jennifer O MorascaIndiaAsiya Javayant QUALIFIED
Kaitlin W KuskoArgentinaAmy Elsner QUALIFIED
Ashley V FerenczIndiaBernardo Dominic QUALIFIED
Ricardo Q FollerAustraliaIoni Bowcher RENEWAL
Chavez I FollerArgentinaStephen Shaw RENEWAL
Antonio T GillianRussiaAmy Elsner QUALIFIED
Aditya Y FerenczAustraliaIoni Bowcher PROPOSAL
Claire V MaletAustraliaOnyama Limba UNQUALIFIED
Tony F OstroskyJapanAmy Elsner UNQUALIFIED
Costa O FollerUnited KingdomAsiya Javayant QUALIFIED
Cody D BowleyUnited KingdomXuxue Feng NEGOTIATION
Ricardo Z IturbideItalyElwin Sharvill PROPOSAL
Mayumi E TollnerUnited KingdomOnyama Limba RENEWAL
Cody V VocelkaIndiaAsiya Javayant UNQUALIFIED
James L OstroskyJapanOnyama Limba RENEWAL
Sinclair H ButtGermanyXuxue Feng RENEWAL
Clifford P FollerArgentinaIvan Magalhaes PROPOSAL
Smith Q NestleBrazilElwin Sharvill PROPOSAL
Izzy Q SlusarskiArgentinaIvan Magalhaes RENEWAL
Mujtaba N MorascaItalyBernardo Dominic QUALIFIED
Johnson R DarakjyJapanAmy Elsner RENEWAL
Arvin F RoysterSpainOnyama Limba NEGOTIATION
Emily W GillianJapanAsiya Javayant NEW
Kaitlin Q FlosiArgentinaXuxue Feng NEW
Leja R DoeItalyIvan Magalhaes NEW
Julie O ButtFranceAsiya Javayant PROPOSAL
Juan A WieserJapanIvan Magalhaes PROPOSAL
Emily U KuskoIndiaOnyama Limba NEW
Isabel A FlosiFranceXuxue Feng NEW
Morrow P SlusarskiFranceAnna Fali RENEWAL
Sinclair U StockhamGermanyAnna Fali UNQUALIFIED
Salvatore X BriddickCanadaOnyama Limba QUALIFIED
Stacey M SchemmerBrazilAsiya Javayant NEW
Maisha N DilliardJapanElwin Sharvill RENEWAL
Izzy W ButtFranceStephen Shaw NEW
Kadeem X KolmetzSpainAmy Elsner QUALIFIED
David C FollerItalyXuxue Feng QUALIFIED
Claire S MarrierArgentinaXuxue Feng PROPOSAL
Adams K GauchoFranceAsiya Javayant PROPOSAL
Emily C PaprockiUnited KingdomIvan Magalhaes PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Mujtaba L MaletItalyIoni Bowcher NEW
Morrow M BologniaAustraliaStephen Shaw QUALIFIED
Kaitlin U SergiSpainElwin Sharvill QUALIFIED
Ricardo O FollerUnited KingdomIoni Bowcher QUALIFIED
Leon E SaylorsFranceAmy Elsner QUALIFIED
Mujtaba A PoquetteArgentinaAmy Elsner QUALIFIED
Isabel L DoeSpainBernardo Dominic UNQUALIFIED
Izzy D IturbideUnited KingdomOnyama Limba UNQUALIFIED
Munro H FlosiUnited KingdomIoni Bowcher NEW
Clifford B MacleadIndiaAsiya Javayant NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Antonio W MaletRussia2026-09-10King, Christopher A Esq UNQUALIFIED12Ioni Bowcher
1001Nicolas N DoeArgentina2026-09-21Commercial Press NEW99Ivan Magalhaes
1002Johnson F WieserIndia2026-09-21King, Christopher A Esq PROPOSAL35Bernardo Dominic
1003Wickens A BriddickFrance2026-09-06Feiner Bros NEW48Xuxue Feng
1004Jennifer G OldroydCanada2026-09-26Chapman, Ross E Esq NEW88Amy Elsner
1005Faith E ButtGermany2026-09-17Chemel, James L Cpa PROPOSAL92Ivan Magalhaes
1006Stacey X RimArgentina2026-09-03Commercial Press NEGOTIATION97Xuxue Feng
1007Stacey V BriddickGermany2026-09-16Chapman, Ross E Esq RENEWAL47Stephen Shaw
1008Smith L MarrierCanada2026-09-09Feltz Printing Service QUALIFIED6Elwin Sharvill
1009Jennifer I OldroydUnited Kingdom2026-09-23Buckley Miller Wright NEW48Amy Elsner
1010Aditya R GauchoGermany2026-09-08King, Christopher A Esq RENEWAL78Ioni Bowcher
1011Murillo F MacleadAustralia2026-09-01Chemel, James L Cpa NEW97Bernardo Dominic
1012Jeanfrancois O ShinkoAustralia2026-09-07Chemel, James L Cpa UNQUALIFIED5Xuxue Feng
1013Rodrigues D ButtItaly2026-09-03Rangoni Of Florence PROPOSAL19Onyama Limba
1014Alejandro V KuskoBrazil2026-09-25Truhlar And Truhlar Attys RENEWAL6Ivan Magalhaes
1015Jefferson W NestleUnited Kingdom2026-09-20Feltz Printing Service RENEWAL23Bernardo Dominic
1016Sinclair N SergiGermany2026-09-07Feiner Bros NEGOTIATION45Anna Fali
1017Jones W PoquetteArgentina2026-09-08Morlong Associates NEW19Amy Elsner
1018Silvio J RimArgentina2026-09-24Buckley Miller Wright UNQUALIFIED69Amy Elsner
1019Ivar N CaldareraRussia2026-09-05Benton, John B Jr UNQUALIFIED92Elwin Sharvill
1020Ivar F WhobreyGermany2026-09-27Feltz Printing Service QUALIFIED1Ioni Bowcher
1021Aditya S PaprockiSpain2026-09-05Dorl, James J Esq RENEWAL39Anna Fali
1022Faith D SlusarskiJapan2026-09-08Rangoni Of Florence RENEWAL12Xuxue Feng
1023Mayumi T AlbaresGermany2026-09-19King, Christopher A Esq NEGOTIATION33Xuxue Feng
1024Claire J IturbideJapan2026-09-11King, Christopher A Esq UNQUALIFIED97Xuxue Feng
1025Octavia A SchemmerBrazil2026-09-16Feiner Bros QUALIFIED56Elwin Sharvill
1026Morrow Y StensethFrance2026-09-08Rousseaux, Michael Esq QUALIFIED80Stephen Shaw
1027Ashley S VocelkaBrazil2026-09-29Feltz Printing Service QUALIFIED66Asiya Javayant
1028Isabel M ChuiUnited Kingdom2026-09-30Dorl, James J Esq RENEWAL27Onyama Limba
1029Arvin C FlosiIndia2026-09-18Rangoni Of Florence NEGOTIATION19Onyama Limba
1030Sinclair N GauchoJapan2026-09-25King, Christopher A Esq NEW61Ivan Magalhaes
1031Arvin C DoeFrance2026-09-13Feltz Printing Service UNQUALIFIED3Ioni Bowcher
1032Alejandro O PaprockiRussia2026-09-05Chapman, Ross E Esq NEW32Ioni Bowcher
1033Costa E BriddickGermany2026-09-07Rousseaux, Michael Esq QUALIFIED35Anna Fali
1034Tony O NestleRussia2026-09-19Chanay, Jeffrey A Esq UNQUALIFIED39Xuxue Feng
1035Stacey B OstroskyRussia2026-09-10Chemel, James L Cpa NEW30Xuxue Feng
1036Aruna L MaletAustralia2026-09-29Morlong Associates PROPOSAL79Anna Fali
1037Maisha V NickaCanada2026-09-09Rangoni Of Florence NEW63Anna Fali
1038Nicolas Y ShinkoSpain2026-09-13Morlong Associates PROPOSAL86Bernardo Dominic
1039Munro K WaycottBrazil2026-09-08Feiner Bros QUALIFIED67Onyama Limba
1040Murillo S BowleyJapan2026-09-02Truhlar And Truhlar Attys NEW19Xuxue Feng
1041Greenwood T GillianUnited Kingdom2026-09-19Chemel, James L Cpa PROPOSAL70Xuxue Feng
1042Mayumi C GauchoItaly2026-09-16Truhlar And Truhlar Attys UNQUALIFIED22Asiya Javayant
1043Murillo I SchemmerItaly2026-09-02Chanay, Jeffrey A Esq NEW16Bernardo Dominic
1044Ricardo S MacleadRussia2026-09-04Commercial Press RENEWAL2Amy Elsner
1045Octavia W OstroskyUnited Kingdom2026-09-06Buckley Miller Wright UNQUALIFIED71Elwin Sharvill
1046Tony E AmigonSpain2026-09-06Chapman, Ross E Esq PROPOSAL60Elwin Sharvill
1047Cody S NickaAustralia2026-09-01King, Christopher A Esq NEGOTIATION49Asiya Javayant
1048Chavez R IturbideCanada2026-09-05Morlong Associates NEW68Xuxue Feng
1049Aditya K FigeroaJapan2026-09-19Rangoni Of Florence NEW80Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Leja H RulapaughRussiaXuxue Feng NEGOTIATION
Jefferson B WhobreyRussiaBernardo Dominic NEW
James W NestleCanadaBernardo Dominic NEGOTIATION
Francesco T ShinkoBrazilBernardo Dominic RENEWAL
Misaki Y OldroydGermanyStephen Shaw PROPOSAL
Clifford R BriddickBrazilAmy Elsner PROPOSAL
Morrow G ChuiUnited KingdomAsiya Javayant UNQUALIFIED
Mujtaba W NestleGermanyAmy Elsner QUALIFIED
Smith Q StockhamJapanElwin Sharvill UNQUALIFIED
Wickens D SchemmerUnited KingdomAsiya Javayant NEW
Aditya G GillianAustraliaOnyama Limba NEGOTIATION
Morrow Z AmigonIndiaIvan Magalhaes QUALIFIED
Stacey Y IturbideRussiaIvan Magalhaes PROPOSAL
Kaitlin V MarrierBrazilOnyama Limba UNQUALIFIED
Ivar R RulapaughSpainAnna Fali NEGOTIATION
Leja B InouyeBrazilStephen Shaw PROPOSAL
Stacey C NestleUnited KingdomElwin Sharvill QUALIFIED
Cody D DoeBrazilAnna Fali NEW
Sinclair O NestleItalyElwin Sharvill PROPOSAL
Silvio D SergiBrazilOnyama Limba PROPOSAL
Isabel O IturbideAustraliaOnyama Limba UNQUALIFIED
Emily M MaletCanadaXuxue Feng NEW
Aditya K KuskoArgentinaIvan Magalhaes QUALIFIED
Jefferson V RulapaughAustraliaIoni Bowcher PROPOSAL
Arvin D KuskoArgentinaElwin Sharvill NEGOTIATION
Ashley F DoeIndiaIvan Magalhaes NEGOTIATION
Kaitlin D GarufiFranceAmy Elsner QUALIFIED
Greenwood F KolmetzBrazilXuxue Feng PROPOSAL
Sinclair S OstroskyJapanAsiya Javayant RENEWAL
Smith V MorascaFranceAnna Fali PROPOSAL
Salvatore O DoeArgentinaBernardo Dominic RENEWAL
Costa L RulapaughUnited KingdomStephen Shaw UNQUALIFIED
James X CaldareraItalyElwin Sharvill NEW
Kaitlin R MorascaBrazilAnna Fali NEW
Arvin W FerenczFranceBernardo Dominic NEGOTIATION
Mujtaba E DoeGermanyOnyama Limba RENEWAL
Faith E NickaGermanyStephen Shaw RENEWAL
Ashley T PerinAustraliaAnna Fali NEGOTIATION
Adams G SergiJapanAnna Fali NEGOTIATION
Wickens A SlusarskiGermanyElwin Sharvill UNQUALIFIED
Nicolas I FollerSpainElwin Sharvill QUALIFIED
Aika B PoquetteFranceIoni Bowcher UNQUALIFIED
Chavez C BologniaGermanyBernardo Dominic UNQUALIFIED
Isabel X GauchoUnited KingdomElwin Sharvill UNQUALIFIED
Kadeem Z ShinkoUnited KingdomBernardo Dominic RENEWAL
Claire E DarakjyItalyIoni Bowcher NEGOTIATION
Sinclair S MacleadBrazilAsiya Javayant QUALIFIED
Adams H RutaGermanyIoni Bowcher QUALIFIED
Cody J SchemmerUnited KingdomOnyama Limba PROPOSAL
Jefferson G DilliardAustraliaElwin Sharvill NEW
Frozen Columns
Name
Aruna Y Darakjy
Darci J Nicka
Tony O Schemmer
Aditya G Malet
Greenwood B Darakjy
Jefferson T Garufi
Tony H Paprocki
Mujtaba P Stockham
Jennifer H Gaucho
Aika S Doe
James S Stockham
Ricardo F Gillian
Julie T Albares
Isabel K Briddick
Cody E Stockham
Arvin U Glick
Ricardo O Bowley
Misaki W Ruta
David Y Ostrosky
Faith S Bolognia
Isabel F Slusarski
Sinclair L Butt
Mujtaba M Waycott
Greenwood N Ostrosky
Jeanfrancois U Oldroyd
Ivar N Whobrey
Leja X Shinko
Wickens R Gillian
Clifford G Butt
Rodrigues Q Darakjy
Greenwood V Gaucho
Leja Q Nestle
Izzy Q Morasca
Arvin L Garufi
Murillo J Malet
Jefferson F Poquette
James X Ostrosky
Arvin I Iturbide
Aika J Royster
Jeanfrancois P Kusko
Mayumi W Schemmer
Nicolas N Paprocki
Misaki G Campain
Aditya W Briddick
Tony L Caldarera
Ivar W Campain
Mujtaba M Darakjy
Claire H Shinko
Salvatore W Stockham
Adams B Campain
IdCountryDate
1000Argentina2026-09-06
1001Germany2026-09-30
1002United Kingdom2026-09-10
1003Spain2026-09-09
1004France2026-09-06
1005India2026-09-05
1006India2026-09-13
1007Italy2026-09-06
1008Argentina2026-09-22
1009Canada2026-09-14
1010Argentina2026-09-01
1011Japan2026-09-25
1012Italy2026-09-06
1013United Kingdom2026-09-09
1014Russia2026-09-16
1015Argentina2026-09-13
1016Argentina2026-09-27
1017Italy2026-09-27
1018Japan2026-09-11
1019United Kingdom2026-09-20
1020Canada2026-09-26
1021Australia2026-09-20
1022India2026-09-25
1023Germany2026-09-10
1024Japan2026-09-05
1025Russia2026-09-23
1026Spain2026-09-09
1027France2026-09-28
1028Japan2026-09-20
1029Italy2026-09-13
1030Germany2026-09-25
1031United Kingdom2026-09-08
1032France2026-09-06
1033United Kingdom2026-09-25
1034United Kingdom2026-09-28
1035France2026-09-29
1036India2026-09-10
1037Germany2026-09-10
1038France2026-09-07
1039India2026-09-29
1040Australia2026-09-16
1041United Kingdom2026-09-26
1042Canada2026-09-27
1043United Kingdom2026-09-09
1044Australia2026-09-16
1045Australia2026-09-17
1046United Kingdom2026-09-14
1047France2026-09-13
1048India2026-09-25
1049United Kingdom2026-09-24

On-Demand Data

NameIdCountryDate
Leja U Morasca1000Germany2026-09-21
Chavez W Morasca1001Italy2026-09-25
Mayumi K Malet1002Germany2026-09-13
Salvatore X Maclead1003Japan2026-09-22
Adams J Maclead1004Germany2026-09-24
Stacey H Royster1005Spain2026-09-17
Nicolas C Iturbide1006Spain2026-09-09
Octavia E Foller1007France2026-09-24
Isabel Y Iturbide1008Canada2026-09-01
Murillo W Royster1009Germany2026-09-23
Clifford N Malet1010Australia2026-09-25
Clifford S Paprocki1011Argentina2026-09-24
Murillo D Dilliard1012Russia2026-09-19
Ricardo H Stockham1013Brazil2026-09-02
Mujtaba X Campain1014Japan2026-09-30
Johnson Z Bowley1015Italy2026-09-18
Wickens H Gillian1016Spain2026-09-04
Salvatore H Oldroyd1017Australia2026-09-24
Mayumi F Schemmer1018Germany2026-09-15
Octavia S Kusko1019Brazil2026-09-01
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Mujtaba P StensethArgentinaAnna Fali QUALIFIED
Faith G RoysterIndiaAnna Fali UNQUALIFIED
Salvatore G SergiItalyOnyama Limba UNQUALIFIED
Tony B ButtItalyStephen Shaw NEW
Ricardo R NickaGermanyAmy Elsner QUALIFIED
Francesco P StensethArgentinaBernardo Dominic QUALIFIED
Kadeem R DoeItalyElwin Sharvill PROPOSAL
Mayumi C RoysterSpainElwin Sharvill RENEWAL
Leon H PerinUnited KingdomIvan Magalhaes RENEWAL
Silvio H AmigonCanadaStephen Shaw UNQUALIFIED
Faith A ShinkoItalyIoni Bowcher UNQUALIFIED
Faith Y AlbaresGermanyStephen Shaw NEW
Aditya W RutaGermanyIoni Bowcher PROPOSAL
Jones K FollerIndiaBernardo Dominic NEGOTIATION
Deepesh L AlbaresJapanXuxue Feng NEW
Kaitlin V OldroydGermanyAsiya Javayant PROPOSAL
Mayumi C RutaIndiaStephen Shaw QUALIFIED
Darci H BologniaGermanyElwin Sharvill PROPOSAL
Arvin U DoeSpainIoni Bowcher NEGOTIATION
Mujtaba D SlusarskiBrazilAmy Elsner NEW
Nicolas C FigeroaBrazilXuxue Feng RENEWAL
Wickens S MacleadRussiaElwin Sharvill RENEWAL
Faith X MorascaGermanyIvan Magalhaes NEW
Maisha V GauchoJapanBernardo Dominic RENEWAL
Costa D MorascaFranceIoni Bowcher PROPOSAL
Emily A BologniaItalyAmy Elsner QUALIFIED
Alejandro H StockhamUnited KingdomXuxue Feng QUALIFIED
Adams E GarufiAustraliaIoni Bowcher QUALIFIED
Munro Y ShinkoItalyAnna Fali UNQUALIFIED
Francesco V IturbideAustraliaElwin Sharvill RENEWAL
Smith Y RoysterAustraliaIoni Bowcher QUALIFIED
Francesco X GarufiAustraliaAmy Elsner RENEWAL
Ivar Y MaletSpainElwin Sharvill RENEWAL
Jeanfrancois I VenereArgentinaAmy Elsner RENEWAL
Costa N BowleyItalyXuxue Feng QUALIFIED
Octavia V AlbaresBrazilXuxue Feng RENEWAL
Antonio L MaletRussiaElwin Sharvill RENEWAL
Leon S KuskoArgentinaAsiya Javayant NEGOTIATION
Deepesh V WieserUnited KingdomAnna Fali QUALIFIED
Jennifer D SlusarskiCanadaXuxue Feng RENEWAL

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