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
Claire P NickaItalyBernardo Dominic NEGOTIATION
Claire S FlosiUnited KingdomOnyama Limba UNQUALIFIED
Johnson Y BologniaAustraliaElwin Sharvill UNQUALIFIED
Darci B IturbideArgentinaStephen Shaw PROPOSAL
Izzy L MaletSpainBernardo Dominic NEGOTIATION
Jennifer W MaletRussiaAsiya Javayant NEW
Maisha J PaprockiUnited KingdomElwin Sharvill NEGOTIATION
Claire X MaletIndiaBernardo Dominic RENEWAL
Silvio S ShinkoArgentinaXuxue Feng PROPOSAL
Jeanfrancois B WieserUnited KingdomStephen Shaw PROPOSAL
Aruna L ChuiItalyBernardo Dominic NEGOTIATION
Rodrigues C InouyeIndiaXuxue Feng NEGOTIATION
Ricardo S MacleadGermanyBernardo Dominic RENEWAL
Octavia O MaletCanadaIvan Magalhaes QUALIFIED
Francesco M StockhamAustraliaIoni Bowcher RENEWAL
Rodrigues U OldroydJapanAmy Elsner PROPOSAL
Kadeem R VocelkaIndiaStephen Shaw PROPOSAL
Silvio W ChuiItalyAmy Elsner NEW
Aika I PoquetteArgentinaStephen Shaw PROPOSAL
Morrow W SlusarskiArgentinaIoni Bowcher QUALIFIED
Misaki T ButtSpainOnyama Limba NEGOTIATION
Aruna V KuskoJapanAnna Fali QUALIFIED
Claire K InouyeFranceOnyama Limba NEW
Jeanfrancois M GlickGermanyBernardo Dominic RENEWAL
Jennifer D PaprockiRussiaAsiya Javayant QUALIFIED
Jones T RoysterAustraliaStephen Shaw UNQUALIFIED
Izzy U FlosiSpainXuxue Feng RENEWAL
Isabel L StockhamGermanyOnyama Limba UNQUALIFIED
Aruna N AmigonArgentinaElwin Sharvill UNQUALIFIED
Octavia P BowleyJapanXuxue Feng PROPOSAL
Maria V BriddickRussiaAmy Elsner NEW
Kaitlin A ButtItalyOnyama Limba NEW
Tony K DoeIndiaIvan Magalhaes RENEWAL
Claire G RutaArgentinaAsiya Javayant QUALIFIED
Mayumi N FlosiAustraliaElwin Sharvill RENEWAL
Faith G GauchoGermanyElwin Sharvill NEGOTIATION
Jennifer E CampainUnited KingdomBernardo Dominic UNQUALIFIED
Julie A VenereSpainAsiya Javayant QUALIFIED
Tony L MaletGermanyIvan Magalhaes UNQUALIFIED
Ricardo L MacleadBrazilIoni Bowcher QUALIFIED
Silvio L SlusarskiSpainAnna Fali NEGOTIATION
Costa P PoquetteArgentinaBernardo Dominic RENEWAL
Izzy E DarakjyGermanyAmy Elsner NEGOTIATION
Clifford O GauchoIndiaOnyama Limba UNQUALIFIED
Nicolas J PaprockiFranceIvan Magalhaes QUALIFIED
Faith Z NickaSpainIoni Bowcher QUALIFIED
Ivar A GauchoAustraliaStephen Shaw RENEWAL
Claire I ShinkoIndiaElwin Sharvill UNQUALIFIED
Murillo O SlusarskiRussiaAmy Elsner UNQUALIFIED
James O MorascaGermanyOnyama Limba NEW
Horizontal
NameCountryRepresentativeStatus
Aruna A PaprockiCanadaIvan Magalhaes PROPOSAL
Aruna Q RoysterAustraliaStephen Shaw QUALIFIED
Cody X InouyeArgentinaAnna Fali NEGOTIATION
Cody V MacleadSpainAnna Fali NEGOTIATION
Ivar C MorascaGermanyAnna Fali QUALIFIED
Murillo Z AlbaresGermanyBernardo Dominic NEGOTIATION
Juan E BriddickSpainAsiya Javayant PROPOSAL
Mayumi L CaldareraCanadaOnyama Limba NEW
Maisha P StockhamSpainElwin Sharvill NEGOTIATION
Leon Y KuskoCanadaAsiya Javayant NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Smith B FerenczUnited Kingdom2026-09-21Dorl, James J Esq UNQUALIFIED24Ivan Magalhaes
1001Munro C BowleyRussia2026-09-28Dorl, James J Esq QUALIFIED13Bernardo Dominic
1002Emily R CaldareraJapan2026-09-17Morlong Associates NEW3Onyama Limba
1003Salvatore E MacleadUnited Kingdom2026-10-01Printing Dimensions NEGOTIATION47Stephen Shaw
1004Leja X ShinkoCanada2026-10-07Chapman, Ross E Esq NEW86Elwin Sharvill
1005Kadeem G IturbideItaly2026-10-03Rousseaux, Michael Esq PROPOSAL17Ioni Bowcher
1006Wickens R AmigonItaly2026-09-20Morlong Associates RENEWAL88Ioni Bowcher
1007Tony H MorascaCanada2026-10-03Truhlar And Truhlar Attys UNQUALIFIED16Stephen Shaw
1008Alejandro V KolmetzAustralia2026-09-16Truhlar And Truhlar Attys PROPOSAL64Ioni Bowcher
1009Aruna T BowleyRussia2026-09-25Rangoni Of Florence RENEWAL16Amy Elsner
1010Faith J CaldareraIndia2026-09-11Rangoni Of Florence QUALIFIED50Stephen Shaw
1011Misaki I StensethRussia2026-09-23Chapman, Ross E Esq NEW21Anna Fali
1012Wickens M NickaUnited Kingdom2026-09-27Feltz Printing Service NEW94Ivan Magalhaes
1013Kadeem Z MacleadCanada2026-10-04Printing Dimensions RENEWAL65Ioni Bowcher
1014Octavia Q FollerUnited Kingdom2026-09-10Feltz Printing Service PROPOSAL78Xuxue Feng
1015Salvatore M RulapaughBrazil2026-10-02Chanay, Jeffrey A Esq UNQUALIFIED59Ioni Bowcher
1016Murillo U MaletBrazil2026-09-14Rangoni Of Florence QUALIFIED96Elwin Sharvill
1017Salvatore X PaprockiRussia2026-09-23Benton, John B Jr NEGOTIATION39Ivan Magalhaes
1018Adams E SergiRussia2026-09-20Buckley Miller Wright UNQUALIFIED36Asiya Javayant
1019Darci A RulapaughBrazil2026-09-15Feltz Printing Service PROPOSAL37Stephen Shaw
1020Jefferson D IturbideSpain2026-09-22Chemel, James L Cpa UNQUALIFIED58Bernardo Dominic
1021Murillo E MacleadJapan2026-09-10Benton, John B Jr UNQUALIFIED74Elwin Sharvill
1022Aditya W WaycottJapan2026-10-06Chapman, Ross E Esq NEGOTIATION29Ioni Bowcher
1023Deepesh A ChuiItaly2026-10-08Rangoni Of Florence NEGOTIATION61Stephen Shaw
1024Munro X WhobreyCanada2026-09-27Truhlar And Truhlar Attys RENEWAL66Amy Elsner
1025Ivar G BriddickSpain2026-09-17Chapman, Ross E Esq NEGOTIATION72Stephen Shaw
1026Francesco V SchemmerRussia2026-09-24Feltz Printing Service UNQUALIFIED44Amy Elsner
1027Aditya A CaldareraCanada2026-09-19Rousseaux, Michael Esq NEGOTIATION47Onyama Limba
1028Jones S DoeGermany2026-09-28Buckley Miller Wright QUALIFIED11Elwin Sharvill
1029Mayumi E PaprockiFrance2026-09-11Chemel, James L Cpa QUALIFIED5Anna Fali
1030Ricardo H RulapaughJapan2026-09-26King, Christopher A Esq PROPOSAL14Bernardo Dominic
1031Johnson M SchemmerGermany2026-09-11Printing Dimensions NEW83Ioni Bowcher
1032Mujtaba H StensethBrazil2026-09-18Rousseaux, Michael Esq RENEWAL20Xuxue Feng
1033Jeanfrancois L FlosiSpain2026-10-01Dorl, James J Esq QUALIFIED77Asiya Javayant
1034David L WhobreySpain2026-09-24Rousseaux, Michael Esq NEW52Bernardo Dominic
1035Maisha G VenereUnited Kingdom2026-10-02Printing Dimensions NEGOTIATION57Elwin Sharvill
1036Adams K AmigonCanada2026-10-03Morlong Associates NEW24Ivan Magalhaes
1037Munro X MorascaItaly2026-10-06Feiner Bros PROPOSAL78Amy Elsner
1038Johnson L MacleadAustralia2026-10-08Rousseaux, Michael Esq PROPOSAL71Amy Elsner
1039Jefferson E DoeFrance2026-09-23Chanay, Jeffrey A Esq NEW41Ivan Magalhaes
1040Ricardo V VenereRussia2026-09-14Buckley Miller Wright UNQUALIFIED44Ivan Magalhaes
1041Jefferson F GarufiRussia2026-09-19Commercial Press QUALIFIED5Anna Fali
1042Tony G OstroskyUnited Kingdom2026-09-22Feiner Bros RENEWAL4Ioni Bowcher
1043Clifford E PaprockiRussia2026-10-01King, Christopher A Esq UNQUALIFIED13Onyama Limba
1044Jones K SchemmerAustralia2026-09-24Rangoni Of Florence RENEWAL82Anna Fali
1045Sinclair G MorascaArgentina2026-09-26Feltz Printing Service PROPOSAL74Asiya Javayant
1046Aika J AlbaresJapan2026-09-10Rousseaux, Michael Esq NEW29Onyama Limba
1047Deepesh R FigeroaFrance2026-10-04Printing Dimensions NEW2Stephen Shaw
1048Octavia J NestleCanada2026-10-05Chemel, James L Cpa UNQUALIFIED6Stephen Shaw
1049Stacey W MorascaUnited Kingdom2026-09-18Chemel, James L Cpa NEW68Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Adams M InouyeUnited KingdomAnna Fali QUALIFIED
Silvio L NickaSpainOnyama Limba PROPOSAL
Aruna C ButtJapanAnna Fali PROPOSAL
Alejandro N GarufiCanadaIoni Bowcher QUALIFIED
Sinclair V BowleySpainElwin Sharvill UNQUALIFIED
Arvin Z MarrierAustraliaAmy Elsner PROPOSAL
Faith C MarrierRussiaStephen Shaw UNQUALIFIED
Cody Y OstroskySpainXuxue Feng NEW
Clifford F VocelkaItalyOnyama Limba QUALIFIED
Clifford Z OldroydArgentinaAsiya Javayant QUALIFIED
Julie V SlusarskiFranceAsiya Javayant NEW
Deepesh T KuskoAustraliaAmy Elsner UNQUALIFIED
Maisha Y RoysterCanadaOnyama Limba NEW
Ivar N BowleyUnited KingdomIvan Magalhaes QUALIFIED
Chavez P GauchoFranceIvan Magalhaes NEGOTIATION
David C OstroskyRussiaIvan Magalhaes NEW
Aika X OstroskyCanadaOnyama Limba NEW
Jeanfrancois L WieserRussiaAsiya Javayant UNQUALIFIED
Francesco F OstroskyBrazilAmy Elsner PROPOSAL
Maisha L PoquetteAustraliaAsiya Javayant NEGOTIATION
Nicolas X DilliardJapanAsiya Javayant RENEWAL
Misaki N PaprockiRussiaOnyama Limba UNQUALIFIED
Costa M FigeroaRussiaXuxue Feng RENEWAL
Costa O StockhamUnited KingdomXuxue Feng UNQUALIFIED
Claire X CaudyItalyIoni Bowcher UNQUALIFIED
Misaki H BologniaRussiaStephen Shaw NEW
Leon G StensethUnited KingdomAnna Fali NEW
Maisha P RimCanadaXuxue Feng RENEWAL
Faith F BriddickSpainAnna Fali UNQUALIFIED
Arvin C SchemmerCanadaIoni Bowcher RENEWAL
Stacey E MaletUnited KingdomAmy Elsner PROPOSAL
Stacey Y MaletGermanyAsiya Javayant PROPOSAL
Clifford B BriddickRussiaAmy Elsner RENEWAL
Ricardo J DarakjyUnited KingdomAnna Fali PROPOSAL
Rodrigues Q StensethFranceIvan Magalhaes QUALIFIED
Smith F WhobreyJapanOnyama Limba UNQUALIFIED
Emily H CaudyJapanElwin Sharvill NEGOTIATION
Julie W SchemmerIndiaStephen Shaw RENEWAL
Rodrigues V ChuiArgentinaIoni Bowcher UNQUALIFIED
Francesco G SlusarskiRussiaXuxue Feng UNQUALIFIED
Francesco I GauchoArgentinaAnna Fali RENEWAL
Maisha L SergiAustraliaBernardo Dominic UNQUALIFIED
Leon J KuskoGermanyAnna Fali NEGOTIATION
Cody L ButtAustraliaXuxue Feng NEGOTIATION
Aika L FigeroaItalyAsiya Javayant QUALIFIED
Aika B KuskoAustraliaElwin Sharvill QUALIFIED
Aika E FollerRussiaIvan Magalhaes NEW
Antonio Q NickaGermanyStephen Shaw UNQUALIFIED
Sinclair Q SchemmerIndiaOnyama Limba NEW
Faith Z OldroydRussiaAmy Elsner PROPOSAL
Frozen Columns
Name
Mujtaba D Sergi
Mayumi P Albares
Leon U Nicka
Francesco T Stockham
Leon M Foller
Leja N Maclead
David F Bowley
Deepesh O Perin
Chavez N Briddick
Silvio Q Ferencz
James Q Gillian
Maria I Vocelka
Julie P Shinko
Chavez Q Maclead
Wickens P Morasca
Kadeem M Paprocki
Kadeem Z Briddick
Kaitlin U Figeroa
Isabel U Ruta
Faith W Poquette
Ashley V Bowley
Kaitlin Y Garufi
Costa L Gillian
Jennifer U Inouye
Silvio S Figeroa
Leja I Amigon
Aditya Y Morasca
Emily J Foller
Jeanfrancois N Nicka
Arvin V Gaucho
Mayumi K Bowley
Francesco Z Bolognia
Murillo B Bowley
Antonio W Tollner
Claire T Whobrey
Juan S Whobrey
Jefferson F Kolmetz
Rodrigues D Maclead
Ivar T Caldarera
Francesco G Sergi
Faith J Chui
Salvatore F Darakjy
Johnson E Ferencz
Maisha L Kolmetz
Aruna J Butt
Emily E Dilliard
Francesco U Rulapaugh
Kaitlin C Malet
Tony C Gillian
Antonio N Iturbide
IdCountryDate
1000France2026-10-04
1001United Kingdom2026-10-02
1002Argentina2026-09-09
1003Italy2026-10-07
1004Spain2026-09-28
1005Russia2026-09-20
1006Germany2026-09-20
1007Japan2026-10-07
1008Russia2026-09-24
1009Japan2026-09-29
1010Australia2026-10-03
1011Italy2026-09-27
1012Japan2026-09-10
1013Germany2026-09-16
1014Spain2026-09-29
1015Australia2026-09-14
1016Russia2026-09-25
1017Italy2026-09-10
1018Russia2026-10-05
1019Australia2026-09-24
1020Canada2026-09-17
1021United Kingdom2026-09-10
1022Australia2026-09-24
1023Russia2026-09-24
1024Japan2026-09-18
1025Germany2026-09-25
1026United Kingdom2026-09-20
1027Russia2026-10-07
1028Italy2026-09-29
1029United Kingdom2026-10-04
1030France2026-10-02
1031Australia2026-09-22
1032Italy2026-09-16
1033Brazil2026-10-08
1034Brazil2026-09-21
1035Spain2026-09-17
1036Australia2026-10-04
1037Russia2026-09-22
1038France2026-09-22
1039Japan2026-10-04
1040Brazil2026-09-21
1041Russia2026-09-13
1042United Kingdom2026-09-24
1043Germany2026-09-30
1044France2026-09-23
1045Germany2026-10-01
1046India2026-09-26
1047United Kingdom2026-09-26
1048Brazil2026-10-02
1049United Kingdom2026-10-02

On-Demand Data

NameIdCountryDate
Leon X Inouye1000Australia2026-09-25
Deepesh J Vocelka1001India2026-09-12
Kadeem V Nestle1002Spain2026-10-08
Ricardo Q Briddick1003Spain2026-09-22
Aruna E Morasca1004Russia2026-09-23
Smith H Royster1005Russia2026-10-02
David U Bolognia1006Brazil2026-10-05
Arvin Y Caldarera1007Italy2026-09-25
Maria K Caudy1008Spain2026-09-13
Ricardo H Bolognia1009Brazil2026-09-11
Alejandro B Ruta1010Australia2026-09-17
Aditya W Perin1011United Kingdom2026-09-25
Tony K Morasca1012India2026-10-02
Maisha H Ferencz1013France2026-09-27
Maria Z Doe1014Germany2026-09-28
Jones Z Briddick1015Italy2026-09-16
Alejandro N Paprocki1016India2026-09-21
Arvin N Stenseth1017Italy2026-09-11
Aditya K Wieser1018Russia2026-09-24
Julie L Paprocki1019United Kingdom2026-09-21
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Cody M FollerIndiaAnna Fali NEGOTIATION
Jeanfrancois O WhobreySpainXuxue Feng RENEWAL
Silvio T DilliardFranceBernardo Dominic NEGOTIATION
Aika I TollnerItalyAsiya Javayant PROPOSAL
Munro P ShinkoAustraliaOnyama Limba RENEWAL
Ricardo N CaudyItalyAnna Fali NEGOTIATION
Aika K BowleyIndiaXuxue Feng RENEWAL
Alejandro B DilliardFranceAmy Elsner PROPOSAL
Misaki E GillianFranceAsiya Javayant NEW
Misaki I FlosiCanadaOnyama Limba NEGOTIATION
Juan N PoquetteGermanyIoni Bowcher PROPOSAL
Aditya Q MorascaArgentinaAsiya Javayant RENEWAL
Octavia F WaycottItalyIoni Bowcher QUALIFIED
Smith T FlosiFranceBernardo Dominic NEW
Costa D DarakjyItalyStephen Shaw NEGOTIATION
Francesco T WieserItalyAmy Elsner UNQUALIFIED
Ricardo H MaletFranceStephen Shaw QUALIFIED
Aruna N ShinkoSpainIvan Magalhaes QUALIFIED
David W FigeroaUnited KingdomBernardo Dominic NEW
Aika R MaletIndiaIvan Magalhaes QUALIFIED
Ivar J ChuiIndiaElwin Sharvill NEGOTIATION
James H NestleSpainStephen Shaw NEGOTIATION
Deepesh G WhobreyArgentinaXuxue Feng NEGOTIATION
Maisha O GauchoArgentinaIoni Bowcher NEGOTIATION
Rodrigues O MacleadJapanXuxue Feng QUALIFIED
Kaitlin N SergiFranceAnna Fali RENEWAL
Mujtaba J GarufiSpainXuxue Feng UNQUALIFIED
Octavia F RulapaughRussiaOnyama Limba RENEWAL
Cody L TollnerRussiaBernardo Dominic NEW
Adams V ShinkoFranceAmy Elsner NEGOTIATION
Mayumi Z BriddickGermanyElwin Sharvill RENEWAL
Mayumi T MorascaRussiaOnyama Limba QUALIFIED
Silvio Y PoquetteUnited KingdomElwin Sharvill UNQUALIFIED
Clifford M MacleadCanadaOnyama Limba PROPOSAL
Greenwood U AmigonCanadaAsiya Javayant NEGOTIATION
Cody G RoysterGermanyAnna Fali PROPOSAL
Julie H VenereSpainElwin Sharvill NEW
Misaki V DilliardAustraliaAnna Fali UNQUALIFIED
Murillo Z MacleadSpainIoni Bowcher NEGOTIATION
Jefferson E KuskoBrazilStephen Shaw 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>