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
Smith F PoquetteFranceElwin Sharvill NEW
Faith V MarrierCanadaStephen Shaw RENEWAL
Maisha B RutaGermanyBernardo Dominic RENEWAL
Deepesh R SlusarskiCanadaBernardo Dominic QUALIFIED
Aditya I FollerUnited KingdomAsiya Javayant RENEWAL
Mayumi V OldroydJapanStephen Shaw QUALIFIED
Leja M TollnerJapanIvan Magalhaes RENEWAL
Aika R WieserAustraliaAsiya Javayant RENEWAL
Antonio E RimJapanAmy Elsner NEGOTIATION
Clifford W SergiIndiaXuxue Feng UNQUALIFIED
Mujtaba W RulapaughBrazilAsiya Javayant NEW
Emily A StockhamIndiaAsiya Javayant QUALIFIED
Mayumi T RimAustraliaAsiya Javayant NEGOTIATION
Darci A OldroydItalyStephen Shaw PROPOSAL
Maisha J GillianIndiaAnna Fali UNQUALIFIED
Jones Q WieserArgentinaElwin Sharvill UNQUALIFIED
Isabel X BologniaArgentinaIoni Bowcher UNQUALIFIED
Ashley Z MaletItalyBernardo Dominic RENEWAL
Emily W RulapaughIndiaXuxue Feng NEGOTIATION
Nicolas C MarrierFranceAsiya Javayant PROPOSAL
Ivar J BriddickArgentinaBernardo Dominic UNQUALIFIED
Faith I FerenczFranceIoni Bowcher RENEWAL
Aditya N BologniaSpainBernardo Dominic NEGOTIATION
Rodrigues Y OstroskyUnited KingdomAmy Elsner PROPOSAL
Aruna C VenereBrazilOnyama Limba RENEWAL
Adams F SlusarskiUnited KingdomStephen Shaw RENEWAL
Morrow S DilliardUnited KingdomAmy Elsner QUALIFIED
Emily G IturbideRussiaIoni Bowcher RENEWAL
Alejandro J GlickIndiaIoni Bowcher QUALIFIED
Misaki R GillianGermanyIoni Bowcher QUALIFIED
Misaki J CaudyBrazilOnyama Limba QUALIFIED
Ashley O CaudyJapanIvan Magalhaes NEGOTIATION
Wickens P DoeUnited KingdomAsiya Javayant NEW
Jones V TollnerAustraliaAnna Fali UNQUALIFIED
Murillo W FollerSpainElwin Sharvill QUALIFIED
Aika N FollerAustraliaAmy Elsner PROPOSAL
Isabel F ButtAustraliaElwin Sharvill NEW
Faith B DilliardRussiaStephen Shaw NEW
Sinclair E MaletCanadaAmy Elsner NEW
Costa C CampainCanadaElwin Sharvill RENEWAL
Aika H ChuiUnited KingdomOnyama Limba NEW
Maria Q SchemmerUnited KingdomIvan Magalhaes RENEWAL
Johnson H RoysterFranceAnna Fali PROPOSAL
Jefferson V DoeBrazilOnyama Limba RENEWAL
Sinclair F BologniaCanadaStephen Shaw PROPOSAL
Jennifer K DilliardUnited KingdomAnna Fali PROPOSAL
Alejandro Y MaletGermanyXuxue Feng NEGOTIATION
Mujtaba K FlosiAustraliaAnna Fali UNQUALIFIED
James E GillianGermanyOnyama Limba NEW
Emily X DarakjyIndiaAnna Fali NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Greenwood E RoysterFranceIoni Bowcher RENEWAL
Faith U OldroydCanadaAnna Fali NEW
Silvio E TollnerItalyXuxue Feng RENEWAL
Costa J ChuiBrazilXuxue Feng NEGOTIATION
Jeanfrancois O MarrierItalyAmy Elsner UNQUALIFIED
Leja N SaylorsBrazilOnyama Limba NEW
Misaki A GarufiArgentinaBernardo Dominic RENEWAL
Smith L RutaUnited KingdomOnyama Limba UNQUALIFIED
Cody Z GauchoSpainAmy Elsner UNQUALIFIED
Maria Q SergiSpainAmy Elsner QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Mayumi A SlusarskiSpain2026-09-10King, Christopher A Esq QUALIFIED76Bernardo Dominic
1001Mayumi E MaletCanada2026-08-30Chanay, Jeffrey A Esq PROPOSAL93Stephen Shaw
1002Faith M PaprockiFrance2026-09-03Dorl, James J Esq NEGOTIATION6Ioni Bowcher
1003Jefferson R GillianIndia2026-09-01Feiner Bros QUALIFIED87Asiya Javayant
1004Maisha K GauchoArgentina2026-09-23Dorl, James J Esq NEGOTIATION75Ivan Magalhaes
1005Aika Q BriddickItaly2026-09-16Rousseaux, Michael Esq RENEWAL36Ioni Bowcher
1006Ashley I MorascaSpain2026-09-21Truhlar And Truhlar Attys UNQUALIFIED95Elwin Sharvill
1007Darci T AmigonUnited Kingdom2026-09-22King, Christopher A Esq NEGOTIATION66Ivan Magalhaes
1008Mayumi Y DilliardBrazil2026-09-05Feltz Printing Service NEGOTIATION39Asiya Javayant
1009Wickens F DoeJapan2026-09-22Rangoni Of Florence RENEWAL22Ioni Bowcher
1010Jones L CaldareraSpain2026-09-01Chemel, James L Cpa NEW83Bernardo Dominic
1011Salvatore S IturbideArgentina2026-09-10Rangoni Of Florence NEGOTIATION35Ivan Magalhaes
1012Costa T SlusarskiFrance2026-08-28Feltz Printing Service PROPOSAL51Bernardo Dominic
1013Stacey N CampainCanada2026-09-07Morlong Associates NEGOTIATION26Onyama Limba
1014Smith Z TollnerBrazil2026-09-08Benton, John B Jr NEW73Anna Fali
1015Aruna G FollerArgentina2026-09-12Rangoni Of Florence NEGOTIATION5Bernardo Dominic
1016Salvatore N RoysterIndia2026-09-06Chapman, Ross E Esq UNQUALIFIED85Ioni Bowcher
1017Claire R VocelkaItaly2026-09-24Printing Dimensions RENEWAL1Stephen Shaw
1018Jennifer Q DoeArgentina2026-09-24Morlong Associates NEGOTIATION16Bernardo Dominic
1019Isabel Y StockhamFrance2026-08-31Morlong Associates QUALIFIED90Asiya Javayant
1020Costa R RutaGermany2026-09-12Benton, John B Jr NEW23Asiya Javayant
1021Wickens B ChuiFrance2026-09-19Commercial Press PROPOSAL86Ivan Magalhaes
1022Arvin K KuskoJapan2026-09-21Benton, John B Jr RENEWAL41Elwin Sharvill
1023Costa V WhobreyCanada2026-09-17Morlong Associates RENEWAL33Ioni Bowcher
1024Ivar S MorascaIndia2026-09-16Buckley Miller Wright PROPOSAL69Onyama Limba
1025Jefferson T WieserItaly2026-08-28Feiner Bros UNQUALIFIED68Stephen Shaw
1026Johnson O WhobreyBrazil2026-08-30Morlong Associates PROPOSAL38Ioni Bowcher
1027Cody X KolmetzJapan2026-09-07Printing Dimensions UNQUALIFIED9Ivan Magalhaes
1028Maria A GillianItaly2026-09-16Buckley Miller Wright NEW10Elwin Sharvill
1029Julie V GauchoFrance2026-09-18Rangoni Of Florence PROPOSAL80Stephen Shaw
1030Mujtaba N ChuiCanada2026-09-11King, Christopher A Esq NEGOTIATION8Ioni Bowcher
1031Izzy U RoysterIndia2026-09-13Rangoni Of Florence RENEWAL27Amy Elsner
1032Munro R BriddickSpain2026-09-05Chapman, Ross E Esq PROPOSAL62Stephen Shaw
1033Munro X CampainGermany2026-09-23Feiner Bros NEGOTIATION77Ioni Bowcher
1034Isabel E KolmetzBrazil2026-09-14Morlong Associates QUALIFIED80Amy Elsner
1035Nicolas G WieserCanada2026-09-19King, Christopher A Esq RENEWAL4Amy Elsner
1036Smith Z BowleyUnited Kingdom2026-09-23Morlong Associates PROPOSAL19Onyama Limba
1037Antonio V RoysterItaly2026-09-13Chapman, Ross E Esq QUALIFIED73Bernardo Dominic
1038Morrow I SaylorsSpain2026-09-07Chanay, Jeffrey A Esq PROPOSAL86Anna Fali
1039Stacey S SchemmerCanada2026-09-24Feiner Bros UNQUALIFIED58Anna Fali
1040Jeanfrancois H FerenczItaly2026-08-28Benton, John B Jr NEW40Ivan Magalhaes
1041Jefferson S MacleadBrazil2026-09-14Feiner Bros NEW94Asiya Javayant
1042Jeanfrancois J RutaBrazil2026-09-06Morlong Associates NEW6Amy Elsner
1043Stacey R DilliardBrazil2026-08-30Feltz Printing Service NEGOTIATION28Amy Elsner
1044Costa G FollerBrazil2026-09-23Rousseaux, Michael Esq QUALIFIED1Ioni Bowcher
1045Munro L WaycottJapan2026-09-23Benton, John B Jr PROPOSAL45Elwin Sharvill
1046James T GillianArgentina2026-09-01Chemel, James L Cpa UNQUALIFIED83Anna Fali
1047Aika Q FollerSpain2026-09-11Commercial Press NEW68Ioni Bowcher
1048Alejandro M FigeroaCanada2026-08-28Rousseaux, Michael Esq PROPOSAL28Bernardo Dominic
1049Faith S BowleyArgentina2026-08-29Chapman, Ross E Esq NEGOTIATION27Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Munro A MaletJapanIoni Bowcher QUALIFIED
Kaitlin K MaletIndiaElwin Sharvill PROPOSAL
Greenwood H GauchoBrazilElwin Sharvill NEGOTIATION
Adams C ShinkoItalyOnyama Limba RENEWAL
Jennifer E RimCanadaXuxue Feng PROPOSAL
Claire C PerinUnited KingdomAnna Fali RENEWAL
Clifford Q SchemmerIndiaOnyama Limba UNQUALIFIED
Kadeem F AlbaresAustraliaBernardo Dominic RENEWAL
Juan K CaldareraAustraliaOnyama Limba PROPOSAL
Ashley G RulapaughRussiaIvan Magalhaes NEGOTIATION
Misaki L GarufiFranceAsiya Javayant UNQUALIFIED
Octavia Y MorascaJapanOnyama Limba UNQUALIFIED
Faith G StockhamIndiaXuxue Feng QUALIFIED
Darci I FollerGermanyAmy Elsner NEW
Leja G OstroskyAustraliaBernardo Dominic UNQUALIFIED
David E DoeAustraliaOnyama Limba PROPOSAL
Morrow B ShinkoArgentinaAmy Elsner PROPOSAL
Sinclair M FigeroaIndiaElwin Sharvill NEW
Wickens T MaletArgentinaAsiya Javayant RENEWAL
Costa J ChuiFranceOnyama Limba NEGOTIATION
Deepesh H NickaUnited KingdomIvan Magalhaes QUALIFIED
Smith S NestleCanadaBernardo Dominic UNQUALIFIED
Clifford R OstroskySpainAnna Fali RENEWAL
Morrow Q CaldareraSpainBernardo Dominic QUALIFIED
Emily O GarufiUnited KingdomIoni Bowcher UNQUALIFIED
Leja O BowleyUnited KingdomElwin Sharvill QUALIFIED
Ashley P WieserArgentinaIvan Magalhaes UNQUALIFIED
Cody V ChuiCanadaXuxue Feng QUALIFIED
Leon O CampainRussiaAsiya Javayant NEW
Isabel Y BologniaUnited KingdomStephen Shaw PROPOSAL
Greenwood F GauchoCanadaAmy Elsner UNQUALIFIED
Alejandro A MaletSpainAmy Elsner NEGOTIATION
Maria O DoeUnited KingdomIoni Bowcher PROPOSAL
Ricardo Y GarufiIndiaAnna Fali PROPOSAL
Darci F InouyeIndiaStephen Shaw NEGOTIATION
James K DarakjyArgentinaIvan Magalhaes RENEWAL
Salvatore C PerinGermanyBernardo Dominic PROPOSAL
Francesco F ChuiIndiaXuxue Feng NEGOTIATION
Leon O MaletAustraliaElwin Sharvill UNQUALIFIED
Aika C TollnerSpainElwin Sharvill RENEWAL
Misaki T IturbideCanadaElwin Sharvill NEGOTIATION
James X WaycottAustraliaOnyama Limba NEGOTIATION
Jones E VenereRussiaBernardo Dominic RENEWAL
Francesco B SchemmerFranceIoni Bowcher NEGOTIATION
Octavia N DarakjyUnited KingdomXuxue Feng QUALIFIED
Rodrigues Y DilliardJapanAnna Fali UNQUALIFIED
Kaitlin C SlusarskiSpainAnna Fali NEGOTIATION
Claire O NickaGermanyOnyama Limba NEW
James W RutaRussiaAnna Fali RENEWAL
Misaki P CaudyGermanyAmy Elsner RENEWAL
Frozen Columns
Name
Clifford M Schemmer
Darci Z Schemmer
Aruna E Rim
Salvatore Y Oldroyd
Aika A Campain
Mayumi L Garufi
Emily Y Ruta
Aditya V Shinko
Leja S Stockham
Mujtaba E Inouye
Maria Z Malet
Izzy Y Briddick
Antonio N Caudy
Cody Y Dilliard
Claire M Kolmetz
Jefferson S Inouye
David P Nicka
Faith O Dilliard
David L Glick
Chavez N Nicka
Emily G Briddick
Deepesh A Malet
Deepesh V Ruta
Faith K Morasca
Adams V Ferencz
Jones O Morasca
Leja R Flosi
Maisha Z Bowley
Leja S Briddick
Darci C Inouye
Leja S Kolmetz
Tony H Bolognia
Cody F Stenseth
Jeanfrancois E Ferencz
Antonio L Slusarski
Aruna O Inouye
Rodrigues K Malet
David I Whobrey
Johnson F Oldroyd
Murillo U Caldarera
Jefferson V Maclead
Murillo J Rim
Emily T Campain
Faith O Venere
Smith A Gaucho
Ricardo K Briddick
Murillo N Malet
Arvin Y Flosi
Smith H Rulapaugh
Leon H Waycott
IdCountryDate
1000Germany2026-09-03
1001Argentina2026-09-07
1002United Kingdom2026-09-07
1003Argentina2026-09-08
1004Russia2026-09-06
1005Australia2026-09-05
1006Argentina2026-09-16
1007Spain2026-09-18
1008Germany2026-08-30
1009United Kingdom2026-08-29
1010Spain2026-09-01
1011Japan2026-09-12
1012Russia2026-09-24
1013Germany2026-09-03
1014Russia2026-09-02
1015Italy2026-09-11
1016Japan2026-08-31
1017Canada2026-09-25
1018Brazil2026-09-13
1019Russia2026-09-14
1020Canada2026-09-23
1021Canada2026-09-10
1022Spain2026-09-07
1023Spain2026-09-05
1024Japan2026-09-06
1025India2026-09-18
1026Brazil2026-09-14
1027India2026-09-02
1028Italy2026-09-15
1029Italy2026-09-18
1030Australia2026-09-11
1031Brazil2026-09-19
1032United Kingdom2026-08-31
1033Italy2026-09-20
1034Italy2026-08-27
1035Australia2026-09-08
1036Canada2026-09-02
1037Australia2026-09-05
1038Spain2026-09-01
1039Japan2026-09-14
1040Argentina2026-09-19
1041Japan2026-09-10
1042Italy2026-09-08
1043Russia2026-09-09
1044Argentina2026-09-18
1045Canada2026-09-03
1046Germany2026-09-10
1047Argentina2026-09-13
1048Argentina2026-09-16
1049Spain2026-09-01

On-Demand Data

NameIdCountryDate
Alejandro B Chui1000United Kingdom2026-09-20
Isabel H Stockham1001India2026-08-30
Ashley J Darakjy1002Russia2026-09-01
Tony D Chui1003Argentina2026-08-31
David G Whobrey1004Canada2026-09-20
Clifford L Caldarera1005Japan2026-09-11
Silvio X Saylors1006Russia2026-08-27
Aika L Maclead1007Argentina2026-09-20
Wickens X Kolmetz1008Italy2026-09-23
Juan G Rim1009Italy2026-09-24
Aika Y Albares1010France2026-09-22
Leja D Saylors1011Italy2026-08-31
Wickens P Foller1012Spain2026-09-07
Deepesh P Figeroa1013Argentina2026-09-16
Mujtaba T Albares1014India2026-09-06
Emily P Wieser1015Russia2026-08-28
David R Saylors1016Italy2026-08-27
Antonio Q Royster1017Russia2026-09-25
Kaitlin V Wieser1018Germany2026-09-06
Costa G Slusarski1019Canada2026-09-18
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Smith N AmigonBrazilIvan Magalhaes PROPOSAL
Antonio G OstroskyIndiaAmy Elsner PROPOSAL
Misaki W CampainSpainStephen Shaw NEGOTIATION
Mujtaba V MarrierUnited KingdomAmy Elsner NEW
Murillo Y MaletGermanyAnna Fali NEW
Faith D SergiRussiaBernardo Dominic PROPOSAL
Maria J DoeFranceIoni Bowcher RENEWAL
Jefferson R MaletBrazilXuxue Feng QUALIFIED
Johnson H TollnerRussiaAnna Fali NEGOTIATION
Salvatore M CampainAustraliaElwin Sharvill UNQUALIFIED
Nicolas G GauchoFranceAnna Fali NEGOTIATION
Nicolas C ShinkoUnited KingdomStephen Shaw QUALIFIED
Wickens A CaldareraItalyAnna Fali QUALIFIED
Ashley F SchemmerSpainIvan Magalhaes RENEWAL
Sinclair S ButtGermanyOnyama Limba QUALIFIED
Clifford O PerinIndiaElwin Sharvill RENEWAL
Murillo K VocelkaBrazilAmy Elsner RENEWAL
Greenwood L ButtCanadaAsiya Javayant QUALIFIED
Wickens T SlusarskiSpainElwin Sharvill NEGOTIATION
Jeanfrancois P CampainIndiaIoni Bowcher RENEWAL
Isabel S MorascaRussiaIoni Bowcher QUALIFIED
Silvio Y PaprockiUnited KingdomAmy Elsner QUALIFIED
Aika P BriddickGermanyAnna Fali QUALIFIED
Aditya K FigeroaBrazilAnna Fali UNQUALIFIED
Munro A BowleySpainStephen Shaw RENEWAL
Jennifer F DarakjyRussiaIoni Bowcher QUALIFIED
Munro R FlosiIndiaBernardo Dominic NEW
Leon W OstroskyBrazilXuxue Feng NEW
Kaitlin W MarrierUnited KingdomStephen Shaw NEW
Costa E FigeroaUnited KingdomElwin Sharvill NEW
Cody O PaprockiBrazilIvan Magalhaes NEGOTIATION
Kaitlin Q GauchoFranceOnyama Limba QUALIFIED
Johnson Q VocelkaAustraliaOnyama Limba QUALIFIED
Kadeem I BriddickRussiaAsiya Javayant NEGOTIATION
Silvio Z TollnerFranceOnyama Limba UNQUALIFIED
Johnson C KuskoArgentinaAnna Fali RENEWAL
Leja X CampainArgentinaStephen Shaw NEGOTIATION
Ricardo X BowleyGermanyStephen Shaw UNQUALIFIED
Jeanfrancois O KuskoBrazilBernardo Dominic QUALIFIED
Munro O ChuiUnited KingdomAnna Fali 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>