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
Misaki W RulapaughAustraliaIvan Magalhaes UNQUALIFIED
Emily L TollnerUnited KingdomOnyama Limba QUALIFIED
Clifford J DarakjyRussiaIoni Bowcher NEW
Rodrigues Z OstroskyJapanAsiya Javayant UNQUALIFIED
Wickens C RutaBrazilIoni Bowcher PROPOSAL
Jennifer S GillianFranceStephen Shaw NEGOTIATION
Jennifer Z GarufiGermanyIvan Magalhaes NEGOTIATION
Greenwood K CaldareraIndiaAmy Elsner PROPOSAL
Juan F MaletUnited KingdomIvan Magalhaes NEGOTIATION
Kaitlin G RimCanadaBernardo Dominic UNQUALIFIED
Jennifer Q FerenczCanadaAnna Fali UNQUALIFIED
Wickens H RimRussiaStephen Shaw RENEWAL
Morrow V PaprockiArgentinaAnna Fali UNQUALIFIED
Maria U PaprockiUnited KingdomXuxue Feng NEGOTIATION
Ivar X MorascaSpainXuxue Feng RENEWAL
Faith M VenereRussiaIoni Bowcher QUALIFIED
Darci D VocelkaSpainAsiya Javayant QUALIFIED
Sinclair G MorascaAustraliaElwin Sharvill PROPOSAL
Maisha J CampainCanadaAsiya Javayant QUALIFIED
Maria J MarrierBrazilAsiya Javayant RENEWAL
Costa T MarrierFranceIvan Magalhaes PROPOSAL
Wickens M GarufiFranceAmy Elsner NEW
Wickens S CaldareraGermanyElwin Sharvill PROPOSAL
Kadeem N VocelkaRussiaAmy Elsner NEW
Mujtaba Q ChuiFranceAsiya Javayant UNQUALIFIED
Murillo M AlbaresAustraliaAsiya Javayant QUALIFIED
David P GarufiAustraliaAnna Fali NEW
Costa T RimGermanyAmy Elsner QUALIFIED
Sinclair Q RulapaughArgentinaAmy Elsner PROPOSAL
Cody Q KuskoSpainAnna Fali NEGOTIATION
Jennifer L CampainUnited KingdomOnyama Limba PROPOSAL
Deepesh A FigeroaBrazilAnna Fali RENEWAL
Kaitlin W AmigonBrazilAnna Fali NEGOTIATION
Leja H BowleyArgentinaOnyama Limba QUALIFIED
Maria B SchemmerGermanyAnna Fali PROPOSAL
Johnson M NickaIndiaElwin Sharvill PROPOSAL
Juan U IturbideBrazilAmy Elsner QUALIFIED
Cody Z KolmetzRussiaAnna Fali NEW
Smith E WieserIndiaXuxue Feng PROPOSAL
Smith C MaletUnited KingdomAmy Elsner NEGOTIATION
Misaki N BriddickCanadaStephen Shaw UNQUALIFIED
Jennifer O BriddickArgentinaOnyama Limba PROPOSAL
Cody U TollnerSpainStephen Shaw PROPOSAL
Leon I GauchoGermanyOnyama Limba NEGOTIATION
Mayumi R SchemmerCanadaOnyama Limba UNQUALIFIED
Silvio N RimIndiaIvan Magalhaes NEGOTIATION
Tony X FlosiRussiaBernardo Dominic NEW
Kaitlin G RulapaughGermanyAnna Fali PROPOSAL
Jeanfrancois X RulapaughItalyAmy Elsner PROPOSAL
Leja A AlbaresArgentinaAmy Elsner PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Ricardo F StockhamItalyXuxue Feng NEW
Aika R ChuiJapanBernardo Dominic PROPOSAL
Julie S InouyeUnited KingdomAnna Fali NEGOTIATION
Mujtaba L RutaIndiaAmy Elsner QUALIFIED
Munro X GauchoSpainBernardo Dominic PROPOSAL
Adams K DarakjyUnited KingdomAsiya Javayant PROPOSAL
Maisha Y BriddickAustraliaBernardo Dominic PROPOSAL
Clifford F DilliardGermanyAmy Elsner PROPOSAL
Antonio S GauchoArgentinaIoni Bowcher PROPOSAL
Tony G BowleyCanadaStephen Shaw NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Darci C FollerBrazil2026-09-05Truhlar And Truhlar Attys NEGOTIATION85Ivan Magalhaes
1001Silvio K GillianItaly2026-09-28Truhlar And Truhlar Attys NEGOTIATION23Ivan Magalhaes
1002Julie N WaycottJapan2026-09-19Chemel, James L Cpa UNQUALIFIED18Bernardo Dominic
1003Jones M StockhamItaly2026-09-01Feltz Printing Service QUALIFIED72Amy Elsner
1004Aika J StensethItaly2026-09-04Chapman, Ross E Esq NEGOTIATION27Ivan Magalhaes
1005Silvio H AmigonArgentina2026-09-26Chanay, Jeffrey A Esq NEW20Amy Elsner
1006Nicolas X CaldareraArgentina2026-09-23Dorl, James J Esq UNQUALIFIED14Onyama Limba
1007Ivar G FerenczRussia2026-09-06Morlong Associates RENEWAL70Bernardo Dominic
1008Arvin P OstroskyItaly2026-09-13Chanay, Jeffrey A Esq NEGOTIATION8Anna Fali
1009Salvatore J InouyeRussia2026-09-13Feltz Printing Service NEW76Elwin Sharvill
1010Clifford N IturbideIndia2026-09-15Truhlar And Truhlar Attys UNQUALIFIED95Ioni Bowcher
1011Ricardo C KuskoCanada2026-09-20Benton, John B Jr RENEWAL54Bernardo Dominic
1012Stacey X SergiIndia2026-09-26Chemel, James L Cpa UNQUALIFIED90Anna Fali
1013Octavia F ChuiItaly2026-09-12Chanay, Jeffrey A Esq NEGOTIATION50Asiya Javayant
1014Alejandro O IturbideSpain2026-09-21Printing Dimensions NEW28Onyama Limba
1015Octavia V CaudyIndia2026-09-10Chapman, Ross E Esq UNQUALIFIED29Xuxue Feng
1016Jefferson K GauchoGermany2026-09-25Buckley Miller Wright PROPOSAL64Xuxue Feng
1017Tony L PaprockiJapan2026-09-11Morlong Associates RENEWAL95Bernardo Dominic
1018Tony Y KuskoJapan2026-09-28King, Christopher A Esq QUALIFIED85Elwin Sharvill
1019Arvin B MacleadArgentina2026-09-05Rangoni Of Florence PROPOSAL24Asiya Javayant
1020Mujtaba C MacleadAustralia2026-09-05Chanay, Jeffrey A Esq NEGOTIATION60Bernardo Dominic
1021Claire W StockhamIndia2026-09-21Commercial Press PROPOSAL97Stephen Shaw
1022Claire G NickaGermany2026-09-29Feltz Printing Service UNQUALIFIED49Elwin Sharvill
1023Izzy K GillianBrazil2026-09-02Chapman, Ross E Esq NEW63Amy Elsner
1024Greenwood F MacleadJapan2026-09-22Chanay, Jeffrey A Esq RENEWAL8Elwin Sharvill
1025Clifford H FlosiIndia2026-09-21Feiner Bros UNQUALIFIED74Anna Fali
1026Ivar P NickaRussia2026-09-27Morlong Associates RENEWAL91Ivan Magalhaes
1027Murillo S FlosiGermany2026-09-23Feiner Bros PROPOSAL52Onyama Limba
1028Julie K PoquetteUnited Kingdom2026-09-10Truhlar And Truhlar Attys NEW3Elwin Sharvill
1029Costa P ChuiJapan2026-09-06King, Christopher A Esq NEGOTIATION6Xuxue Feng
1030Nicolas L FlosiGermany2026-09-07Buckley Miller Wright PROPOSAL30Elwin Sharvill
1031Murillo W ChuiAustralia2026-09-11Buckley Miller Wright UNQUALIFIED5Amy Elsner
1032Darci U MaletGermany2026-09-25Benton, John B Jr QUALIFIED60Bernardo Dominic
1033Sinclair C PerinSpain2026-09-26Morlong Associates UNQUALIFIED54Stephen Shaw
1034Octavia N WaycottUnited Kingdom2026-09-10Buckley Miller Wright PROPOSAL73Elwin Sharvill
1035Leja D NestleAustralia2026-09-07Dorl, James J Esq QUALIFIED38Ivan Magalhaes
1036Aditya M RoysterUnited Kingdom2026-09-27Feiner Bros NEW25Bernardo Dominic
1037Johnson I BowleyArgentina2026-09-02Dorl, James J Esq PROPOSAL40Anna Fali
1038Mujtaba U PaprockiGermany2026-09-14Benton, John B Jr NEGOTIATION32Stephen Shaw
1039Leon N BowleyGermany2026-09-08King, Christopher A Esq UNQUALIFIED25Anna Fali
1040Cody L DoeSpain2026-09-27Benton, John B Jr RENEWAL75Ivan Magalhaes
1041Leja K OldroydJapan2026-09-15Rangoni Of Florence NEW72Xuxue Feng
1042Cody E GillianJapan2026-09-28Chapman, Ross E Esq PROPOSAL74Ivan Magalhaes
1043James L VocelkaSpain2026-09-09Morlong Associates NEW38Asiya Javayant
1044Izzy A RoysterGermany2026-09-02Feiner Bros NEGOTIATION80Stephen Shaw
1045Kaitlin R WieserGermany2026-08-31Morlong Associates PROPOSAL0Xuxue Feng
1046Wickens H ChuiAustralia2026-09-11Chanay, Jeffrey A Esq UNQUALIFIED97Ioni Bowcher
1047Arvin B DilliardIndia2026-09-13Printing Dimensions UNQUALIFIED3Ioni Bowcher
1048Leon T KolmetzArgentina2026-09-15Chanay, Jeffrey A Esq RENEWAL35Elwin Sharvill
1049Stacey J GillianBrazil2026-09-20Buckley Miller Wright PROPOSAL93Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Maria Y VocelkaFranceOnyama Limba NEW
Kaitlin K KolmetzArgentinaAmy Elsner PROPOSAL
Aruna M PoquetteAustraliaXuxue Feng PROPOSAL
Stacey E DoeFranceAmy Elsner QUALIFIED
Morrow Y PoquetteIndiaIvan Magalhaes NEW
Smith V OldroydAustraliaAmy Elsner UNQUALIFIED
Sinclair F DilliardCanadaAsiya Javayant NEW
Clifford F ButtIndiaIvan Magalhaes NEGOTIATION
Leon H MarrierCanadaBernardo Dominic NEW
Rodrigues D BowleyItalyStephen Shaw NEW
Aditya B NestleItalyIoni Bowcher NEW
Aruna Z AmigonBrazilBernardo Dominic QUALIFIED
Ashley X ButtJapanBernardo Dominic UNQUALIFIED
David L CaldareraGermanyElwin Sharvill PROPOSAL
Kaitlin C CaudyItalyAnna Fali NEW
Ashley I SergiAustraliaAnna Fali PROPOSAL
Chavez Y SchemmerRussiaIvan Magalhaes NEGOTIATION
Deepesh Z DoeSpainIoni Bowcher NEGOTIATION
Misaki Q RimSpainStephen Shaw QUALIFIED
Greenwood E SergiCanadaBernardo Dominic UNQUALIFIED
Kaitlin H GlickIndiaBernardo Dominic PROPOSAL
Aditya W WaycottJapanStephen Shaw UNQUALIFIED
Ricardo D VenereIndiaAmy Elsner QUALIFIED
Adams S AlbaresJapanStephen Shaw NEGOTIATION
Aruna I ChuiSpainXuxue Feng QUALIFIED
Emily E FigeroaSpainElwin Sharvill NEGOTIATION
Izzy A WaycottIndiaAmy Elsner NEW
Greenwood G TollnerBrazilAnna Fali PROPOSAL
Francesco T RoysterArgentinaIvan Magalhaes RENEWAL
Silvio J MarrierItalyAmy Elsner NEW
Antonio U BriddickUnited KingdomIvan Magalhaes QUALIFIED
Emily G AmigonBrazilAmy Elsner NEGOTIATION
Isabel H MaletFranceIoni Bowcher QUALIFIED
Kadeem M WhobreyIndiaAsiya Javayant UNQUALIFIED
James W FollerBrazilOnyama Limba UNQUALIFIED
Rodrigues P AlbaresRussiaAmy Elsner RENEWAL
Arvin Y GauchoBrazilXuxue Feng PROPOSAL
Murillo Y AlbaresSpainAnna Fali NEGOTIATION
Jeanfrancois U MaletFranceIvan Magalhaes NEW
Emily O OldroydFranceOnyama Limba QUALIFIED
Claire G MarrierAustraliaIoni Bowcher NEW
Jeanfrancois G ChuiCanadaOnyama Limba RENEWAL
Johnson D MarrierArgentinaAnna Fali NEW
Octavia X RulapaughItalyOnyama Limba NEW
Jones W ShinkoFranceBernardo Dominic NEGOTIATION
Mayumi G SaylorsArgentinaIoni Bowcher QUALIFIED
Jeanfrancois U GauchoItalyBernardo Dominic UNQUALIFIED
Leon R FlosiGermanyAnna Fali NEW
Silvio T RimSpainXuxue Feng UNQUALIFIED
Adams V CaudyJapanIoni Bowcher RENEWAL
Frozen Columns
Name
David M Ferencz
Greenwood O Gaucho
Johnson T Venere
Sinclair Q Paprocki
Claire A Foller
Francesco H Campain
Julie Y Stockham
Ivar C Butt
Greenwood K Stockham
Kaitlin Z Caldarera
Aruna P Gaucho
Tony B Shinko
Chavez Z Paprocki
Sinclair H Shinko
Faith K Stockham
Mujtaba Z Campain
Claire I Shinko
Rodrigues V Paprocki
Chavez Z Flosi
Nicolas B Iturbide
Jefferson Y Waycott
Octavia Y Bowley
Clifford F Gaucho
Claire K Saylors
Ricardo Q Caldarera
Alejandro C Schemmer
Aika P Poquette
Jones J Malet
Aika B Iturbide
Izzy J Nestle
Cody H Malet
Emily Y Iturbide
Nicolas G Gillian
Emily D Chui
Clifford Z Nicka
Jeanfrancois O Ruta
Smith U Saylors
Morrow U Morasca
James E Garufi
James F Caudy
Clifford E Schemmer
Claire Z Venere
Jeanfrancois A Darakjy
Cody W Figeroa
Nicolas W Maclead
Kaitlin P Glick
Leon V Butt
Darci X Iturbide
Francesco Z Slusarski
Ashley H Ferencz
IdCountryDate
1000Brazil2026-09-27
1001Germany2026-09-20
1002Canada2026-09-29
1003Japan2026-09-07
1004Argentina2026-09-14
1005Australia2026-09-09
1006Canada2026-09-29
1007Canada2026-08-31
1008Canada2026-09-25
1009Argentina2026-09-18
1010France2026-09-18
1011France2026-09-22
1012Italy2026-09-11
1013Brazil2026-09-26
1014Australia2026-09-19
1015Canada2026-09-17
1016Germany2026-09-24
1017United Kingdom2026-09-19
1018Australia2026-09-12
1019Argentina2026-09-07
1020Spain2026-09-28
1021Australia2026-09-17
1022Australia2026-09-16
1023Japan2026-09-03
1024Italy2026-09-14
1025Canada2026-09-04
1026India2026-09-24
1027Russia2026-09-21
1028Germany2026-09-10
1029Canada2026-09-24
1030France2026-09-22
1031United Kingdom2026-09-05
1032Japan2026-09-25
1033Brazil2026-09-15
1034Germany2026-09-16
1035France2026-09-19
1036Brazil2026-09-01
1037Australia2026-09-08
1038Canada2026-09-01
1039Italy2026-09-27
1040Japan2026-09-13
1041France2026-09-28
1042Germany2026-09-19
1043Russia2026-09-27
1044France2026-08-31
1045Canada2026-09-10
1046Germany2026-09-15
1047Japan2026-09-17
1048India2026-08-31
1049Russia2026-09-02

On-Demand Data

NameIdCountryDate
Darci N Morasca1000India2026-09-07
Aruna C Briddick1001Spain2026-08-31
Isabel N Malet1002Australia2026-09-06
Stacey B Butt1003France2026-09-14
Johnson X Shinko1004Italy2026-09-07
Isabel P Venere1005India2026-09-03
Smith I Slusarski1006France2026-09-05
Maria R Nestle1007Argentina2026-09-26
Isabel Z Bolognia1008Argentina2026-09-05
Octavia N Wieser1009Russia2026-09-21
Morrow K Foller1010France2026-09-08
Kaitlin P Stenseth1011Japan2026-09-21
Leon R Malet1012Australia2026-09-23
Octavia V Saylors1013Russia2026-09-05
Claire S Inouye1014Spain2026-09-10
Adams I Iturbide1015France2026-09-15
Wickens O Venere1016Germany2026-09-06
Misaki T Maclead1017Japan2026-09-21
Aruna M Gillian1018Argentina2026-09-15
Mujtaba S Stockham1019France2026-09-05
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jennifer W DarakjyItalyElwin Sharvill NEW
Stacey G VocelkaGermanyOnyama Limba QUALIFIED
Munro Q FlosiUnited KingdomElwin Sharvill UNQUALIFIED
Wickens R RutaArgentinaOnyama Limba PROPOSAL
Juan X AmigonGermanyElwin Sharvill UNQUALIFIED
Ricardo C VenereJapanAnna Fali QUALIFIED
Munro R RulapaughArgentinaAsiya Javayant NEW
Kaitlin V GarufiFranceIvan Magalhaes QUALIFIED
Ricardo E SergiSpainElwin Sharvill NEW
Emily D StensethGermanyStephen Shaw RENEWAL
Aditya P WaycottArgentinaAsiya Javayant UNQUALIFIED
Jeanfrancois Q MaletCanadaAmy Elsner QUALIFIED
Ashley C DarakjySpainOnyama Limba QUALIFIED
Mayumi K TollnerGermanyElwin Sharvill NEGOTIATION
Julie M CaudyFranceIvan Magalhaes UNQUALIFIED
Silvio R MaletSpainAsiya Javayant UNQUALIFIED
Silvio W DoeArgentinaIvan Magalhaes NEW
Leon M StensethAustraliaXuxue Feng NEGOTIATION
Jeanfrancois Q DarakjyJapanAnna Fali NEW
Julie D StockhamCanadaAnna Fali NEGOTIATION
Silvio C VocelkaIndiaStephen Shaw PROPOSAL
Maisha A VocelkaUnited KingdomStephen Shaw QUALIFIED
Cody G OstroskyUnited KingdomAsiya Javayant NEGOTIATION
Darci X CampainGermanyAsiya Javayant QUALIFIED
Ivar R TollnerGermanyAmy Elsner NEW
Julie A FigeroaIndiaIvan Magalhaes NEGOTIATION
David J NestleItalyStephen Shaw PROPOSAL
Jeanfrancois F StensethBrazilStephen Shaw NEGOTIATION
Jeanfrancois V VenereJapanIoni Bowcher UNQUALIFIED
Misaki X CaudySpainAsiya Javayant QUALIFIED
Sinclair I DoeRussiaXuxue Feng QUALIFIED
Jennifer Y VenereSpainBernardo Dominic RENEWAL
Arvin L BriddickCanadaIoni Bowcher UNQUALIFIED
Johnson Q CampainAustraliaBernardo Dominic NEGOTIATION
Cody W SchemmerUnited KingdomBernardo Dominic UNQUALIFIED
Alejandro N StensethJapanStephen Shaw PROPOSAL
Nicolas L VocelkaAustraliaAmy Elsner QUALIFIED
Jeanfrancois U VocelkaBrazilIoni Bowcher NEGOTIATION
Octavia Q CaldareraJapanAsiya Javayant UNQUALIFIED
Ashley D RimIndiaBernardo Dominic 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>