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
Costa Y ButtFranceIvan Magalhaes NEGOTIATION
Jones N PerinFranceBernardo Dominic UNQUALIFIED
Emily B FerenczAustraliaIoni Bowcher PROPOSAL
Jeanfrancois Z CaudyCanadaStephen Shaw UNQUALIFIED
Kaitlin L PaprockiFranceAnna Fali RENEWAL
Faith L NickaSpainAsiya Javayant RENEWAL
Ashley D GlickSpainStephen Shaw PROPOSAL
Izzy R WieserBrazilStephen Shaw NEW
Salvatore O AlbaresGermanyStephen Shaw NEGOTIATION
Jefferson A TollnerFranceBernardo Dominic NEGOTIATION
Sinclair U ChuiFranceAnna Fali NEW
Tony G GarufiRussiaAnna Fali QUALIFIED
Munro D FerenczGermanyXuxue Feng NEGOTIATION
Aditya X ButtFranceXuxue Feng NEGOTIATION
Ashley C KuskoJapanBernardo Dominic QUALIFIED
Julie V FigeroaBrazilIoni Bowcher UNQUALIFIED
Jones J VenereArgentinaAsiya Javayant RENEWAL
Julie J SchemmerSpainStephen Shaw RENEWAL
Kaitlin C KuskoBrazilAnna Fali RENEWAL
Francesco D InouyeAustraliaAnna Fali RENEWAL
Greenwood Y CampainCanadaAnna Fali PROPOSAL
Stacey D PaprockiItalyXuxue Feng NEW
Maisha X FigeroaGermanyIvan Magalhaes NEGOTIATION
David G MarrierItalyIvan Magalhaes NEW
Morrow I PoquetteAustraliaAsiya Javayant RENEWAL
Ivar U RulapaughIndiaBernardo Dominic QUALIFIED
Chavez L DoeGermanyOnyama Limba NEGOTIATION
Izzy R CampainUnited KingdomAmy Elsner RENEWAL
Aruna E MaletIndiaBernardo Dominic QUALIFIED
David R PerinUnited KingdomIoni Bowcher NEW
Smith Z ChuiItalyIvan Magalhaes UNQUALIFIED
Francesco R IturbideIndiaAsiya Javayant PROPOSAL
Chavez M InouyeItalyElwin Sharvill RENEWAL
Emily G CampainAustraliaOnyama Limba PROPOSAL
Claire J CaldareraSpainElwin Sharvill UNQUALIFIED
Munro V FollerUnited KingdomAsiya Javayant UNQUALIFIED
Mayumi Z SlusarskiRussiaAmy Elsner RENEWAL
James U MorascaArgentinaAsiya Javayant RENEWAL
Stacey M StensethCanadaAsiya Javayant PROPOSAL
Misaki U KuskoIndiaOnyama Limba RENEWAL
Emily I AlbaresUnited KingdomOnyama Limba NEW
Claire Z BologniaSpainIvan Magalhaes QUALIFIED
Kaitlin W KolmetzIndiaStephen Shaw RENEWAL
Clifford I SaylorsCanadaIvan Magalhaes UNQUALIFIED
Julie K BriddickUnited KingdomAmy Elsner RENEWAL
Darci D StockhamJapanIvan Magalhaes PROPOSAL
Nicolas Z SaylorsIndiaOnyama Limba RENEWAL
Jones V SergiIndiaXuxue Feng PROPOSAL
Salvatore K BologniaBrazilAsiya Javayant QUALIFIED
Kaitlin D FollerJapanBernardo Dominic PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Kadeem S OstroskyGermanyElwin Sharvill NEW
Octavia R GarufiJapanAmy Elsner NEW
Arvin D RoysterUnited KingdomStephen Shaw UNQUALIFIED
Leon O RulapaughJapanIoni Bowcher QUALIFIED
Aruna Y CaudyFranceElwin Sharvill UNQUALIFIED
Jones J KuskoBrazilIoni Bowcher NEGOTIATION
Silvio V SchemmerFranceAmy Elsner PROPOSAL
Juan R PerinBrazilAmy Elsner RENEWAL
Costa T CampainAustraliaElwin Sharvill QUALIFIED
Francesco P BriddickUnited KingdomIvan Magalhaes NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Nicolas K OldroydItaly2026-10-11Chapman, Ross E Esq RENEWAL78Xuxue Feng
1001Wickens Q MacleadAustralia2026-10-07Chapman, Ross E Esq NEW7Amy Elsner
1002Morrow M SaylorsUnited Kingdom2026-10-01Benton, John B Jr NEGOTIATION95Onyama Limba
1003Antonio V BologniaCanada2026-10-09Feltz Printing Service NEGOTIATION32Onyama Limba
1004David S AmigonUnited Kingdom2026-10-10Feltz Printing Service NEGOTIATION79Ioni Bowcher
1005Aruna L OstroskyJapan2026-10-10Commercial Press NEW42Onyama Limba
1006Jefferson D InouyeFrance2026-10-19Morlong Associates UNQUALIFIED91Stephen Shaw
1007Maisha L InouyeAustralia2026-10-20Feltz Printing Service NEGOTIATION43Stephen Shaw
1008Rodrigues F ChuiUnited Kingdom2026-10-01Chapman, Ross E Esq RENEWAL79Xuxue Feng
1009Misaki H SchemmerArgentina2026-10-15Benton, John B Jr RENEWAL35Elwin Sharvill
1010Ashley U FerenczArgentina2026-10-02Printing Dimensions QUALIFIED17Stephen Shaw
1011Deepesh M ShinkoJapan2026-10-20Printing Dimensions PROPOSAL35Onyama Limba
1012Jones G WaycottSpain2026-10-11Benton, John B Jr UNQUALIFIED72Elwin Sharvill
1013Mujtaba C SchemmerCanada2026-10-18King, Christopher A Esq PROPOSAL57Bernardo Dominic
1014Greenwood K SchemmerFrance2026-10-16Chanay, Jeffrey A Esq NEW39Ioni Bowcher
1015Jennifer C IturbideArgentina2026-09-26Commercial Press NEW64Onyama Limba
1016Francesco E SlusarskiFrance2026-09-26Feltz Printing Service QUALIFIED21Asiya Javayant
1017Chavez Y CaldareraBrazil2026-10-24Chemel, James L Cpa UNQUALIFIED47Ioni Bowcher
1018Aika D GillianUnited Kingdom2026-09-27Feiner Bros RENEWAL8Ioni Bowcher
1019Ashley E StensethSpain2026-10-22Chemel, James L Cpa UNQUALIFIED2Xuxue Feng
1020Kaitlin J BowleyRussia2026-09-27Chanay, Jeffrey A Esq NEGOTIATION13Anna Fali
1021David T KolmetzCanada2026-10-07Commercial Press NEW68Asiya Javayant
1022Mujtaba V GauchoArgentina2026-09-28Truhlar And Truhlar Attys PROPOSAL26Anna Fali
1023Murillo N DoeRussia2026-10-17Rangoni Of Florence RENEWAL25Ioni Bowcher
1024Arvin B RoysterFrance2026-10-25Chanay, Jeffrey A Esq NEGOTIATION94Amy Elsner
1025Arvin C SlusarskiIndia2026-10-08Commercial Press QUALIFIED51Onyama Limba
1026Juan Z BowleyUnited Kingdom2026-10-25Feltz Printing Service RENEWAL32Elwin Sharvill
1027Alejandro X PerinJapan2026-10-11Rousseaux, Michael Esq UNQUALIFIED14Asiya Javayant
1028Aika V StensethRussia2026-09-30Truhlar And Truhlar Attys PROPOSAL95Asiya Javayant
1029Ashley G RulapaughIndia2026-09-27Chapman, Ross E Esq UNQUALIFIED69Stephen Shaw
1030Tony N BowleyFrance2026-10-25Chemel, James L Cpa NEGOTIATION69Ivan Magalhaes
1031Ricardo E SergiCanada2026-10-11Rousseaux, Michael Esq QUALIFIED5Stephen Shaw
1032Deepesh T VocelkaJapan2026-10-22Benton, John B Jr QUALIFIED8Stephen Shaw
1033Emily R GlickSpain2026-09-28Chemel, James L Cpa QUALIFIED59Anna Fali
1034Darci E KuskoJapan2026-10-15Benton, John B Jr NEGOTIATION86Onyama Limba
1035Claire Z VocelkaItaly2026-10-16Truhlar And Truhlar Attys PROPOSAL73Elwin Sharvill
1036Chavez K VocelkaUnited Kingdom2026-10-03Morlong Associates RENEWAL61Onyama Limba
1037Darci X MacleadJapan2026-10-11Buckley Miller Wright NEGOTIATION59Stephen Shaw
1038Smith S KuskoJapan2026-10-06Chemel, James L Cpa QUALIFIED17Onyama Limba
1039Kadeem Q StensethRussia2026-10-18Chanay, Jeffrey A Esq QUALIFIED81Stephen Shaw
1040Maria X ButtSpain2026-10-07Buckley Miller Wright QUALIFIED41Ioni Bowcher
1041Wickens H PaprockiSpain2026-09-29Feltz Printing Service RENEWAL97Anna Fali
1042Clifford K OstroskyGermany2026-10-23Feiner Bros RENEWAL93Anna Fali
1043Jennifer K AmigonFrance2026-10-18Rousseaux, Michael Esq RENEWAL8Elwin Sharvill
1044Greenwood L DoeItaly2026-09-26Feltz Printing Service UNQUALIFIED23Elwin Sharvill
1045Mayumi O RoysterFrance2026-10-08Chapman, Ross E Esq NEW58Amy Elsner
1046Darci J InouyeCanada2026-10-13Buckley Miller Wright RENEWAL76Asiya Javayant
1047Julie D GillianFrance2026-09-28Morlong Associates NEW85Onyama Limba
1048Izzy J PerinCanada2026-10-13Chanay, Jeffrey A Esq PROPOSAL91Stephen Shaw
1049Nicolas P ButtUnited Kingdom2026-09-26Chanay, Jeffrey A Esq NEGOTIATION29Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Octavia C FigeroaSpainAmy Elsner NEGOTIATION
Claire N GarufiItalyIoni Bowcher RENEWAL
Izzy X BriddickArgentinaAmy Elsner NEW
Mayumi E KuskoJapanBernardo Dominic RENEWAL
Chavez D BowleyArgentinaStephen Shaw QUALIFIED
Clifford P FigeroaArgentinaAnna Fali NEGOTIATION
Jones T FerenczFranceStephen Shaw UNQUALIFIED
Maisha N ChuiRussiaBernardo Dominic PROPOSAL
Wickens L ButtCanadaIoni Bowcher PROPOSAL
Ivar G OstroskyJapanAsiya Javayant RENEWAL
Antonio L CaldareraUnited KingdomAsiya Javayant NEGOTIATION
Deepesh R CaldareraRussiaBernardo Dominic QUALIFIED
Smith A KolmetzFranceElwin Sharvill NEW
Nicolas Z KolmetzAustraliaXuxue Feng PROPOSAL
Silvio M OldroydUnited KingdomBernardo Dominic RENEWAL
Murillo Y RoysterFranceBernardo Dominic UNQUALIFIED
Murillo Y WieserSpainAmy Elsner NEW
Johnson H MaletJapanXuxue Feng RENEWAL
Octavia E StensethIndiaStephen Shaw NEGOTIATION
Jefferson Q AlbaresGermanyAsiya Javayant QUALIFIED
Leon X BowleyArgentinaOnyama Limba QUALIFIED
Maisha Q BriddickUnited KingdomStephen Shaw PROPOSAL
Leon N SergiRussiaStephen Shaw QUALIFIED
Morrow T NickaIndiaStephen Shaw NEGOTIATION
Morrow H MorascaItalyBernardo Dominic UNQUALIFIED
Nicolas U SergiSpainIoni Bowcher NEGOTIATION
Darci R WaycottAustraliaXuxue Feng UNQUALIFIED
Greenwood E VenereBrazilAmy Elsner UNQUALIFIED
Kaitlin V OldroydJapanStephen Shaw NEW
Darci C TollnerJapanAnna Fali RENEWAL
Morrow Q MarrierRussiaAmy Elsner QUALIFIED
Maria N GarufiRussiaOnyama Limba NEW
Maisha R MarrierGermanyAnna Fali NEGOTIATION
Mujtaba O MarrierAustraliaAsiya Javayant UNQUALIFIED
Leon P BowleyAustraliaAsiya Javayant NEGOTIATION
Sinclair O NickaItalyOnyama Limba RENEWAL
Juan U SlusarskiSpainOnyama Limba PROPOSAL
Francesco S StensethSpainIvan Magalhaes NEGOTIATION
Alejandro Q RulapaughSpainAnna Fali RENEWAL
Smith X ButtItalyStephen Shaw UNQUALIFIED
Smith P ShinkoCanadaAmy Elsner PROPOSAL
Jeanfrancois M IturbideItalyXuxue Feng RENEWAL
Alejandro V RimItalyXuxue Feng NEW
Juan H FigeroaRussiaBernardo Dominic UNQUALIFIED
Darci I ChuiItalyIvan Magalhaes RENEWAL
Aditya N DoeUnited KingdomXuxue Feng NEW
Octavia D BowleyJapanAsiya Javayant NEGOTIATION
Mayumi S MorascaJapanAsiya Javayant RENEWAL
Tony J GarufiUnited KingdomElwin Sharvill UNQUALIFIED
Isabel Y ShinkoBrazilBernardo Dominic RENEWAL
Frozen Columns
Name
Mayumi F Maclead
Francesco P Shinko
Claire W Kolmetz
Jefferson A Campain
Izzy S Glick
Arvin P Bowley
Stacey H Nestle
Aika Z Paprocki
Octavia D Garufi
James G Rim
Clifford Q Figeroa
Antonio E Figeroa
Mayumi F Waycott
Greenwood Z Paprocki
Isabel X Glick
Ricardo Y Foller
Isabel T Ferencz
Jeanfrancois Z Bowley
Izzy U Bolognia
Morrow N Oldroyd
Kadeem Y Perin
Smith P Slusarski
Jeanfrancois I Maclead
Chavez Q Amigon
Rodrigues W Royster
Wickens C Foller
Adams H Bolognia
Aika U Paprocki
Ivar R Wieser
Octavia U Gillian
Francesco S Kusko
Alejandro T Inouye
Deepesh M Iturbide
Isabel Q Ruta
Munro W Nestle
Morrow R Malet
Leon M Paprocki
Aruna R Ferencz
Greenwood Y Morasca
Johnson O Chui
Misaki C Briddick
Deepesh Z Maclead
Greenwood A Ferencz
Nicolas K Darakjy
Silvio P Vocelka
Murillo X Saylors
Deepesh Q Maclead
Kadeem X Stockham
Jefferson D Ruta
Leja Z Campain
IdCountryDate
1000Canada2026-10-09
1001Canada2026-10-25
1002Canada2026-10-02
1003Argentina2026-10-07
1004Japan2026-10-23
1005Argentina2026-09-30
1006Spain2026-10-16
1007India2026-10-08
1008India2026-10-15
1009Spain2026-10-10
1010Italy2026-10-15
1011Japan2026-09-26
1012Brazil2026-10-25
1013Australia2026-10-18
1014United Kingdom2026-10-05
1015United Kingdom2026-09-26
1016Australia2026-10-06
1017Germany2026-10-21
1018Australia2026-10-19
1019Spain2026-10-05
1020Spain2026-09-30
1021Germany2026-09-29
1022France2026-09-30
1023Japan2026-10-18
1024United Kingdom2026-10-14
1025Australia2026-10-01
1026Argentina2026-10-24
1027Brazil2026-10-02
1028Australia2026-10-07
1029France2026-10-15
1030Canada2026-10-10
1031Spain2026-10-06
1032Germany2026-10-10
1033Argentina2026-10-11
1034France2026-10-20
1035Brazil2026-10-20
1036Italy2026-09-29
1037Spain2026-10-12
1038Spain2026-10-12
1039Japan2026-10-14
1040Russia2026-10-07
1041Canada2026-09-29
1042Brazil2026-10-04
1043Australia2026-10-09
1044Spain2026-10-11
1045Brazil2026-10-21
1046United Kingdom2026-10-12
1047Australia2026-09-26
1048Argentina2026-10-24
1049France2026-09-29

On-Demand Data

NameIdCountryDate
Alejandro H Kusko1000Italy2026-10-18
Izzy R Albares1001Brazil2026-09-26
Alejandro M Royster1002Brazil2026-10-05
Morrow E Bolognia1003France2026-10-05
Jefferson G Kolmetz1004Canada2026-09-29
Clifford B Briddick1005Japan2026-10-21
Leja B Marrier1006Russia2026-09-29
Misaki O Ferencz1007Argentina2026-10-22
Clifford Z Rulapaugh1008France2026-09-26
Nicolas A Kolmetz1009Australia2026-10-17
Mujtaba T Malet1010Canada2026-10-17
Faith R Rim1011Japan2026-10-16
Kaitlin Q Whobrey1012Spain2026-10-13
Ashley I Gaucho1013United Kingdom2026-10-18
Julie O Stenseth1014Australia2026-10-03
Jones Q Albares1015India2026-10-25
Salvatore L Kusko1016Russia2026-10-12
Munro D Vocelka1017Brazil2026-10-03
Maisha S Marrier1018Australia2026-10-07
Isabel H Sergi1019Argentina2026-10-25
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Morrow D DarakjyUnited KingdomIoni Bowcher UNQUALIFIED
Jeanfrancois N OstroskyAustraliaIvan Magalhaes UNQUALIFIED
Stacey F DilliardAustraliaElwin Sharvill UNQUALIFIED
Smith E SlusarskiFranceAnna Fali UNQUALIFIED
Wickens G RoysterFranceIoni Bowcher RENEWAL
Costa C ButtIndiaIoni Bowcher UNQUALIFIED
Ricardo M RoysterAustraliaAmy Elsner PROPOSAL
Maisha Z MorascaArgentinaIvan Magalhaes NEW
Clifford X IturbideItalyXuxue Feng UNQUALIFIED
Maisha G InouyeArgentinaXuxue Feng NEW
Jefferson L SchemmerJapanAmy Elsner PROPOSAL
Juan Q OldroydAustraliaIvan Magalhaes RENEWAL
Mayumi M GillianRussiaIvan Magalhaes UNQUALIFIED
Isabel O WhobreyAustraliaIvan Magalhaes UNQUALIFIED
Jeanfrancois C FlosiFranceAmy Elsner NEGOTIATION
Izzy V VenereCanadaElwin Sharvill UNQUALIFIED
Claire W GarufiJapanIoni Bowcher PROPOSAL
Murillo R MorascaIndiaStephen Shaw NEGOTIATION
Jennifer W CaudyBrazilBernardo Dominic PROPOSAL
Munro G AlbaresCanadaXuxue Feng UNQUALIFIED
Cody P RutaIndiaAmy Elsner NEW
Kadeem S ShinkoArgentinaOnyama Limba QUALIFIED
Francesco Q OldroydGermanyElwin Sharvill QUALIFIED
Ivar J ShinkoAustraliaOnyama Limba NEW
Jeanfrancois Z MarrierRussiaBernardo Dominic QUALIFIED
Ricardo R RimBrazilIoni Bowcher PROPOSAL
Murillo D DarakjyIndiaElwin Sharvill NEGOTIATION
Murillo H VocelkaSpainIoni Bowcher PROPOSAL
Morrow K BologniaItalyAsiya Javayant PROPOSAL
Ashley L CampainIndiaBernardo Dominic NEW
Cody N FlosiItalyBernardo Dominic NEGOTIATION
Aruna A WaycottRussiaXuxue Feng UNQUALIFIED
Wickens P FigeroaFranceIvan Magalhaes NEW
Clifford E DoeAustraliaXuxue Feng NEW
Stacey K FlosiCanadaAnna Fali UNQUALIFIED
Clifford R WieserArgentinaAmy Elsner UNQUALIFIED
Silvio G WhobreyAustraliaAmy Elsner NEGOTIATION
Costa D IturbideJapanIoni Bowcher RENEWAL
Aika R DilliardRussiaAmy Elsner UNQUALIFIED
Jeanfrancois M ShinkoCanadaAmy Elsner 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>