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
Salvatore I SergiRussiaOnyama Limba QUALIFIED
Murillo E NestleGermanyElwin Sharvill NEW
Aika T ButtAustraliaAsiya Javayant NEW
Greenwood K FerenczGermanyStephen Shaw NEGOTIATION
Munro P FlosiIndiaAsiya Javayant NEW
Alejandro W CaldareraRussiaAsiya Javayant QUALIFIED
Darci T DilliardUnited KingdomIoni Bowcher NEGOTIATION
Jones A BologniaBrazilAmy Elsner UNQUALIFIED
Nicolas N FlosiAustraliaAmy Elsner PROPOSAL
Faith V SchemmerIndiaOnyama Limba RENEWAL
Aika F WieserBrazilBernardo Dominic RENEWAL
Rodrigues T FlosiSpainAsiya Javayant NEW
Cody B WhobreySpainElwin Sharvill NEGOTIATION
Jennifer M SergiIndiaIvan Magalhaes NEW
Aruna U NickaUnited KingdomAnna Fali QUALIFIED
Maria K AlbaresIndiaXuxue Feng NEW
David N IturbideItalyOnyama Limba NEGOTIATION
Maisha J CaldareraItalyStephen Shaw NEGOTIATION
Juan S GarufiSpainBernardo Dominic PROPOSAL
Francesco H KuskoItalyOnyama Limba QUALIFIED
Smith E WaycottItalyAnna Fali QUALIFIED
Greenwood H GlickCanadaOnyama Limba RENEWAL
David O RulapaughBrazilXuxue Feng QUALIFIED
Emily Q BologniaItalyAmy Elsner QUALIFIED
Faith F SergiRussiaIoni Bowcher QUALIFIED
Jennifer J FlosiArgentinaBernardo Dominic NEGOTIATION
Izzy T FlosiUnited KingdomElwin Sharvill NEW
Mujtaba D PaprockiItalyAnna Fali UNQUALIFIED
Ashley B RoysterSpainIvan Magalhaes QUALIFIED
Ricardo A CampainArgentinaIvan Magalhaes UNQUALIFIED
Octavia U SlusarskiGermanyAnna Fali RENEWAL
Aditya S FerenczRussiaBernardo Dominic NEW
Leon Q CampainSpainOnyama Limba NEW
Salvatore S PaprockiSpainOnyama Limba PROPOSAL
James R SchemmerAustraliaIvan Magalhaes UNQUALIFIED
Ashley L NickaBrazilAsiya Javayant QUALIFIED
Deepesh W ChuiIndiaAmy Elsner UNQUALIFIED
Silvio X OldroydSpainOnyama Limba RENEWAL
Arvin R DilliardJapanIoni Bowcher NEW
Rodrigues B FollerSpainAnna Fali NEGOTIATION
Murillo G FigeroaArgentinaAmy Elsner NEW
Jeanfrancois Y SchemmerUnited KingdomAsiya Javayant NEW
Salvatore E MaletRussiaOnyama Limba RENEWAL
Ivar Q CampainSpainBernardo Dominic QUALIFIED
Arvin P InouyeRussiaStephen Shaw UNQUALIFIED
Clifford S FigeroaItalyIoni Bowcher NEW
Misaki O DarakjyRussiaOnyama Limba NEW
Sinclair H SlusarskiAustraliaAmy Elsner NEGOTIATION
Jennifer R BriddickSpainXuxue Feng NEGOTIATION
Greenwood A MaletJapanAsiya Javayant RENEWAL
Horizontal
NameCountryRepresentativeStatus
Francesco E SaylorsCanadaAnna Fali QUALIFIED
James F PerinArgentinaStephen Shaw NEGOTIATION
Stacey A WieserAustraliaAmy Elsner QUALIFIED
Silvio X FerenczArgentinaAnna Fali QUALIFIED
Salvatore O WhobreyCanadaStephen Shaw NEGOTIATION
Rodrigues F RutaFranceStephen Shaw NEGOTIATION
Ricardo N DarakjyFranceStephen Shaw RENEWAL
Aika X DilliardItalyXuxue Feng QUALIFIED
Deepesh X AmigonGermanyAnna Fali NEGOTIATION
Jefferson G RulapaughCanadaXuxue Feng NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Alejandro V DarakjyCanada2026-09-29Buckley Miller Wright UNQUALIFIED34Ivan Magalhaes
1001Deepesh P MacleadRussia2026-10-06Rousseaux, Michael Esq NEGOTIATION88Ivan Magalhaes
1002Ricardo Q SchemmerSpain2026-09-21Feltz Printing Service PROPOSAL23Anna Fali
1003Nicolas P FlosiBrazil2026-10-02Chapman, Ross E Esq NEGOTIATION13Asiya Javayant
1004David C BowleyAustralia2026-09-29Chanay, Jeffrey A Esq PROPOSAL46Elwin Sharvill
1005Salvatore V DoeUnited Kingdom2026-09-28Truhlar And Truhlar Attys RENEWAL1Ioni Bowcher
1006Cody L PoquetteItaly2026-10-12Chapman, Ross E Esq NEGOTIATION41Ivan Magalhaes
1007Mujtaba N SchemmerArgentina2026-10-19Dorl, James J Esq QUALIFIED47Onyama Limba
1008Kaitlin A GillianFrance2026-10-04Buckley Miller Wright NEGOTIATION3Amy Elsner
1009Francesco M ButtSpain2026-09-28Benton, John B Jr NEW63Anna Fali
1010Aika K VenereJapan2026-09-26Benton, John B Jr PROPOSAL28Ioni Bowcher
1011Rodrigues H AmigonSpain2026-10-03Rangoni Of Florence UNQUALIFIED84Bernardo Dominic
1012Deepesh T ButtRussia2026-09-28Rangoni Of Florence RENEWAL17Anna Fali
1013Faith G BriddickIndia2026-10-01Printing Dimensions NEGOTIATION22Elwin Sharvill
1014David X PoquetteGermany2026-10-02Chanay, Jeffrey A Esq NEGOTIATION28Elwin Sharvill
1015Jones X ChuiSpain2026-09-29Truhlar And Truhlar Attys QUALIFIED74Ivan Magalhaes
1016Chavez W CampainBrazil2026-10-01King, Christopher A Esq NEGOTIATION16Ioni Bowcher
1017James P AmigonBrazil2026-09-24Morlong Associates QUALIFIED26Anna Fali
1018Wickens B GarufiJapan2026-10-11Truhlar And Truhlar Attys UNQUALIFIED72Elwin Sharvill
1019Emily H BologniaBrazil2026-10-09Feiner Bros NEW88Xuxue Feng
1020Rodrigues X NestleBrazil2026-09-29King, Christopher A Esq QUALIFIED73Amy Elsner
1021Costa I VocelkaGermany2026-10-01King, Christopher A Esq UNQUALIFIED54Xuxue Feng
1022David W WhobreyFrance2026-10-05Benton, John B Jr RENEWAL30Ivan Magalhaes
1023Ashley T VenereJapan2026-09-21Dorl, James J Esq PROPOSAL8Anna Fali
1024Chavez B BriddickGermany2026-09-23Printing Dimensions PROPOSAL34Asiya Javayant
1025Maisha E AlbaresFrance2026-10-08Printing Dimensions RENEWAL84Elwin Sharvill
1026Jennifer B SchemmerCanada2026-10-09Truhlar And Truhlar Attys PROPOSAL1Ivan Magalhaes
1027Francesco L GauchoItaly2026-10-03Commercial Press QUALIFIED91Bernardo Dominic
1028Murillo H InouyeGermany2026-10-07Feltz Printing Service NEGOTIATION19Asiya Javayant
1029Ricardo M BowleyCanada2026-09-22Chemel, James L Cpa PROPOSAL48Ivan Magalhaes
1030David W SlusarskiRussia2026-09-25Buckley Miller Wright PROPOSAL80Anna Fali
1031Kadeem N StensethJapan2026-10-16King, Christopher A Esq RENEWAL0Ioni Bowcher
1032Aditya V OstroskyGermany2026-10-16Dorl, James J Esq QUALIFIED18Ioni Bowcher
1033Ivar I PerinUnited Kingdom2026-10-15Commercial Press NEW79Amy Elsner
1034James Z OstroskyUnited Kingdom2026-10-19Benton, John B Jr QUALIFIED90Elwin Sharvill
1035Octavia W MarrierRussia2026-09-26Truhlar And Truhlar Attys NEGOTIATION34Onyama Limba
1036Johnson O MaletSpain2026-10-15Morlong Associates NEGOTIATION7Elwin Sharvill
1037Rodrigues K ButtUnited Kingdom2026-10-18Chemel, James L Cpa NEGOTIATION63Anna Fali
1038Rodrigues X OstroskyItaly2026-10-02Rousseaux, Michael Esq NEW85Onyama Limba
1039David H RutaCanada2026-10-02Benton, John B Jr NEGOTIATION84Elwin Sharvill
1040Francesco O AmigonBrazil2026-09-28Feiner Bros NEW51Anna Fali
1041Aika F RutaIndia2026-10-04Truhlar And Truhlar Attys NEW20Xuxue Feng
1042Cody K FlosiArgentina2026-10-16Printing Dimensions QUALIFIED55Ioni Bowcher
1043Ivar Z WaycottItaly2026-10-19Printing Dimensions UNQUALIFIED47Xuxue Feng
1044Wickens V SchemmerSpain2026-09-29Morlong Associates NEW67Ioni Bowcher
1045Izzy U SergiUnited Kingdom2026-10-01Rangoni Of Florence NEW20Ioni Bowcher
1046Claire Y FigeroaCanada2026-10-15Buckley Miller Wright NEGOTIATION5Anna Fali
1047Octavia N ShinkoAustralia2026-10-08Feiner Bros NEGOTIATION26Stephen Shaw
1048Jennifer F CaldareraSpain2026-10-04Rousseaux, Michael Esq PROPOSAL81Amy Elsner
1049Jefferson X RulapaughArgentina2026-10-11Benton, John B Jr NEGOTIATION57Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Tony V PerinArgentinaStephen Shaw NEGOTIATION
Jennifer K StockhamBrazilAmy Elsner RENEWAL
Misaki U MaletUnited KingdomAnna Fali NEGOTIATION
Faith R FollerCanadaStephen Shaw UNQUALIFIED
Emily L BologniaSpainBernardo Dominic NEGOTIATION
Juan U RimFranceIvan Magalhaes PROPOSAL
Misaki A SlusarskiArgentinaIvan Magalhaes NEW
Jeanfrancois V ShinkoBrazilAmy Elsner UNQUALIFIED
Antonio C MorascaGermanyIoni Bowcher PROPOSAL
Clifford A TollnerSpainIvan Magalhaes PROPOSAL
Antonio N MaletAustraliaXuxue Feng PROPOSAL
Murillo J MarrierItalyXuxue Feng NEGOTIATION
Ashley O CaldareraBrazilIvan Magalhaes NEGOTIATION
Deepesh A BriddickUnited KingdomStephen Shaw NEGOTIATION
Claire B InouyeFranceElwin Sharvill NEGOTIATION
Wickens R MaletAustraliaXuxue Feng PROPOSAL
Mayumi Y DilliardAustraliaOnyama Limba PROPOSAL
Aruna W ChuiBrazilAsiya Javayant NEGOTIATION
Julie F GauchoUnited KingdomAsiya Javayant UNQUALIFIED
Jefferson S MaletJapanAmy Elsner QUALIFIED
Wickens T RimJapanXuxue Feng NEGOTIATION
Claire B ChuiIndiaIoni Bowcher NEW
Johnson Q DarakjySpainElwin Sharvill QUALIFIED
Mayumi B InouyeFranceElwin Sharvill QUALIFIED
Leja L ChuiCanadaAsiya Javayant NEW
Aditya F DoeArgentinaAsiya Javayant PROPOSAL
Morrow E MaletGermanyIvan Magalhaes QUALIFIED
Mujtaba S SaylorsIndiaIvan Magalhaes RENEWAL
Greenwood Y PerinFranceXuxue Feng UNQUALIFIED
Ricardo W PerinArgentinaAnna Fali RENEWAL
Octavia R PaprockiIndiaElwin Sharvill RENEWAL
Kaitlin W GillianAustraliaAnna Fali NEGOTIATION
Smith Z WaycottUnited KingdomAsiya Javayant NEW
Jones C StensethIndiaStephen Shaw NEW
Jennifer O MacleadGermanyElwin Sharvill QUALIFIED
Mayumi E BowleyItalyAmy Elsner UNQUALIFIED
Ashley H IturbideGermanyIoni Bowcher QUALIFIED
Deepesh K FlosiFranceAmy Elsner RENEWAL
Ashley C SchemmerAustraliaOnyama Limba NEW
Alejandro R StockhamAustraliaIvan Magalhaes NEGOTIATION
Jefferson L SchemmerSpainElwin Sharvill QUALIFIED
Jennifer Y WieserFranceBernardo Dominic RENEWAL
Jennifer T FerenczAustraliaIvan Magalhaes UNQUALIFIED
Sinclair X RulapaughItalyStephen Shaw QUALIFIED
Rodrigues F PaprockiCanadaBernardo Dominic NEGOTIATION
Emily A MorascaIndiaStephen Shaw QUALIFIED
Claire P DilliardRussiaOnyama Limba RENEWAL
Darci G GarufiCanadaXuxue Feng QUALIFIED
Kadeem O GauchoFranceOnyama Limba RENEWAL
Morrow O ButtGermanyElwin Sharvill NEGOTIATION
Frozen Columns
Name
Nicolas B Campain
Emily L Kusko
Tony X Albares
Mujtaba S Royster
Jones S Chui
Jennifer P Rulapaugh
Greenwood T Schemmer
Smith T Gillian
Stacey K Campain
Tony Q Poquette
Antonio Q Shinko
Kadeem K Schemmer
Leja P Caldarera
Alejandro E Malet
Kadeem D Inouye
Jefferson X Campain
Clifford E Malet
Munro S Schemmer
Mayumi C Inouye
Cody W Foller
Misaki N Stockham
Octavia E Caudy
Julie Z Nicka
Mujtaba R Briddick
Juan K Iturbide
Wickens I Venere
Julie X Dilliard
Antonio L Iturbide
Leon O Rim
Kaitlin E Oldroyd
Kadeem C Royster
Deepesh G Morasca
Ivar I Garufi
Isabel D Waycott
Octavia V Figeroa
Silvio H Slusarski
Misaki Q Stenseth
Murillo Y Whobrey
Darci N Gillian
Emily U Perin
Misaki G Stockham
Morrow Q Albares
Maisha R Oldroyd
Wickens Z Perin
Aika Y Oldroyd
Faith V Flosi
Maria V Flosi
Antonio B Kolmetz
Munro B Stockham
Mayumi D Butt
IdCountryDate
1000Spain2026-10-07
1001Japan2026-10-10
1002Spain2026-09-25
1003United Kingdom2026-10-06
1004Brazil2026-10-07
1005Russia2026-10-06
1006Italy2026-09-25
1007Canada2026-10-11
1008Spain2026-09-29
1009United Kingdom2026-10-17
1010United Kingdom2026-09-27
1011India2026-09-26
1012Russia2026-09-24
1013Canada2026-10-12
1014Germany2026-09-30
1015Italy2026-10-14
1016India2026-10-03
1017India2026-10-18
1018Brazil2026-09-30
1019France2026-10-08
1020United Kingdom2026-10-09
1021United Kingdom2026-09-24
1022Germany2026-10-18
1023Japan2026-10-05
1024Japan2026-10-13
1025Canada2026-09-27
1026Australia2026-10-11
1027Australia2026-10-03
1028Russia2026-10-18
1029United Kingdom2026-10-15
1030Japan2026-09-25
1031France2026-10-16
1032Russia2026-10-10
1033Canada2026-09-26
1034France2026-10-19
1035Japan2026-09-26
1036Japan2026-10-05
1037United Kingdom2026-09-26
1038Italy2026-09-22
1039France2026-09-26
1040Argentina2026-09-22
1041India2026-10-01
1042Italy2026-10-09
1043Argentina2026-09-26
1044Argentina2026-10-04
1045Germany2026-09-23
1046United Kingdom2026-10-07
1047Russia2026-10-17
1048Japan2026-09-22
1049Spain2026-10-03

On-Demand Data

NameIdCountryDate
Octavia O Royster1000Germany2026-09-27
Isabel T Malet1001United Kingdom2026-10-13
Leon W Caldarera1002Germany2026-09-20
Rodrigues L Stenseth1003Canada2026-09-24
Ashley J Bowley1004Australia2026-09-26
Ricardo F Sergi1005Japan2026-10-15
Darci B Ostrosky1006Germany2026-10-10
Jefferson L Saylors1007Argentina2026-09-25
Kadeem K Nicka1008Canada2026-10-14
Arvin T Gillian1009Spain2026-09-26
Johnson Q Stenseth1010Germany2026-10-11
Mayumi K Chui1011United Kingdom2026-10-06
Antonio S Whobrey1012Russia2026-09-26
Isabel K Waycott1013India2026-09-30
Mujtaba Y Saylors1014Australia2026-10-11
Adams M Doe1015Germany2026-10-14
Jennifer E Foller1016Japan2026-10-14
Francesco T Slusarski1017Argentina2026-10-14
Tony A Sergi1018Russia2026-09-28
Maria L Stenseth1019Canada2026-09-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Clifford C ButtBrazilAmy Elsner PROPOSAL
Munro T VocelkaRussiaStephen Shaw NEW
Sinclair A RulapaughBrazilXuxue Feng UNQUALIFIED
Alejandro P FigeroaRussiaXuxue Feng PROPOSAL
Wickens R FlosiAustraliaXuxue Feng NEGOTIATION
Mujtaba L GauchoAustraliaStephen Shaw NEGOTIATION
Munro E BowleyCanadaXuxue Feng PROPOSAL
Morrow S MaletRussiaAsiya Javayant NEW
Greenwood R FigeroaIndiaAnna Fali RENEWAL
Cody A GillianRussiaIoni Bowcher NEGOTIATION
Octavia J MaletItalyIoni Bowcher UNQUALIFIED
Deepesh J ShinkoBrazilAmy Elsner NEW
Maria N ButtSpainXuxue Feng QUALIFIED
Emily Z InouyeRussiaAsiya Javayant NEW
Leon H AmigonGermanyIoni Bowcher RENEWAL
Leon L KuskoSpainBernardo Dominic RENEWAL
Ricardo V PaprockiGermanyAnna Fali UNQUALIFIED
Morrow N FollerAustraliaElwin Sharvill QUALIFIED
Clifford K DarakjyCanadaElwin Sharvill NEGOTIATION
Isabel R AlbaresIndiaAsiya Javayant QUALIFIED
Adams I PerinUnited KingdomIoni Bowcher PROPOSAL
Jennifer L CaudyCanadaElwin Sharvill NEW
Silvio O KolmetzJapanIoni Bowcher UNQUALIFIED
Morrow Q OldroydJapanAnna Fali NEW
Munro T SlusarskiIndiaAmy Elsner QUALIFIED
Greenwood R PaprockiFranceBernardo Dominic UNQUALIFIED
Aditya B MarrierItalyAmy Elsner NEW
Sinclair J PaprockiGermanyElwin Sharvill PROPOSAL
Greenwood J DilliardFranceIvan Magalhaes NEW
Faith O MarrierAustraliaXuxue Feng UNQUALIFIED
Johnson S CaudySpainStephen Shaw PROPOSAL
Misaki U GarufiArgentinaElwin Sharvill PROPOSAL
Stacey U VenereAustraliaAnna Fali PROPOSAL
Cody X VenereBrazilElwin Sharvill QUALIFIED
Juan E DarakjyRussiaAmy Elsner NEGOTIATION
Julie A CaldareraFranceOnyama Limba PROPOSAL
Faith J BologniaRussiaXuxue Feng NEW
Isabel V SchemmerItalyAmy Elsner PROPOSAL
Misaki W TollnerItalyElwin Sharvill UNQUALIFIED
Aditya P WhobreyGermanyXuxue Feng NEW

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