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
Morrow Y InouyeUnited KingdomAsiya Javayant NEW
Jeanfrancois X MaletArgentinaAmy Elsner RENEWAL
Claire D KuskoSpainBernardo Dominic PROPOSAL
Murillo D ButtFranceOnyama Limba RENEWAL
Darci S SchemmerAustraliaAsiya Javayant PROPOSAL
David T IturbideJapanIoni Bowcher QUALIFIED
Salvatore D RoysterRussiaBernardo Dominic NEW
Octavia D CampainSpainElwin Sharvill QUALIFIED
Mayumi E GlickIndiaXuxue Feng NEW
Mayumi N PerinRussiaStephen Shaw UNQUALIFIED
Johnson D OldroydSpainAnna Fali NEGOTIATION
Smith A WhobreyArgentinaAsiya Javayant NEW
Salvatore P CaldareraGermanyOnyama Limba NEGOTIATION
Jeanfrancois R SlusarskiGermanyOnyama Limba RENEWAL
Rodrigues C OstroskyGermanyStephen Shaw RENEWAL
Nicolas P CaudySpainOnyama Limba NEW
Chavez J AmigonUnited KingdomElwin Sharvill QUALIFIED
Octavia N MarrierItalyAnna Fali RENEWAL
Maria U CaudyBrazilElwin Sharvill NEW
Leja B KuskoFranceAsiya Javayant NEW
Johnson J BowleyFranceIoni Bowcher QUALIFIED
Arvin Q FigeroaArgentinaElwin Sharvill PROPOSAL
James X WhobreyUnited KingdomAsiya Javayant PROPOSAL
Leja M KuskoGermanyAnna Fali NEGOTIATION
Kadeem J GillianIndiaAsiya Javayant PROPOSAL
James V InouyeRussiaXuxue Feng NEGOTIATION
Maria A OstroskyJapanXuxue Feng QUALIFIED
Tony D FlosiAustraliaXuxue Feng UNQUALIFIED
Leja Q MaletRussiaAmy Elsner NEGOTIATION
Claire N VocelkaRussiaAmy Elsner NEW
Leon B CaldareraSpainIoni Bowcher RENEWAL
Izzy E MorascaBrazilBernardo Dominic NEW
Nicolas G MaletUnited KingdomAnna Fali NEGOTIATION
Alejandro J FollerFranceIvan Magalhaes NEGOTIATION
Silvio V NickaJapanElwin Sharvill NEGOTIATION
Izzy B BologniaUnited KingdomElwin Sharvill RENEWAL
Jones V WaycottAustraliaBernardo Dominic NEGOTIATION
Stacey W NestleIndiaAsiya Javayant NEW
Ashley Z DarakjyGermanyAmy Elsner NEGOTIATION
Leja C RutaRussiaAmy Elsner RENEWAL
Alejandro X WaycottSpainXuxue Feng PROPOSAL
Isabel Z PaprockiBrazilAmy Elsner NEW
Ashley B RoysterGermanyStephen Shaw QUALIFIED
David J WhobreyRussiaAmy Elsner NEW
Darci L GlickSpainStephen Shaw NEW
Morrow M BowleyCanadaOnyama Limba PROPOSAL
Munro Y PoquetteFranceAsiya Javayant QUALIFIED
Francesco H ButtItalyAnna Fali NEGOTIATION
Leja K DilliardUnited KingdomAnna Fali NEGOTIATION
Sinclair Z CaldareraItalyOnyama Limba QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Stacey D SergiAustraliaXuxue Feng QUALIFIED
Jeanfrancois P KuskoArgentinaIoni Bowcher QUALIFIED
Ivar A GarufiAustraliaElwin Sharvill NEGOTIATION
Ivar I DilliardArgentinaOnyama Limba QUALIFIED
Misaki N StensethItalyBernardo Dominic PROPOSAL
Leon P GillianFranceXuxue Feng UNQUALIFIED
Kadeem L WaycottUnited KingdomElwin Sharvill NEGOTIATION
Antonio Z CaudyUnited KingdomBernardo Dominic PROPOSAL
James F RulapaughSpainElwin Sharvill NEW
Jeanfrancois J VenereBrazilStephen Shaw PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aika I MaletAustralia2026-10-21Feiner Bros RENEWAL61Bernardo Dominic
1001Mayumi K RoysterRussia2026-10-24Commercial Press NEW70Amy Elsner
1002Leon P GarufiBrazil2026-10-20Truhlar And Truhlar Attys QUALIFIED70Elwin Sharvill
1003Izzy U GlickFrance2026-10-28King, Christopher A Esq NEGOTIATION15Xuxue Feng
1004Mayumi V OldroydGermany2026-10-20Truhlar And Truhlar Attys PROPOSAL41Ivan Magalhaes
1005Alejandro E WieserUnited Kingdom2026-10-21Morlong Associates PROPOSAL34Bernardo Dominic
1006Wickens K KolmetzCanada2026-10-31Buckley Miller Wright NEGOTIATION35Xuxue Feng
1007Faith E NickaArgentina2026-10-19Feiner Bros NEGOTIATION44Anna Fali
1008Greenwood X BowleyJapan2026-11-11Rangoni Of Florence NEW68Elwin Sharvill
1009Ivar R RulapaughSpain2026-11-02Feiner Bros PROPOSAL24Bernardo Dominic
1010Mujtaba G NickaArgentina2026-10-30Printing Dimensions RENEWAL81Onyama Limba
1011Silvio J MaletBrazil2026-10-23Chemel, James L Cpa PROPOSAL35Asiya Javayant
1012Julie K IturbideArgentina2026-11-06Chapman, Ross E Esq RENEWAL71Anna Fali
1013Julie O AlbaresAustralia2026-10-21King, Christopher A Esq RENEWAL29Ivan Magalhaes
1014Clifford W VocelkaJapan2026-10-30Commercial Press PROPOSAL95Asiya Javayant
1015Misaki J AlbaresArgentina2026-10-31Rangoni Of Florence RENEWAL71Ivan Magalhaes
1016Wickens V PoquetteIndia2026-10-28Rangoni Of Florence PROPOSAL52Xuxue Feng
1017Kadeem P GlickSpain2026-10-16Printing Dimensions RENEWAL84Anna Fali
1018Wickens L FerenczGermany2026-11-01Chanay, Jeffrey A Esq NEW40Ivan Magalhaes
1019Emily Z GillianCanada2026-10-16Truhlar And Truhlar Attys RENEWAL65Ivan Magalhaes
1020Morrow K FollerIndia2026-10-19King, Christopher A Esq UNQUALIFIED32Ivan Magalhaes
1021Juan C RimIndia2026-11-07Printing Dimensions NEGOTIATION17Onyama Limba
1022Kaitlin F StensethBrazil2026-10-25King, Christopher A Esq NEGOTIATION70Stephen Shaw
1023Jeanfrancois L KolmetzUnited Kingdom2026-11-04Chemel, James L Cpa NEW11Stephen Shaw
1024Salvatore T MorascaAustralia2026-11-11Rangoni Of Florence RENEWAL4Anna Fali
1025Antonio T SlusarskiRussia2026-11-04Printing Dimensions QUALIFIED83Ivan Magalhaes
1026Faith M DoeRussia2026-10-21Morlong Associates PROPOSAL43Ioni Bowcher
1027Murillo Z InouyeIndia2026-10-25Feiner Bros NEW84Asiya Javayant
1028Murillo K BowleyCanada2026-11-13Chapman, Ross E Esq NEW51Bernardo Dominic
1029Johnson U SlusarskiSpain2026-10-23Chapman, Ross E Esq QUALIFIED94Elwin Sharvill
1030Izzy K WieserAustralia2026-10-17Rousseaux, Michael Esq RENEWAL63Ioni Bowcher
1031Faith B GlickRussia2026-11-06Feltz Printing Service NEGOTIATION93Onyama Limba
1032Costa T IturbideIndia2026-10-24Printing Dimensions NEGOTIATION22Onyama Limba
1033Ivar A MorascaUnited Kingdom2026-10-22Chanay, Jeffrey A Esq PROPOSAL96Stephen Shaw
1034Nicolas M RulapaughBrazil2026-10-31Buckley Miller Wright PROPOSAL15Asiya Javayant
1035Mayumi E FerenczRussia2026-11-12Dorl, James J Esq RENEWAL97Asiya Javayant
1036Murillo X WhobreyFrance2026-11-13Rangoni Of Florence NEGOTIATION27Elwin Sharvill
1037Emily Q ButtBrazil2026-10-24Rousseaux, Michael Esq UNQUALIFIED18Onyama Limba
1038Octavia J VocelkaArgentina2026-11-04Morlong Associates QUALIFIED42Bernardo Dominic
1039Arvin N RulapaughSpain2026-11-01Chanay, Jeffrey A Esq NEGOTIATION6Elwin Sharvill
1040Mujtaba E IturbideArgentina2026-10-25Feiner Bros NEGOTIATION37Ioni Bowcher
1041Ivar K WieserSpain2026-10-22Chemel, James L Cpa UNQUALIFIED35Ivan Magalhaes
1042Jones W SchemmerFrance2026-10-28Chemel, James L Cpa UNQUALIFIED95Bernardo Dominic
1043Antonio G RimGermany2026-10-29Rousseaux, Michael Esq UNQUALIFIED24Elwin Sharvill
1044Salvatore C MaletAustralia2026-11-05Morlong Associates RENEWAL0Stephen Shaw
1045Kaitlin S BriddickRussia2026-11-06Feltz Printing Service NEGOTIATION21Ivan Magalhaes
1046Francesco I CaudyBrazil2026-10-27Morlong Associates QUALIFIED1Onyama Limba
1047Aditya O PoquetteBrazil2026-11-01Buckley Miller Wright PROPOSAL16Amy Elsner
1048Julie B MarrierCanada2026-10-28Feltz Printing Service NEGOTIATION45Bernardo Dominic
1049Rodrigues V AmigonFrance2026-11-02Commercial Press UNQUALIFIED41Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Juan Z AlbaresItalyXuxue Feng PROPOSAL
Clifford C VenereJapanAmy Elsner NEW
Faith T GlickUnited KingdomXuxue Feng NEGOTIATION
Silvio M RoysterGermanyBernardo Dominic PROPOSAL
Maisha T StockhamArgentinaIvan Magalhaes RENEWAL
Costa S VenereSpainStephen Shaw UNQUALIFIED
Julie S VocelkaRussiaElwin Sharvill RENEWAL
Tony Y VenereItalyStephen Shaw RENEWAL
Deepesh D MorascaArgentinaXuxue Feng UNQUALIFIED
Claire P MorascaRussiaElwin Sharvill RENEWAL
Antonio H DoeCanadaAmy Elsner PROPOSAL
Smith Y ChuiSpainIoni Bowcher NEW
Alejandro G TollnerGermanyAmy Elsner RENEWAL
Maisha Z GlickFranceIoni Bowcher NEGOTIATION
Alejandro S MacleadArgentinaStephen Shaw PROPOSAL
Arvin G StockhamIndiaIvan Magalhaes PROPOSAL
Aruna M VocelkaUnited KingdomStephen Shaw QUALIFIED
Isabel K OldroydIndiaStephen Shaw NEW
Adams I NestleIndiaIvan Magalhaes NEW
Aika N FerenczIndiaIoni Bowcher UNQUALIFIED
Ivar W ChuiAustraliaStephen Shaw UNQUALIFIED
Wickens H GillianItalyBernardo Dominic QUALIFIED
Ricardo E KuskoIndiaBernardo Dominic NEW
Deepesh X KuskoItalyElwin Sharvill NEW
Francesco X WaycottArgentinaBernardo Dominic UNQUALIFIED
Stacey O RutaJapanStephen Shaw NEW
Salvatore R MaletRussiaAmy Elsner RENEWAL
Izzy P StensethRussiaOnyama Limba NEGOTIATION
Emily W StockhamUnited KingdomXuxue Feng UNQUALIFIED
Emily M VenereUnited KingdomElwin Sharvill RENEWAL
Chavez A FlosiRussiaStephen Shaw QUALIFIED
Jones O CaldareraUnited KingdomXuxue Feng QUALIFIED
Johnson E WhobreyIndiaStephen Shaw PROPOSAL
Sinclair K ChuiUnited KingdomAmy Elsner RENEWAL
Munro S IturbideArgentinaOnyama Limba NEW
Chavez C ChuiSpainOnyama Limba NEGOTIATION
Rodrigues T FollerFranceStephen Shaw NEGOTIATION
Antonio H BriddickItalyOnyama Limba PROPOSAL
Deepesh U MorascaJapanXuxue Feng RENEWAL
Alejandro X VocelkaRussiaOnyama Limba RENEWAL
Chavez W OldroydFranceAnna Fali QUALIFIED
Leja B SchemmerAustraliaIvan Magalhaes UNQUALIFIED
Morrow J SlusarskiIndiaElwin Sharvill NEGOTIATION
Sinclair I MacleadItalyStephen Shaw PROPOSAL
Octavia B KuskoIndiaIoni Bowcher NEW
Francesco K RimArgentinaAmy Elsner RENEWAL
Maisha L DoeArgentinaIvan Magalhaes QUALIFIED
Sinclair R BowleyArgentinaIoni Bowcher NEW
Aika C ButtFranceAnna Fali NEGOTIATION
Greenwood A BriddickFranceAsiya Javayant RENEWAL
Frozen Columns
Name
Nicolas B Wieser
Darci U Caldarera
Francesco Q Wieser
Aditya X Bowley
Maria F Whobrey
Jones E Ruta
Wickens Y Stenseth
Ricardo S Flosi
Francesco Y Ruta
Arvin R Gaucho
Jones Q Nestle
Rodrigues E Ruta
Antonio T Amigon
Stacey T Ostrosky
Aika J Whobrey
Clifford J Ruta
Jefferson H Dilliard
Johnson L Vocelka
Jennifer O Malet
Julie Q Sergi
Aika Z Kusko
Adams G Albares
Claire S Wieser
Aditya M Chui
Rodrigues V Flosi
Adams M Morasca
Sinclair U Malet
Arvin O Gaucho
Smith T Ruta
Mujtaba T Butt
Chavez F Perin
Nicolas J Ruta
Ricardo V Amigon
Francesco R Iturbide
Kaitlin H Bolognia
Costa E Perin
James W Ferencz
Wickens W Whobrey
Johnson X Glick
Clifford F Bowley
Johnson A Flosi
Aditya S Maclead
Tony O Malet
Leon G Caldarera
Greenwood H Saylors
Costa M Slusarski
Aika B Stockham
Darci S Darakjy
Cody R Stockham
Kadeem E Malet
IdCountryDate
1000Japan2026-11-01
1001Canada2026-10-22
1002Argentina2026-11-04
1003France2026-10-30
1004India2026-11-07
1005Japan2026-10-21
1006India2026-11-09
1007Germany2026-10-23
1008Germany2026-10-16
1009Australia2026-10-17
1010United Kingdom2026-11-14
1011Russia2026-10-18
1012Brazil2026-11-03
1013Brazil2026-10-16
1014Japan2026-11-01
1015United Kingdom2026-10-27
1016India2026-11-11
1017United Kingdom2026-10-21
1018France2026-10-27
1019India2026-10-19
1020Argentina2026-11-12
1021Germany2026-10-26
1022Japan2026-11-08
1023Brazil2026-10-16
1024Italy2026-11-04
1025Australia2026-10-31
1026Japan2026-10-30
1027Canada2026-10-26
1028United Kingdom2026-11-06
1029India2026-10-20
1030Brazil2026-10-29
1031India2026-10-16
1032Italy2026-11-05
1033Italy2026-11-14
1034Japan2026-11-09
1035Canada2026-11-03
1036Brazil2026-11-09
1037Brazil2026-11-14
1038Spain2026-11-12
1039Spain2026-11-06
1040Australia2026-10-24
1041Japan2026-10-25
1042Spain2026-10-22
1043Russia2026-10-19
1044Germany2026-11-04
1045Canada2026-11-05
1046India2026-11-02
1047Spain2026-10-21
1048Argentina2026-11-12
1049Argentina2026-11-09

On-Demand Data

NameIdCountryDate
Greenwood Z Garufi1000India2026-10-16
Jefferson I Rim1001France2026-10-20
Alejandro A Briddick1002Germany2026-11-06
James W Gillian1003Russia2026-11-14
Morrow W Butt1004Germany2026-11-03
Sinclair Q Dilliard1005France2026-11-03
David U Figeroa1006Japan2026-11-03
Leja R Vocelka1007India2026-10-18
Jeanfrancois N Schemmer1008Australia2026-11-13
Izzy D Amigon1009Brazil2026-11-08
Darci R Doe1010Brazil2026-10-29
Jeanfrancois M Whobrey1011Brazil2026-10-22
Emily K Gaucho1012Canada2026-10-23
Maria W Morasca1013Canada2026-10-28
Stacey U Garufi1014United Kingdom2026-11-04
Maria F Shinko1015Spain2026-10-22
Clifford S Stenseth1016India2026-10-17
Sinclair A Garufi1017Canada2026-10-17
Aditya T Tollner1018Japan2026-10-23
Juan M Dilliard1019Brazil2026-10-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Juan T WhobreyGermanyXuxue Feng NEW
Ivar D FlosiItalyAmy Elsner PROPOSAL
Jeanfrancois L WieserUnited KingdomAsiya Javayant PROPOSAL
Faith V PoquetteCanadaOnyama Limba NEW
Juan W MaletSpainAmy Elsner NEGOTIATION
Leja W PoquetteFranceIoni Bowcher NEW
Jones J StockhamUnited KingdomAsiya Javayant QUALIFIED
Arvin L CaldareraGermanyAsiya Javayant UNQUALIFIED
Salvatore G RutaFranceElwin Sharvill RENEWAL
Francesco Q WhobreyCanadaAsiya Javayant NEW
Alejandro J GarufiUnited KingdomElwin Sharvill QUALIFIED
David C IturbideAustraliaIoni Bowcher UNQUALIFIED
James U WaycottRussiaAmy Elsner QUALIFIED
Isabel X CaudyRussiaAnna Fali UNQUALIFIED
Jeanfrancois A WhobreyBrazilStephen Shaw NEGOTIATION
Silvio O VenereJapanStephen Shaw RENEWAL
Leon Q IturbideSpainBernardo Dominic RENEWAL
Morrow F GauchoRussiaIoni Bowcher NEGOTIATION
Leja E StockhamItalyAsiya Javayant PROPOSAL
Wickens V MorascaCanadaXuxue Feng UNQUALIFIED
Jeanfrancois S MaletArgentinaElwin Sharvill NEGOTIATION
Morrow Y DarakjyGermanyElwin Sharvill RENEWAL
Morrow M BologniaBrazilBernardo Dominic UNQUALIFIED
Izzy D NestleFranceIvan Magalhaes NEGOTIATION
Faith M MacleadUnited KingdomElwin Sharvill RENEWAL
Aruna P WhobreyRussiaXuxue Feng QUALIFIED
Wickens I GarufiUnited KingdomElwin Sharvill NEGOTIATION
Stacey J ChuiRussiaAsiya Javayant PROPOSAL
Murillo Z DarakjySpainBernardo Dominic RENEWAL
Maisha X RimUnited KingdomElwin Sharvill NEW
Francesco J RoysterJapanXuxue Feng PROPOSAL
Aditya Z MarrierFranceAsiya Javayant QUALIFIED
Morrow T IturbideArgentinaStephen Shaw NEGOTIATION
Adams B WaycottJapanElwin Sharvill NEGOTIATION
Salvatore R SergiCanadaIoni Bowcher NEW
Leja T BologniaUnited KingdomOnyama Limba NEW
Murillo Q FlosiSpainAnna Fali UNQUALIFIED
Darci F InouyeGermanyAnna Fali QUALIFIED
Cody J WieserCanadaXuxue Feng RENEWAL
Greenwood Y MaletCanadaAsiya Javayant UNQUALIFIED

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