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
Stacey U RoysterItalyXuxue Feng QUALIFIED
Izzy X GauchoAustraliaAnna Fali UNQUALIFIED
Wickens K RulapaughFranceOnyama Limba NEW
Ricardo X DoeItalyXuxue Feng NEGOTIATION
David S SchemmerFranceXuxue Feng RENEWAL
Tony G RoysterGermanyIoni Bowcher NEW
Chavez P MaletJapanBernardo Dominic RENEWAL
Johnson R AmigonArgentinaStephen Shaw QUALIFIED
Jeanfrancois O DoeArgentinaOnyama Limba NEGOTIATION
Cody V InouyeCanadaAsiya Javayant UNQUALIFIED
Antonio T CaudyAustraliaElwin Sharvill RENEWAL
Adams T FlosiJapanStephen Shaw NEW
James L FerenczCanadaAmy Elsner PROPOSAL
Octavia J WieserFranceOnyama Limba RENEWAL
Claire G PerinFranceIoni Bowcher RENEWAL
Sinclair H MorascaBrazilOnyama Limba NEW
Claire R ButtItalyStephen Shaw NEW
Morrow P MacleadAustraliaIoni Bowcher NEGOTIATION
Costa P BriddickItalyXuxue Feng RENEWAL
James I FlosiBrazilBernardo Dominic RENEWAL
Silvio N MorascaArgentinaBernardo Dominic QUALIFIED
Sinclair E AmigonUnited KingdomAmy Elsner NEW
Francesco J RimBrazilAmy Elsner NEW
Maisha I AlbaresArgentinaAsiya Javayant UNQUALIFIED
Julie N GarufiUnited KingdomAmy Elsner UNQUALIFIED
James X MaletArgentinaAmy Elsner RENEWAL
Costa J FlosiBrazilIvan Magalhaes NEGOTIATION
Kaitlin Q ButtJapanAnna Fali UNQUALIFIED
Aruna C PoquetteAustraliaIoni Bowcher NEGOTIATION
Clifford C FlosiIndiaXuxue Feng PROPOSAL
Silvio I WhobreyJapanIoni Bowcher UNQUALIFIED
Izzy R VenereGermanyAnna Fali UNQUALIFIED
Aika V WieserItalyXuxue Feng NEGOTIATION
Octavia V FollerAustraliaIvan Magalhaes UNQUALIFIED
Salvatore F VocelkaSpainElwin Sharvill QUALIFIED
Ashley K BologniaCanadaStephen Shaw PROPOSAL
Murillo C WhobreyIndiaAmy Elsner PROPOSAL
Leon C MaletJapanBernardo Dominic UNQUALIFIED
Octavia N BowleyArgentinaBernardo Dominic NEGOTIATION
Deepesh G MarrierItalyAsiya Javayant NEGOTIATION
Arvin L NestleUnited KingdomAsiya Javayant NEW
Maisha C CaldareraItalyAmy Elsner RENEWAL
Izzy R GarufiAustraliaAsiya Javayant NEGOTIATION
Maria J SergiCanadaXuxue Feng RENEWAL
Munro Z PaprockiAustraliaElwin Sharvill PROPOSAL
Jennifer W RulapaughFranceAsiya Javayant RENEWAL
Tony K IturbideSpainOnyama Limba UNQUALIFIED
Aditya N PaprockiAustraliaIoni Bowcher PROPOSAL
Darci O FlosiAustraliaIoni Bowcher RENEWAL
Munro C OstroskyArgentinaBernardo Dominic QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Murillo G MaletFranceAnna Fali NEGOTIATION
Mujtaba A InouyeRussiaElwin Sharvill QUALIFIED
Adams M RutaAustraliaOnyama Limba UNQUALIFIED
Morrow O DoeArgentinaIvan Magalhaes PROPOSAL
Jefferson F RoysterJapanAnna Fali PROPOSAL
Rodrigues N GlickSpainStephen Shaw PROPOSAL
Arvin P VenereBrazilIoni Bowcher PROPOSAL
Aika L GlickCanadaStephen Shaw QUALIFIED
Adams R WhobreyItalyIvan Magalhaes QUALIFIED
Kaitlin A PaprockiArgentinaBernardo Dominic UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Antonio M KolmetzAustralia2026-10-10Chapman, Ross E Esq NEGOTIATION10Ivan Magalhaes
1001Jones P AmigonUnited Kingdom2026-09-30Dorl, James J Esq RENEWAL51Onyama Limba
1002David N GauchoBrazil2026-09-22Feltz Printing Service UNQUALIFIED93Bernardo Dominic
1003Ivar Z GlickAustralia2026-10-13Benton, John B Jr UNQUALIFIED90Xuxue Feng
1004Greenwood Q SergiUnited Kingdom2026-09-18Benton, John B Jr NEW39Ioni Bowcher
1005Kadeem Q FlosiAustralia2026-10-03Feiner Bros NEW3Anna Fali
1006Silvio Z MacleadIndia2026-10-08Rousseaux, Michael Esq UNQUALIFIED0Ivan Magalhaes
1007Izzy R IturbideIndia2026-10-09Benton, John B Jr QUALIFIED3Stephen Shaw
1008Octavia Y WieserAustralia2026-09-29Chapman, Ross E Esq PROPOSAL5Onyama Limba
1009Francesco U FollerFrance2026-10-16Benton, John B Jr RENEWAL29Bernardo Dominic
1010Misaki R FigeroaFrance2026-09-21Buckley Miller Wright QUALIFIED40Amy Elsner
1011Misaki W DoeUnited Kingdom2026-10-08Buckley Miller Wright UNQUALIFIED88Ioni Bowcher
1012Ricardo V AlbaresGermany2026-09-21Buckley Miller Wright RENEWAL57Onyama Limba
1013Nicolas X CaudyCanada2026-10-16King, Christopher A Esq QUALIFIED96Amy Elsner
1014Deepesh Y OstroskyRussia2026-10-15Morlong Associates UNQUALIFIED69Ioni Bowcher
1015Nicolas Z NestleCanada2026-09-18Morlong Associates QUALIFIED31Elwin Sharvill
1016Ricardo Z DilliardUnited Kingdom2026-10-14Commercial Press PROPOSAL57Xuxue Feng
1017Tony O DilliardIndia2026-09-21Dorl, James J Esq QUALIFIED36Elwin Sharvill
1018Tony B OstroskyIndia2026-09-26Truhlar And Truhlar Attys UNQUALIFIED34Xuxue Feng
1019Jones K DilliardGermany2026-09-26Printing Dimensions UNQUALIFIED0Amy Elsner
1020Jones W IturbideIndia2026-09-21Morlong Associates NEGOTIATION5Xuxue Feng
1021Arvin Y ChuiUnited Kingdom2026-09-19Commercial Press RENEWAL26Ivan Magalhaes
1022Morrow N CaldareraArgentina2026-09-27Morlong Associates NEW64Anna Fali
1023Aika C VocelkaGermany2026-09-23Dorl, James J Esq QUALIFIED62Bernardo Dominic
1024Maisha L RulapaughIndia2026-09-30Rangoni Of Florence NEW19Amy Elsner
1025Silvio W GauchoJapan2026-10-14Chemel, James L Cpa UNQUALIFIED80Bernardo Dominic
1026Ricardo E DilliardSpain2026-10-10Feiner Bros NEW13Anna Fali
1027Maria D OldroydGermany2026-09-30Chemel, James L Cpa RENEWAL19Onyama Limba
1028Adams R SlusarskiUnited Kingdom2026-10-17Dorl, James J Esq NEW63Ioni Bowcher
1029Smith E BologniaItaly2026-10-17Morlong Associates NEGOTIATION38Elwin Sharvill
1030Izzy Y BowleyUnited Kingdom2026-10-05Rousseaux, Michael Esq NEGOTIATION44Amy Elsner
1031Adams S FollerIndia2026-10-14Feiner Bros RENEWAL51Asiya Javayant
1032Silvio K KuskoCanada2026-10-17Feiner Bros RENEWAL12Elwin Sharvill
1033Kaitlin J AlbaresBrazil2026-09-29Benton, John B Jr RENEWAL22Amy Elsner
1034Misaki F WieserFrance2026-09-20Benton, John B Jr UNQUALIFIED59Ivan Magalhaes
1035Adams R DoeGermany2026-09-23Truhlar And Truhlar Attys UNQUALIFIED60Anna Fali
1036Greenwood U MaletRussia2026-09-19Feltz Printing Service RENEWAL77Asiya Javayant
1037Kadeem P MaletGermany2026-09-18Morlong Associates NEGOTIATION94Anna Fali
1038Mujtaba S RimItaly2026-10-12Chemel, James L Cpa QUALIFIED6Elwin Sharvill
1039Leon P MarrierGermany2026-09-24Morlong Associates PROPOSAL32Asiya Javayant
1040Jones I WhobreySpain2026-09-28Truhlar And Truhlar Attys RENEWAL64Asiya Javayant
1041Octavia F SaylorsGermany2026-10-11Chapman, Ross E Esq UNQUALIFIED84Stephen Shaw
1042Kaitlin J PaprockiBrazil2026-10-08Feiner Bros QUALIFIED31Anna Fali
1043Darci M DarakjyBrazil2026-09-23Printing Dimensions UNQUALIFIED17Stephen Shaw
1044Kaitlin Y AmigonItaly2026-10-16Feltz Printing Service RENEWAL86Elwin Sharvill
1045Deepesh F NestleItaly2026-10-11Buckley Miller Wright RENEWAL38Bernardo Dominic
1046Juan W CaldareraSpain2026-09-29Truhlar And Truhlar Attys RENEWAL62Onyama Limba
1047Claire R SaylorsJapan2026-10-02Feiner Bros NEW79Ivan Magalhaes
1048Izzy O BologniaItaly2026-09-26Commercial Press NEW14Elwin Sharvill
1049Wickens L PaprockiJapan2026-10-04Printing Dimensions QUALIFIED33Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Antonio P WhobreyIndiaStephen Shaw PROPOSAL
Alejandro S ChuiUnited KingdomBernardo Dominic RENEWAL
Johnson S CaudyIndiaXuxue Feng PROPOSAL
Costa K RutaGermanyBernardo Dominic UNQUALIFIED
Deepesh T AlbaresIndiaStephen Shaw UNQUALIFIED
Arvin P MaletGermanyXuxue Feng RENEWAL
Leja M GarufiSpainStephen Shaw NEW
Jones Z MorascaArgentinaAnna Fali NEGOTIATION
Salvatore Z SlusarskiBrazilXuxue Feng UNQUALIFIED
Alejandro L InouyeRussiaXuxue Feng PROPOSAL
Jennifer Z InouyeItalyElwin Sharvill UNQUALIFIED
Mayumi A RimGermanyAnna Fali NEGOTIATION
Munro V AmigonCanadaBernardo Dominic PROPOSAL
Greenwood L SergiFranceAnna Fali PROPOSAL
Sinclair E PerinItalyStephen Shaw UNQUALIFIED
Munro X VocelkaItalyAmy Elsner NEW
Jeanfrancois V OldroydIndiaXuxue Feng PROPOSAL
Maria J MacleadGermanyAmy Elsner UNQUALIFIED
Leon H SaylorsFranceOnyama Limba QUALIFIED
Francesco V MarrierUnited KingdomIoni Bowcher UNQUALIFIED
Claire D ButtUnited KingdomIoni Bowcher PROPOSAL
Claire U VenereItalyIvan Magalhaes PROPOSAL
Misaki Y IturbideRussiaOnyama Limba NEGOTIATION
Stacey Z GarufiCanadaAsiya Javayant NEGOTIATION
Wickens N DoeBrazilXuxue Feng PROPOSAL
Deepesh B CaudyBrazilXuxue Feng PROPOSAL
Salvatore C InouyeIndiaXuxue Feng NEW
Darci F MaletArgentinaAnna Fali PROPOSAL
Cody S KolmetzIndiaIvan Magalhaes RENEWAL
Nicolas R PoquetteFranceOnyama Limba NEW
Julie C RulapaughRussiaBernardo Dominic NEW
Emily Z NickaFranceStephen Shaw NEW
Aditya U MacleadRussiaOnyama Limba NEW
Kaitlin B MacleadCanadaAsiya Javayant NEW
Sinclair R SergiBrazilIoni Bowcher RENEWAL
Antonio B RoysterUnited KingdomAmy Elsner PROPOSAL
Mujtaba S MarrierCanadaAmy Elsner QUALIFIED
Maria Z MaletArgentinaAsiya Javayant NEGOTIATION
Stacey V PoquetteBrazilXuxue Feng NEGOTIATION
Sinclair M GauchoItalyBernardo Dominic NEGOTIATION
Juan H FollerItalyIvan Magalhaes QUALIFIED
Rodrigues V OldroydRussiaIoni Bowcher QUALIFIED
Murillo C AmigonSpainElwin Sharvill QUALIFIED
Mayumi R GauchoArgentinaIoni Bowcher NEGOTIATION
Aditya M GauchoBrazilIvan Magalhaes QUALIFIED
Isabel K BriddickArgentinaElwin Sharvill NEW
Johnson P IturbideAustraliaStephen Shaw UNQUALIFIED
Salvatore J PoquetteItalyIvan Magalhaes PROPOSAL
Nicolas Y MacleadArgentinaIvan Magalhaes NEW
Juan S OldroydJapanStephen Shaw NEW
Frozen Columns
Name
Wickens Q Foller
Maisha G Bolognia
Claire F Inouye
Ashley R Royster
Antonio I Campain
Claire Z Bolognia
Octavia G Campain
Jefferson M Venere
Julie I Caudy
Rodrigues P Garufi
Murillo H Gillian
Jefferson B Doe
Juan C Shinko
Misaki F Iturbide
Kaitlin L Slusarski
Antonio Y Stockham
Cody K Gaucho
Chavez J Ostrosky
Sinclair H Saylors
Salvatore W Figeroa
Murillo W Dilliard
Mujtaba F Waycott
Greenwood X Bowley
Greenwood M Paprocki
Izzy R Poquette
Rodrigues W Perin
Emily U Malet
Ivar Z Tollner
Misaki M Nicka
Ashley X Shinko
Octavia Y Malet
Jeanfrancois E Amigon
Kaitlin Q Campain
Stacey U Ostrosky
Deepesh Y Gaucho
Ashley P Foller
Costa G Darakjy
Aruna N Bowley
Leon T Sergi
Salvatore C Flosi
Mayumi X Kusko
Chavez R Poquette
James C Inouye
Maria T Gaucho
Isabel P Glick
Octavia A Tollner
Maisha Y Tollner
Izzy F Sergi
Sinclair I Whobrey
Deepesh X Royster
IdCountryDate
1000Spain2026-09-18
1001Japan2026-09-25
1002Australia2026-10-08
1003Germany2026-10-17
1004United Kingdom2026-10-15
1005Russia2026-10-09
1006Brazil2026-10-11
1007United Kingdom2026-09-28
1008Argentina2026-10-10
1009Japan2026-10-10
1010Canada2026-09-27
1011Japan2026-09-19
1012Russia2026-09-29
1013Germany2026-10-09
1014Spain2026-10-16
1015Italy2026-09-23
1016Japan2026-10-08
1017Germany2026-09-18
1018India2026-09-28
1019Canada2026-10-09
1020India2026-09-26
1021France2026-09-29
1022Australia2026-09-22
1023Italy2026-10-15
1024United Kingdom2026-10-03
1025India2026-10-16
1026Australia2026-09-20
1027Brazil2026-10-11
1028Australia2026-10-05
1029Argentina2026-10-09
1030Canada2026-10-07
1031Spain2026-10-11
1032Brazil2026-10-03
1033Germany2026-09-30
1034Argentina2026-10-04
1035France2026-10-05
1036Canada2026-10-11
1037Russia2026-10-06
1038Spain2026-09-30
1039Australia2026-10-08
1040Argentina2026-09-27
1041Argentina2026-09-22
1042Germany2026-10-01
1043Australia2026-09-24
1044India2026-09-18
1045Argentina2026-10-09
1046Russia2026-10-01
1047Japan2026-10-13
1048France2026-10-01
1049Germany2026-10-15

On-Demand Data

NameIdCountryDate
Tony Y Morasca1000Australia2026-09-22
Morrow D Morasca1001Brazil2026-10-10
Jennifer D Stenseth1002United Kingdom2026-09-27
Izzy K Ostrosky1003Australia2026-10-01
Wickens Y Waycott1004Russia2026-10-05
Ivar N Wieser1005United Kingdom2026-09-30
Mujtaba L Amigon1006Argentina2026-10-12
Ricardo M Tollner1007India2026-09-21
Jefferson G Gaucho1008Italy2026-10-08
Rodrigues W Tollner1009Brazil2026-10-07
Munro E Rim1010Australia2026-09-27
David E Albares1011Italy2026-10-06
Murillo S Amigon1012Italy2026-09-25
Silvio V Shinko1013Italy2026-09-22
Jefferson U Sergi1014Spain2026-10-15
Morrow L Slusarski1015Germany2026-10-11
Maria Z Saylors1016Brazil2026-09-22
Munro I Tollner1017Italy2026-10-17
Murillo F Venere1018Australia2026-10-03
Tony Q Doe1019Brazil2026-09-18
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jennifer Z AmigonBrazilIvan Magalhaes PROPOSAL
Izzy H VenereItalyXuxue Feng NEW
Sinclair I RutaCanadaAnna Fali NEGOTIATION
Faith N ShinkoRussiaAmy Elsner RENEWAL
Johnson F RimUnited KingdomAnna Fali PROPOSAL
Claire J MarrierAustraliaOnyama Limba UNQUALIFIED
Stacey A NestleUnited KingdomXuxue Feng UNQUALIFIED
Tony I VocelkaRussiaXuxue Feng RENEWAL
Silvio G KolmetzUnited KingdomStephen Shaw UNQUALIFIED
Jefferson K WaycottCanadaOnyama Limba RENEWAL
Mayumi C AlbaresJapanXuxue Feng PROPOSAL
Emily S OldroydRussiaBernardo Dominic NEGOTIATION
Maisha X StensethSpainIoni Bowcher UNQUALIFIED
Ricardo H SergiBrazilAnna Fali QUALIFIED
Ricardo H RutaFranceAsiya Javayant NEGOTIATION
Munro N FigeroaGermanyXuxue Feng NEGOTIATION
Aditya D TollnerArgentinaElwin Sharvill RENEWAL
Clifford T CaudyFranceAsiya Javayant UNQUALIFIED
Costa B SchemmerArgentinaXuxue Feng NEGOTIATION
Ashley S DarakjyGermanyOnyama Limba NEW
Isabel F WieserSpainOnyama Limba NEW
Julie I OstroskyAustraliaOnyama Limba RENEWAL
Jefferson F BriddickItalyAsiya Javayant NEW
Salvatore Q ChuiCanadaElwin Sharvill NEGOTIATION
Silvio Y MorascaFranceIvan Magalhaes NEW
Alejandro D RutaRussiaElwin Sharvill NEGOTIATION
Maisha F CaudyUnited KingdomIoni Bowcher NEW
Isabel V DilliardCanadaElwin Sharvill UNQUALIFIED
Nicolas Z IturbideRussiaElwin Sharvill RENEWAL
Francesco R MarrierCanadaStephen Shaw QUALIFIED
Ashley P OldroydSpainAsiya Javayant NEW
Maisha O DarakjyRussiaElwin Sharvill PROPOSAL
Chavez R MacleadBrazilIvan Magalhaes RENEWAL
Clifford M DoeBrazilIoni Bowcher NEGOTIATION
Chavez E StockhamBrazilIoni Bowcher NEW
Antonio U CampainUnited KingdomIoni Bowcher NEGOTIATION
Chavez U VenereAustraliaXuxue Feng PROPOSAL
Deepesh R DoeArgentinaBernardo Dominic UNQUALIFIED
Wickens X GlickJapanXuxue Feng NEGOTIATION
Ashley L NickaFranceIoni Bowcher PROPOSAL

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