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
James I PoquetteJapanStephen Shaw RENEWAL
Adams K CaldareraIndiaElwin Sharvill NEGOTIATION
Deepesh J CampainJapanIoni Bowcher NEGOTIATION
Misaki I AmigonRussiaXuxue Feng QUALIFIED
Ricardo J CaldareraItalyXuxue Feng RENEWAL
Stacey J BologniaGermanyAsiya Javayant QUALIFIED
James M AmigonBrazilBernardo Dominic PROPOSAL
Isabel Z RutaIndiaAsiya Javayant RENEWAL
Claire K CaldareraCanadaAsiya Javayant QUALIFIED
Greenwood L AmigonCanadaXuxue Feng UNQUALIFIED
Rodrigues C CampainRussiaIvan Magalhaes NEGOTIATION
Arvin J MarrierRussiaBernardo Dominic QUALIFIED
Jones W WieserRussiaIoni Bowcher QUALIFIED
Morrow C ButtFranceBernardo Dominic NEW
Cody U MacleadGermanyStephen Shaw NEGOTIATION
Ivar V MacleadGermanyAnna Fali NEGOTIATION
Cody B RimJapanXuxue Feng RENEWAL
Misaki H SlusarskiSpainAsiya Javayant UNQUALIFIED
Cody Q DilliardBrazilXuxue Feng UNQUALIFIED
Ashley C SergiGermanyIvan Magalhaes NEW
Rodrigues G SlusarskiItalyAnna Fali PROPOSAL
Arvin X VenereJapanAmy Elsner UNQUALIFIED
James F SaylorsAustraliaAmy Elsner PROPOSAL
Isabel X NestleGermanyAsiya Javayant UNQUALIFIED
Cody K VenereCanadaIvan Magalhaes QUALIFIED
Jennifer C AlbaresGermanyOnyama Limba UNQUALIFIED
Chavez K StensethCanadaXuxue Feng RENEWAL
Sinclair K FerenczIndiaBernardo Dominic RENEWAL
Aika H OldroydGermanyIvan Magalhaes QUALIFIED
Aika M FlosiFranceAnna Fali PROPOSAL
Rodrigues I FlosiCanadaAnna Fali NEGOTIATION
Clifford N InouyeGermanyAnna Fali NEW
Stacey H FollerJapanIoni Bowcher UNQUALIFIED
Jefferson V MarrierGermanyIoni Bowcher QUALIFIED
Isabel J GauchoFranceOnyama Limba UNQUALIFIED
Mayumi K PerinAustraliaStephen Shaw NEW
Antonio W MaletGermanyAmy Elsner UNQUALIFIED
Nicolas R ChuiAustraliaStephen Shaw PROPOSAL
Aruna I MaletIndiaAmy Elsner QUALIFIED
Costa N IturbideIndiaStephen Shaw PROPOSAL
Munro S MarrierGermanyOnyama Limba NEW
Aditya S GarufiFranceXuxue Feng NEGOTIATION
Julie S SaylorsJapanStephen Shaw QUALIFIED
Nicolas I PoquetteUnited KingdomAmy Elsner NEGOTIATION
Wickens K CaldareraItalyAnna Fali NEW
Jeanfrancois N WhobreyCanadaAsiya Javayant NEGOTIATION
Munro C RoysterUnited KingdomIvan Magalhaes NEGOTIATION
Antonio Q NestleJapanAnna Fali UNQUALIFIED
Emily Q GlickGermanyOnyama Limba RENEWAL
Clifford G CaudyItalyIoni Bowcher QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Juan S MaletArgentinaAsiya Javayant NEGOTIATION
Mayumi M CampainSpainAsiya Javayant RENEWAL
Isabel U WieserAustraliaBernardo Dominic UNQUALIFIED
Izzy C GlickArgentinaAmy Elsner UNQUALIFIED
Leja R DarakjyAustraliaXuxue Feng NEGOTIATION
Cody I CaldareraRussiaOnyama Limba NEGOTIATION
Mayumi K AlbaresSpainIvan Magalhaes QUALIFIED
Deepesh R MarrierItalyIvan Magalhaes PROPOSAL
Arvin W SaylorsGermanyAsiya Javayant QUALIFIED
Kaitlin G AmigonSpainElwin Sharvill NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Rodrigues Q OldroydBrazil2026-10-09Benton, John B Jr NEGOTIATION42Amy Elsner
1001Claire S VocelkaIndia2026-10-13Rousseaux, Michael Esq PROPOSAL77Amy Elsner
1002Emily F BologniaCanada2026-10-10Chanay, Jeffrey A Esq QUALIFIED0Amy Elsner
1003Jeanfrancois W RutaJapan2026-10-07Chapman, Ross E Esq NEW22Elwin Sharvill
1004Claire K WaycottJapan2026-10-17Benton, John B Jr PROPOSAL99Amy Elsner
1005Cody H WieserIndia2026-10-22Morlong Associates PROPOSAL52Elwin Sharvill
1006Maisha G MacleadUnited Kingdom2026-10-21Buckley Miller Wright PROPOSAL55Amy Elsner
1007Claire A MaletBrazil2026-11-01Rousseaux, Michael Esq QUALIFIED27Xuxue Feng
1008James X VenereArgentina2026-10-18Rousseaux, Michael Esq UNQUALIFIED58Xuxue Feng
1009Aruna Y GarufiRussia2026-10-05Feiner Bros PROPOSAL95Amy Elsner
1010Ashley S KolmetzSpain2026-10-23Chanay, Jeffrey A Esq QUALIFIED77Anna Fali
1011Emily G StensethItaly2026-10-24Feiner Bros UNQUALIFIED21Asiya Javayant
1012Nicolas J ShinkoCanada2026-10-13Rousseaux, Michael Esq NEGOTIATION16Bernardo Dominic
1013Morrow X GlickJapan2026-10-16Benton, John B Jr UNQUALIFIED27Onyama Limba
1014Cody M DilliardAustralia2026-10-25Benton, John B Jr QUALIFIED30Asiya Javayant
1015Ricardo L BriddickGermany2026-10-13Morlong Associates QUALIFIED55Bernardo Dominic
1016Leon K KolmetzIndia2026-10-08Truhlar And Truhlar Attys PROPOSAL83Amy Elsner
1017Tony Z InouyeRussia2026-10-14Benton, John B Jr QUALIFIED54Ioni Bowcher
1018Silvio W VocelkaJapan2026-10-10Rousseaux, Michael Esq PROPOSAL56Elwin Sharvill
1019Antonio C MorascaRussia2026-10-28Feiner Bros UNQUALIFIED24Ivan Magalhaes
1020Jones D ChuiRussia2026-10-21Chanay, Jeffrey A Esq RENEWAL14Stephen Shaw
1021Munro E GillianJapan2026-10-20Benton, John B Jr QUALIFIED99Asiya Javayant
1022Smith S TollnerGermany2026-10-16Morlong Associates NEGOTIATION94Stephen Shaw
1023Leja Z SlusarskiIndia2026-10-17Chapman, Ross E Esq UNQUALIFIED52Xuxue Feng
1024Antonio Z MaletItaly2026-10-20Feltz Printing Service NEW39Onyama Limba
1025Smith U VenereRussia2026-10-28Rangoni Of Florence UNQUALIFIED20Ivan Magalhaes
1026Kaitlin Y MacleadBrazil2026-10-24Benton, John B Jr QUALIFIED51Anna Fali
1027Tony D CampainSpain2026-10-13Printing Dimensions NEGOTIATION59Stephen Shaw
1028Claire E TollnerGermany2026-10-08Rousseaux, Michael Esq NEGOTIATION48Ivan Magalhaes
1029Costa B AlbaresUnited Kingdom2026-10-15Morlong Associates NEGOTIATION27Onyama Limba
1030Greenwood D MacleadAustralia2026-10-11King, Christopher A Esq NEGOTIATION78Ivan Magalhaes
1031Murillo H PaprockiBrazil2026-10-21Printing Dimensions UNQUALIFIED57Ivan Magalhaes
1032Jennifer C AlbaresJapan2026-10-07Feltz Printing Service RENEWAL64Ivan Magalhaes
1033Jefferson I KolmetzGermany2026-10-08Feiner Bros NEGOTIATION14Amy Elsner
1034Darci Y PoquetteRussia2026-10-22Benton, John B Jr UNQUALIFIED68Xuxue Feng
1035Nicolas A StockhamItaly2026-10-16Printing Dimensions UNQUALIFIED56Anna Fali
1036Julie Z KuskoArgentina2026-10-06Rousseaux, Michael Esq PROPOSAL33Anna Fali
1037Greenwood H BowleyCanada2026-10-09Feiner Bros PROPOSAL29Ioni Bowcher
1038Johnson N BowleyRussia2026-10-18Commercial Press NEW80Stephen Shaw
1039Sinclair I RoysterAustralia2026-10-13Dorl, James J Esq PROPOSAL35Onyama Limba
1040Mujtaba E MaletSpain2026-11-01King, Christopher A Esq NEGOTIATION14Bernardo Dominic
1041Chavez F NickaArgentina2026-10-20Printing Dimensions NEGOTIATION89Bernardo Dominic
1042Leja B StensethItaly2026-10-22Buckley Miller Wright PROPOSAL68Bernardo Dominic
1043Mayumi B OstroskySpain2026-11-01King, Christopher A Esq RENEWAL98Stephen Shaw
1044Julie Z StockhamBrazil2026-10-14Feltz Printing Service PROPOSAL3Asiya Javayant
1045Mayumi P DilliardAustralia2026-11-01Dorl, James J Esq PROPOSAL97Xuxue Feng
1046Jennifer S OldroydSpain2026-10-17Buckley Miller Wright UNQUALIFIED53Bernardo Dominic
1047Alejandro O NickaJapan2026-10-29Rousseaux, Michael Esq UNQUALIFIED40Bernardo Dominic
1048Salvatore O FollerIndia2026-10-17Feltz Printing Service NEW55Asiya Javayant
1049Isabel R InouyeGermany2026-10-05Rousseaux, Michael Esq UNQUALIFIED69Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Leon N VocelkaSpainXuxue Feng PROPOSAL
Isabel X SergiIndiaIoni Bowcher PROPOSAL
Ivar N CaudyUnited KingdomElwin Sharvill UNQUALIFIED
Adams Q IturbideAustraliaAsiya Javayant NEW
Ashley E WieserJapanAsiya Javayant NEW
Misaki B RoysterFranceAmy Elsner QUALIFIED
Murillo G RutaRussiaAsiya Javayant QUALIFIED
Salvatore H InouyeSpainAmy Elsner RENEWAL
Clifford X PoquetteUnited KingdomElwin Sharvill UNQUALIFIED
Costa F DoeRussiaAnna Fali PROPOSAL
Jeanfrancois T FigeroaCanadaElwin Sharvill PROPOSAL
Leja N ShinkoGermanyBernardo Dominic QUALIFIED
Isabel Z SchemmerCanadaAsiya Javayant NEW
Chavez F RimBrazilAsiya Javayant UNQUALIFIED
Salvatore W ButtAustraliaBernardo Dominic PROPOSAL
Adams C DilliardFranceIvan Magalhaes QUALIFIED
Kadeem Z WieserSpainXuxue Feng RENEWAL
Johnson A IturbideAustraliaStephen Shaw UNQUALIFIED
Wickens H RoysterGermanyBernardo Dominic NEW
Jennifer N TollnerCanadaAsiya Javayant QUALIFIED
Mujtaba L FerenczIndiaElwin Sharvill PROPOSAL
Maisha E StensethArgentinaAnna Fali NEGOTIATION
Kadeem B VenereItalyElwin Sharvill QUALIFIED
James R BriddickAustraliaIoni Bowcher RENEWAL
Ricardo U RutaArgentinaOnyama Limba UNQUALIFIED
Emily D SergiIndiaOnyama Limba UNQUALIFIED
Emily K GillianIndiaBernardo Dominic NEW
Costa U GauchoAustraliaStephen Shaw NEGOTIATION
Clifford S NestleBrazilXuxue Feng PROPOSAL
Leon P SlusarskiRussiaAmy Elsner PROPOSAL
Wickens G AlbaresBrazilBernardo Dominic NEW
Greenwood W FollerAustraliaAsiya Javayant NEW
Jefferson G IturbideIndiaAmy Elsner NEW
Jennifer P StockhamSpainIoni Bowcher QUALIFIED
Jefferson R OstroskyItalyIvan Magalhaes QUALIFIED
Julie S FlosiJapanBernardo Dominic NEW
Nicolas R CaudyJapanElwin Sharvill UNQUALIFIED
Izzy J ShinkoCanadaOnyama Limba RENEWAL
Jennifer Q DilliardAustraliaXuxue Feng PROPOSAL
Munro U MarrierUnited KingdomIoni Bowcher UNQUALIFIED
Maria O MacleadGermanyBernardo Dominic NEW
Clifford P AlbaresCanadaIoni Bowcher PROPOSAL
Chavez B MaletSpainElwin Sharvill UNQUALIFIED
Leon A MarrierUnited KingdomStephen Shaw QUALIFIED
Maisha A BowleySpainStephen Shaw QUALIFIED
Kaitlin O TollnerBrazilAsiya Javayant RENEWAL
Cody J BologniaUnited KingdomElwin Sharvill NEW
Antonio E OstroskyJapanOnyama Limba NEGOTIATION
Cody P MaletArgentinaIvan Magalhaes PROPOSAL
James I TollnerIndiaOnyama Limba NEW
Frozen Columns
Name
Tony E Perin
Jefferson Y Malet
Alejandro D Saylors
Deepesh T Foller
Cody R Sergi
Isabel Q Caldarera
Rodrigues O Bolognia
Deepesh D Marrier
Johnson Q Garufi
Aika C Caldarera
Murillo J Gaucho
Claire W Morasca
Cody Z Perin
Sinclair F Wieser
Deepesh H Figeroa
Alejandro I Ostrosky
Nicolas N Maclead
Johnson N Glick
Isabel L Whobrey
Antonio B Bowley
Francesco H Gaucho
Claire O Bolognia
Jefferson Q Chui
James A Albares
Morrow Y Briddick
Chavez F Oldroyd
Mayumi C Kusko
Sinclair G Ostrosky
Ashley I Campain
Antonio I Kusko
Octavia S Nestle
Sinclair H Caudy
Darci K Caldarera
Isabel A Royster
Tony V Wieser
Jones N Wieser
Munro S Bolognia
Cody L Sergi
Silvio H Foller
Alejandro U Wieser
Stacey Y Foller
Morrow W Caldarera
Maria Q Vocelka
Rodrigues D Caudy
Greenwood L Marrier
Aditya J Shinko
Jennifer A Maclead
James P Darakjy
Salvatore W Kusko
Wickens D Ferencz
IdCountryDate
1000Germany2026-10-08
1001Italy2026-10-04
1002United Kingdom2026-10-10
1003India2026-10-13
1004Italy2026-10-04
1005Australia2026-10-24
1006Canada2026-10-18
1007Canada2026-10-04
1008Brazil2026-10-05
1009France2026-10-23
1010Germany2026-10-16
1011France2026-10-08
1012Brazil2026-11-01
1013Australia2026-10-18
1014Germany2026-10-08
1015France2026-10-31
1016Brazil2026-10-06
1017Russia2026-10-09
1018Japan2026-10-04
1019Germany2026-10-04
1020Japan2026-10-20
1021France2026-10-11
1022Australia2026-10-12
1023Germany2026-10-11
1024United Kingdom2026-10-07
1025Argentina2026-10-13
1026Italy2026-10-04
1027Italy2026-10-31
1028France2026-10-21
1029Argentina2026-10-29
1030Australia2026-10-25
1031Australia2026-10-23
1032Australia2026-11-01
1033Japan2026-10-04
1034India2026-10-28
1035Canada2026-10-13
1036Argentina2026-10-05
1037Italy2026-10-16
1038France2026-10-08
1039Brazil2026-10-30
1040Russia2026-10-29
1041Argentina2026-10-04
1042Spain2026-10-30
1043Italy2026-10-18
1044Australia2026-10-09
1045United Kingdom2026-10-05
1046India2026-10-27
1047France2026-11-02
1048Brazil2026-10-14
1049France2026-10-31

On-Demand Data

NameIdCountryDate
Juan Z Campain1000Argentina2026-10-08
Costa U Venere1001Australia2026-10-12
Claire X Campain1002Canada2026-10-16
Jeanfrancois W Shinko1003France2026-10-06
Munro L Nicka1004Japan2026-10-07
Ashley N Saylors1005Australia2026-10-12
Leja H Rim1006Germany2026-10-25
Aruna Q Nicka1007Canada2026-10-11
Stacey P Caldarera1008Italy2026-10-27
Mayumi P Whobrey1009Australia2026-10-29
Deepesh K Gillian1010Germany2026-10-23
Kadeem M Oldroyd1011Brazil2026-10-06
Aruna Z Inouye1012Brazil2026-10-28
Greenwood T Oldroyd1013Russia2026-10-15
Tony A Perin1014Australia2026-10-15
Cody S Inouye1015Spain2026-10-28
Ricardo W Vocelka1016Italy2026-10-16
Claire W Shinko1017Australia2026-10-28
Mujtaba M Royster1018United Kingdom2026-10-08
Murillo O Foller1019Russia2026-10-17
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Deepesh W CampainCanadaAnna Fali RENEWAL
Francesco W AmigonSpainAsiya Javayant PROPOSAL
Murillo D ButtAustraliaAsiya Javayant QUALIFIED
Wickens D ButtJapanXuxue Feng QUALIFIED
David M PaprockiJapanOnyama Limba NEW
Stacey A NickaGermanyBernardo Dominic NEW
Izzy R SchemmerCanadaAmy Elsner QUALIFIED
Aditya T FerenczAustraliaElwin Sharvill UNQUALIFIED
Aika J OldroydArgentinaOnyama Limba UNQUALIFIED
Salvatore A SaylorsGermanyOnyama Limba QUALIFIED
Claire Q InouyeRussiaIoni Bowcher NEGOTIATION
Alejandro P FigeroaSpainIoni Bowcher NEGOTIATION
Alejandro Z KuskoCanadaAmy Elsner NEGOTIATION
Faith K TollnerRussiaAnna Fali NEW
Morrow U MarrierCanadaStephen Shaw RENEWAL
Wickens Z VenereUnited KingdomOnyama Limba UNQUALIFIED
Arvin J StensethBrazilAnna Fali RENEWAL
Wickens P DoeGermanyAmy Elsner QUALIFIED
Francesco F VocelkaUnited KingdomIvan Magalhaes QUALIFIED
Clifford U CampainRussiaOnyama Limba PROPOSAL
Ivar F GillianGermanyStephen Shaw NEW
Clifford A BologniaUnited KingdomXuxue Feng PROPOSAL
Jeanfrancois Q VenereBrazilStephen Shaw RENEWAL
Aruna U WieserArgentinaIvan Magalhaes PROPOSAL
Kaitlin J MacleadCanadaOnyama Limba QUALIFIED
Alejandro H RoysterAustraliaIoni Bowcher PROPOSAL
Aika Z ShinkoItalyBernardo Dominic NEGOTIATION
Leon H IturbideIndiaStephen Shaw RENEWAL
Smith W OldroydArgentinaIoni Bowcher NEW
Ashley M FollerGermanyAsiya Javayant UNQUALIFIED
Darci S DoeGermanyAsiya Javayant NEGOTIATION
Murillo P SergiFranceIvan Magalhaes NEGOTIATION
Jennifer D CaudyRussiaElwin Sharvill RENEWAL
Johnson B KolmetzUnited KingdomAnna Fali UNQUALIFIED
Alejandro O VenereJapanOnyama Limba RENEWAL
Maria P MaletItalyAnna Fali UNQUALIFIED
Juan Z VocelkaItalyAsiya Javayant UNQUALIFIED
Ricardo N DoeFranceIvan Magalhaes UNQUALIFIED
Munro W AlbaresUnited KingdomAnna Fali NEW
Izzy Q GillianRussiaXuxue Feng NEW

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