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
Kadeem Z SchemmerBrazilAsiya Javayant UNQUALIFIED
Clifford U InouyeAustraliaIoni Bowcher NEGOTIATION
Jones F RutaFranceAmy Elsner NEW
Wickens E MarrierCanadaElwin Sharvill RENEWAL
Francesco J RutaRussiaStephen Shaw UNQUALIFIED
Adams M GillianSpainIvan Magalhaes NEGOTIATION
Tony A RimGermanyIoni Bowcher UNQUALIFIED
Isabel J IturbideJapanElwin Sharvill PROPOSAL
Chavez A MarrierUnited KingdomIoni Bowcher NEW
Alejandro M KuskoGermanyXuxue Feng QUALIFIED
Wickens R KuskoArgentinaStephen Shaw PROPOSAL
Ashley B MaletUnited KingdomXuxue Feng RENEWAL
Jeanfrancois W MaletSpainAnna Fali UNQUALIFIED
Jefferson D ChuiArgentinaOnyama Limba QUALIFIED
Alejandro R CampainArgentinaOnyama Limba NEGOTIATION
Jefferson V SlusarskiFranceIvan Magalhaes NEW
David N RimFranceElwin Sharvill PROPOSAL
Mujtaba P KuskoRussiaOnyama Limba QUALIFIED
Maria H KuskoAustraliaIoni Bowcher NEGOTIATION
Nicolas L FigeroaIndiaAnna Fali RENEWAL
Wickens U SlusarskiJapanXuxue Feng QUALIFIED
Cody F OstroskySpainXuxue Feng NEGOTIATION
Arvin L CampainAustraliaIoni Bowcher RENEWAL
Alejandro Y CaldareraGermanyStephen Shaw QUALIFIED
Francesco L VocelkaGermanyXuxue Feng RENEWAL
Claire C DoeArgentinaXuxue Feng QUALIFIED
Francesco E FigeroaSpainStephen Shaw NEGOTIATION
Mujtaba O KuskoJapanAnna Fali NEW
Jefferson L MaletSpainAnna Fali RENEWAL
Morrow U AlbaresSpainOnyama Limba QUALIFIED
Aditya L IturbideRussiaIoni Bowcher NEGOTIATION
Salvatore E NickaUnited KingdomXuxue Feng QUALIFIED
Ivar I DilliardAustraliaAnna Fali NEW
Smith E SaylorsBrazilAmy Elsner QUALIFIED
Clifford C OstroskyRussiaAnna Fali QUALIFIED
Munro F ChuiArgentinaOnyama Limba RENEWAL
Izzy H StensethCanadaAmy Elsner NEGOTIATION
Ashley F PaprockiItalyXuxue Feng PROPOSAL
Octavia N VenereSpainXuxue Feng PROPOSAL
Izzy X BowleyIndiaIoni Bowcher RENEWAL
David A ShinkoItalyAnna Fali NEW
Stacey G RutaAustraliaIvan Magalhaes RENEWAL
Jefferson Y RoysterUnited KingdomAmy Elsner PROPOSAL
Emily Q CampainJapanElwin Sharvill NEGOTIATION
Misaki J CaldareraSpainElwin Sharvill NEGOTIATION
Faith E SaylorsAustraliaIvan Magalhaes PROPOSAL
Arvin L PaprockiArgentinaAsiya Javayant NEW
Leja Q FollerRussiaAnna Fali NEGOTIATION
Johnson N ButtFranceIvan Magalhaes NEGOTIATION
Francesco U RutaItalyStephen Shaw NEW
Horizontal
NameCountryRepresentativeStatus
Faith A DarakjyJapanElwin Sharvill NEW
Chavez V CaudyIndiaAnna Fali UNQUALIFIED
Maisha Q MaletAustraliaBernardo Dominic QUALIFIED
Adams U PerinFranceIoni Bowcher PROPOSAL
Munro B AmigonArgentinaBernardo Dominic RENEWAL
Smith M CaudyGermanyOnyama Limba NEW
Wickens V CaldareraAustraliaAsiya Javayant UNQUALIFIED
Alejandro C SchemmerItalyXuxue Feng NEW
Faith L CampainBrazilIoni Bowcher NEW
Aditya J MaletJapanElwin Sharvill PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Isabel S MaletJapan2026-10-16Commercial Press UNQUALIFIED49Ivan Magalhaes
1001Sinclair G MorascaRussia2026-10-29Chapman, Ross E Esq NEW35Onyama Limba
1002Claire V RoysterUnited Kingdom2026-10-09Rousseaux, Michael Esq UNQUALIFIED3Elwin Sharvill
1003Darci G GauchoCanada2026-11-01Feiner Bros NEW71Ivan Magalhaes
1004Salvatore Z BologniaBrazil2026-10-28King, Christopher A Esq UNQUALIFIED71Xuxue Feng
1005Antonio S MaletIndia2026-10-15Feltz Printing Service NEW8Stephen Shaw
1006Claire G BowleyCanada2026-10-28Rangoni Of Florence RENEWAL1Ioni Bowcher
1007Jennifer G MaletIndia2026-10-15Buckley Miller Wright PROPOSAL27Onyama Limba
1008Silvio H KuskoFrance2026-10-22Chanay, Jeffrey A Esq NEW16Bernardo Dominic
1009Darci D FollerJapan2026-10-09Chanay, Jeffrey A Esq NEW42Onyama Limba
1010Darci J WieserFrance2026-10-18Rousseaux, Michael Esq NEGOTIATION61Asiya Javayant
1011Rodrigues T ChuiRussia2026-10-26Morlong Associates PROPOSAL25Elwin Sharvill
1012Adams M RulapaughCanada2026-10-14Feiner Bros NEGOTIATION47Xuxue Feng
1013Jennifer J AmigonBrazil2026-11-05Morlong Associates NEGOTIATION22Xuxue Feng
1014Jones B ChuiCanada2026-10-21Chapman, Ross E Esq RENEWAL56Stephen Shaw
1015Adams C NickaCanada2026-10-22Feltz Printing Service NEGOTIATION85Ioni Bowcher
1016Aika M VenereIndia2026-10-30Chapman, Ross E Esq RENEWAL65Xuxue Feng
1017Sinclair G RutaFrance2026-10-19Rangoni Of Florence RENEWAL81Ioni Bowcher
1018Claire S BriddickFrance2026-10-13Dorl, James J Esq NEW79Elwin Sharvill
1019Octavia Z AmigonGermany2026-10-20Commercial Press UNQUALIFIED18Ioni Bowcher
1020Misaki U NickaItaly2026-10-29Chemel, James L Cpa NEW78Bernardo Dominic
1021Misaki O MacleadSpain2026-10-23Feiner Bros QUALIFIED96Anna Fali
1022Antonio R OstroskyAustralia2026-10-14Feltz Printing Service NEGOTIATION37Asiya Javayant
1023James X InouyeArgentina2026-10-24Benton, John B Jr PROPOSAL94Anna Fali
1024Rodrigues F KolmetzUnited Kingdom2026-10-21Benton, John B Jr UNQUALIFIED16Elwin Sharvill
1025Alejandro N DoeFrance2026-11-06Printing Dimensions NEGOTIATION58Ioni Bowcher
1026Wickens I KuskoUnited Kingdom2026-10-30Feiner Bros QUALIFIED64Ioni Bowcher
1027Antonio P MorascaItaly2026-10-09Benton, John B Jr QUALIFIED6Bernardo Dominic
1028Faith N TollnerSpain2026-11-05Chapman, Ross E Esq NEGOTIATION87Stephen Shaw
1029Francesco N IturbideGermany2026-11-05Chanay, Jeffrey A Esq PROPOSAL41Xuxue Feng
1030Isabel F PoquetteFrance2026-10-29Truhlar And Truhlar Attys PROPOSAL33Xuxue Feng
1031Antonio G GlickUnited Kingdom2026-10-11Truhlar And Truhlar Attys RENEWAL7Xuxue Feng
1032Claire H DoeItaly2026-10-31Truhlar And Truhlar Attys PROPOSAL94Elwin Sharvill
1033Faith A WieserIndia2026-10-21Printing Dimensions UNQUALIFIED23Ivan Magalhaes
1034Mayumi H CaldareraAustralia2026-10-30Chemel, James L Cpa NEGOTIATION5Anna Fali
1035Ivar Q BologniaIndia2026-11-05Truhlar And Truhlar Attys PROPOSAL72Onyama Limba
1036Smith E PoquetteUnited Kingdom2026-10-31Dorl, James J Esq UNQUALIFIED55Amy Elsner
1037Nicolas K AlbaresRussia2026-10-30Printing Dimensions NEGOTIATION29Amy Elsner
1038Julie E DilliardIndia2026-10-25Chapman, Ross E Esq NEW73Amy Elsner
1039Adams M DarakjyGermany2026-10-22Chemel, James L Cpa PROPOSAL67Onyama Limba
1040Murillo M PaprockiSpain2026-11-02Morlong Associates NEGOTIATION59Anna Fali
1041Alejandro B KuskoItaly2026-10-08Chanay, Jeffrey A Esq UNQUALIFIED10Stephen Shaw
1042Alejandro H DoeUnited Kingdom2026-10-26Chanay, Jeffrey A Esq NEW49Asiya Javayant
1043Darci U FerenczItaly2026-10-11Printing Dimensions NEGOTIATION56Xuxue Feng
1044Ivar I RulapaughGermany2026-10-18Chapman, Ross E Esq QUALIFIED24Asiya Javayant
1045Ashley M WieserArgentina2026-10-30Rousseaux, Michael Esq RENEWAL71Bernardo Dominic
1046Murillo B RoysterSpain2026-10-09Feiner Bros UNQUALIFIED78Onyama Limba
1047Ashley R SaylorsCanada2026-10-28Feltz Printing Service NEW85Amy Elsner
1048Adams V OstroskyArgentina2026-10-21Morlong Associates PROPOSAL53Xuxue Feng
1049Sinclair B WaycottCanada2026-11-02Chapman, Ross E Esq RENEWAL39Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Aditya R RulapaughGermanyStephen Shaw QUALIFIED
Rodrigues V BriddickJapanAmy Elsner QUALIFIED
Juan U CaudyIndiaOnyama Limba PROPOSAL
Darci V RimSpainOnyama Limba QUALIFIED
Sinclair R ChuiJapanBernardo Dominic NEGOTIATION
Izzy O MaletBrazilOnyama Limba RENEWAL
James X PaprockiArgentinaBernardo Dominic NEGOTIATION
James K GillianSpainAsiya Javayant NEW
Alejandro S RulapaughSpainXuxue Feng UNQUALIFIED
Aika W FigeroaIndiaStephen Shaw QUALIFIED
Jeanfrancois Y GauchoGermanyOnyama Limba UNQUALIFIED
Leja Q NestleGermanyAnna Fali NEGOTIATION
Jefferson J TollnerJapanXuxue Feng NEW
Julie V IturbideAustraliaBernardo Dominic RENEWAL
Emily P SchemmerFranceAmy Elsner NEW
Arvin C OstroskyBrazilAnna Fali QUALIFIED
Aruna U DarakjyJapanAsiya Javayant NEW
Costa X VocelkaSpainStephen Shaw NEW
Murillo I TollnerFranceOnyama Limba UNQUALIFIED
Jefferson D VenereAustraliaIvan Magalhaes UNQUALIFIED
Emily B RimJapanIoni Bowcher NEW
Silvio T DarakjyJapanStephen Shaw PROPOSAL
Chavez T VenereAustraliaAmy Elsner UNQUALIFIED
Isabel V WhobreySpainStephen Shaw QUALIFIED
Rodrigues J FollerFranceOnyama Limba UNQUALIFIED
Julie I FlosiRussiaElwin Sharvill NEGOTIATION
Johnson R OstroskyGermanyAnna Fali RENEWAL
Chavez D AlbaresGermanyElwin Sharvill NEGOTIATION
David T ShinkoUnited KingdomXuxue Feng PROPOSAL
Murillo S GillianBrazilOnyama Limba NEW
Maisha Z SlusarskiGermanyElwin Sharvill NEW
Tony E OstroskyJapanAmy Elsner PROPOSAL
Rodrigues O AmigonGermanyAsiya Javayant UNQUALIFIED
Aruna O PerinSpainAmy Elsner UNQUALIFIED
Jennifer Z KolmetzGermanyStephen Shaw NEW
Morrow F RutaItalyElwin Sharvill UNQUALIFIED
Faith U FlosiArgentinaAnna Fali QUALIFIED
Jennifer W WhobreyFranceBernardo Dominic UNQUALIFIED
Stacey M SlusarskiBrazilElwin Sharvill QUALIFIED
Nicolas J TollnerFranceOnyama Limba RENEWAL
Mujtaba M KuskoArgentinaStephen Shaw PROPOSAL
Aruna K StockhamSpainOnyama Limba QUALIFIED
Munro F VocelkaArgentinaStephen Shaw NEGOTIATION
Smith I RutaAustraliaStephen Shaw PROPOSAL
Mayumi L BowleyRussiaAmy Elsner UNQUALIFIED
Nicolas R PerinUnited KingdomAmy Elsner NEGOTIATION
Juan H MarrierItalyOnyama Limba UNQUALIFIED
Isabel Y SaylorsRussiaIoni Bowcher QUALIFIED
Juan R KuskoAustraliaElwin Sharvill NEW
Deepesh B NestleFranceOnyama Limba PROPOSAL
Frozen Columns
Name
Jefferson L Darakjy
Johnson C Schemmer
Wickens I Shinko
Emily Q Ferencz
Aika I Briddick
Misaki Y Kusko
Costa I Garufi
Aditya W Slusarski
Darci G Stenseth
Munro P Rim
Ashley M Ruta
Stacey Q Oldroyd
Antonio Q Ruta
Emily M Gaucho
Smith M Bowley
Wickens F Schemmer
Johnson O Albares
Tony V Shinko
Rodrigues X Stockham
Aditya Z Dilliard
Arvin R Amigon
Isabel E Doe
Aditya W Kolmetz
Mayumi O Doe
David X Tollner
Leja E Maclead
Maisha U Poquette
Murillo L Poquette
Murillo R Poquette
Mujtaba L Nicka
Maria F Wieser
Deepesh J Stenseth
Ashley Z Bowley
Maisha G Perin
Chavez D Inouye
Claire W Sergi
Darci R Saylors
Stacey C Inouye
Murillo K Bolognia
Arvin Q Bowley
Stacey Z Wieser
Claire O Malet
Octavia P Malet
Adams G Vocelka
Tony T Caldarera
Octavia J Tollner
David U Bowley
Alejandro Q Ruta
Isabel P Briddick
Octavia A Morasca
IdCountryDate
1000Germany2026-10-17
1001Brazil2026-10-28
1002Germany2026-10-17
1003France2026-11-03
1004Australia2026-10-31
1005France2026-10-13
1006Italy2026-10-19
1007Brazil2026-10-11
1008Argentina2026-10-15
1009India2026-10-19
1010United Kingdom2026-10-23
1011Brazil2026-11-02
1012Brazil2026-11-06
1013Japan2026-10-09
1014Australia2026-10-09
1015Russia2026-11-06
1016Russia2026-10-23
1017Brazil2026-10-16
1018Argentina2026-10-22
1019India2026-10-19
1020Brazil2026-10-20
1021Japan2026-10-08
1022Russia2026-10-29
1023Australia2026-10-27
1024Brazil2026-10-31
1025Russia2026-11-03
1026Argentina2026-11-05
1027Japan2026-10-23
1028Australia2026-10-25
1029Italy2026-10-31
1030Brazil2026-11-03
1031United Kingdom2026-10-27
1032Russia2026-11-03
1033Brazil2026-11-02
1034Argentina2026-10-28
1035Germany2026-11-02
1036Italy2026-10-08
1037United Kingdom2026-10-30
1038France2026-11-04
1039Japan2026-10-13
1040Japan2026-11-04
1041Russia2026-10-24
1042Spain2026-11-06
1043Russia2026-10-20
1044Australia2026-11-06
1045Australia2026-10-21
1046Canada2026-10-11
1047Argentina2026-10-12
1048Italy2026-10-19
1049Argentina2026-10-15

On-Demand Data

NameIdCountryDate
Tony U Amigon1000United Kingdom2026-11-04
Kadeem F Tollner1001Japan2026-10-29
Isabel Q Iturbide1002Japan2026-11-03
Faith P Garufi1003Brazil2026-10-09
Nicolas F Marrier1004Australia2026-10-31
Jones D Bowley1005Russia2026-10-20
Murillo E Caldarera1006Germany2026-10-26
Murillo J Wieser1007Italy2026-10-20
Aika D Venere1008Argentina2026-10-30
Maisha Q Glick1009France2026-11-06
Nicolas E Stenseth1010Italy2026-10-29
Silvio J Caudy1011Brazil2026-11-02
Clifford J Vocelka1012India2026-10-12
Maisha M Albares1013Japan2026-11-02
Smith Z Malet1014Brazil2026-11-06
Jefferson Y Paprocki1015Japan2026-11-06
Aika X Morasca1016Germany2026-10-10
Aika F Stenseth1017France2026-10-09
Deepesh T Poquette1018United Kingdom2026-10-12
Rodrigues J Nicka1019Canada2026-10-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Darci I OldroydAustraliaAmy Elsner RENEWAL
Jennifer C CaudyGermanyAmy Elsner NEGOTIATION
Stacey H FigeroaBrazilStephen Shaw RENEWAL
Morrow R InouyeArgentinaElwin Sharvill PROPOSAL
Aika T MaletGermanyAmy Elsner NEGOTIATION
Julie I MacleadItalyElwin Sharvill QUALIFIED
Tony D MarrierJapanIoni Bowcher RENEWAL
Julie V IturbideItalyAmy Elsner UNQUALIFIED
James P ChuiGermanyAsiya Javayant UNQUALIFIED
Julie T AlbaresFranceStephen Shaw RENEWAL
Clifford S AmigonGermanyElwin Sharvill NEGOTIATION
Jones V OldroydGermanyOnyama Limba RENEWAL
Rodrigues E KolmetzArgentinaAnna Fali UNQUALIFIED
Ricardo M FollerFranceAsiya Javayant QUALIFIED
Isabel V FerenczAustraliaXuxue Feng PROPOSAL
Rodrigues S DarakjyBrazilIoni Bowcher RENEWAL
Silvio K CaudyArgentinaIvan Magalhaes RENEWAL
Wickens C PerinItalyBernardo Dominic NEGOTIATION
Alejandro J BowleyFranceXuxue Feng PROPOSAL
Adams Q PoquetteUnited KingdomIvan Magalhaes PROPOSAL
Murillo G StensethAustraliaIoni Bowcher NEW
Deepesh A StensethCanadaIoni Bowcher NEW
Munro V ButtUnited KingdomAsiya Javayant NEGOTIATION
Nicolas H OstroskyArgentinaIvan Magalhaes PROPOSAL
Nicolas L FollerJapanOnyama Limba NEGOTIATION
Leja K KuskoFranceBernardo Dominic NEW
Juan O NestleAustraliaAmy Elsner NEW
Juan K StockhamUnited KingdomStephen Shaw QUALIFIED
Faith L PoquetteItalyAmy Elsner UNQUALIFIED
Smith Z FigeroaRussiaAmy Elsner QUALIFIED
Leja Q ShinkoIndiaStephen Shaw QUALIFIED
Smith E PerinUnited KingdomBernardo Dominic NEGOTIATION
Aika V InouyeJapanIoni Bowcher RENEWAL
Kadeem M TollnerAustraliaBernardo Dominic NEGOTIATION
Salvatore K MaletBrazilIvan Magalhaes NEW
Rodrigues Y StockhamGermanyIoni Bowcher NEW
Jefferson C MacleadUnited KingdomIvan Magalhaes RENEWAL
Morrow U MarrierGermanyBernardo Dominic RENEWAL
Juan L WaycottAustraliaBernardo Dominic NEW
Ricardo N StensethGermanyAsiya Javayant RENEWAL

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