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
David O FerenczSpainIvan Magalhaes RENEWAL
Deepesh W SaylorsUnited KingdomAnna Fali UNQUALIFIED
Mayumi N MaletIndiaBernardo Dominic PROPOSAL
Wickens J AlbaresSpainAnna Fali QUALIFIED
Jeanfrancois I PoquetteGermanyAnna Fali NEW
Izzy Y WaycottRussiaOnyama Limba NEGOTIATION
Arvin B WhobreyCanadaXuxue Feng NEW
Ashley F CaudyGermanyIvan Magalhaes NEGOTIATION
Arvin B GarufiArgentinaAnna Fali QUALIFIED
Claire Q MaletUnited KingdomXuxue Feng RENEWAL
Jennifer C FerenczSpainIoni Bowcher PROPOSAL
Ivar A FigeroaCanadaStephen Shaw NEW
Deepesh Q RimIndiaAnna Fali NEW
Ashley L VocelkaGermanyAnna Fali PROPOSAL
Jennifer U RutaGermanyIoni Bowcher PROPOSAL
Juan X MorascaCanadaOnyama Limba NEW
Mujtaba V OstroskyIndiaOnyama Limba UNQUALIFIED
Salvatore G DilliardSpainBernardo Dominic PROPOSAL
Jones M AmigonIndiaAnna Fali PROPOSAL
Kaitlin K DarakjyIndiaIvan Magalhaes NEGOTIATION
Leja Y VocelkaBrazilAmy Elsner UNQUALIFIED
Juan G ChuiRussiaAsiya Javayant PROPOSAL
Darci X OldroydUnited KingdomXuxue Feng QUALIFIED
Alejandro J PoquetteGermanyStephen Shaw NEGOTIATION
Darci V BologniaRussiaStephen Shaw NEW
Stacey N MarrierBrazilBernardo Dominic UNQUALIFIED
Misaki P PaprockiFranceXuxue Feng RENEWAL
Clifford J PerinAustraliaAsiya Javayant UNQUALIFIED
Sinclair I PoquetteAustraliaIvan Magalhaes UNQUALIFIED
Jennifer H AlbaresGermanyStephen Shaw RENEWAL
Tony Q MaletGermanyIoni Bowcher NEGOTIATION
Mayumi M ButtSpainIvan Magalhaes QUALIFIED
Octavia Z BologniaUnited KingdomXuxue Feng RENEWAL
James Z InouyeSpainXuxue Feng UNQUALIFIED
Smith V DarakjySpainBernardo Dominic PROPOSAL
Stacey C MacleadUnited KingdomBernardo Dominic QUALIFIED
Nicolas X MaletItalyAmy Elsner NEW
Aruna Q KuskoIndiaOnyama Limba UNQUALIFIED
Salvatore E KuskoSpainAmy Elsner NEGOTIATION
Cody U PaprockiGermanyElwin Sharvill NEGOTIATION
James C FlosiJapanAmy Elsner QUALIFIED
Aika E KuskoCanadaBernardo Dominic NEW
Juan S BologniaSpainOnyama Limba UNQUALIFIED
Cody M MaletGermanyOnyama Limba NEGOTIATION
Rodrigues E GlickIndiaOnyama Limba UNQUALIFIED
Silvio E GlickIndiaStephen Shaw RENEWAL
Aditya F FerenczGermanyBernardo Dominic RENEWAL
Munro C PerinJapanAnna Fali RENEWAL
Arvin V OstroskyUnited KingdomXuxue Feng UNQUALIFIED
James W OstroskyRussiaXuxue Feng NEW
Horizontal
NameCountryRepresentativeStatus
Izzy X BriddickBrazilIoni Bowcher PROPOSAL
Mujtaba W RulapaughGermanyStephen Shaw NEGOTIATION
Wickens A PerinSpainIvan Magalhaes PROPOSAL
Aruna D WhobreyRussiaElwin Sharvill UNQUALIFIED
Chavez X AmigonFranceElwin Sharvill RENEWAL
Jennifer P GillianIndiaAmy Elsner NEGOTIATION
James A ButtFranceIvan Magalhaes NEGOTIATION
Emily Y SlusarskiCanadaBernardo Dominic QUALIFIED
Ashley X InouyeArgentinaStephen Shaw NEGOTIATION
Misaki V RoysterRussiaXuxue Feng RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Mayumi O SaylorsAustralia2026-11-07Dorl, James J Esq PROPOSAL69Bernardo Dominic
1001Stacey J SchemmerSpain2026-11-07Dorl, James J Esq QUALIFIED87Onyama Limba
1002Emily V IturbideRussia2026-11-01Benton, John B Jr PROPOSAL13Onyama Limba
1003Darci C FigeroaJapan2026-11-11Feltz Printing Service NEW14Ivan Magalhaes
1004Darci R PoquetteItaly2026-11-11Buckley Miller Wright PROPOSAL44Stephen Shaw
1005Kaitlin K DilliardSpain2026-10-28Dorl, James J Esq RENEWAL77Elwin Sharvill
1006Octavia S ButtSpain2026-10-28Chanay, Jeffrey A Esq UNQUALIFIED94Amy Elsner
1007Arvin F BriddickCanada2026-10-28Chemel, James L Cpa QUALIFIED60Stephen Shaw
1008Jefferson C MaletArgentina2026-10-15Chanay, Jeffrey A Esq NEW20Amy Elsner
1009Alejandro Z WhobreyIndia2026-10-26Dorl, James J Esq NEW75Ivan Magalhaes
1010Izzy F SaylorsJapan2026-10-17Printing Dimensions NEGOTIATION38Ivan Magalhaes
1011Arvin S MaletIndia2026-10-22Buckley Miller Wright NEW74Ioni Bowcher
1012Silvio S OldroydFrance2026-11-09Morlong Associates NEGOTIATION17Anna Fali
1013Chavez Q SaylorsSpain2026-10-20Printing Dimensions UNQUALIFIED87Anna Fali
1014Costa Y NickaFrance2026-10-19Chapman, Ross E Esq QUALIFIED2Elwin Sharvill
1015Maisha K KolmetzArgentina2026-10-23Benton, John B Jr PROPOSAL99Stephen Shaw
1016Stacey P RutaJapan2026-10-22Commercial Press UNQUALIFIED45Bernardo Dominic
1017Adams S ShinkoIndia2026-11-02Benton, John B Jr QUALIFIED37Onyama Limba
1018Murillo I WaycottCanada2026-10-23Printing Dimensions QUALIFIED99Elwin Sharvill
1019Aditya E NickaUnited Kingdom2026-10-18Rousseaux, Michael Esq NEW75Asiya Javayant
1020Jones U CaudyGermany2026-11-07Benton, John B Jr RENEWAL57Stephen Shaw
1021Greenwood A MaletIndia2026-10-23Morlong Associates NEGOTIATION4Anna Fali
1022Darci U CaudyUnited Kingdom2026-10-26Benton, John B Jr PROPOSAL62Onyama Limba
1023Octavia J NestleArgentina2026-10-25Buckley Miller Wright PROPOSAL14Onyama Limba
1024Adams D WaycottBrazil2026-10-25Chemel, James L Cpa NEW77Elwin Sharvill
1025Leja X WhobreyItaly2026-11-09Chapman, Ross E Esq UNQUALIFIED94Onyama Limba
1026Costa P KolmetzGermany2026-11-06Benton, John B Jr PROPOSAL37Onyama Limba
1027Octavia H SaylorsIndia2026-11-05Chanay, Jeffrey A Esq UNQUALIFIED34Stephen Shaw
1028Juan N DilliardJapan2026-11-06Truhlar And Truhlar Attys NEGOTIATION1Asiya Javayant
1029Alejandro C MarrierUnited Kingdom2026-11-05Chemel, James L Cpa NEW64Amy Elsner
1030Chavez N FerenczIndia2026-11-05King, Christopher A Esq NEW73Bernardo Dominic
1031Wickens T AmigonJapan2026-11-03Chemel, James L Cpa RENEWAL41Elwin Sharvill
1032Ricardo G KuskoArgentina2026-10-26Truhlar And Truhlar Attys RENEWAL94Ioni Bowcher
1033Salvatore V FigeroaGermany2026-11-06Benton, John B Jr QUALIFIED95Anna Fali
1034Faith W BriddickArgentina2026-10-30Commercial Press QUALIFIED97Elwin Sharvill
1035Jeanfrancois B MarrierUnited Kingdom2026-10-26Morlong Associates QUALIFIED39Asiya Javayant
1036Costa G SlusarskiUnited Kingdom2026-10-17Feiner Bros NEGOTIATION49Onyama Limba
1037Kaitlin C TollnerUnited Kingdom2026-10-26Buckley Miller Wright NEGOTIATION87Onyama Limba
1038Ricardo C AlbaresGermany2026-11-12Commercial Press NEGOTIATION73Ioni Bowcher
1039Aika F PaprockiIndia2026-11-10Feiner Bros PROPOSAL72Stephen Shaw
1040Izzy J DoeCanada2026-11-10Rousseaux, Michael Esq NEGOTIATION73Anna Fali
1041Mujtaba F StensethUnited Kingdom2026-11-04Morlong Associates NEW9Elwin Sharvill
1042Faith K SergiUnited Kingdom2026-10-27Chemel, James L Cpa NEGOTIATION15Asiya Javayant
1043Misaki S VocelkaBrazil2026-10-29Chanay, Jeffrey A Esq QUALIFIED59Stephen Shaw
1044Chavez N SlusarskiJapan2026-10-28Commercial Press PROPOSAL83Amy Elsner
1045Leja W ButtUnited Kingdom2026-11-10Chanay, Jeffrey A Esq NEGOTIATION66Ioni Bowcher
1046Wickens L GlickFrance2026-10-16Chapman, Ross E Esq NEW42Stephen Shaw
1047Aika T PoquetteSpain2026-10-19Chemel, James L Cpa PROPOSAL57Ioni Bowcher
1048Mayumi R RoysterUnited Kingdom2026-11-11Feiner Bros NEW81Onyama Limba
1049Cody N VenereSpain2026-10-29Feltz Printing Service NEGOTIATION56Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Aditya I BowleyIndiaElwin Sharvill PROPOSAL
Munro A VocelkaUnited KingdomOnyama Limba QUALIFIED
Mayumi G OstroskySpainBernardo Dominic NEGOTIATION
Arvin A DoeItalyAnna Fali NEGOTIATION
Rodrigues F GlickItalyIoni Bowcher PROPOSAL
Maria K CaudyJapanAnna Fali UNQUALIFIED
Antonio E AmigonCanadaXuxue Feng RENEWAL
Julie V WhobreyFranceAsiya Javayant UNQUALIFIED
Mujtaba L OldroydJapanIvan Magalhaes NEGOTIATION
Darci F SergiFranceXuxue Feng RENEWAL
Sinclair L RutaUnited KingdomAnna Fali NEW
Costa B WaycottSpainAmy Elsner UNQUALIFIED
Jones W AmigonCanadaStephen Shaw UNQUALIFIED
Morrow A TollnerRussiaAmy Elsner RENEWAL
Jennifer J AmigonBrazilIoni Bowcher NEGOTIATION
James C DilliardAustraliaIoni Bowcher PROPOSAL
Mayumi F MaletArgentinaIvan Magalhaes NEW
Cody A StensethFranceBernardo Dominic NEGOTIATION
Octavia C AmigonArgentinaAnna Fali QUALIFIED
Nicolas E BriddickIndiaStephen Shaw UNQUALIFIED
Mayumi A RimBrazilAsiya Javayant NEGOTIATION
Jones E StensethRussiaIvan Magalhaes NEGOTIATION
Greenwood L DoeSpainBernardo Dominic NEGOTIATION
Jeanfrancois T OstroskyBrazilXuxue Feng RENEWAL
Silvio H BologniaRussiaIoni Bowcher UNQUALIFIED
Tony E FigeroaFranceAnna Fali NEW
Julie L BriddickUnited KingdomStephen Shaw RENEWAL
Claire U AlbaresSpainAmy Elsner RENEWAL
Ricardo A ChuiAustraliaIvan Magalhaes PROPOSAL
Clifford V StensethJapanOnyama Limba RENEWAL
Maria L CampainUnited KingdomAnna Fali NEW
Leon J SaylorsCanadaIvan Magalhaes NEW
Cody Q RimGermanyAsiya Javayant UNQUALIFIED
Alejandro K InouyeUnited KingdomXuxue Feng PROPOSAL
Alejandro A PaprockiIndiaStephen Shaw PROPOSAL
Ivar P MacleadUnited KingdomElwin Sharvill NEGOTIATION
Costa R MacleadArgentinaAnna Fali NEGOTIATION
Juan V RoysterFranceElwin Sharvill UNQUALIFIED
Deepesh B NickaJapanIvan Magalhaes QUALIFIED
Darci E StockhamGermanyXuxue Feng UNQUALIFIED
Nicolas Z SlusarskiIndiaAsiya Javayant UNQUALIFIED
Johnson J DilliardAustraliaXuxue Feng UNQUALIFIED
Adams N RutaIndiaXuxue Feng PROPOSAL
Morrow R KuskoSpainIoni Bowcher RENEWAL
Mayumi E MorascaFranceAsiya Javayant PROPOSAL
Salvatore T OldroydUnited KingdomIvan Magalhaes PROPOSAL
Ivar C RoysterRussiaAmy Elsner QUALIFIED
Costa I BowleyItalyOnyama Limba RENEWAL
David J BowleyCanadaStephen Shaw NEGOTIATION
Chavez L AlbaresCanadaXuxue Feng PROPOSAL
Frozen Columns
Name
Francesco Z Kolmetz
Greenwood Y Perin
Juan Z Albares
Julie R Inouye
Francesco X Campain
Jones H Morasca
Aika H Foller
Alejandro D Waycott
Adams O Saylors
Silvio V Figeroa
Clifford I Morasca
Alejandro U Morasca
Leon J Iturbide
Mayumi J Gaucho
Adams U Tollner
Mujtaba B Wieser
Chavez M Poquette
Nicolas P Rulapaugh
Ashley F Flosi
Antonio M Butt
Deepesh O Inouye
Aika Z Kolmetz
Salvatore P Kolmetz
Aditya W Gillian
Johnson F Iturbide
Wickens R Darakjy
Aika G Doe
Jennifer K Campain
Smith M Albares
Mayumi F Perin
Murillo W Whobrey
Stacey T Chui
Wickens G Shinko
Emily R Kolmetz
Jones C Chui
Aditya D Chui
Aditya U Amigon
Leon N Venere
Arvin H Oldroyd
Jeanfrancois C Rulapaugh
Tony I Gaucho
Nicolas X Briddick
Greenwood C Morasca
Kaitlin Y Royster
Leon V Glick
Wickens Z Caldarera
Faith A Royster
Darci D Bolognia
Aika Q Paprocki
Arvin Q Gillian
IdCountryDate
1000Brazil2026-11-04
1001Canada2026-11-08
1002Australia2026-10-20
1003Argentina2026-11-07
1004Argentina2026-11-01
1005Australia2026-11-12
1006Argentina2026-10-30
1007Germany2026-11-07
1008Argentina2026-11-01
1009Spain2026-11-07
1010Spain2026-10-19
1011United Kingdom2026-11-12
1012Canada2026-10-21
1013Italy2026-10-29
1014Germany2026-10-28
1015Argentina2026-11-02
1016Spain2026-10-18
1017France2026-10-25
1018Canada2026-10-29
1019Brazil2026-11-09
1020Russia2026-10-31
1021Spain2026-10-24
1022Canada2026-10-20
1023Argentina2026-10-21
1024United Kingdom2026-11-06
1025Germany2026-10-25
1026Italy2026-10-23
1027Spain2026-10-21
1028India2026-11-04
1029Argentina2026-10-21
1030United Kingdom2026-11-09
1031Canada2026-11-08
1032Canada2026-10-23
1033Russia2026-11-08
1034Australia2026-10-25
1035Japan2026-11-09
1036Australia2026-10-14
1037Spain2026-11-01
1038Argentina2026-11-06
1039India2026-10-14
1040Japan2026-11-03
1041Italy2026-10-18
1042Brazil2026-11-10
1043United Kingdom2026-10-29
1044Italy2026-10-16
1045Brazil2026-10-29
1046Argentina2026-11-12
1047Argentina2026-10-20
1048Brazil2026-10-31
1049France2026-11-04

On-Demand Data

NameIdCountryDate
Isabel C Gaucho1000France2026-10-21
Emily J Marrier1001Australia2026-10-25
Izzy M Morasca1002United Kingdom2026-10-15
Murillo M Stockham1003Germany2026-10-21
Costa M Inouye1004France2026-11-01
Jeanfrancois A Saylors1005Canada2026-10-31
Nicolas T Nestle1006Brazil2026-10-17
Greenwood D Oldroyd1007India2026-11-09
Deepesh X Glick1008Australia2026-10-20
Leja X Ferencz1009Italy2026-10-17
Octavia V Malet1010Japan2026-10-23
Rodrigues X Morasca1011United Kingdom2026-10-26
Nicolas Y Perin1012Brazil2026-11-10
Clifford B Doe1013Japan2026-11-03
Greenwood M Waycott1014Japan2026-10-29
Isabel J Vocelka1015France2026-10-21
Octavia E Sergi1016Spain2026-10-29
Ashley L Ostrosky1017United Kingdom2026-11-10
Julie V Gillian1018Argentina2026-10-19
Aika U Figeroa1019Canada2026-10-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Stacey J WieserArgentinaOnyama Limba UNQUALIFIED
Aditya S RutaCanadaOnyama Limba UNQUALIFIED
Clifford R AmigonCanadaAsiya Javayant PROPOSAL
Adams S KolmetzBrazilStephen Shaw QUALIFIED
Jefferson D CaldareraBrazilIvan Magalhaes NEGOTIATION
Jennifer U DarakjyUnited KingdomOnyama Limba NEGOTIATION
David Q BriddickUnited KingdomElwin Sharvill UNQUALIFIED
Izzy U MacleadSpainXuxue Feng UNQUALIFIED
Julie K DilliardSpainIoni Bowcher NEW
Sinclair C RoysterFranceAsiya Javayant UNQUALIFIED
Greenwood I SlusarskiRussiaAnna Fali PROPOSAL
Costa P FollerGermanyStephen Shaw RENEWAL
Tony G PoquetteFranceStephen Shaw PROPOSAL
Kadeem N SchemmerAustraliaAsiya Javayant QUALIFIED
Izzy Q FigeroaUnited KingdomAmy Elsner QUALIFIED
Sinclair E IturbideGermanyAsiya Javayant PROPOSAL
Emily R BologniaItalyOnyama Limba NEGOTIATION
Francesco W RimRussiaIvan Magalhaes UNQUALIFIED
Isabel I FigeroaIndiaAnna Fali QUALIFIED
Cody F DilliardSpainStephen Shaw RENEWAL
Morrow V SchemmerFranceBernardo Dominic PROPOSAL
Adams B FigeroaUnited KingdomBernardo Dominic NEGOTIATION
Jones N ShinkoUnited KingdomAmy Elsner QUALIFIED
Leja A GarufiCanadaBernardo Dominic PROPOSAL
Johnson P CaudyItalyAnna Fali QUALIFIED
Sinclair W SchemmerJapanXuxue Feng PROPOSAL
Silvio R RutaCanadaAnna Fali RENEWAL
Maisha C DilliardItalyElwin Sharvill NEW
Jennifer P TollnerFranceXuxue Feng UNQUALIFIED
James H WieserIndiaAmy Elsner UNQUALIFIED
Greenwood S ChuiUnited KingdomIoni Bowcher NEGOTIATION
Adams F GauchoItalyBernardo Dominic RENEWAL
Octavia U SlusarskiGermanyAnna Fali NEGOTIATION
Chavez U CaudyGermanyAmy Elsner PROPOSAL
Murillo W AmigonGermanyBernardo Dominic UNQUALIFIED
Adams Q NestleIndiaAnna Fali NEGOTIATION
Rodrigues D FlosiArgentinaAmy Elsner PROPOSAL
Aditya K AmigonIndiaStephen Shaw NEGOTIATION
Deepesh D AmigonUnited KingdomBernardo Dominic NEW
Julie B DilliardGermanyOnyama Limba 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>