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
Johnson L AlbaresCanadaBernardo Dominic PROPOSAL
Arvin Q RulapaughItalyAnna Fali QUALIFIED
Jefferson T NickaJapanXuxue Feng RENEWAL
Costa C WieserCanadaElwin Sharvill RENEWAL
Aika U DilliardUnited KingdomIvan Magalhaes UNQUALIFIED
Murillo M FerenczGermanyBernardo Dominic PROPOSAL
Leja S ButtSpainAmy Elsner RENEWAL
Murillo H MaletJapanOnyama Limba NEGOTIATION
Costa A VocelkaBrazilAmy Elsner NEW
Jones L CaudyRussiaStephen Shaw RENEWAL
Aditya R ShinkoSpainBernardo Dominic NEW
Jennifer J FlosiCanadaOnyama Limba QUALIFIED
Jeanfrancois D CaudyUnited KingdomOnyama Limba NEW
Salvatore O PoquetteIndiaOnyama Limba QUALIFIED
Jeanfrancois R VenereRussiaBernardo Dominic NEGOTIATION
Kaitlin P SlusarskiItalyBernardo Dominic NEGOTIATION
Emily Y GillianIndiaAsiya Javayant UNQUALIFIED
Misaki R DarakjySpainElwin Sharvill UNQUALIFIED
Cody P PaprockiBrazilElwin Sharvill NEW
Kaitlin R OstroskyArgentinaElwin Sharvill UNQUALIFIED
Chavez Z WaycottIndiaStephen Shaw RENEWAL
Alejandro Z AlbaresFranceAnna Fali QUALIFIED
Aika D FigeroaRussiaElwin Sharvill RENEWAL
Octavia I WaycottItalyXuxue Feng NEW
Darci Y FlosiRussiaElwin Sharvill UNQUALIFIED
Francesco V RimArgentinaBernardo Dominic UNQUALIFIED
Costa D SlusarskiCanadaElwin Sharvill NEW
Ashley C ChuiUnited KingdomXuxue Feng PROPOSAL
Johnson G PaprockiFranceXuxue Feng RENEWAL
Ricardo J WieserSpainXuxue Feng UNQUALIFIED
Murillo D WaycottUnited KingdomAnna Fali UNQUALIFIED
Wickens U StockhamFranceAmy Elsner PROPOSAL
Leja M DoeSpainAnna Fali QUALIFIED
Mayumi D ShinkoArgentinaBernardo Dominic NEGOTIATION
Mayumi H WaycottAustraliaAmy Elsner QUALIFIED
Stacey L GauchoIndiaOnyama Limba RENEWAL
Mayumi X VocelkaJapanElwin Sharvill UNQUALIFIED
Munro O BriddickCanadaAnna Fali RENEWAL
Silvio B CaudySpainOnyama Limba PROPOSAL
Ashley N FollerSpainIvan Magalhaes RENEWAL
James V ButtIndiaXuxue Feng UNQUALIFIED
Leja V NestleCanadaOnyama Limba UNQUALIFIED
Octavia T BowleyUnited KingdomStephen Shaw PROPOSAL
Leon V WhobreyIndiaIoni Bowcher RENEWAL
Mayumi Z VocelkaGermanyStephen Shaw QUALIFIED
Aika Z SchemmerCanadaXuxue Feng RENEWAL
Francesco Z GillianUnited KingdomAmy Elsner UNQUALIFIED
Darci H RoysterIndiaAnna Fali UNQUALIFIED
Maria M RimArgentinaAmy Elsner NEW
Arvin K FollerCanadaIoni Bowcher RENEWAL
Horizontal
NameCountryRepresentativeStatus
Arvin J SergiCanadaStephen Shaw RENEWAL
Mayumi K CaudyGermanyAnna Fali UNQUALIFIED
Julie E FlosiSpainXuxue Feng PROPOSAL
Deepesh P AlbaresIndiaXuxue Feng NEW
Claire K NestleIndiaAsiya Javayant PROPOSAL
Maisha E RoysterBrazilBernardo Dominic NEGOTIATION
Leja N KuskoItalyAmy Elsner RENEWAL
Clifford C OstroskyIndiaAnna Fali NEGOTIATION
Leja H SergiFranceAmy Elsner NEW
Leon N DoeIndiaElwin Sharvill QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Darci U KuskoBrazil2026-10-21Commercial Press RENEWAL45Ivan Magalhaes
1001Francesco L FlosiJapan2026-11-05Morlong Associates UNQUALIFIED88Bernardo Dominic
1002Salvatore P KolmetzArgentina2026-10-26Commercial Press RENEWAL82Asiya Javayant
1003Maisha G ChuiFrance2026-10-20Chanay, Jeffrey A Esq QUALIFIED66Stephen Shaw
1004Munro O WieserItaly2026-10-28Truhlar And Truhlar Attys NEW81Asiya Javayant
1005Wickens T IturbideCanada2026-10-27King, Christopher A Esq PROPOSAL32Bernardo Dominic
1006Ashley E KuskoFrance2026-11-06Buckley Miller Wright NEGOTIATION17Elwin Sharvill
1007Jones P SergiIndia2026-11-07Feltz Printing Service QUALIFIED71Anna Fali
1008Faith C RutaItaly2026-10-27Feiner Bros NEW46Ioni Bowcher
1009Deepesh Q GillianItaly2026-10-21Morlong Associates PROPOSAL89Ivan Magalhaes
1010Francesco P RimGermany2026-11-07Rousseaux, Michael Esq UNQUALIFIED33Ivan Magalhaes
1011Leon U WhobreyJapan2026-11-05Chemel, James L Cpa UNQUALIFIED64Ivan Magalhaes
1012Isabel O WhobreyCanada2026-10-30Rousseaux, Michael Esq QUALIFIED15Amy Elsner
1013Maisha Y VenereItaly2026-10-20Feiner Bros UNQUALIFIED43Stephen Shaw
1014Nicolas U MaletCanada2026-10-22Printing Dimensions NEGOTIATION55Amy Elsner
1015Octavia T MacleadJapan2026-10-29Chapman, Ross E Esq QUALIFIED18Elwin Sharvill
1016Isabel J NestleJapan2026-10-31King, Christopher A Esq QUALIFIED84Ioni Bowcher
1017Leja S ShinkoRussia2026-11-06Truhlar And Truhlar Attys UNQUALIFIED6Asiya Javayant
1018Maisha I StockhamAustralia2026-11-01Printing Dimensions PROPOSAL26Asiya Javayant
1019Aika K GarufiIndia2026-10-18Chapman, Ross E Esq QUALIFIED86Bernardo Dominic
1020Murillo S AlbaresJapan2026-11-07King, Christopher A Esq RENEWAL8Anna Fali
1021Aruna Z ShinkoRussia2026-11-02Commercial Press PROPOSAL49Asiya Javayant
1022Stacey U MorascaIndia2026-10-31King, Christopher A Esq QUALIFIED42Onyama Limba
1023Alejandro T GillianSpain2026-10-19Buckley Miller Wright NEGOTIATION23Xuxue Feng
1024Alejandro K PaprockiCanada2026-11-02Dorl, James J Esq QUALIFIED92Anna Fali
1025Isabel S OstroskyUnited Kingdom2026-11-03Chapman, Ross E Esq NEW39Bernardo Dominic
1026Faith N RimArgentina2026-11-08Commercial Press UNQUALIFIED28Amy Elsner
1027Costa W ChuiUnited Kingdom2026-11-10Feiner Bros RENEWAL14Onyama Limba
1028Munro R RulapaughBrazil2026-10-16Truhlar And Truhlar Attys NEGOTIATION17Elwin Sharvill
1029Leja Q ShinkoFrance2026-11-05Dorl, James J Esq UNQUALIFIED74Asiya Javayant
1030Ashley T TollnerRussia2026-10-31Dorl, James J Esq NEW55Onyama Limba
1031Sinclair N CaldareraArgentina2026-10-27Feltz Printing Service NEW20Bernardo Dominic
1032Mujtaba K BriddickBrazil2026-10-28Rangoni Of Florence QUALIFIED54Amy Elsner
1033Jennifer V FlosiItaly2026-10-25Chapman, Ross E Esq NEGOTIATION89Stephen Shaw
1034Tony D MacleadAustralia2026-10-15Buckley Miller Wright RENEWAL78Asiya Javayant
1035Leja T KolmetzSpain2026-11-04Rousseaux, Michael Esq NEGOTIATION49Xuxue Feng
1036Isabel B GarufiRussia2026-10-21Chanay, Jeffrey A Esq RENEWAL23Asiya Javayant
1037Jeanfrancois G KuskoItaly2026-10-20Buckley Miller Wright QUALIFIED37Xuxue Feng
1038Mayumi D NickaJapan2026-10-19Chemel, James L Cpa NEW25Stephen Shaw
1039Juan T CaudyArgentina2026-10-15Chanay, Jeffrey A Esq PROPOSAL74Anna Fali
1040Aditya I OldroydArgentina2026-11-05Benton, John B Jr QUALIFIED64Bernardo Dominic
1041Izzy E MorascaIndia2026-11-02Rousseaux, Michael Esq RENEWAL32Ioni Bowcher
1042Izzy J GauchoBrazil2026-10-30Rousseaux, Michael Esq PROPOSAL51Amy Elsner
1043Leon J FerenczFrance2026-10-26King, Christopher A Esq QUALIFIED9Elwin Sharvill
1044Faith R MacleadIndia2026-10-18Buckley Miller Wright UNQUALIFIED26Onyama Limba
1045Stacey Y GillianJapan2026-11-12Commercial Press UNQUALIFIED52Stephen Shaw
1046Aika E AmigonSpain2026-10-18Chemel, James L Cpa UNQUALIFIED42Anna Fali
1047Leja P GauchoFrance2026-11-01Feltz Printing Service UNQUALIFIED14Onyama Limba
1048Tony D KuskoFrance2026-10-27Rousseaux, Michael Esq NEW38Ioni Bowcher
1049Leon X InouyeRussia2026-11-08Morlong Associates NEW45Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Nicolas Q WaycottBrazilElwin Sharvill NEW
Jennifer T FollerItalyXuxue Feng NEGOTIATION
Faith S WieserFranceOnyama Limba NEW
Stacey W KuskoBrazilAmy Elsner NEW
Ivar P FerenczAustraliaElwin Sharvill UNQUALIFIED
Mayumi X SlusarskiGermanyStephen Shaw UNQUALIFIED
Costa A FlosiRussiaAnna Fali RENEWAL
Salvatore O RulapaughItalyOnyama Limba NEGOTIATION
Maria V OldroydCanadaXuxue Feng NEW
Antonio N MaletSpainElwin Sharvill NEGOTIATION
Murillo G BriddickAustraliaOnyama Limba QUALIFIED
Maria D BologniaIndiaOnyama Limba RENEWAL
Maria Q StockhamSpainBernardo Dominic PROPOSAL
Jones F NestleSpainStephen Shaw NEGOTIATION
Aruna G MarrierAustraliaIoni Bowcher UNQUALIFIED
James P TollnerIndiaBernardo Dominic NEGOTIATION
Kaitlin A SchemmerItalyXuxue Feng NEGOTIATION
Claire G MarrierUnited KingdomOnyama Limba UNQUALIFIED
Jefferson O IturbideBrazilXuxue Feng RENEWAL
Antonio M FlosiSpainAnna Fali NEW
Kadeem K FerenczItalyIvan Magalhaes NEW
Costa U FigeroaJapanOnyama Limba NEGOTIATION
Jennifer Y OstroskyItalyAmy Elsner UNQUALIFIED
Kaitlin P DilliardCanadaStephen Shaw UNQUALIFIED
Adams T MarrierBrazilAmy Elsner NEGOTIATION
Greenwood Z WhobreyFranceXuxue Feng RENEWAL
Greenwood F GillianGermanyBernardo Dominic PROPOSAL
Clifford W NickaIndiaElwin Sharvill NEW
Octavia B SaylorsSpainOnyama Limba QUALIFIED
Isabel D TollnerAustraliaBernardo Dominic PROPOSAL
Munro Z FigeroaItalyAsiya Javayant QUALIFIED
James U IturbideFranceAnna Fali QUALIFIED
Aika L FerenczRussiaAsiya Javayant RENEWAL
Antonio W BologniaCanadaOnyama Limba NEGOTIATION
Mayumi Z MaletItalyAsiya Javayant RENEWAL
Jefferson W InouyeUnited KingdomAsiya Javayant NEW
Greenwood Q FigeroaSpainElwin Sharvill NEW
Nicolas X SergiAustraliaAsiya Javayant RENEWAL
Antonio K MaletJapanAmy Elsner NEW
Rodrigues R PerinItalyAsiya Javayant NEW
Nicolas C VenereCanadaAmy Elsner UNQUALIFIED
Faith Y RutaAustraliaAsiya Javayant UNQUALIFIED
Silvio X BriddickItalyElwin Sharvill UNQUALIFIED
Aika Y BriddickGermanyAmy Elsner NEW
Misaki H IturbideItalyIvan Magalhaes RENEWAL
Silvio I BowleyItalyOnyama Limba RENEWAL
Julie V ChuiItalyElwin Sharvill PROPOSAL
Octavia P BologniaIndiaElwin Sharvill NEW
Francesco L KuskoRussiaOnyama Limba RENEWAL
Arvin H BriddickBrazilIoni Bowcher QUALIFIED
Frozen Columns
Name
Alejandro F Ferencz
Ashley P Marrier
Aditya M Kusko
Jeanfrancois R Rulapaugh
Jennifer C Venere
Cody J Morasca
Jefferson A Figeroa
Nicolas C Kusko
Morrow V Briddick
Jeanfrancois V Oldroyd
Chavez U Tollner
Murillo B Vocelka
Mayumi B Dilliard
Emily Q Butt
Aditya M Ruta
Kadeem H Albares
Jones E Campain
Adams A Stenseth
Costa U Caldarera
Cody N Stockham
Smith D Iturbide
Cody W Shinko
Smith K Garufi
Kadeem T Maclead
Aditya G Tollner
Costa A Gillian
Kadeem C Briddick
Greenwood Y Chui
Greenwood L Ruta
James P Dilliard
Jones E Stenseth
Maria V Darakjy
Sinclair L Whobrey
Jeanfrancois H Amigon
Mujtaba K Albares
David E Saylors
Clifford L Sergi
Wickens F Ostrosky
Izzy M Paprocki
Murillo B Sergi
David L Marrier
Darci R Shinko
Maria I Bowley
Johnson B Slusarski
Clifford O Kolmetz
David N Glick
Deepesh Y Iturbide
Antonio J Ostrosky
Costa D Garufi
Chavez D Maclead
IdCountryDate
1000United Kingdom2026-11-11
1001Canada2026-11-06
1002Italy2026-11-08
1003Russia2026-11-13
1004Italy2026-11-04
1005France2026-10-27
1006Australia2026-11-02
1007Russia2026-10-15
1008Canada2026-10-18
1009Argentina2026-11-09
1010United Kingdom2026-10-31
1011Argentina2026-11-07
1012India2026-10-15
1013Italy2026-11-11
1014Italy2026-11-01
1015United Kingdom2026-10-19
1016Japan2026-11-08
1017France2026-11-11
1018Argentina2026-10-25
1019Canada2026-10-21
1020Japan2026-11-03
1021Russia2026-10-27
1022France2026-10-17
1023Russia2026-10-27
1024Canada2026-10-27
1025Argentina2026-10-20
1026Japan2026-10-31
1027Argentina2026-10-29
1028Argentina2026-10-16
1029Russia2026-10-26
1030Germany2026-11-11
1031Russia2026-11-09
1032Brazil2026-10-31
1033India2026-10-24
1034Italy2026-11-02
1035France2026-10-21
1036Brazil2026-10-23
1037Italy2026-11-11
1038Japan2026-10-30
1039Italy2026-11-08
1040Canada2026-11-08
1041Germany2026-10-24
1042Argentina2026-11-06
1043France2026-10-31
1044Germany2026-10-24
1045Russia2026-10-24
1046Canada2026-10-15
1047Australia2026-11-13
1048United Kingdom2026-10-18
1049Canada2026-11-08

On-Demand Data

NameIdCountryDate
Cody L Marrier1000France2026-10-17
Jennifer W Morasca1001Australia2026-10-20
Rodrigues K Albares1002Spain2026-10-30
Stacey Q Perin1003Brazil2026-10-18
Izzy Q Amigon1004Australia2026-11-13
Munro R Kolmetz1005France2026-10-19
Alejandro L Malet1006Brazil2026-11-02
Mayumi Q Kolmetz1007Canada2026-11-05
Kadeem A Malet1008United Kingdom2026-11-02
Maria U Darakjy1009Australia2026-10-21
Rodrigues C Bolognia1010India2026-10-27
Stacey X Figeroa1011India2026-10-30
Misaki X Wieser1012Germany2026-10-21
Clifford Z Whobrey1013Russia2026-10-15
Greenwood F Amigon1014Russia2026-10-29
James Z Schemmer1015Canada2026-11-06
Emily A Rim1016Spain2026-10-26
Leja Q Flosi1017India2026-10-27
Juan E Garufi1018Canada2026-10-30
Ashley V Slusarski1019Brazil2026-11-04
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Wickens J OstroskyJapanOnyama Limba RENEWAL
Jones F DarakjyBrazilIoni Bowcher RENEWAL
Faith V MacleadItalyIvan Magalhaes NEGOTIATION
Aditya X BowleyJapanAsiya Javayant QUALIFIED
Ashley S PaprockiCanadaXuxue Feng PROPOSAL
Stacey F MacleadCanadaAmy Elsner QUALIFIED
Sinclair B VocelkaCanadaElwin Sharvill QUALIFIED
Ricardo Q RimUnited KingdomAmy Elsner QUALIFIED
Greenwood T GarufiArgentinaXuxue Feng PROPOSAL
James T BologniaGermanyIoni Bowcher NEW
Mujtaba U StensethFranceAnna Fali UNQUALIFIED
Alejandro P IturbideArgentinaOnyama Limba RENEWAL
Francesco Y IturbideBrazilAmy Elsner NEGOTIATION
Nicolas A DarakjyIndiaXuxue Feng QUALIFIED
Ashley R RutaItalyBernardo Dominic NEW
Isabel A TollnerArgentinaAmy Elsner UNQUALIFIED
Tony Q RulapaughArgentinaIoni Bowcher PROPOSAL
Smith Z WaycottArgentinaStephen Shaw PROPOSAL
Kadeem E MacleadItalyIoni Bowcher QUALIFIED
Leon J TollnerSpainXuxue Feng NEGOTIATION
Tony X AlbaresUnited KingdomStephen Shaw NEW
Ricardo E WaycottItalyIoni Bowcher PROPOSAL
Claire X NestleArgentinaXuxue Feng PROPOSAL
Murillo B OstroskyItalyOnyama Limba UNQUALIFIED
Adams U FlosiJapanXuxue Feng RENEWAL
Aika O MorascaGermanyElwin Sharvill NEW
Maisha R CampainUnited KingdomElwin Sharvill QUALIFIED
Munro X MorascaBrazilStephen Shaw NEW
Julie B SlusarskiIndiaAmy Elsner NEGOTIATION
Murillo Y VenereBrazilStephen Shaw RENEWAL
Chavez Z WhobreyUnited KingdomIoni Bowcher UNQUALIFIED
Aditya U NickaCanadaAmy Elsner PROPOSAL
Jefferson Q SaylorsFranceXuxue Feng RENEWAL
Jennifer P MacleadBrazilAnna Fali NEGOTIATION
Aruna E CaldareraUnited KingdomOnyama Limba NEW
Octavia T WhobreyUnited KingdomAnna Fali QUALIFIED
Izzy K FigeroaIndiaIoni Bowcher NEW
Arvin K StockhamBrazilIvan Magalhaes UNQUALIFIED
Kaitlin J CaldareraJapanBernardo Dominic QUALIFIED
Jennifer T RoysterIndiaAmy Elsner NEGOTIATION

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