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
Isabel R GlickBrazilAnna Fali NEW
Jeanfrancois U DarakjyCanadaAsiya Javayant RENEWAL
Faith Q FlosiBrazilAsiya Javayant RENEWAL
Silvio C DilliardGermanyAsiya Javayant PROPOSAL
Darci A WaycottGermanyElwin Sharvill RENEWAL
David G MorascaRussiaElwin Sharvill UNQUALIFIED
Tony C GillianUnited KingdomXuxue Feng QUALIFIED
Faith B OldroydArgentinaIvan Magalhaes RENEWAL
Nicolas B GauchoSpainElwin Sharvill UNQUALIFIED
Emily B DoeCanadaAnna Fali NEGOTIATION
Arvin H WhobreyRussiaElwin Sharvill NEW
Morrow G FerenczArgentinaAnna Fali PROPOSAL
Emily Z FerenczUnited KingdomXuxue Feng QUALIFIED
Aika I KolmetzRussiaBernardo Dominic UNQUALIFIED
Leon N InouyeCanadaElwin Sharvill RENEWAL
Rodrigues M CampainGermanyAsiya Javayant PROPOSAL
Maria X MacleadFranceOnyama Limba NEW
Jennifer I DilliardFranceXuxue Feng NEW
Cody T NestleRussiaElwin Sharvill QUALIFIED
Sinclair K RimGermanyXuxue Feng RENEWAL
Salvatore Z SchemmerUnited KingdomAnna Fali RENEWAL
Darci W FlosiItalyIoni Bowcher NEGOTIATION
Maisha B OldroydBrazilIoni Bowcher RENEWAL
Ricardo D DarakjyUnited KingdomIoni Bowcher UNQUALIFIED
Clifford I MarrierSpainElwin Sharvill QUALIFIED
Ricardo V GarufiGermanyAmy Elsner NEGOTIATION
Cody C FlosiIndiaIvan Magalhaes UNQUALIFIED
Octavia H RimRussiaIoni Bowcher UNQUALIFIED
Antonio N MaletRussiaAnna Fali NEGOTIATION
Salvatore A InouyeItalyBernardo Dominic NEGOTIATION
Mayumi X ShinkoUnited KingdomXuxue Feng QUALIFIED
Leon H VenereJapanAmy Elsner QUALIFIED
James N MorascaArgentinaStephen Shaw NEGOTIATION
Murillo S GarufiFranceAmy Elsner QUALIFIED
Faith L KolmetzGermanyIoni Bowcher NEGOTIATION
Aruna Z FollerCanadaOnyama Limba RENEWAL
Morrow N RulapaughRussiaIvan Magalhaes UNQUALIFIED
Sinclair E MaletBrazilXuxue Feng UNQUALIFIED
Stacey I MaletAustraliaOnyama Limba QUALIFIED
Leon S VenereRussiaBernardo Dominic UNQUALIFIED
Maisha I ShinkoItalyElwin Sharvill PROPOSAL
Stacey R GlickAustraliaElwin Sharvill RENEWAL
Kaitlin G StensethItalyAsiya Javayant QUALIFIED
Faith D StockhamAustraliaAsiya Javayant QUALIFIED
Aruna Q SaylorsArgentinaAmy Elsner RENEWAL
Octavia J ShinkoArgentinaIvan Magalhaes PROPOSAL
Leon N SchemmerIndiaBernardo Dominic RENEWAL
Ricardo Q StockhamCanadaXuxue Feng NEW
Deepesh T SaylorsFranceAsiya Javayant UNQUALIFIED
Stacey T CaldareraSpainAsiya Javayant RENEWAL
Horizontal
NameCountryRepresentativeStatus
Mayumi Q NestleItalyIoni Bowcher UNQUALIFIED
Salvatore U KolmetzRussiaElwin Sharvill QUALIFIED
James M NestleBrazilStephen Shaw NEW
Emily G StockhamAustraliaIvan Magalhaes PROPOSAL
Antonio X GauchoGermanyAsiya Javayant QUALIFIED
Salvatore J RulapaughItalyElwin Sharvill NEW
Silvio R ChuiRussiaAmy Elsner NEGOTIATION
Ricardo H TollnerRussiaElwin Sharvill QUALIFIED
Ashley Z MarrierGermanyIoni Bowcher PROPOSAL
Antonio Z RimBrazilOnyama Limba NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Salvatore Q OldroydRussia2026-10-24Chemel, James L Cpa QUALIFIED51Ivan Magalhaes
1001Chavez B IturbideCanada2026-10-26Morlong Associates UNQUALIFIED52Ivan Magalhaes
1002Aika U PerinJapan2026-11-02Dorl, James J Esq PROPOSAL66Onyama Limba
1003Arvin B CaldareraAustralia2026-10-27Chapman, Ross E Esq RENEWAL49Onyama Limba
1004Mujtaba X SchemmerAustralia2026-10-16Chemel, James L Cpa PROPOSAL3Amy Elsner
1005Jeanfrancois S DarakjyCanada2026-10-20Morlong Associates RENEWAL41Onyama Limba
1006Claire I RimAustralia2026-10-22Buckley Miller Wright NEGOTIATION1Asiya Javayant
1007Faith Q WaycottAustralia2026-10-20Morlong Associates UNQUALIFIED36Anna Fali
1008Kaitlin Q GarufiRussia2026-10-25Buckley Miller Wright NEW4Stephen Shaw
1009Maisha T RoysterSpain2026-10-26Morlong Associates UNQUALIFIED42Ivan Magalhaes
1010Faith Q KuskoItaly2026-10-23Dorl, James J Esq NEGOTIATION74Anna Fali
1011Jefferson L VenereCanada2026-10-30Chemel, James L Cpa UNQUALIFIED0Amy Elsner
1012Jefferson I OstroskyBrazil2026-11-08Chemel, James L Cpa QUALIFIED97Xuxue Feng
1013Antonio Q PaprockiGermany2026-10-27Rangoni Of Florence UNQUALIFIED34Elwin Sharvill
1014Maria U BriddickJapan2026-10-27Buckley Miller Wright UNQUALIFIED47Amy Elsner
1015Rodrigues K AmigonRussia2026-11-12Printing Dimensions UNQUALIFIED46Elwin Sharvill
1016Juan Z MorascaGermany2026-10-22Benton, John B Jr NEGOTIATION33Amy Elsner
1017Sinclair E ChuiIndia2026-11-11King, Christopher A Esq QUALIFIED10Bernardo Dominic
1018Aika B CampainBrazil2026-10-31Buckley Miller Wright PROPOSAL76Asiya Javayant
1019Juan C BowleyIndia2026-11-08Dorl, James J Esq QUALIFIED94Elwin Sharvill
1020Ashley T GillianSpain2026-10-19Chanay, Jeffrey A Esq UNQUALIFIED44Asiya Javayant
1021Greenwood S PaprockiAustralia2026-11-10Printing Dimensions UNQUALIFIED93Ioni Bowcher
1022Greenwood E NickaRussia2026-11-08Buckley Miller Wright RENEWAL29Elwin Sharvill
1023Silvio W SlusarskiIndia2026-11-12Chanay, Jeffrey A Esq NEGOTIATION31Xuxue Feng
1024Silvio G GillianAustralia2026-10-25Chapman, Ross E Esq QUALIFIED64Elwin Sharvill
1025Ricardo W MacleadRussia2026-10-28King, Christopher A Esq NEW3Bernardo Dominic
1026Kadeem R KuskoBrazil2026-11-14Morlong Associates QUALIFIED5Bernardo Dominic
1027Faith R WieserUnited Kingdom2026-11-02Buckley Miller Wright RENEWAL12Onyama Limba
1028Mujtaba P VocelkaIndia2026-11-13Truhlar And Truhlar Attys NEW49Xuxue Feng
1029Mayumi Q ButtIndia2026-10-23Rangoni Of Florence NEGOTIATION69Anna Fali
1030Mujtaba K CaudyCanada2026-11-10Morlong Associates NEGOTIATION92Stephen Shaw
1031Aika S CaldareraFrance2026-11-03Chanay, Jeffrey A Esq QUALIFIED69Amy Elsner
1032Ricardo F FerenczFrance2026-10-17Feltz Printing Service QUALIFIED20Anna Fali
1033Rodrigues M AmigonGermany2026-10-23Chemel, James L Cpa PROPOSAL59Ivan Magalhaes
1034Salvatore E AlbaresRussia2026-11-14Buckley Miller Wright PROPOSAL38Anna Fali
1035Salvatore H CaudyIndia2026-10-23Dorl, James J Esq NEW16Stephen Shaw
1036Arvin J ChuiRussia2026-11-06Chanay, Jeffrey A Esq NEW39Ivan Magalhaes
1037Costa N FlosiAustralia2026-10-21Feiner Bros PROPOSAL42Anna Fali
1038Isabel F FlosiCanada2026-10-17Benton, John B Jr PROPOSAL23Ioni Bowcher
1039Misaki I FigeroaRussia2026-10-28Chapman, Ross E Esq QUALIFIED92Elwin Sharvill
1040Maria L GillianJapan2026-10-16Dorl, James J Esq UNQUALIFIED73Amy Elsner
1041Jefferson S SaylorsAustralia2026-11-05Truhlar And Truhlar Attys QUALIFIED50Ioni Bowcher
1042Johnson V WieserBrazil2026-11-03Dorl, James J Esq QUALIFIED17Stephen Shaw
1043Ivar S CaldareraArgentina2026-10-27Commercial Press UNQUALIFIED71Stephen Shaw
1044Morrow H KuskoUnited Kingdom2026-11-06Buckley Miller Wright NEW57Anna Fali
1045Leon O SergiGermany2026-10-22Chapman, Ross E Esq NEGOTIATION64Xuxue Feng
1046Maisha E PoquetteItaly2026-10-21Rangoni Of Florence QUALIFIED32Ivan Magalhaes
1047Deepesh Z WieserFrance2026-11-13Morlong Associates QUALIFIED46Stephen Shaw
1048Munro W DarakjyCanada2026-11-11King, Christopher A Esq UNQUALIFIED86Bernardo Dominic
1049Greenwood H VenereCanada2026-10-27Rousseaux, Michael Esq NEW90Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Claire M BriddickItalyAsiya Javayant QUALIFIED
Izzy T RutaIndiaIvan Magalhaes NEGOTIATION
Arvin U SergiAustraliaElwin Sharvill PROPOSAL
Aditya I DarakjyGermanyAnna Fali NEGOTIATION
Ashley E ShinkoCanadaAmy Elsner PROPOSAL
Ivar S RutaBrazilIoni Bowcher NEW
Aditya S NestleArgentinaStephen Shaw RENEWAL
Darci W OstroskySpainIoni Bowcher NEGOTIATION
Clifford U PerinUnited KingdomElwin Sharvill QUALIFIED
Costa Z StockhamIndiaElwin Sharvill UNQUALIFIED
Isabel K NestleFranceStephen Shaw NEGOTIATION
Kadeem P NickaIndiaAnna Fali PROPOSAL
Deepesh R BriddickFranceIvan Magalhaes NEW
Ivar D FlosiIndiaOnyama Limba RENEWAL
Misaki B VocelkaSpainAsiya Javayant NEGOTIATION
Smith B KolmetzSpainAnna Fali QUALIFIED
Adams K AmigonCanadaElwin Sharvill NEGOTIATION
Jennifer H IturbideUnited KingdomIvan Magalhaes UNQUALIFIED
Isabel A PoquetteBrazilIoni Bowcher QUALIFIED
Misaki I SaylorsJapanIvan Magalhaes PROPOSAL
Antonio F WaycottIndiaAnna Fali QUALIFIED
Mujtaba J WaycottAustraliaBernardo Dominic PROPOSAL
Jeanfrancois D FerenczIndiaElwin Sharvill QUALIFIED
Johnson T SchemmerSpainIoni Bowcher PROPOSAL
Wickens P StockhamGermanyIvan Magalhaes RENEWAL
Adams S BologniaSpainXuxue Feng PROPOSAL
Murillo L MaletJapanIoni Bowcher UNQUALIFIED
Greenwood B CaudyIndiaAnna Fali RENEWAL
Izzy L BologniaItalyAnna Fali NEGOTIATION
James S DilliardFranceAmy Elsner RENEWAL
Kadeem K FlosiRussiaOnyama Limba PROPOSAL
Izzy R OldroydFranceXuxue Feng UNQUALIFIED
James S CaudyJapanAnna Fali UNQUALIFIED
Ashley F BriddickRussiaBernardo Dominic QUALIFIED
Jeanfrancois D VocelkaGermanyAsiya Javayant NEGOTIATION
Kaitlin P PerinRussiaIvan Magalhaes QUALIFIED
Julie Z GillianCanadaAsiya Javayant UNQUALIFIED
Julie V SergiBrazilBernardo Dominic RENEWAL
Emily U VenereBrazilBernardo Dominic RENEWAL
Izzy I FollerRussiaXuxue Feng QUALIFIED
Emily O PerinJapanIvan Magalhaes NEGOTIATION
Alejandro K DoeJapanAsiya Javayant UNQUALIFIED
Jennifer R TollnerFranceElwin Sharvill QUALIFIED
James L CaldareraFranceBernardo Dominic QUALIFIED
Munro F MaletSpainIoni Bowcher NEGOTIATION
Mayumi O SaylorsGermanyAnna Fali PROPOSAL
Sinclair A GarufiUnited KingdomIvan Magalhaes QUALIFIED
Alejandro S WieserGermanyAmy Elsner UNQUALIFIED
Kadeem T FlosiGermanyAsiya Javayant NEGOTIATION
Sinclair R RutaFranceAsiya Javayant NEGOTIATION
Frozen Columns
Name
Nicolas B Figeroa
Mayumi G Royster
Emily W Royster
Maria D Ruta
Aditya J Amigon
Ricardo W Malet
Julie Y Kusko
Jones O Malet
Leja T Foller
Stacey L Slusarski
Cody K Venere
Salvatore O Gaucho
Kadeem S Caudy
Aruna K Doe
David Z Shinko
Arvin Y Kolmetz
Ashley Q Tollner
Juan F Darakjy
Octavia T Schemmer
David D Bowley
Sinclair W Stockham
Aika N Rulapaugh
Isabel V Doe
Juan Q Chui
Maisha G Schemmer
Jennifer U Paprocki
Morrow B Tollner
Maria U Chui
Kaitlin T Garufi
Arvin T Ostrosky
Arvin N Briddick
Julie P Malet
Rodrigues J Whobrey
Isabel R Ostrosky
David T Bolognia
Faith S Saylors
Rodrigues E Maclead
Kaitlin L Royster
Octavia A Chui
Costa C Caudy
Isabel Q Briddick
Juan Q Doe
Johnson Q Schemmer
Ricardo K Garufi
Silvio F Darakjy
Aditya B Caldarera
Sinclair D Royster
Wickens Q Vocelka
Kadeem K Inouye
Nicolas V Shinko
IdCountryDate
1000Australia2026-11-10
1001United Kingdom2026-10-31
1002Russia2026-11-07
1003Spain2026-10-18
1004Italy2026-11-02
1005Spain2026-11-11
1006Japan2026-11-08
1007Italy2026-11-11
1008Japan2026-11-09
1009Japan2026-11-06
1010United Kingdom2026-11-03
1011India2026-11-06
1012Germany2026-10-19
1013France2026-11-11
1014Australia2026-11-01
1015Japan2026-10-28
1016Germany2026-10-27
1017Australia2026-10-17
1018Japan2026-11-04
1019United Kingdom2026-11-08
1020Germany2026-11-03
1021Brazil2026-10-24
1022Italy2026-11-07
1023Italy2026-10-24
1024Brazil2026-11-04
1025Japan2026-11-14
1026France2026-10-24
1027Brazil2026-11-01
1028Italy2026-11-03
1029India2026-11-06
1030Spain2026-11-13
1031United Kingdom2026-10-18
1032Germany2026-11-02
1033Spain2026-10-20
1034Spain2026-11-05
1035Japan2026-11-07
1036India2026-10-23
1037Italy2026-11-09
1038Spain2026-10-27
1039France2026-10-18
1040Russia2026-11-04
1041United Kingdom2026-11-05
1042France2026-11-12
1043France2026-10-25
1044Australia2026-11-08
1045Russia2026-10-30
1046Canada2026-10-17
1047France2026-10-18
1048Germany2026-10-28
1049Canada2026-10-24

On-Demand Data

NameIdCountryDate
Kaitlin G Whobrey1000France2026-10-31
Maria K Briddick1001India2026-11-11
Leon L Albares1002Australia2026-10-30
Jennifer L Caudy1003Spain2026-10-31
Antonio O Albares1004Germany2026-10-17
Juan Y Flosi1005Argentina2026-11-11
Ashley Y Oldroyd1006Germany2026-10-25
Misaki S Darakjy1007Japan2026-10-26
Claire L Stockham1008Spain2026-11-12
Emily C Butt1009Australia2026-10-31
Chavez G Garufi1010Italy2026-11-11
Costa E Morasca1011Brazil2026-11-02
Cody W Ferencz1012India2026-11-02
Morrow V Rulapaugh1013Japan2026-10-25
Faith X Flosi1014United Kingdom2026-11-10
Antonio F Amigon1015Japan2026-10-27
Sinclair S Whobrey1016Italy2026-10-26
Leja I Chui1017Canada2026-10-24
Deepesh Y Morasca1018India2026-10-21
Aditya L Flosi1019Argentina2026-10-21
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Mayumi U PoquetteJapanAsiya Javayant RENEWAL
Jeanfrancois Y SlusarskiUnited KingdomAmy Elsner RENEWAL
Wickens F BriddickCanadaAmy Elsner UNQUALIFIED
Ashley B SaylorsIndiaXuxue Feng UNQUALIFIED
Aruna O AmigonFranceIvan Magalhaes QUALIFIED
Mayumi Y GauchoCanadaAmy Elsner PROPOSAL
Ricardo K FerenczAustraliaOnyama Limba UNQUALIFIED
Izzy Q InouyeArgentinaAnna Fali QUALIFIED
Aditya T InouyeGermanyAsiya Javayant QUALIFIED
Morrow X PaprockiJapanAmy Elsner UNQUALIFIED
Stacey O DoeBrazilOnyama Limba NEW
Misaki V PaprockiJapanAmy Elsner PROPOSAL
Arvin C TollnerBrazilElwin Sharvill NEW
Jennifer W ButtSpainStephen Shaw PROPOSAL
Julie P FerenczGermanyAsiya Javayant UNQUALIFIED
Johnson E ShinkoAustraliaElwin Sharvill UNQUALIFIED
Jefferson K MorascaBrazilAmy Elsner NEW
Misaki R WaycottRussiaIoni Bowcher UNQUALIFIED
Cody S AmigonSpainIvan Magalhaes NEGOTIATION
Mujtaba P GlickRussiaXuxue Feng QUALIFIED
Arvin Z RulapaughRussiaElwin Sharvill RENEWAL
Nicolas J BowleyGermanyAnna Fali RENEWAL
Greenwood M BriddickCanadaStephen Shaw NEW
Leon B BowleyCanadaStephen Shaw RENEWAL
Deepesh C FigeroaGermanyXuxue Feng NEGOTIATION
Maria C AmigonJapanBernardo Dominic NEW
Kaitlin U PerinGermanyAnna Fali NEGOTIATION
Johnson I BowleyFranceElwin Sharvill PROPOSAL
Aditya U SlusarskiIndiaIoni Bowcher UNQUALIFIED
Nicolas N ButtAustraliaIoni Bowcher QUALIFIED
Tony R PerinAustraliaAnna Fali NEW
Jones V CaldareraIndiaIoni Bowcher QUALIFIED
Adams H MacleadCanadaElwin Sharvill NEW
Antonio M RulapaughFranceOnyama Limba UNQUALIFIED
Antonio D FerenczGermanyXuxue Feng QUALIFIED
Sinclair H ShinkoFranceAnna Fali NEW
Sinclair S FigeroaCanadaElwin Sharvill NEGOTIATION
Juan N StensethCanadaXuxue Feng PROPOSAL
Kaitlin S CaldareraRussiaAsiya Javayant QUALIFIED
Ivar N RulapaughUnited KingdomAmy Elsner 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>