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
Clifford A DoeAustraliaAmy Elsner NEW
Aika K RimAustraliaAsiya Javayant NEW
Stacey O VenereAustraliaAnna Fali NEGOTIATION
Ashley U FerenczItalyElwin Sharvill RENEWAL
Leja H CaldareraUnited KingdomIvan Magalhaes NEW
Mujtaba C CaldareraBrazilStephen Shaw UNQUALIFIED
Mujtaba K RimArgentinaAnna Fali QUALIFIED
Jennifer X DilliardBrazilAsiya Javayant QUALIFIED
Ashley I FollerBrazilXuxue Feng QUALIFIED
Ashley H KolmetzItalyIvan Magalhaes RENEWAL
Julie N DoeBrazilIoni Bowcher RENEWAL
Munro X RutaSpainElwin Sharvill NEW
Ricardo Q PaprockiJapanXuxue Feng RENEWAL
Maria E RoysterIndiaAnna Fali QUALIFIED
Aika K FigeroaSpainAsiya Javayant PROPOSAL
Octavia X AmigonIndiaIvan Magalhaes PROPOSAL
Mayumi F AmigonGermanyIoni Bowcher UNQUALIFIED
Deepesh U RulapaughArgentinaAnna Fali QUALIFIED
Morrow L ShinkoArgentinaElwin Sharvill NEW
Arvin H BowleyGermanyOnyama Limba QUALIFIED
Julie W NickaGermanyOnyama Limba QUALIFIED
Maria K SaylorsJapanAnna Fali NEW
Sinclair G GarufiGermanyOnyama Limba QUALIFIED
Alejandro T MorascaGermanyAmy Elsner PROPOSAL
Clifford B FigeroaBrazilElwin Sharvill QUALIFIED
Emily M NestleBrazilXuxue Feng NEGOTIATION
Greenwood S StockhamAustraliaIvan Magalhaes RENEWAL
Stacey D OldroydBrazilBernardo Dominic UNQUALIFIED
Leon G KolmetzFranceAmy Elsner NEGOTIATION
Jennifer T RoysterGermanyStephen Shaw QUALIFIED
Aditya S StensethFranceIvan Magalhaes NEW
Mujtaba N RoysterFranceElwin Sharvill NEGOTIATION
Octavia Y AlbaresUnited KingdomAnna Fali QUALIFIED
Chavez Y RimUnited KingdomBernardo Dominic PROPOSAL
Stacey H GarufiJapanStephen Shaw NEW
Salvatore U MaletArgentinaAsiya Javayant PROPOSAL
Morrow G MarrierItalyAnna Fali NEW
Silvio B MorascaBrazilAsiya Javayant PROPOSAL
Mayumi R WaycottCanadaElwin Sharvill NEW
Maria Y VenereFranceAnna Fali UNQUALIFIED
Jones D CaldareraItalyBernardo Dominic NEW
Arvin D GauchoJapanAnna Fali NEW
Morrow V FollerGermanyAnna Fali RENEWAL
Deepesh G CaudyIndiaAmy Elsner UNQUALIFIED
Aika L MorascaItalyOnyama Limba RENEWAL
Kadeem X MorascaAustraliaXuxue Feng UNQUALIFIED
Jennifer Q MorascaJapanAnna Fali QUALIFIED
Morrow M DoeArgentinaAsiya Javayant NEW
Nicolas D CaudySpainStephen Shaw QUALIFIED
Clifford W RoysterJapanOnyama Limba NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Salvatore I BologniaItalyIoni Bowcher RENEWAL
Kadeem I RimItalyAnna Fali RENEWAL
Costa K WaycottCanadaAsiya Javayant QUALIFIED
Kaitlin X BowleyGermanyIvan Magalhaes UNQUALIFIED
Deepesh I GarufiIndiaAnna Fali NEGOTIATION
Murillo I GarufiArgentinaBernardo Dominic UNQUALIFIED
Francesco W PaprockiBrazilAsiya Javayant NEW
Greenwood D DilliardCanadaXuxue Feng RENEWAL
Maisha Y RutaCanadaIvan Magalhaes UNQUALIFIED
Aruna L SergiRussiaXuxue Feng NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Johnson C VenereFrance2026-10-21Chemel, James L Cpa NEGOTIATION73Bernardo Dominic
1001Silvio E IturbideAustralia2026-10-25Benton, John B Jr NEGOTIATION75Anna Fali
1002Julie T SchemmerArgentina2026-10-09Chemel, James L Cpa QUALIFIED12Asiya Javayant
1003Wickens B GauchoGermany2026-11-06Rousseaux, Michael Esq RENEWAL40Ioni Bowcher
1004Cody U SergiAustralia2026-10-21Chemel, James L Cpa PROPOSAL68Elwin Sharvill
1005Jeanfrancois D GauchoRussia2026-10-08Buckley Miller Wright QUALIFIED39Ivan Magalhaes
1006Greenwood J PaprockiJapan2026-10-31King, Christopher A Esq PROPOSAL98Onyama Limba
1007Aika T MorascaGermany2026-10-28Feltz Printing Service QUALIFIED62Bernardo Dominic
1008Cody R GillianBrazil2026-10-21Rangoni Of Florence QUALIFIED86Onyama Limba
1009Munro H SlusarskiRussia2026-10-13Commercial Press NEW58Onyama Limba
1010Jennifer N WhobreyItaly2026-11-02Dorl, James J Esq NEW91Amy Elsner
1011Mayumi V BriddickBrazil2026-10-08Feiner Bros NEGOTIATION99Ivan Magalhaes
1012Misaki N IturbideArgentina2026-11-05Feiner Bros PROPOSAL84Elwin Sharvill
1013Johnson J DoeCanada2026-10-23Buckley Miller Wright NEW8Amy Elsner
1014Maisha M TollnerAustralia2026-10-24Morlong Associates PROPOSAL49Xuxue Feng
1015Aika U BriddickIndia2026-10-23Feltz Printing Service NEW71Elwin Sharvill
1016Maria V StensethFrance2026-10-29Feltz Printing Service PROPOSAL63Ivan Magalhaes
1017Jones A CaudyFrance2026-10-11Feltz Printing Service RENEWAL7Anna Fali
1018Ricardo A SlusarskiCanada2026-10-24Dorl, James J Esq PROPOSAL91Onyama Limba
1019Jones B FerenczIndia2026-11-01Feiner Bros RENEWAL10Asiya Javayant
1020James H BologniaJapan2026-11-05Feltz Printing Service NEW15Stephen Shaw
1021Isabel W GauchoItaly2026-11-05Morlong Associates NEW5Xuxue Feng
1022Jefferson Y OldroydJapan2026-10-09Chemel, James L Cpa NEGOTIATION34Asiya Javayant
1023Tony Z SergiJapan2026-10-19Chanay, Jeffrey A Esq NEW47Ioni Bowcher
1024Izzy I FigeroaArgentina2026-10-28Chemel, James L Cpa PROPOSAL7Amy Elsner
1025Mujtaba K WaycottAustralia2026-10-22Chapman, Ross E Esq QUALIFIED21Amy Elsner
1026Alejandro X VocelkaGermany2026-10-08King, Christopher A Esq PROPOSAL27Bernardo Dominic
1027Rodrigues I CampainArgentina2026-10-16King, Christopher A Esq RENEWAL62Xuxue Feng
1028Munro K CaudyArgentina2026-10-26Buckley Miller Wright PROPOSAL48Ioni Bowcher
1029Maisha H MorascaRussia2026-10-28Commercial Press PROPOSAL5Asiya Javayant
1030Jefferson Y RoysterFrance2026-10-17King, Christopher A Esq UNQUALIFIED77Elwin Sharvill
1031Ivar K SaylorsItaly2026-10-26Benton, John B Jr PROPOSAL56Ivan Magalhaes
1032Mujtaba D DoeRussia2026-10-09Printing Dimensions RENEWAL84Bernardo Dominic
1033Alejandro K PerinGermany2026-11-05Buckley Miller Wright NEGOTIATION37Ioni Bowcher
1034Deepesh C VenereCanada2026-10-31Chanay, Jeffrey A Esq NEW63Asiya Javayant
1035Costa V NestleGermany2026-10-18Commercial Press NEW21Stephen Shaw
1036Salvatore V KolmetzIndia2026-10-29Chapman, Ross E Esq PROPOSAL98Stephen Shaw
1037Darci W MaletJapan2026-10-10Rousseaux, Michael Esq NEW23Asiya Javayant
1038Darci M DoeBrazil2026-10-21Buckley Miller Wright PROPOSAL18Asiya Javayant
1039Mayumi G SergiCanada2026-10-21Morlong Associates QUALIFIED93Anna Fali
1040Kadeem U CampainRussia2026-10-16Chapman, Ross E Esq PROPOSAL93Ivan Magalhaes
1041Chavez F FerenczCanada2026-10-21Chemel, James L Cpa NEGOTIATION96Anna Fali
1042Darci S DarakjyCanada2026-11-01Truhlar And Truhlar Attys RENEWAL62Amy Elsner
1043James R OldroydArgentina2026-10-12Buckley Miller Wright UNQUALIFIED88Ioni Bowcher
1044Rodrigues F FigeroaFrance2026-10-30Rousseaux, Michael Esq NEW94Xuxue Feng
1045Alejandro T GarufiFrance2026-10-19Feltz Printing Service PROPOSAL92Ioni Bowcher
1046Kadeem B AmigonBrazil2026-10-23Feltz Printing Service UNQUALIFIED71Ioni Bowcher
1047Deepesh R SchemmerFrance2026-10-24Commercial Press QUALIFIED25Stephen Shaw
1048Arvin H MarrierFrance2026-10-10King, Christopher A Esq NEW27Anna Fali
1049Deepesh I MarrierJapan2026-10-19Buckley Miller Wright UNQUALIFIED30Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Cody Q KolmetzJapanBernardo Dominic PROPOSAL
Tony W VocelkaAustraliaAmy Elsner UNQUALIFIED
Clifford V SaylorsJapanElwin Sharvill PROPOSAL
Salvatore V GlickFranceAnna Fali NEGOTIATION
Rodrigues O MacleadAustraliaElwin Sharvill NEW
Smith D PoquetteSpainIoni Bowcher RENEWAL
Johnson D CaudyFranceOnyama Limba UNQUALIFIED
Octavia I MacleadFranceXuxue Feng PROPOSAL
Murillo X PerinCanadaIvan Magalhaes NEGOTIATION
Misaki Y FollerIndiaElwin Sharvill NEGOTIATION
Sinclair Z RoysterAustraliaIoni Bowcher PROPOSAL
Izzy Y OldroydFranceAmy Elsner NEGOTIATION
Claire G MacleadCanadaElwin Sharvill NEGOTIATION
Leja O SergiIndiaIvan Magalhaes QUALIFIED
Murillo I StensethJapanAmy Elsner NEW
Octavia Y KuskoCanadaElwin Sharvill QUALIFIED
Emily L RutaGermanyOnyama Limba NEW
Alejandro H ChuiGermanyBernardo Dominic NEGOTIATION
Adams D NestleArgentinaStephen Shaw UNQUALIFIED
Chavez P ButtGermanyStephen Shaw UNQUALIFIED
Aruna W MaletJapanAmy Elsner UNQUALIFIED
Faith F FigeroaBrazilStephen Shaw QUALIFIED
Mujtaba U WieserFranceAsiya Javayant PROPOSAL
David W MorascaIndiaXuxue Feng NEGOTIATION
Francesco L RimFranceIvan Magalhaes NEW
Juan N MaletBrazilXuxue Feng QUALIFIED
Isabel R SchemmerJapanBernardo Dominic NEGOTIATION
Francesco N GlickAustraliaAsiya Javayant QUALIFIED
Aruna A TollnerRussiaXuxue Feng NEW
Mayumi N FigeroaRussiaOnyama Limba PROPOSAL
Salvatore R CampainGermanyIvan Magalhaes NEW
Nicolas R SergiAustraliaAsiya Javayant UNQUALIFIED
Morrow B MorascaGermanyIoni Bowcher PROPOSAL
Leon X GauchoIndiaBernardo Dominic RENEWAL
Adams Z IturbideJapanXuxue Feng QUALIFIED
Maria S NickaRussiaOnyama Limba QUALIFIED
Ivar K DoeItalyIvan Magalhaes PROPOSAL
Francesco R RimBrazilAmy Elsner RENEWAL
Tony J InouyeUnited KingdomAnna Fali NEW
Silvio N BriddickBrazilOnyama Limba NEW
Kadeem J KuskoUnited KingdomElwin Sharvill NEGOTIATION
Sinclair D BriddickArgentinaBernardo Dominic NEW
Leon Y NestleCanadaAsiya Javayant UNQUALIFIED
Alejandro C GauchoUnited KingdomElwin Sharvill UNQUALIFIED
Sinclair L KuskoUnited KingdomXuxue Feng PROPOSAL
Maisha L MarrierSpainAnna Fali NEW
Kadeem G StockhamUnited KingdomAmy Elsner PROPOSAL
Ashley F FerenczIndiaAsiya Javayant QUALIFIED
Maria E DarakjyGermanyAsiya Javayant UNQUALIFIED
Salvatore M MorascaItalyAsiya Javayant NEGOTIATION
Frozen Columns
Name
Jones J Flosi
Leja T Perin
Ashley C Maclead
James B Flosi
Mayumi H Tollner
Arvin D Ostrosky
Misaki F Oldroyd
Antonio U Rulapaugh
Chavez K Waycott
Aruna O Darakjy
Darci J Caudy
Sinclair H Vocelka
Arvin S Oldroyd
Murillo X Shinko
Aika Z Chui
Rodrigues F Stenseth
Deepesh L Nestle
Silvio C Nicka
Clifford R Whobrey
Cody C Ostrosky
Deepesh S Slusarski
Claire F Rulapaugh
Tony C Bowley
Octavia K Rim
Mujtaba A Waycott
Francesco G Iturbide
Aika Y Waycott
Mujtaba R Nicka
Wickens C Dilliard
Leon F Malet
Stacey N Whobrey
Jefferson A Rim
Juan E Marrier
Rodrigues G Figeroa
Julie C Royster
Greenwood L Vocelka
Maria W Paprocki
Jennifer M Glick
Maisha Z Oldroyd
Juan N Ferencz
Faith P Ferencz
Stacey M Garufi
Octavia R Maclead
Clifford Q Malet
Maria I Glick
Leja Q Darakjy
Jeanfrancois O Poquette
Smith O Briddick
James F Nicka
Claire Q Paprocki
IdCountryDate
1000Australia2026-10-21
1001Argentina2026-10-08
1002India2026-11-03
1003France2026-10-18
1004Italy2026-10-11
1005Russia2026-11-05
1006Germany2026-11-04
1007Brazil2026-10-29
1008Argentina2026-10-31
1009Canada2026-10-22
1010Spain2026-10-27
1011Italy2026-10-19
1012Argentina2026-11-03
1013Japan2026-11-03
1014Italy2026-11-02
1015Italy2026-10-29
1016Argentina2026-11-01
1017Brazil2026-10-08
1018Argentina2026-11-05
1019Australia2026-10-13
1020Argentina2026-10-25
1021France2026-10-08
1022India2026-11-02
1023India2026-10-09
1024Italy2026-10-24
1025United Kingdom2026-10-18
1026United Kingdom2026-10-10
1027France2026-10-12
1028Australia2026-10-21
1029Russia2026-11-04
1030Brazil2026-11-02
1031Brazil2026-10-14
1032Spain2026-10-12
1033Australia2026-10-20
1034India2026-10-31
1035Australia2026-10-25
1036Spain2026-10-21
1037Japan2026-10-23
1038Spain2026-10-22
1039Germany2026-10-28
1040Spain2026-10-09
1041Canada2026-10-29
1042Argentina2026-10-27
1043India2026-10-08
1044France2026-11-01
1045Argentina2026-11-01
1046India2026-11-02
1047Japan2026-10-20
1048Brazil2026-10-26
1049Brazil2026-10-24

On-Demand Data

NameIdCountryDate
Aika P Schemmer1000Canada2026-10-15
Silvio E Campain1001France2026-10-10
Chavez F Shinko1002Russia2026-10-09
Ashley S Inouye1003Australia2026-10-27
Juan D Maclead1004France2026-11-06
Izzy F Stenseth1005France2026-10-30
Maria H Flosi1006Spain2026-10-12
Julie R Doe1007Spain2026-10-22
Francesco W Flosi1008Argentina2026-10-09
Jennifer M Ruta1009France2026-10-30
Julie R Stockham1010France2026-10-28
Antonio W Venere1011Canada2026-10-25
Murillo B Stenseth1012Argentina2026-10-09
Misaki U Butt1013India2026-10-22
Francesco N Maclead1014Spain2026-10-08
Jones R Foller1015United Kingdom2026-10-28
Claire A Albares1016Australia2026-10-24
James A Ruta1017Canada2026-11-03
Munro Y Foller1018Germany2026-10-31
Chavez N Marrier1019Germany2026-10-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Sinclair V KolmetzRussiaAmy Elsner NEW
Leja Q KuskoAustraliaAsiya Javayant QUALIFIED
Nicolas H DilliardArgentinaAmy Elsner NEW
Kadeem P KolmetzSpainIvan Magalhaes UNQUALIFIED
Ashley G StockhamBrazilIvan Magalhaes NEW
Emily K FerenczArgentinaAnna Fali NEGOTIATION
Jefferson K SchemmerGermanyIvan Magalhaes NEW
Kaitlin V MaletBrazilXuxue Feng NEGOTIATION
Johnson W OstroskyGermanyIoni Bowcher NEW
Murillo E OstroskyCanadaIvan Magalhaes UNQUALIFIED
Sinclair I ButtUnited KingdomIvan Magalhaes UNQUALIFIED
Ivar N VocelkaIndiaStephen Shaw PROPOSAL
Ivar L WieserUnited KingdomIoni Bowcher NEGOTIATION
Munro W RoysterBrazilIoni Bowcher RENEWAL
Izzy M MacleadGermanyIoni Bowcher NEGOTIATION
Adams C WieserItalyAsiya Javayant NEW
Salvatore C FlosiIndiaBernardo Dominic NEW
Leon W AlbaresItalyElwin Sharvill UNQUALIFIED
Ricardo F NickaBrazilIvan Magalhaes NEW
Murillo S WhobreyGermanyOnyama Limba NEGOTIATION
Munro V OldroydGermanyBernardo Dominic UNQUALIFIED
Greenwood P KolmetzBrazilBernardo Dominic RENEWAL
Maisha Z GarufiGermanyAsiya Javayant PROPOSAL
Jones Q BriddickCanadaIoni Bowcher RENEWAL
Kaitlin E SaylorsArgentinaIoni Bowcher UNQUALIFIED
Morrow Y PaprockiRussiaBernardo Dominic NEW
Deepesh C VenereAustraliaIvan Magalhaes NEGOTIATION
Mayumi X OstroskyArgentinaIoni Bowcher RENEWAL
Aruna O KuskoGermanyOnyama Limba PROPOSAL
Jefferson U ChuiSpainAsiya Javayant UNQUALIFIED
Nicolas B MarrierAustraliaAsiya Javayant PROPOSAL
Maria X RulapaughCanadaAsiya Javayant NEW
Ricardo D OstroskyArgentinaXuxue Feng NEGOTIATION
Claire Z PoquetteSpainXuxue Feng NEW
Jones E PerinGermanyElwin Sharvill PROPOSAL
Adams L DarakjyJapanOnyama Limba NEW
Deepesh Z BologniaJapanStephen Shaw NEGOTIATION
Cody Z StensethAustraliaOnyama Limba NEGOTIATION
Tony W GlickUnited KingdomAnna Fali RENEWAL
Clifford C VocelkaArgentinaIvan Magalhaes QUALIFIED

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