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
Cody V RutaUnited KingdomOnyama Limba UNQUALIFIED
Clifford K RutaRussiaXuxue Feng UNQUALIFIED
Costa J IturbideRussiaAnna Fali QUALIFIED
Emily E BologniaCanadaIvan Magalhaes QUALIFIED
Sinclair U SlusarskiArgentinaXuxue Feng NEGOTIATION
Leon A BriddickGermanyAnna Fali UNQUALIFIED
Ricardo M WieserRussiaAnna Fali PROPOSAL
Julie E PoquetteRussiaXuxue Feng UNQUALIFIED
Darci X GauchoUnited KingdomElwin Sharvill QUALIFIED
Mujtaba V AmigonBrazilIvan Magalhaes UNQUALIFIED
Deepesh R BologniaSpainIoni Bowcher PROPOSAL
Rodrigues K DoeBrazilXuxue Feng NEW
Ashley I MaletUnited KingdomStephen Shaw RENEWAL
Ricardo C OstroskySpainBernardo Dominic UNQUALIFIED
Claire Z WaycottUnited KingdomAnna Fali PROPOSAL
Greenwood S WaycottAustraliaBernardo Dominic NEW
Faith U FollerRussiaAnna Fali UNQUALIFIED
Aruna V DoeRussiaAnna Fali QUALIFIED
David Y BowleyFranceStephen Shaw QUALIFIED
Maisha B IturbideAustraliaStephen Shaw NEW
Ashley T WaycottJapanIvan Magalhaes NEGOTIATION
Jennifer M ChuiIndiaIoni Bowcher UNQUALIFIED
Arvin I FerenczFranceBernardo Dominic UNQUALIFIED
Smith A StockhamUnited KingdomBernardo Dominic NEW
Tony K RimSpainAnna Fali UNQUALIFIED
Jeanfrancois M VocelkaJapanIvan Magalhaes PROPOSAL
Faith D AmigonItalyStephen Shaw NEGOTIATION
Isabel H CampainRussiaIvan Magalhaes NEW
Greenwood E GillianJapanElwin Sharvill RENEWAL
Claire D MarrierCanadaAmy Elsner NEGOTIATION
Izzy H CampainItalyAmy Elsner PROPOSAL
James A AmigonSpainAsiya Javayant PROPOSAL
Costa P PerinCanadaOnyama Limba PROPOSAL
Leon V SlusarskiIndiaIoni Bowcher NEGOTIATION
Ricardo O FigeroaIndiaXuxue Feng NEGOTIATION
Leon P BowleyCanadaBernardo Dominic RENEWAL
Chavez P DarakjyBrazilOnyama Limba UNQUALIFIED
Mayumi Q DilliardJapanBernardo Dominic NEW
Antonio N StockhamUnited KingdomStephen Shaw NEW
Juan A DoeBrazilBernardo Dominic NEGOTIATION
Rodrigues U RutaAustraliaStephen Shaw RENEWAL
Jefferson B PoquetteIndiaOnyama Limba QUALIFIED
Leja Z GillianGermanyXuxue Feng QUALIFIED
Murillo Y WaycottFranceIvan Magalhaes UNQUALIFIED
Jefferson J BologniaUnited KingdomXuxue Feng NEGOTIATION
Nicolas W GarufiSpainIvan Magalhaes NEW
Munro L SlusarskiCanadaAsiya Javayant RENEWAL
David O BriddickGermanyOnyama Limba RENEWAL
Maisha B AmigonArgentinaElwin Sharvill NEW
Deepesh E KuskoSpainStephen Shaw UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Faith C AmigonRussiaIvan Magalhaes RENEWAL
Kadeem C GlickItalyOnyama Limba UNQUALIFIED
Juan Q PerinSpainIvan Magalhaes QUALIFIED
Faith M DarakjyUnited KingdomStephen Shaw UNQUALIFIED
Johnson C BowleyJapanAnna Fali NEGOTIATION
Smith R ChuiCanadaElwin Sharvill UNQUALIFIED
Ivar H BologniaAustraliaOnyama Limba RENEWAL
Johnson D NickaJapanAmy Elsner NEW
Jefferson J NickaBrazilStephen Shaw NEW
Francesco Z BologniaItalyXuxue Feng NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Kadeem K RutaRussia2026-11-01Feltz Printing Service RENEWAL66Elwin Sharvill
1001Salvatore O NickaAustralia2026-10-25Chanay, Jeffrey A Esq NEGOTIATION0Amy Elsner
1002Darci A InouyeJapan2026-10-19Feiner Bros NEGOTIATION8Amy Elsner
1003Jeanfrancois W VocelkaArgentina2026-11-12Chemel, James L Cpa PROPOSAL73Ioni Bowcher
1004Smith Y VenereUnited Kingdom2026-10-26Commercial Press QUALIFIED35Onyama Limba
1005Tony G SaylorsFrance2026-10-16King, Christopher A Esq PROPOSAL63Onyama Limba
1006Francesco U KuskoFrance2026-11-02Chanay, Jeffrey A Esq RENEWAL81Elwin Sharvill
1007Mujtaba V TollnerFrance2026-10-31Feltz Printing Service NEW80Asiya Javayant
1008David T MaletFrance2026-10-24Commercial Press NEW79Stephen Shaw
1009Mujtaba W RulapaughArgentina2026-10-24King, Christopher A Esq RENEWAL82Amy Elsner
1010Faith W MacleadIndia2026-10-27Chapman, Ross E Esq NEW53Amy Elsner
1011Mujtaba V ChuiFrance2026-11-07Buckley Miller Wright QUALIFIED35Xuxue Feng
1012Mujtaba J RutaRussia2026-10-17Chanay, Jeffrey A Esq PROPOSAL49Asiya Javayant
1013Rodrigues F SergiJapan2026-10-21Feltz Printing Service NEW21Onyama Limba
1014Adams H MaletCanada2026-10-31Feltz Printing Service NEW32Asiya Javayant
1015Costa O CaldareraSpain2026-11-02Chemel, James L Cpa PROPOSAL72Asiya Javayant
1016Maria P SlusarskiCanada2026-11-07Morlong Associates QUALIFIED82Ivan Magalhaes
1017Chavez S FerenczBrazil2026-10-30Feltz Printing Service NEW47Elwin Sharvill
1018Izzy R RulapaughUnited Kingdom2026-10-27Feiner Bros QUALIFIED39Onyama Limba
1019Leon G CaudyFrance2026-10-21Feiner Bros NEGOTIATION98Asiya Javayant
1020Costa A AlbaresRussia2026-11-04Rousseaux, Michael Esq RENEWAL38Ivan Magalhaes
1021Juan O RulapaughSpain2026-10-26Rangoni Of Florence QUALIFIED44Elwin Sharvill
1022Deepesh D OstroskySpain2026-11-11Rangoni Of Florence NEGOTIATION91Ioni Bowcher
1023Stacey V MaletBrazil2026-10-30Benton, John B Jr RENEWAL53Ioni Bowcher
1024Munro F CampainJapan2026-11-12Buckley Miller Wright NEGOTIATION87Ioni Bowcher
1025Faith C NestleItaly2026-11-05Benton, John B Jr RENEWAL91Stephen Shaw
1026Sinclair X AmigonFrance2026-11-10King, Christopher A Esq RENEWAL28Onyama Limba
1027Ivar Z RimItaly2026-10-16Feiner Bros RENEWAL32Elwin Sharvill
1028Nicolas C CaudyCanada2026-11-10Chemel, James L Cpa RENEWAL76Ioni Bowcher
1029Kaitlin C MaletItaly2026-10-17Rousseaux, Michael Esq QUALIFIED46Anna Fali
1030Wickens A BriddickArgentina2026-11-04Dorl, James J Esq QUALIFIED8Bernardo Dominic
1031Maisha L SaylorsBrazil2026-11-05Truhlar And Truhlar Attys UNQUALIFIED64Elwin Sharvill
1032Aruna Z OstroskyUnited Kingdom2026-10-27Chanay, Jeffrey A Esq RENEWAL34Stephen Shaw
1033Antonio C StockhamItaly2026-11-10Chemel, James L Cpa UNQUALIFIED52Ivan Magalhaes
1034Aruna D KuskoItaly2026-10-19King, Christopher A Esq QUALIFIED5Stephen Shaw
1035Misaki T FlosiRussia2026-10-26Chemel, James L Cpa NEGOTIATION75Stephen Shaw
1036Johnson N ButtSpain2026-11-10Feltz Printing Service RENEWAL75Stephen Shaw
1037Alejandro I PoquetteRussia2026-11-05Commercial Press PROPOSAL90Bernardo Dominic
1038Darci R KolmetzSpain2026-11-11Rousseaux, Michael Esq NEGOTIATION78Xuxue Feng
1039Mayumi K TollnerSpain2026-10-26Feiner Bros NEW38Stephen Shaw
1040Julie E SlusarskiRussia2026-11-08Buckley Miller Wright UNQUALIFIED0Anna Fali
1041Aditya F VocelkaRussia2026-11-02Feiner Bros RENEWAL40Asiya Javayant
1042Jones Z DarakjyRussia2026-11-11Morlong Associates PROPOSAL61Amy Elsner
1043Misaki D StensethJapan2026-10-16Commercial Press UNQUALIFIED52Bernardo Dominic
1044Greenwood X BologniaCanada2026-10-17Buckley Miller Wright NEGOTIATION99Elwin Sharvill
1045Johnson K ShinkoAustralia2026-10-21King, Christopher A Esq PROPOSAL19Asiya Javayant
1046Smith O CaudyRussia2026-11-01Chemel, James L Cpa PROPOSAL43Onyama Limba
1047Stacey Z RulapaughCanada2026-11-02Benton, John B Jr NEGOTIATION20Ioni Bowcher
1048Leon P ButtFrance2026-11-05Feltz Printing Service NEGOTIATION15Anna Fali
1049Jones C InouyeAustralia2026-11-06Commercial Press NEGOTIATION45Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Ashley G MaletItalyIoni Bowcher PROPOSAL
Arvin K PerinFranceXuxue Feng UNQUALIFIED
Ricardo W StockhamItalyAmy Elsner UNQUALIFIED
Aika L PerinIndiaIvan Magalhaes NEGOTIATION
Mujtaba K BowleyFranceBernardo Dominic UNQUALIFIED
Johnson T OldroydUnited KingdomOnyama Limba NEGOTIATION
Cody W RulapaughUnited KingdomAnna Fali NEGOTIATION
Izzy V AmigonGermanyIoni Bowcher RENEWAL
Ashley J CaldareraFranceXuxue Feng PROPOSAL
Costa W RimUnited KingdomElwin Sharvill QUALIFIED
Salvatore L SaylorsUnited KingdomAmy Elsner RENEWAL
David D GlickBrazilOnyama Limba UNQUALIFIED
Julie F CaldareraArgentinaIvan Magalhaes NEW
Costa F DoeUnited KingdomStephen Shaw NEGOTIATION
Munro H KuskoCanadaElwin Sharvill UNQUALIFIED
Jones Q VenereUnited KingdomIoni Bowcher QUALIFIED
Smith Z DilliardGermanyIvan Magalhaes NEW
Silvio M NestleRussiaElwin Sharvill NEW
Chavez L NestleAustraliaIvan Magalhaes PROPOSAL
Antonio Y DoeSpainBernardo Dominic NEGOTIATION
Alejandro B RulapaughArgentinaElwin Sharvill NEGOTIATION
Ricardo Q MaletArgentinaStephen Shaw NEW
Costa V InouyeBrazilStephen Shaw QUALIFIED
Claire Q SchemmerIndiaElwin Sharvill QUALIFIED
Ashley R MarrierBrazilElwin Sharvill QUALIFIED
Silvio X AlbaresUnited KingdomAsiya Javayant NEGOTIATION
Cody E BriddickUnited KingdomXuxue Feng NEW
Kaitlin O OldroydRussiaIoni Bowcher UNQUALIFIED
Jennifer D BriddickRussiaStephen Shaw RENEWAL
Cody O ButtRussiaAnna Fali RENEWAL
Alejandro K TollnerAustraliaIoni Bowcher PROPOSAL
Claire Q GlickGermanyAsiya Javayant NEGOTIATION
Salvatore X ChuiJapanXuxue Feng NEW
Ricardo A GlickIndiaOnyama Limba UNQUALIFIED
Greenwood G SaylorsArgentinaBernardo Dominic RENEWAL
Mayumi L VenereBrazilAsiya Javayant PROPOSAL
Greenwood A ChuiItalyOnyama Limba PROPOSAL
Smith I FlosiSpainAsiya Javayant RENEWAL
Nicolas V VenereArgentinaAmy Elsner QUALIFIED
Jefferson C ChuiFranceBernardo Dominic RENEWAL
Silvio N KolmetzBrazilAsiya Javayant RENEWAL
James K StockhamCanadaAmy Elsner UNQUALIFIED
Ivar Y DoeCanadaAsiya Javayant PROPOSAL
Ivar M StockhamJapanAsiya Javayant QUALIFIED
Ashley P BowleyRussiaXuxue Feng QUALIFIED
Murillo H FerenczRussiaStephen Shaw RENEWAL
Antonio Y RulapaughRussiaAmy Elsner PROPOSAL
David C CaudyUnited KingdomXuxue Feng NEGOTIATION
Wickens C SergiIndiaElwin Sharvill RENEWAL
Munro R NickaArgentinaStephen Shaw QUALIFIED
Frozen Columns
Name
Isabel I Ferencz
Claire F Venere
Isabel D Ruta
Kaitlin U Nicka
Chavez H Figeroa
Ricardo R Vocelka
Mayumi P Sergi
James Y Venere
Faith W Gillian
Ivar J Kusko
Clifford O Ferencz
Aditya W Marrier
Sinclair F Albares
Silvio O Kusko
Kadeem B Chui
Aika M Sergi
Salvatore B Schemmer
Salvatore A Doe
Leon U Poquette
Jones R Nicka
Kadeem T Stockham
Jefferson T Darakjy
Faith A Sergi
Francesco J Rim
Costa A Gaucho
Cody A Gillian
Greenwood L Maclead
Darci G Marrier
Jefferson P Amigon
Isabel A Iturbide
Misaki H Chui
Mayumi C Briddick
Julie X Paprocki
Silvio Z Albares
Rodrigues S Inouye
Claire D Caudy
Kadeem F Darakjy
Misaki K Rim
Leja B Morasca
Leon J Poquette
Maisha W Ruta
Nicolas E Tollner
Octavia L Rulapaugh
Rodrigues T Nicka
Ricardo S Nestle
Isabel T Chui
Aditya A Rim
Arvin N Figeroa
Wickens B Butt
Cody M Marrier
IdCountryDate
1000Australia2026-11-14
1001Argentina2026-11-04
1002Germany2026-10-25
1003India2026-10-25
1004Spain2026-10-23
1005Japan2026-10-24
1006India2026-11-13
1007Spain2026-10-31
1008Germany2026-10-24
1009Australia2026-10-19
1010Australia2026-11-06
1011Russia2026-10-20
1012Argentina2026-11-05
1013Japan2026-11-01
1014Canada2026-11-05
1015Spain2026-10-28
1016United Kingdom2026-11-05
1017India2026-10-20
1018Canada2026-11-04
1019Italy2026-11-05
1020Australia2026-11-14
1021Canada2026-11-14
1022India2026-10-31
1023Germany2026-11-04
1024Brazil2026-10-23
1025India2026-10-25
1026Brazil2026-11-10
1027Argentina2026-10-26
1028India2026-11-08
1029United Kingdom2026-11-05
1030India2026-10-26
1031Germany2026-10-26
1032Canada2026-11-09
1033France2026-10-17
1034Argentina2026-10-21
1035Brazil2026-11-12
1036Spain2026-10-23
1037Russia2026-11-09
1038Russia2026-10-24
1039Germany2026-11-07
1040Italy2026-10-27
1041United Kingdom2026-10-23
1042India2026-11-09
1043Argentina2026-11-11
1044Argentina2026-11-06
1045France2026-10-31
1046United Kingdom2026-10-17
1047Spain2026-10-25
1048United Kingdom2026-10-25
1049Germany2026-11-07

On-Demand Data

NameIdCountryDate
Sinclair D Garufi1000United Kingdom2026-10-25
Jefferson Q Chui1001Germany2026-11-13
Johnson J Tollner1002Canada2026-10-18
Claire C Oldroyd1003Italy2026-10-20
David J Nestle1004Brazil2026-10-18
Maisha N Slusarski1005United Kingdom2026-10-31
Aditya Y Kusko1006India2026-11-07
Leja I Oldroyd1007Argentina2026-10-30
Wickens K Ferencz1008United Kingdom2026-10-19
Murillo U Royster1009India2026-10-18
Emily I Bolognia1010India2026-10-27
Claire S Royster1011Canada2026-10-20
Octavia V Ostrosky1012Germany2026-10-30
Murillo R Slusarski1013Japan2026-11-04
Leja W Kusko1014Spain2026-10-27
Darci L Inouye1015United Kingdom2026-11-12
Wickens M Marrier1016Germany2026-10-29
Claire E Gaucho1017France2026-11-13
Ashley Z Vocelka1018Spain2026-10-21
Munro E Rim1019Argentina2026-10-17
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leja S CaudyArgentinaAsiya Javayant UNQUALIFIED
Arvin O GauchoBrazilStephen Shaw NEGOTIATION
James M BriddickUnited KingdomIvan Magalhaes NEGOTIATION
Darci H StockhamGermanyIoni Bowcher PROPOSAL
Sinclair Y RulapaughBrazilAnna Fali UNQUALIFIED
Cody D BriddickUnited KingdomBernardo Dominic RENEWAL
Clifford H VocelkaItalyIoni Bowcher NEW
Maria K FigeroaJapanXuxue Feng RENEWAL
Greenwood K NickaBrazilAmy Elsner NEGOTIATION
Julie A BowleyIndiaXuxue Feng PROPOSAL
Nicolas F SaylorsSpainElwin Sharvill RENEWAL
Maria G SchemmerFranceAsiya Javayant NEGOTIATION
Leja Z AmigonItalyAnna Fali RENEWAL
Maria Y DoeCanadaElwin Sharvill NEGOTIATION
Kadeem I KolmetzBrazilElwin Sharvill PROPOSAL
Smith V PoquetteUnited KingdomStephen Shaw UNQUALIFIED
Juan H NickaJapanStephen Shaw QUALIFIED
Izzy S StockhamUnited KingdomElwin Sharvill RENEWAL
Aika E SchemmerFranceAnna Fali NEGOTIATION
Salvatore V MacleadItalyXuxue Feng NEW
Munro U OstroskyItalyElwin Sharvill PROPOSAL
Leon S GillianItalyElwin Sharvill RENEWAL
Sinclair W RoysterSpainIoni Bowcher QUALIFIED
Aditya A StensethSpainAnna Fali PROPOSAL
Costa X GillianRussiaOnyama Limba NEGOTIATION
Kaitlin J CaudyItalyIoni Bowcher RENEWAL
Deepesh V GauchoCanadaIoni Bowcher UNQUALIFIED
Nicolas G PoquetteBrazilAsiya Javayant NEW
Claire H StensethAustraliaElwin Sharvill NEW
Aruna L MacleadIndiaAnna Fali NEW
David Z RutaSpainStephen Shaw NEW
Maisha F RutaIndiaAsiya Javayant NEGOTIATION
Julie A PaprockiUnited KingdomStephen Shaw NEGOTIATION
Misaki T IturbideSpainAmy Elsner RENEWAL
Mujtaba J WhobreyGermanyAnna Fali NEGOTIATION
Claire Z RutaJapanBernardo Dominic NEGOTIATION
Chavez N MaletCanadaAsiya Javayant UNQUALIFIED
Isabel I StensethRussiaAsiya Javayant NEW
Antonio X SlusarskiSpainAmy Elsner UNQUALIFIED
Greenwood R IturbideCanadaAnna Fali UNQUALIFIED

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