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
Silvio N NestleGermanyAsiya Javayant NEW
Aditya X GarufiUnited KingdomAnna Fali PROPOSAL
Silvio T ButtIndiaOnyama Limba PROPOSAL
Emily L MaletAustraliaAsiya Javayant PROPOSAL
Jefferson N BologniaBrazilBernardo Dominic QUALIFIED
Silvio T GlickCanadaOnyama Limba NEW
Stacey B BriddickItalyAmy Elsner UNQUALIFIED
Julie Y FollerCanadaAsiya Javayant NEGOTIATION
Leon Z BowleyAustraliaIoni Bowcher RENEWAL
Mayumi H IturbideFranceBernardo Dominic QUALIFIED
Adams X RulapaughFranceAmy Elsner UNQUALIFIED
Rodrigues J StockhamArgentinaAsiya Javayant NEW
Darci C FollerBrazilAmy Elsner PROPOSAL
Kadeem H CaudyArgentinaOnyama Limba RENEWAL
Emily E ShinkoGermanyOnyama Limba NEGOTIATION
Izzy R RimCanadaBernardo Dominic NEGOTIATION
Chavez F GlickGermanyIvan Magalhaes PROPOSAL
Mujtaba N CaudyFranceIvan Magalhaes QUALIFIED
Morrow Z SaylorsRussiaIoni Bowcher QUALIFIED
Jefferson J KuskoJapanAmy Elsner UNQUALIFIED
James H BologniaJapanOnyama Limba NEGOTIATION
Francesco K OstroskyIndiaAmy Elsner UNQUALIFIED
Chavez N DilliardItalyStephen Shaw UNQUALIFIED
Deepesh J DilliardBrazilAsiya Javayant NEGOTIATION
Mayumi V PerinArgentinaXuxue Feng QUALIFIED
Ashley P BriddickIndiaIvan Magalhaes QUALIFIED
Aruna U SlusarskiAustraliaStephen Shaw NEGOTIATION
Alejandro L PerinAustraliaIoni Bowcher RENEWAL
Greenwood L FlosiBrazilElwin Sharvill PROPOSAL
Aditya Z SaylorsUnited KingdomAsiya Javayant NEGOTIATION
Murillo X FerenczFranceAsiya Javayant NEGOTIATION
Johnson P RoysterIndiaBernardo Dominic PROPOSAL
Leon T ButtAustraliaAmy Elsner NEW
Jefferson F RimUnited KingdomIvan Magalhaes NEGOTIATION
Juan N PoquetteJapanElwin Sharvill NEW
Tony G ShinkoArgentinaAnna Fali QUALIFIED
Aditya F BowleyUnited KingdomAmy Elsner UNQUALIFIED
Faith O SlusarskiJapanStephen Shaw RENEWAL
Octavia H KolmetzFranceAsiya Javayant PROPOSAL
Julie T MacleadUnited KingdomIvan Magalhaes UNQUALIFIED
Clifford N VocelkaFranceIoni Bowcher UNQUALIFIED
Jefferson P MacleadJapanAsiya Javayant RENEWAL
Rodrigues W InouyeGermanyAnna Fali QUALIFIED
Kaitlin Y MaletIndiaAmy Elsner NEGOTIATION
Mayumi Y RimIndiaElwin Sharvill NEW
David J StensethFranceXuxue Feng PROPOSAL
Costa S KolmetzArgentinaOnyama Limba QUALIFIED
Murillo F OldroydBrazilAsiya Javayant PROPOSAL
Ivar K SergiRussiaAsiya Javayant UNQUALIFIED
David F NestleBrazilStephen Shaw QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Alejandro V GlickFranceXuxue Feng RENEWAL
Jennifer N StensethCanadaStephen Shaw NEGOTIATION
Stacey H PaprockiGermanyIoni Bowcher NEGOTIATION
Chavez N BriddickSpainIoni Bowcher PROPOSAL
Aika V SchemmerCanadaIoni Bowcher NEGOTIATION
Claire X SchemmerCanadaOnyama Limba QUALIFIED
Maria B VocelkaFranceIoni Bowcher PROPOSAL
Misaki K MarrierGermanyOnyama Limba QUALIFIED
Deepesh O GauchoBrazilIvan Magalhaes UNQUALIFIED
Jefferson O IturbideCanadaAnna Fali NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Clifford E WhobreyCanada2026-10-25Morlong Associates RENEWAL97Xuxue Feng
1001Faith L VocelkaItaly2026-11-08Chanay, Jeffrey A Esq PROPOSAL69Onyama Limba
1002Misaki H StockhamIndia2026-10-29Dorl, James J Esq UNQUALIFIED64Xuxue Feng
1003Claire Y GlickFrance2026-10-24Truhlar And Truhlar Attys NEW12Asiya Javayant
1004Smith P InouyeArgentina2026-10-15Feltz Printing Service NEW35Ivan Magalhaes
1005David A NickaFrance2026-10-13Chemel, James L Cpa PROPOSAL18Xuxue Feng
1006Izzy R GarufiRussia2026-10-21Chanay, Jeffrey A Esq RENEWAL89Ivan Magalhaes
1007Rodrigues N WieserItaly2026-10-12Benton, John B Jr PROPOSAL28Elwin Sharvill
1008Sinclair K MaletJapan2026-11-10Printing Dimensions QUALIFIED26Bernardo Dominic
1009Mujtaba J ChuiItaly2026-11-08Feiner Bros RENEWAL18Anna Fali
1010Sinclair F ButtSpain2026-10-27Printing Dimensions QUALIFIED10Ioni Bowcher
1011Nicolas R RimIndia2026-10-18Printing Dimensions NEGOTIATION63Bernardo Dominic
1012Smith M SergiArgentina2026-10-14Commercial Press PROPOSAL52Amy Elsner
1013Alejandro V SlusarskiAustralia2026-10-29Feiner Bros NEW91Stephen Shaw
1014Murillo C MacleadUnited Kingdom2026-10-23Rousseaux, Michael Esq NEW26Bernardo Dominic
1015Sinclair J MaletCanada2026-10-25Chanay, Jeffrey A Esq NEW22Bernardo Dominic
1016Ashley X CaudyBrazil2026-10-12Rousseaux, Michael Esq QUALIFIED21Bernardo Dominic
1017Octavia I DarakjyJapan2026-10-28Chapman, Ross E Esq NEGOTIATION34Amy Elsner
1018Rodrigues Z MaletRussia2026-10-27Rousseaux, Michael Esq NEGOTIATION38Ivan Magalhaes
1019Ashley G SergiCanada2026-10-23Feltz Printing Service NEW23Stephen Shaw
1020Greenwood Z RimIndia2026-10-30Benton, John B Jr UNQUALIFIED28Bernardo Dominic
1021Ashley B RimArgentina2026-10-15Chanay, Jeffrey A Esq NEGOTIATION89Onyama Limba
1022Juan D GauchoAustralia2026-10-30Feiner Bros PROPOSAL78Amy Elsner
1023Costa E RoysterArgentina2026-10-25Morlong Associates NEGOTIATION75Ioni Bowcher
1024Ashley Y GillianRussia2026-10-24Commercial Press NEW46Anna Fali
1025Alejandro Z PerinCanada2026-10-12Rangoni Of Florence PROPOSAL40Stephen Shaw
1026Adams I ButtArgentina2026-10-27Dorl, James J Esq RENEWAL45Stephen Shaw
1027Silvio C PaprockiIndia2026-10-19Rousseaux, Michael Esq RENEWAL12Amy Elsner
1028Maisha Z CaldareraUnited Kingdom2026-10-15Printing Dimensions QUALIFIED14Onyama Limba
1029Aruna T MaletBrazil2026-10-28Chapman, Ross E Esq PROPOSAL36Anna Fali
1030Mayumi V GauchoIndia2026-11-02Feiner Bros PROPOSAL6Stephen Shaw
1031Julie P ShinkoAustralia2026-11-06Morlong Associates QUALIFIED68Xuxue Feng
1032Greenwood K PaprockiUnited Kingdom2026-11-04Rangoni Of Florence NEGOTIATION11Elwin Sharvill
1033Leon S CaudyIndia2026-11-07Commercial Press QUALIFIED15Amy Elsner
1034Costa T FigeroaJapan2026-11-08Rousseaux, Michael Esq UNQUALIFIED9Asiya Javayant
1035Salvatore K SaylorsUnited Kingdom2026-10-31Commercial Press NEW77Amy Elsner
1036Stacey M VocelkaUnited Kingdom2026-10-23Feiner Bros NEW90Bernardo Dominic
1037Isabel G FlosiFrance2026-10-31Dorl, James J Esq QUALIFIED32Onyama Limba
1038Francesco Y PaprockiUnited Kingdom2026-11-02Truhlar And Truhlar Attys RENEWAL21Anna Fali
1039James F BologniaArgentina2026-10-22Morlong Associates NEGOTIATION44Asiya Javayant
1040Greenwood K KolmetzUnited Kingdom2026-10-22Commercial Press PROPOSAL80Elwin Sharvill
1041Johnson W IturbideSpain2026-10-20Benton, John B Jr UNQUALIFIED39Onyama Limba
1042Cody E StensethCanada2026-10-18Buckley Miller Wright PROPOSAL60Ivan Magalhaes
1043Alejandro E WieserIndia2026-10-27Dorl, James J Esq PROPOSAL1Amy Elsner
1044Jeanfrancois R RoysterGermany2026-10-14Printing Dimensions UNQUALIFIED42Ivan Magalhaes
1045Jefferson Q NickaBrazil2026-11-09Chemel, James L Cpa UNQUALIFIED97Ivan Magalhaes
1046Kaitlin O SaylorsUnited Kingdom2026-10-24Commercial Press PROPOSAL90Xuxue Feng
1047David F StockhamIndia2026-10-12Chapman, Ross E Esq NEGOTIATION22Xuxue Feng
1048Adams M RoysterIndia2026-10-26Commercial Press RENEWAL73Xuxue Feng
1049Nicolas M MaletRussia2026-11-02Benton, John B Jr PROPOSAL22Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Maisha U InouyeFranceBernardo Dominic QUALIFIED
Morrow R SchemmerIndiaBernardo Dominic NEGOTIATION
Emily J PerinFranceIvan Magalhaes UNQUALIFIED
Aika V SaylorsRussiaAnna Fali UNQUALIFIED
Johnson V BowleyRussiaAmy Elsner RENEWAL
Salvatore L SaylorsBrazilStephen Shaw NEW
Cody Z KolmetzItalyXuxue Feng NEW
Clifford I SchemmerFranceBernardo Dominic UNQUALIFIED
Izzy F FerenczItalyAmy Elsner QUALIFIED
Leja X RimBrazilStephen Shaw NEW
Costa L RulapaughItalyIoni Bowcher RENEWAL
Juan L PoquetteCanadaIoni Bowcher NEW
Sinclair C NestleGermanyIvan Magalhaes UNQUALIFIED
Aika J CaudyAustraliaIoni Bowcher RENEWAL
Salvatore I OstroskyCanadaIoni Bowcher NEGOTIATION
Rodrigues D DoeCanadaElwin Sharvill RENEWAL
Kadeem P CaldareraRussiaIvan Magalhaes NEW
Morrow X DoeArgentinaAmy Elsner UNQUALIFIED
Munro C FollerJapanBernardo Dominic NEGOTIATION
Claire V FigeroaAustraliaBernardo Dominic NEGOTIATION
Wickens K WieserIndiaIvan Magalhaes NEW
Maria H VenereRussiaBernardo Dominic QUALIFIED
Misaki D ButtItalyXuxue Feng UNQUALIFIED
Tony P MaletCanadaAsiya Javayant NEW
Aruna B MorascaIndiaAsiya Javayant NEGOTIATION
Maria E RoysterSpainStephen Shaw RENEWAL
Isabel J SaylorsAustraliaAnna Fali RENEWAL
Cody T TollnerBrazilAsiya Javayant NEW
Wickens X CaldareraAustraliaAsiya Javayant NEW
Nicolas O OldroydAustraliaIoni Bowcher RENEWAL
Emily G GauchoGermanyStephen Shaw UNQUALIFIED
Nicolas F VenereFranceElwin Sharvill RENEWAL
Francesco S MaletRussiaBernardo Dominic UNQUALIFIED
Silvio N BowleyAustraliaBernardo Dominic PROPOSAL
Izzy S SchemmerArgentinaElwin Sharvill NEGOTIATION
Salvatore Q BologniaGermanyIvan Magalhaes QUALIFIED
Munro K TollnerArgentinaXuxue Feng NEW
Cody T AmigonCanadaAsiya Javayant NEW
Wickens I StockhamJapanBernardo Dominic NEGOTIATION
Tony V MarrierCanadaElwin Sharvill NEGOTIATION
Antonio J CampainGermanyAmy Elsner UNQUALIFIED
Jeanfrancois V RulapaughUnited KingdomAmy Elsner NEGOTIATION
Julie Z MaletGermanyAsiya Javayant UNQUALIFIED
Cody W SchemmerArgentinaXuxue Feng NEGOTIATION
Emily I RimGermanyElwin Sharvill NEGOTIATION
Costa T NestleSpainBernardo Dominic PROPOSAL
Jennifer X MorascaBrazilIvan Magalhaes RENEWAL
Jennifer B CaudyGermanyStephen Shaw NEW
Stacey N AmigonCanadaXuxue Feng UNQUALIFIED
Mujtaba X SchemmerFranceOnyama Limba UNQUALIFIED
Frozen Columns
Name
Silvio G Vocelka
Claire Z Doe
Julie H Sergi
Antonio M Doe
Misaki M Flosi
Izzy B Rulapaugh
Murillo B Whobrey
Wickens A Campain
Tony F Flosi
Stacey D Maclead
Salvatore I Doe
Ivar B Kusko
Juan H Waycott
Salvatore B Gillian
Ricardo V Bolognia
Misaki E Caldarera
Maisha M Stockham
Ricardo L Marrier
Smith Q Albares
Aruna X Bowley
Chavez H Whobrey
Sinclair Z Oldroyd
Francesco C Figeroa
Misaki S Gaucho
Ricardo B Tollner
Octavia G Kolmetz
Morrow L Bowley
Claire Z Morasca
Misaki W Paprocki
Ivar K Bolognia
Deepesh V Sergi
Stacey I Iturbide
Costa H Chui
Maisha V Kolmetz
Costa Q Malet
Leon X Schemmer
Sinclair H Whobrey
Faith V Royster
Chavez H Ruta
Octavia T Waycott
Darci A Rim
Costa U Gillian
Sinclair M Flosi
Wickens Q Tollner
Ashley E Kusko
Izzy S Nestle
Jefferson R Shinko
Kaitlin D Ostrosky
Julie M Briddick
Leja C Darakjy
IdCountryDate
1000Spain2026-10-21
1001Australia2026-10-13
1002Canada2026-10-17
1003Germany2026-10-28
1004Japan2026-11-06
1005India2026-10-22
1006Italy2026-10-31
1007United Kingdom2026-10-14
1008Japan2026-11-03
1009Spain2026-11-03
1010United Kingdom2026-10-25
1011Canada2026-10-16
1012Argentina2026-10-31
1013Germany2026-10-16
1014Argentina2026-10-19
1015Argentina2026-11-04
1016France2026-11-04
1017France2026-10-20
1018France2026-10-24
1019France2026-10-18
1020Australia2026-11-06
1021Canada2026-10-19
1022Japan2026-10-15
1023Russia2026-11-10
1024Italy2026-10-24
1025Argentina2026-10-15
1026United Kingdom2026-10-18
1027Canada2026-10-19
1028India2026-11-10
1029Japan2026-11-09
1030France2026-11-08
1031Argentina2026-10-22
1032Japan2026-10-23
1033Russia2026-11-07
1034Italy2026-10-21
1035Brazil2026-11-07
1036Japan2026-10-26
1037United Kingdom2026-11-03
1038Italy2026-10-12
1039Brazil2026-10-29
1040Germany2026-10-27
1041India2026-11-01
1042United Kingdom2026-10-18
1043Brazil2026-11-03
1044France2026-10-27
1045Canada2026-10-17
1046United Kingdom2026-10-22
1047Italy2026-10-24
1048Spain2026-10-21
1049Argentina2026-10-20

On-Demand Data

NameIdCountryDate
Juan D Slusarski1000Germany2026-10-30
David F Perin1001Argentina2026-11-05
Juan I Tollner1002United Kingdom2026-10-27
Mujtaba U Figeroa1003Italy2026-11-07
Smith W Caldarera1004Australia2026-10-17
Deepesh T Paprocki1005United Kingdom2026-11-10
Isabel H Flosi1006United Kingdom2026-10-19
Ricardo C Bolognia1007France2026-10-17
Ashley I Butt1008Japan2026-10-28
Clifford A Iturbide1009Germany2026-11-03
David C Stenseth1010Italy2026-11-09
Ivar V Rulapaugh1011Canada2026-10-29
Salvatore R Albares1012Brazil2026-11-04
Ashley E Shinko1013France2026-10-14
Kadeem G Morasca1014Germany2026-10-22
Rodrigues R Glick1015Italy2026-10-27
Ivar O Caldarera1016Spain2026-10-28
Greenwood I Shinko1017Italy2026-10-20
Chavez L Doe1018Spain2026-10-28
Greenwood H Inouye1019Brazil2026-10-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
James U MaletJapanOnyama Limba NEGOTIATION
Adams Q PerinBrazilOnyama Limba QUALIFIED
Arvin X RimUnited KingdomAnna Fali NEGOTIATION
Emily T NickaRussiaOnyama Limba RENEWAL
Maisha F MaletUnited KingdomAnna Fali RENEWAL
Octavia L MacleadRussiaAsiya Javayant QUALIFIED
Aika V TollnerRussiaAmy Elsner NEGOTIATION
Ashley V SergiRussiaAsiya Javayant NEGOTIATION
Mayumi E RutaCanadaElwin Sharvill PROPOSAL
Aruna G MaletFranceBernardo Dominic QUALIFIED
Jones Q AlbaresFranceAmy Elsner RENEWAL
Johnson U CaudyAustraliaStephen Shaw QUALIFIED
David F GillianItalyIoni Bowcher NEGOTIATION
Mujtaba F DilliardCanadaBernardo Dominic QUALIFIED
Julie H MarrierBrazilOnyama Limba RENEWAL
Costa O InouyeIndiaOnyama Limba PROPOSAL
Costa U KuskoRussiaIoni Bowcher UNQUALIFIED
Wickens H BowleyArgentinaAsiya Javayant NEW
Leon S MarrierArgentinaOnyama Limba QUALIFIED
Octavia W IturbideJapanBernardo Dominic NEW
Isabel P FigeroaCanadaElwin Sharvill UNQUALIFIED
Silvio N GillianRussiaOnyama Limba PROPOSAL
Jones N PerinCanadaBernardo Dominic NEGOTIATION
Stacey Q GarufiAustraliaOnyama Limba NEGOTIATION
Morrow J RutaArgentinaAsiya Javayant QUALIFIED
Maisha Q PaprockiAustraliaElwin Sharvill PROPOSAL
Mayumi G PerinIndiaAsiya Javayant UNQUALIFIED
Morrow G DoeJapanElwin Sharvill QUALIFIED
Mujtaba W RutaArgentinaIvan Magalhaes NEGOTIATION
Cody S ChuiIndiaBernardo Dominic NEW
Stacey U MaletJapanAsiya Javayant NEW
Ashley K AmigonAustraliaAmy Elsner PROPOSAL
Faith Y VenereUnited KingdomOnyama Limba RENEWAL
Greenwood W GillianJapanBernardo Dominic NEW
Chavez O MacleadUnited KingdomAnna Fali QUALIFIED
Wickens C VenereSpainBernardo Dominic UNQUALIFIED
Aruna M SergiArgentinaElwin Sharvill PROPOSAL
Jennifer I GlickGermanyXuxue Feng UNQUALIFIED
James O DilliardRussiaIoni Bowcher UNQUALIFIED
Alejandro F KuskoUnited KingdomAmy Elsner QUALIFIED

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