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
Maria B FigeroaCanadaStephen Shaw NEGOTIATION
Leja A SlusarskiArgentinaAmy Elsner NEGOTIATION
Greenwood X DoeIndiaStephen Shaw UNQUALIFIED
Silvio Q MarrierBrazilBernardo Dominic QUALIFIED
Chavez L DilliardGermanyOnyama Limba PROPOSAL
David I MaletRussiaIoni Bowcher RENEWAL
Chavez L InouyeBrazilOnyama Limba RENEWAL
Faith G ChuiSpainAnna Fali RENEWAL
James Q MacleadIndiaBernardo Dominic RENEWAL
Johnson R RulapaughAustraliaBernardo Dominic QUALIFIED
Rodrigues Y WhobreyJapanIoni Bowcher UNQUALIFIED
Kadeem H PaprockiRussiaAsiya Javayant RENEWAL
Jennifer C StockhamUnited KingdomIvan Magalhaes UNQUALIFIED
Murillo G GauchoSpainIoni Bowcher NEGOTIATION
Murillo M WhobreyCanadaStephen Shaw QUALIFIED
Chavez A NickaArgentinaAsiya Javayant QUALIFIED
Kadeem X KuskoBrazilXuxue Feng RENEWAL
Ashley L FigeroaAustraliaOnyama Limba NEGOTIATION
Costa P StockhamItalyBernardo Dominic UNQUALIFIED
Emily J SchemmerIndiaAsiya Javayant UNQUALIFIED
Aruna X OstroskyBrazilBernardo Dominic QUALIFIED
Johnson S GlickArgentinaIvan Magalhaes NEGOTIATION
Aruna B WhobreyBrazilIoni Bowcher NEGOTIATION
Octavia W VenereIndiaAmy Elsner NEGOTIATION
Misaki X PoquetteIndiaAmy Elsner QUALIFIED
Murillo N ChuiFranceAnna Fali PROPOSAL
Stacey F StensethFranceAmy Elsner NEGOTIATION
Aruna F IturbideSpainIoni Bowcher RENEWAL
Cody L VocelkaGermanyXuxue Feng QUALIFIED
Johnson T OstroskyArgentinaBernardo Dominic PROPOSAL
Sinclair K WhobreyUnited KingdomElwin Sharvill RENEWAL
Kaitlin J MaletFranceAnna Fali NEGOTIATION
Arvin H VenereGermanyStephen Shaw PROPOSAL
Aika O FollerSpainBernardo Dominic QUALIFIED
Morrow V FerenczArgentinaIvan Magalhaes RENEWAL
Aruna R VenereArgentinaElwin Sharvill QUALIFIED
Deepesh K FlosiIndiaBernardo Dominic RENEWAL
Ricardo W FerenczIndiaStephen Shaw NEGOTIATION
Juan G WhobreyArgentinaAnna Fali NEGOTIATION
Kaitlin I MarrierItalyIvan Magalhaes RENEWAL
Tony X IturbideRussiaBernardo Dominic RENEWAL
Leon R OstroskyFranceBernardo Dominic NEW
Aruna J InouyeIndiaXuxue Feng PROPOSAL
Aika M FerenczGermanyAnna Fali NEW
Mayumi W OldroydGermanyIvan Magalhaes NEGOTIATION
Salvatore Z MarrierIndiaBernardo Dominic QUALIFIED
David G WieserItalyXuxue Feng QUALIFIED
Adams S GlickCanadaAnna Fali QUALIFIED
Aditya Q MorascaGermanyAnna Fali QUALIFIED
James Q CaudyAustraliaOnyama Limba QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Isabel X SchemmerAustraliaIvan Magalhaes NEGOTIATION
Ivar R SchemmerRussiaOnyama Limba NEGOTIATION
Costa O FlosiRussiaIoni Bowcher PROPOSAL
Rodrigues M GillianCanadaXuxue Feng NEW
Faith T DoeGermanyIvan Magalhaes NEGOTIATION
Wickens H GarufiItalyIoni Bowcher PROPOSAL
Clifford O RimAustraliaAnna Fali PROPOSAL
Juan Z MaletItalyBernardo Dominic RENEWAL
Wickens Q RimAustraliaIvan Magalhaes UNQUALIFIED
Francesco D MorascaAustraliaElwin Sharvill NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Ashley V SaylorsCanada2026-10-28Dorl, James J Esq NEGOTIATION17Xuxue Feng
1001Salvatore S OstroskyFrance2026-10-05Commercial Press PROPOSAL18Bernardo Dominic
1002Alejandro G WieserAustralia2026-10-16Buckley Miller Wright NEGOTIATION37Onyama Limba
1003Salvatore P StockhamItaly2026-10-05Chanay, Jeffrey A Esq NEGOTIATION92Bernardo Dominic
1004Jones O ButtSpain2026-10-28Chemel, James L Cpa NEGOTIATION53Amy Elsner
1005Antonio C KuskoArgentina2026-10-16Chemel, James L Cpa NEW26Stephen Shaw
1006Mayumi V PerinUnited Kingdom2026-10-03Benton, John B Jr QUALIFIED8Stephen Shaw
1007Aditya Q WaycottBrazil2026-10-03Chemel, James L Cpa PROPOSAL44Ivan Magalhaes
1008James H CampainRussia2026-10-17Commercial Press RENEWAL64Stephen Shaw
1009Sinclair W InouyeBrazil2026-10-25Chapman, Ross E Esq PROPOSAL85Elwin Sharvill
1010Isabel Z IturbideAustralia2026-10-14Commercial Press PROPOSAL34Ioni Bowcher
1011Clifford X CaudyArgentina2026-10-23Rangoni Of Florence PROPOSAL16Bernardo Dominic
1012Izzy F SaylorsJapan2026-10-17Truhlar And Truhlar Attys PROPOSAL65Amy Elsner
1013Kaitlin C FlosiIndia2026-10-21Truhlar And Truhlar Attys PROPOSAL84Bernardo Dominic
1014Mujtaba A RimArgentina2026-10-03Chapman, Ross E Esq NEW52Onyama Limba
1015Jefferson F WieserJapan2026-10-07Truhlar And Truhlar Attys QUALIFIED43Asiya Javayant
1016Jennifer Q SaylorsRussia2026-10-20Morlong Associates NEW67Bernardo Dominic
1017Wickens Y BologniaGermany2026-10-22Chanay, Jeffrey A Esq UNQUALIFIED32Xuxue Feng
1018Costa X RutaSpain2026-10-05Buckley Miller Wright NEW80Xuxue Feng
1019Aruna N DarakjyRussia2026-10-22Rangoni Of Florence RENEWAL98Onyama Limba
1020Alejandro M GillianCanada2026-10-08Chemel, James L Cpa NEW23Anna Fali
1021Maria P SchemmerItaly2026-10-08Printing Dimensions NEW20Ivan Magalhaes
1022Kadeem X CaudyCanada2026-10-24Commercial Press UNQUALIFIED24Elwin Sharvill
1023Ashley M BologniaCanada2026-10-13Feltz Printing Service NEGOTIATION37Xuxue Feng
1024Ivar F OstroskyUnited Kingdom2026-10-04Rangoni Of Florence NEGOTIATION41Ivan Magalhaes
1025Johnson A GarufiIndia2026-10-28Chemel, James L Cpa UNQUALIFIED82Xuxue Feng
1026Adams O FollerSpain2026-10-05Rangoni Of Florence UNQUALIFIED70Anna Fali
1027Costa B FollerBrazil2026-10-01Benton, John B Jr RENEWAL12Amy Elsner
1028Clifford J BowleyIndia2026-10-17Morlong Associates NEW9Anna Fali
1029Tony B IturbideUnited Kingdom2026-09-29Morlong Associates NEGOTIATION19Bernardo Dominic
1030Jefferson C FigeroaBrazil2026-10-21Printing Dimensions UNQUALIFIED37Xuxue Feng
1031Leon Z KuskoIndia2026-09-29Morlong Associates UNQUALIFIED48Asiya Javayant
1032Salvatore I SchemmerCanada2026-10-14Chanay, Jeffrey A Esq RENEWAL65Stephen Shaw
1033Salvatore F AlbaresRussia2026-10-28Chapman, Ross E Esq QUALIFIED59Bernardo Dominic
1034Sinclair K NickaSpain2026-10-17Feiner Bros UNQUALIFIED96Elwin Sharvill
1035Mayumi N InouyeBrazil2026-10-11Chapman, Ross E Esq NEW23Ivan Magalhaes
1036Ricardo F BriddickBrazil2026-10-22Commercial Press NEGOTIATION73Asiya Javayant
1037Faith C DoeUnited Kingdom2026-10-08Chemel, James L Cpa QUALIFIED93Bernardo Dominic
1038Octavia Q DarakjyRussia2026-10-17Dorl, James J Esq RENEWAL10Bernardo Dominic
1039Tony W StockhamArgentina2026-10-21Dorl, James J Esq PROPOSAL97Asiya Javayant
1040Mayumi D ButtCanada2026-10-07Feltz Printing Service PROPOSAL50Ivan Magalhaes
1041Silvio H SlusarskiSpain2026-10-04King, Christopher A Esq NEGOTIATION63Amy Elsner
1042Claire I PaprockiUnited Kingdom2026-10-22Benton, John B Jr PROPOSAL62Ivan Magalhaes
1043Julie V StensethItaly2026-10-20Dorl, James J Esq UNQUALIFIED31Onyama Limba
1044Aruna T RoysterFrance2026-10-26King, Christopher A Esq NEGOTIATION39Elwin Sharvill
1045Isabel P PoquetteFrance2026-10-09Commercial Press QUALIFIED68Asiya Javayant
1046Costa X DilliardFrance2026-10-03Buckley Miller Wright QUALIFIED75Elwin Sharvill
1047Kadeem I NestleUnited Kingdom2026-09-29King, Christopher A Esq RENEWAL32Ioni Bowcher
1048Aditya D CaldareraFrance2026-10-26Feiner Bros NEW13Anna Fali
1049Morrow D SlusarskiItaly2026-10-18Chapman, Ross E Esq UNQUALIFIED39Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Aditya X StockhamGermanyXuxue Feng UNQUALIFIED
Kadeem F OldroydGermanyIvan Magalhaes NEGOTIATION
Jeanfrancois T VocelkaFranceAnna Fali NEW
Kaitlin S PerinIndiaAnna Fali QUALIFIED
Chavez O StockhamArgentinaBernardo Dominic PROPOSAL
Smith B PaprockiBrazilElwin Sharvill RENEWAL
Aruna H PoquetteFranceBernardo Dominic RENEWAL
Silvio A AlbaresGermanyIvan Magalhaes NEW
Octavia F ChuiUnited KingdomIvan Magalhaes RENEWAL
Izzy I MarrierArgentinaAmy Elsner QUALIFIED
Munro C DoeUnited KingdomAmy Elsner NEW
Julie V PerinIndiaStephen Shaw PROPOSAL
Ivar Z BowleyUnited KingdomAmy Elsner RENEWAL
Salvatore E PerinUnited KingdomAsiya Javayant QUALIFIED
Adams Q RulapaughIndiaElwin Sharvill NEW
Salvatore T CaudyGermanyElwin Sharvill NEGOTIATION
Murillo E SaylorsArgentinaAnna Fali UNQUALIFIED
Kaitlin K IturbideJapanAsiya Javayant RENEWAL
Jeanfrancois V StockhamUnited KingdomIoni Bowcher QUALIFIED
Alejandro U PoquetteUnited KingdomIoni Bowcher RENEWAL
Rodrigues P PerinItalyAsiya Javayant RENEWAL
Jefferson U FerenczCanadaAsiya Javayant PROPOSAL
Ashley Y BowleyFranceBernardo Dominic UNQUALIFIED
Maisha T NestleFranceAsiya Javayant PROPOSAL
Aditya F CampainSpainAmy Elsner NEW
Juan P BriddickSpainStephen Shaw QUALIFIED
Misaki P CaldareraGermanyAnna Fali RENEWAL
Francesco F PoquetteAustraliaAmy Elsner UNQUALIFIED
Ashley V ShinkoIndiaIoni Bowcher NEGOTIATION
Costa I TollnerArgentinaXuxue Feng PROPOSAL
Ashley P IturbideSpainAmy Elsner PROPOSAL
Chavez P DoeRussiaAnna Fali NEGOTIATION
Jennifer I OldroydJapanOnyama Limba NEW
Morrow X MaletBrazilXuxue Feng NEGOTIATION
Alejandro Y PerinIndiaAsiya Javayant NEW
Salvatore F ShinkoGermanyElwin Sharvill RENEWAL
Ashley Y ButtRussiaAnna Fali NEGOTIATION
Morrow C MarrierArgentinaAmy Elsner RENEWAL
Octavia X DarakjyRussiaStephen Shaw PROPOSAL
Kadeem J MacleadRussiaElwin Sharvill NEGOTIATION
Leja M BowleyArgentinaIoni Bowcher NEGOTIATION
Salvatore W RimIndiaIvan Magalhaes NEGOTIATION
Kadeem D IturbideRussiaElwin Sharvill PROPOSAL
Mujtaba P PerinAustraliaAmy Elsner RENEWAL
Jones R CaldareraUnited KingdomElwin Sharvill NEW
Francesco Z RulapaughSpainStephen Shaw RENEWAL
Morrow B VocelkaSpainOnyama Limba PROPOSAL
Isabel A MarrierFranceAmy Elsner QUALIFIED
Aditya I MaletFranceIoni Bowcher QUALIFIED
David C GillianUnited KingdomStephen Shaw QUALIFIED
Frozen Columns
Name
Silvio V Slusarski
Ashley Y Ostrosky
Faith G Kusko
Sinclair Q Bowley
Octavia L Flosi
Aruna C Oldroyd
Arvin I Marrier
Silvio N Kusko
Smith P Poquette
David W Briddick
Greenwood V Perin
Aditya C Morasca
Maisha R Dilliard
Chavez T Tollner
Sinclair L Chui
Leon C Stenseth
Maisha J Foller
Smith Z Inouye
Faith V Saylors
Aika O Stenseth
Faith T Albares
Cody T Campain
Jennifer I Waycott
Silvio R Shinko
Jefferson P Venere
Salvatore T Malet
Maria N Darakjy
Sinclair K Amigon
Aika G Venere
Chavez L Maclead
David H Schemmer
Juan Z Malet
Silvio Y Nicka
Julie L Royster
Chavez P Whobrey
Ricardo L Doe
Nicolas Q Iturbide
Antonio G Dilliard
Rodrigues R Stenseth
Isabel B Flosi
Costa G Nicka
Aditya Z Bowley
Maisha O Figeroa
Ivar Z Kusko
Nicolas W Dilliard
Francesco C Ferencz
Juan H Rim
Alejandro A Vocelka
Misaki G Kolmetz
Juan Q Ferencz
IdCountryDate
1000Canada2026-10-10
1001Argentina2026-10-19
1002Brazil2026-10-11
1003Australia2026-10-10
1004Spain2026-10-02
1005Japan2026-10-07
1006Spain2026-10-09
1007Spain2026-10-16
1008Canada2026-10-11
1009Australia2026-10-03
1010Germany2026-10-15
1011Spain2026-10-04
1012Australia2026-10-28
1013Japan2026-10-01
1014India2026-10-08
1015United Kingdom2026-10-18
1016Germany2026-10-04
1017Russia2026-10-17
1018Canada2026-10-02
1019United Kingdom2026-10-16
1020France2026-10-02
1021Australia2026-10-06
1022Japan2026-10-01
1023France2026-10-25
1024United Kingdom2026-10-24
1025Italy2026-10-24
1026Brazil2026-10-12
1027Russia2026-10-05
1028Germany2026-10-01
1029Italy2026-10-24
1030Canada2026-10-26
1031Argentina2026-10-04
1032Canada2026-10-08
1033Italy2026-10-11
1034Spain2026-10-09
1035Brazil2026-10-26
1036Argentina2026-09-30
1037Japan2026-10-23
1038Canada2026-10-17
1039Russia2026-10-23
1040Argentina2026-10-02
1041Argentina2026-10-25
1042Russia2026-10-10
1043India2026-10-14
1044France2026-10-03
1045Japan2026-10-01
1046India2026-10-13
1047Russia2026-10-26
1048Argentina2026-10-13
1049India2026-10-10

On-Demand Data

NameIdCountryDate
Nicolas N Ferencz1000Brazil2026-09-29
Antonio C Malet1001United Kingdom2026-10-11
Alejandro B Waycott1002Argentina2026-10-27
Ricardo I Kolmetz1003Spain2026-10-17
Misaki G Schemmer1004Italy2026-10-21
Adams H Wieser1005India2026-09-29
Leon E Nicka1006Russia2026-10-23
Arvin G Saylors1007Brazil2026-10-20
Maria G Morasca1008Brazil2026-10-09
Antonio W Briddick1009Brazil2026-10-21
Alejandro E Morasca1010Japan2026-10-06
Clifford W Doe1011Canada2026-10-24
Rodrigues D Nestle1012Australia2026-10-26
Kadeem X Stockham1013Australia2026-10-19
Aditya R Kusko1014Canada2026-10-17
Rodrigues T Malet1015United Kingdom2026-09-30
Clifford N Caldarera1016Australia2026-10-17
Izzy K Flosi1017Canada2026-10-05
Darci G Glick1018Argentina2026-10-03
Cody V Stenseth1019France2026-10-15
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jennifer T GillianAustraliaStephen Shaw PROPOSAL
Ivar V MaletRussiaElwin Sharvill PROPOSAL
Kadeem W StensethCanadaXuxue Feng NEGOTIATION
Octavia Z AlbaresUnited KingdomElwin Sharvill PROPOSAL
Emily E ShinkoUnited KingdomStephen Shaw NEGOTIATION
Octavia P TollnerFranceElwin Sharvill PROPOSAL
Kadeem J GillianUnited KingdomAnna Fali PROPOSAL
Isabel X BologniaRussiaIoni Bowcher RENEWAL
Rodrigues Q ChuiArgentinaAnna Fali PROPOSAL
Antonio K MorascaFranceStephen Shaw NEGOTIATION
Antonio R StockhamAustraliaElwin Sharvill NEW
Deepesh X MaletBrazilIoni Bowcher PROPOSAL
Emily D StockhamIndiaAnna Fali PROPOSAL
Mayumi N NickaCanadaAmy Elsner UNQUALIFIED
Cody O GillianUnited KingdomAsiya Javayant RENEWAL
Faith W ButtIndiaBernardo Dominic QUALIFIED
Sinclair X SchemmerArgentinaAsiya Javayant QUALIFIED
Octavia P ChuiUnited KingdomStephen Shaw RENEWAL
Darci I AlbaresBrazilIoni Bowcher UNQUALIFIED
Johnson N PoquetteJapanIoni Bowcher PROPOSAL
Chavez D BowleyArgentinaStephen Shaw UNQUALIFIED
Leon C RulapaughFranceXuxue Feng NEGOTIATION
Mujtaba H IturbideFranceAnna Fali PROPOSAL
Francesco S OldroydItalyIoni Bowcher UNQUALIFIED
Ricardo S PoquetteBrazilXuxue Feng PROPOSAL
Smith J SaylorsUnited KingdomStephen Shaw NEGOTIATION
Jennifer M ChuiArgentinaIvan Magalhaes QUALIFIED
Mayumi O AlbaresFranceAsiya Javayant NEGOTIATION
Alejandro P GlickUnited KingdomAmy Elsner RENEWAL
David H AlbaresRussiaAsiya Javayant NEW
Munro T GarufiAustraliaElwin Sharvill UNQUALIFIED
Faith R FigeroaSpainElwin Sharvill NEW
Maria I PoquetteBrazilIoni Bowcher PROPOSAL
Jones T DarakjyFranceOnyama Limba NEW
Leon S SchemmerRussiaIoni Bowcher UNQUALIFIED
Murillo V PerinCanadaIvan Magalhaes NEGOTIATION
Faith J FollerIndiaAnna Fali UNQUALIFIED
Nicolas O MarrierBrazilXuxue Feng NEGOTIATION
Arvin B InouyeBrazilIoni Bowcher NEGOTIATION
James M BowleyFranceBernardo 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>