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
Emily M TollnerUnited KingdomOnyama Limba PROPOSAL
Greenwood C VenereJapanStephen Shaw NEW
Murillo G NestleCanadaOnyama Limba RENEWAL
Francesco G MaletRussiaAnna Fali PROPOSAL
Stacey W SlusarskiAustraliaAmy Elsner NEW
Smith W FollerRussiaAnna Fali NEGOTIATION
Arvin A SaylorsBrazilAmy Elsner QUALIFIED
Clifford I WaycottCanadaBernardo Dominic PROPOSAL
Sinclair Q WieserCanadaElwin Sharvill PROPOSAL
Ivar E NickaAustraliaStephen Shaw QUALIFIED
Stacey P GillianJapanElwin Sharvill QUALIFIED
Morrow V AlbaresAustraliaIvan Magalhaes NEW
Costa F CampainJapanStephen Shaw NEGOTIATION
Jefferson S OldroydItalyOnyama Limba QUALIFIED
Juan U OldroydRussiaBernardo Dominic PROPOSAL
Ashley Q DoeCanadaIvan Magalhaes PROPOSAL
Darci W DarakjyIndiaElwin Sharvill RENEWAL
Salvatore S ChuiRussiaElwin Sharvill NEW
Faith Y PaprockiArgentinaAnna Fali NEW
Misaki K GlickGermanyStephen Shaw QUALIFIED
Greenwood W MacleadAustraliaOnyama Limba QUALIFIED
Ashley R RoysterArgentinaIvan Magalhaes RENEWAL
Munro U PoquetteRussiaOnyama Limba QUALIFIED
Johnson T NickaItalyAsiya Javayant UNQUALIFIED
Mujtaba N DarakjyGermanyOnyama Limba RENEWAL
Leon J SergiArgentinaIvan Magalhaes NEW
Misaki K KuskoArgentinaXuxue Feng NEW
Salvatore L MaletGermanyXuxue Feng NEGOTIATION
Isabel D CampainGermanyStephen Shaw UNQUALIFIED
Arvin Z RimArgentinaAsiya Javayant UNQUALIFIED
Aditya N KuskoAustraliaBernardo Dominic NEGOTIATION
Costa W StensethUnited KingdomAmy Elsner NEGOTIATION
James I MorascaGermanyStephen Shaw NEGOTIATION
David S AmigonSpainBernardo Dominic UNQUALIFIED
Julie S MaletRussiaBernardo Dominic NEGOTIATION
James K FollerUnited KingdomIvan Magalhaes UNQUALIFIED
Ashley H RulapaughUnited KingdomXuxue Feng NEGOTIATION
Wickens P CaudyArgentinaIoni Bowcher PROPOSAL
Munro Y GillianIndiaIoni Bowcher RENEWAL
Adams R SlusarskiSpainAnna Fali RENEWAL
Greenwood L RutaItalyOnyama Limba NEW
Sinclair O GillianArgentinaXuxue Feng NEGOTIATION
David X GillianBrazilStephen Shaw QUALIFIED
Arvin F MaletUnited KingdomAmy Elsner PROPOSAL
Misaki T ChuiBrazilElwin Sharvill NEW
Maria W MaletSpainElwin Sharvill NEGOTIATION
Claire L CampainUnited KingdomStephen Shaw PROPOSAL
James L DilliardIndiaIvan Magalhaes RENEWAL
David T GillianUnited KingdomAnna Fali RENEWAL
Faith S GlickIndiaXuxue Feng QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Misaki I FlosiIndiaOnyama Limba PROPOSAL
Silvio M GillianAustraliaIoni Bowcher UNQUALIFIED
Misaki I GlickUnited KingdomElwin Sharvill QUALIFIED
Stacey W ShinkoRussiaElwin Sharvill QUALIFIED
Sinclair K TollnerJapanIvan Magalhaes RENEWAL
Ivar E OstroskyItalyStephen Shaw NEW
Leon X MorascaIndiaAmy Elsner PROPOSAL
Faith E AlbaresBrazilStephen Shaw UNQUALIFIED
Claire T FlosiAustraliaStephen Shaw UNQUALIFIED
Darci T WieserRussiaAsiya Javayant PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Mujtaba C CaldareraIndia2026-10-03Truhlar And Truhlar Attys PROPOSAL41Bernardo Dominic
1001Munro G MorascaCanada2026-10-07Feltz Printing Service RENEWAL71Onyama Limba
1002Maria R CampainArgentina2026-10-08Buckley Miller Wright RENEWAL97Elwin Sharvill
1003Juan W FollerSpain2026-09-14Morlong Associates PROPOSAL6Bernardo Dominic
1004Silvio F GarufiAustralia2026-09-10Commercial Press NEGOTIATION49Onyama Limba
1005Jones Y WhobreyJapan2026-09-16Dorl, James J Esq UNQUALIFIED7Asiya Javayant
1006Leja Z ShinkoCanada2026-09-20Chapman, Ross E Esq NEGOTIATION38Asiya Javayant
1007Izzy A KuskoBrazil2026-10-08Printing Dimensions NEGOTIATION31Xuxue Feng
1008Izzy P AmigonJapan2026-09-23Truhlar And Truhlar Attys PROPOSAL63Elwin Sharvill
1009Aruna T MarrierAustralia2026-10-05Printing Dimensions NEGOTIATION6Ivan Magalhaes
1010Silvio I NickaArgentina2026-09-19Commercial Press NEGOTIATION94Onyama Limba
1011Munro C RutaArgentina2026-09-09Truhlar And Truhlar Attys RENEWAL51Stephen Shaw
1012Julie P CaldareraJapan2026-09-09Morlong Associates UNQUALIFIED31Bernardo Dominic
1013Aruna Y RimBrazil2026-09-24Morlong Associates PROPOSAL16Elwin Sharvill
1014Ivar X KuskoBrazil2026-10-02Benton, John B Jr RENEWAL86Ivan Magalhaes
1015Sinclair D KuskoItaly2026-09-14Chapman, Ross E Esq NEW66Asiya Javayant
1016Deepesh W AmigonIndia2026-09-19Truhlar And Truhlar Attys UNQUALIFIED1Ivan Magalhaes
1017Deepesh W WieserGermany2026-10-06Rousseaux, Michael Esq QUALIFIED96Ivan Magalhaes
1018Kaitlin C PaprockiRussia2026-09-19Chapman, Ross E Esq QUALIFIED39Amy Elsner
1019Ivar L FigeroaFrance2026-09-28Chanay, Jeffrey A Esq RENEWAL83Ioni Bowcher
1020Murillo F PoquetteArgentina2026-10-03Feltz Printing Service QUALIFIED19Asiya Javayant
1021Silvio A PaprockiBrazil2026-10-03Chemel, James L Cpa QUALIFIED43Ivan Magalhaes
1022Morrow M RimRussia2026-09-12Chemel, James L Cpa RENEWAL47Elwin Sharvill
1023Ivar M PoquetteUnited Kingdom2026-09-09Rousseaux, Michael Esq QUALIFIED84Onyama Limba
1024Deepesh K GlickAustralia2026-09-24Feiner Bros QUALIFIED1Ioni Bowcher
1025Tony G SergiIndia2026-10-01Dorl, James J Esq NEW14Bernardo Dominic
1026Aruna C DilliardRussia2026-10-05Chanay, Jeffrey A Esq NEW97Stephen Shaw
1027Francesco H DarakjyIndia2026-09-18Commercial Press QUALIFIED40Asiya Javayant
1028Sinclair B TollnerSpain2026-10-06Chemel, James L Cpa QUALIFIED71Onyama Limba
1029Clifford A DilliardIndia2026-09-20Rangoni Of Florence NEW35Stephen Shaw
1030Salvatore A WieserSpain2026-10-07Buckley Miller Wright NEW46Amy Elsner
1031David A RutaGermany2026-09-21Chapman, Ross E Esq NEW21Anna Fali
1032Arvin Q PaprockiRussia2026-09-22Feltz Printing Service NEGOTIATION40Elwin Sharvill
1033Murillo U KolmetzAustralia2026-09-14Benton, John B Jr NEGOTIATION17Anna Fali
1034Jones I RutaJapan2026-10-05Dorl, James J Esq RENEWAL58Elwin Sharvill
1035Isabel A NestleArgentina2026-09-17Benton, John B Jr PROPOSAL54Ioni Bowcher
1036Kaitlin Z KuskoCanada2026-09-24Dorl, James J Esq NEW92Ioni Bowcher
1037Kaitlin E PaprockiIndia2026-09-20Buckley Miller Wright UNQUALIFIED94Stephen Shaw
1038Mayumi W FerenczAustralia2026-09-30Benton, John B Jr PROPOSAL86Ioni Bowcher
1039Stacey Q SergiUnited Kingdom2026-09-23Feltz Printing Service NEW73Anna Fali
1040Leja P MarrierAustralia2026-10-04King, Christopher A Esq NEW22Onyama Limba
1041Salvatore G StockhamUnited Kingdom2026-10-06Rangoni Of Florence UNQUALIFIED44Xuxue Feng
1042Octavia L GauchoAustralia2026-09-24Chanay, Jeffrey A Esq NEGOTIATION92Stephen Shaw
1043Cody M ShinkoIndia2026-09-30Feiner Bros QUALIFIED97Stephen Shaw
1044Greenwood M GlickCanada2026-09-19Printing Dimensions NEGOTIATION9Xuxue Feng
1045James N NestleRussia2026-10-07Feltz Printing Service PROPOSAL20Anna Fali
1046Aika M PerinRussia2026-09-27Rangoni Of Florence UNQUALIFIED35Elwin Sharvill
1047Kadeem S WieserItaly2026-09-24Chemel, James L Cpa NEW32Stephen Shaw
1048Munro U MacleadBrazil2026-09-25Chemel, James L Cpa NEW70Ioni Bowcher
1049Smith V GarufiAustralia2026-10-04Dorl, James J Esq UNQUALIFIED75Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Jeanfrancois C RimRussiaIvan Magalhaes UNQUALIFIED
Silvio U TollnerSpainAnna Fali UNQUALIFIED
Wickens C SlusarskiGermanyStephen Shaw PROPOSAL
Sinclair F BowleyCanadaAsiya Javayant UNQUALIFIED
Alejandro J CampainAustraliaIoni Bowcher PROPOSAL
Murillo E SaylorsAustraliaAsiya Javayant PROPOSAL
Tony U DilliardRussiaXuxue Feng NEGOTIATION
Kaitlin G PaprockiCanadaXuxue Feng UNQUALIFIED
Murillo Z MacleadCanadaStephen Shaw NEGOTIATION
James B WhobreyAustraliaXuxue Feng RENEWAL
David W BologniaGermanyXuxue Feng NEGOTIATION
Aika M SlusarskiFranceAsiya Javayant NEGOTIATION
Smith R ChuiUnited KingdomAnna Fali QUALIFIED
Francesco N AmigonBrazilIvan Magalhaes RENEWAL
Francesco J VenereJapanElwin Sharvill UNQUALIFIED
Sinclair N AmigonBrazilIvan Magalhaes NEW
Darci U WieserFranceAsiya Javayant PROPOSAL
Julie U SchemmerGermanyAsiya Javayant UNQUALIFIED
Aika L StockhamSpainXuxue Feng NEW
Faith K StensethAustraliaOnyama Limba RENEWAL
Jones P FigeroaArgentinaStephen Shaw UNQUALIFIED
Stacey L NestleGermanyAsiya Javayant QUALIFIED
Silvio T SchemmerAustraliaAnna Fali QUALIFIED
Leon K FollerCanadaOnyama Limba RENEWAL
Octavia V OldroydIndiaElwin Sharvill NEGOTIATION
Arvin P CaldareraCanadaIoni Bowcher NEW
Antonio L SlusarskiBrazilXuxue Feng RENEWAL
Jennifer G FollerIndiaIoni Bowcher NEGOTIATION
Claire J NestleIndiaElwin Sharvill UNQUALIFIED
Deepesh U NestleUnited KingdomAnna Fali PROPOSAL
Kadeem K FollerUnited KingdomIvan Magalhaes NEGOTIATION
Rodrigues G KuskoJapanBernardo Dominic PROPOSAL
Maria Y MorascaRussiaStephen Shaw RENEWAL
Juan C KuskoCanadaAmy Elsner UNQUALIFIED
Ricardo H PoquetteCanadaIoni Bowcher NEW
Cody A AlbaresRussiaAmy Elsner RENEWAL
Claire S GarufiAustraliaAsiya Javayant RENEWAL
Nicolas N SlusarskiBrazilIoni Bowcher NEGOTIATION
Greenwood E OldroydItalyElwin Sharvill QUALIFIED
Izzy Y CampainItalyXuxue Feng UNQUALIFIED
Arvin V InouyeFranceBernardo Dominic RENEWAL
Nicolas O FigeroaFranceIoni Bowcher PROPOSAL
Alejandro L MacleadAustraliaOnyama Limba NEGOTIATION
Clifford L WieserItalyAnna Fali PROPOSAL
Leon T RulapaughItalyXuxue Feng NEGOTIATION
Maisha Q SlusarskiBrazilIoni Bowcher PROPOSAL
Rodrigues I WhobreyJapanAnna Fali NEW
Chavez H TollnerIndiaBernardo Dominic QUALIFIED
Nicolas L FlosiAustraliaOnyama Limba RENEWAL
Darci R OldroydBrazilIoni Bowcher RENEWAL
Frozen Columns
Name
James L Venere
Ricardo M Perin
Arvin Z Sergi
Sinclair J Royster
Murillo R Rim
Silvio Z Ruta
Mayumi G Bolognia
Mayumi T Nestle
Antonio O Malet
Isabel U Chui
Munro B Ostrosky
Ashley Z Nicka
Smith G Stenseth
Leon Y Oldroyd
Johnson Y Maclead
Aika U Ferencz
Costa A Doe
Misaki F Royster
Antonio Z Caldarera
James L Poquette
Ricardo L Saylors
Sinclair I Bolognia
Kaitlin R Butt
Leja T Caldarera
Leja P Malet
Tony C Nestle
Jennifer F Stenseth
Rodrigues G Caldarera
Izzy O Butt
Antonio M Tollner
Stacey J Sergi
Octavia J Tollner
Sinclair X Kolmetz
Tony B Garufi
Emily Z Caudy
Tony S Saylors
Kadeem Q Paprocki
David G Inouye
Misaki N Caldarera
Faith M Caudy
Morrow W Maclead
Clifford L Caudy
Smith P Kolmetz
Antonio I Nestle
Emily Q Kolmetz
Jennifer P Venere
Claire Y Tollner
Deepesh G Malet
Stacey D Flosi
Maria P Perin
IdCountryDate
1000Spain2026-09-24
1001France2026-09-17
1002Italy2026-10-07
1003Canada2026-09-27
1004Brazil2026-10-02
1005Brazil2026-10-08
1006Brazil2026-09-30
1007Australia2026-10-02
1008Japan2026-09-18
1009Brazil2026-09-29
1010Spain2026-10-02
1011France2026-09-26
1012Brazil2026-09-12
1013France2026-09-29
1014Canada2026-09-26
1015Australia2026-09-30
1016Japan2026-09-25
1017Italy2026-09-24
1018Russia2026-09-20
1019Russia2026-10-03
1020Argentina2026-09-14
1021Brazil2026-09-27
1022India2026-10-06
1023Canada2026-10-05
1024Argentina2026-09-29
1025United Kingdom2026-10-02
1026Brazil2026-09-22
1027Canada2026-09-14
1028Russia2026-10-04
1029India2026-09-09
1030Germany2026-10-01
1031Brazil2026-09-09
1032Canada2026-09-12
1033Russia2026-09-13
1034Brazil2026-09-15
1035Spain2026-10-04
1036Russia2026-09-25
1037Italy2026-09-25
1038Spain2026-09-25
1039Russia2026-09-12
1040India2026-09-18
1041Germany2026-09-15
1042Canada2026-09-15
1043Spain2026-09-21
1044Australia2026-10-06
1045Japan2026-09-15
1046Argentina2026-10-06
1047Argentina2026-10-04
1048India2026-10-08
1049Spain2026-09-26

On-Demand Data

NameIdCountryDate
Chavez P Shinko1000Spain2026-10-05
Claire C Foller1001India2026-09-20
Silvio O Marrier1002United Kingdom2026-09-18
James S Dilliard1003France2026-09-09
Francesco H Chui1004Japan2026-09-23
Leja J Glick1005Russia2026-09-10
Kaitlin T Gillian1006Russia2026-09-17
Juan Z Doe1007Japan2026-09-24
Mujtaba H Poquette1008Russia2026-09-09
Tony Q Albares1009Russia2026-10-06
Clifford W Chui1010Spain2026-10-04
Jefferson L Perin1011Australia2026-09-24
Aruna R Garufi1012Russia2026-09-25
Alejandro I Wieser1013Canada2026-09-20
Arvin Q Nicka1014Brazil2026-10-03
Antonio P Dilliard1015Russia2026-09-22
Deepesh N Whobrey1016Canada2026-10-07
Claire C Caudy1017United Kingdom2026-09-18
Cody D Figeroa1018Germany2026-09-19
Adams L Caldarera1019Australia2026-09-19
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Greenwood S DilliardBrazilIoni Bowcher QUALIFIED
Octavia H WaycottGermanyAmy Elsner NEW
David D FollerArgentinaStephen Shaw RENEWAL
Emily B AmigonGermanyAsiya Javayant PROPOSAL
Arvin Q OldroydUnited KingdomAnna Fali NEGOTIATION
Claire E StensethCanadaAmy Elsner UNQUALIFIED
Morrow W RoysterAustraliaElwin Sharvill NEW
Nicolas R SergiArgentinaXuxue Feng UNQUALIFIED
Rodrigues D NickaSpainAnna Fali PROPOSAL
David W MarrierJapanBernardo Dominic RENEWAL
Juan N PoquetteIndiaStephen Shaw RENEWAL
Octavia K ShinkoJapanIoni Bowcher RENEWAL
David F MaletJapanAmy Elsner RENEWAL
Claire B SergiFranceAmy Elsner NEW
Morrow O MaletAustraliaAnna Fali UNQUALIFIED
Arvin V StockhamCanadaElwin Sharvill UNQUALIFIED
Smith X GauchoRussiaStephen Shaw PROPOSAL
Jennifer G RimBrazilIvan Magalhaes QUALIFIED
Mayumi U StockhamRussiaAmy Elsner PROPOSAL
Adams V PoquetteItalyAnna Fali UNQUALIFIED
Leja B BowleyAustraliaElwin Sharvill NEGOTIATION
Sinclair S WhobreyBrazilStephen Shaw QUALIFIED
Wickens F ButtCanadaElwin Sharvill PROPOSAL
Mujtaba M MorascaIndiaAnna Fali NEW
Maria R GauchoJapanIvan Magalhaes NEGOTIATION
Jefferson U VocelkaJapanOnyama Limba PROPOSAL
Kadeem F KolmetzAustraliaAmy Elsner NEW
Munro I MacleadFranceAsiya Javayant RENEWAL
Emily P OldroydJapanXuxue Feng QUALIFIED
David Z ShinkoUnited KingdomAmy Elsner UNQUALIFIED
Leon W SergiCanadaXuxue Feng QUALIFIED
Leon U WhobreyUnited KingdomAmy Elsner PROPOSAL
Johnson S NestleFranceBernardo Dominic QUALIFIED
Francesco K PoquetteJapanOnyama Limba RENEWAL
Jeanfrancois L RulapaughRussiaAnna Fali RENEWAL
David B KolmetzSpainAnna Fali NEGOTIATION
Maria T MorascaItalyAmy Elsner NEGOTIATION
Cody F GarufiArgentinaIvan Magalhaes PROPOSAL
Isabel Q StockhamArgentinaAsiya Javayant NEGOTIATION
Darci K FerenczIndiaOnyama Limba PROPOSAL

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