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
Leon U MorascaJapanIvan Magalhaes PROPOSAL
Smith V MarrierGermanyAnna Fali QUALIFIED
Antonio G WaycottSpainIvan Magalhaes UNQUALIFIED
Juan M RulapaughUnited KingdomStephen Shaw NEGOTIATION
Smith J DarakjySpainXuxue Feng RENEWAL
Murillo T PerinUnited KingdomElwin Sharvill NEW
Stacey P WieserSpainAmy Elsner PROPOSAL
Tony Y BriddickCanadaIvan Magalhaes PROPOSAL
Murillo E CaudyItalyIvan Magalhaes UNQUALIFIED
Aruna C ShinkoUnited KingdomOnyama Limba PROPOSAL
Octavia U MorascaSpainOnyama Limba RENEWAL
Faith C ShinkoArgentinaStephen Shaw QUALIFIED
Aika V CaudyItalyBernardo Dominic NEW
Darci A CaldareraArgentinaAsiya Javayant NEGOTIATION
Francesco W WaycottJapanStephen Shaw PROPOSAL
Jeanfrancois G WhobreyItalyAmy Elsner UNQUALIFIED
Murillo H BologniaUnited KingdomIoni Bowcher UNQUALIFIED
Deepesh Z CaldareraJapanStephen Shaw PROPOSAL
Salvatore Z StensethUnited KingdomAmy Elsner RENEWAL
Emily D CampainBrazilAnna Fali RENEWAL
Johnson F FlosiRussiaOnyama Limba RENEWAL
Silvio D VocelkaRussiaIoni Bowcher NEW
Cody C NestleFranceAnna Fali QUALIFIED
Juan Y WaycottJapanElwin Sharvill NEW
Jones P OstroskyAustraliaStephen Shaw PROPOSAL
Arvin Q StockhamUnited KingdomIvan Magalhaes PROPOSAL
Clifford D MorascaArgentinaAnna Fali PROPOSAL
Darci T NestleFranceIvan Magalhaes PROPOSAL
Stacey K CaudyBrazilIvan Magalhaes NEW
Jeanfrancois K MaletAustraliaIoni Bowcher NEW
Julie A KolmetzArgentinaOnyama Limba NEW
Murillo Z FigeroaUnited KingdomAnna Fali UNQUALIFIED
Munro H ShinkoRussiaOnyama Limba PROPOSAL
Morrow O DilliardUnited KingdomBernardo Dominic UNQUALIFIED
Maria F KuskoItalyAsiya Javayant NEW
Salvatore S AmigonRussiaAsiya Javayant PROPOSAL
Mujtaba D ButtUnited KingdomAsiya Javayant QUALIFIED
Jennifer X VenereBrazilElwin Sharvill QUALIFIED
Deepesh L InouyeUnited KingdomAmy Elsner RENEWAL
Deepesh D MaletCanadaIoni Bowcher UNQUALIFIED
Jennifer K NickaGermanyAmy Elsner NEW
Adams Z RulapaughIndiaOnyama Limba PROPOSAL
Kadeem Z MarrierSpainXuxue Feng RENEWAL
Jeanfrancois D WhobreyArgentinaIvan Magalhaes NEGOTIATION
Arvin U RimAustraliaAmy Elsner UNQUALIFIED
Mayumi C InouyeFranceIoni Bowcher RENEWAL
Leon Z WhobreyRussiaStephen Shaw NEW
Kadeem T RoysterGermanyStephen Shaw NEGOTIATION
Ricardo D BriddickRussiaOnyama Limba PROPOSAL
Tony O SergiUnited KingdomBernardo Dominic QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Tony E SchemmerGermanyOnyama Limba RENEWAL
Morrow O TollnerJapanOnyama Limba UNQUALIFIED
Ricardo W MorascaSpainAmy Elsner NEGOTIATION
Stacey C PoquetteBrazilIvan Magalhaes UNQUALIFIED
Kaitlin C AlbaresArgentinaBernardo Dominic NEW
Leja J WieserBrazilBernardo Dominic PROPOSAL
Stacey U ChuiIndiaIvan Magalhaes PROPOSAL
Chavez Z BriddickRussiaAmy Elsner PROPOSAL
Aruna V SaylorsItalyIvan Magalhaes QUALIFIED
Ashley J DarakjyCanadaElwin Sharvill QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Izzy W InouyeItaly2026-09-26Feiner Bros RENEWAL21Asiya Javayant
1001Maria D GlickBrazil2026-10-07Dorl, James J Esq RENEWAL89Asiya Javayant
1002Antonio W NickaBrazil2026-09-29Truhlar And Truhlar Attys NEGOTIATION26Stephen Shaw
1003Cody I WaycottArgentina2026-09-24Morlong Associates QUALIFIED22Xuxue Feng
1004Murillo W GillianFrance2026-09-19Rangoni Of Florence RENEWAL94Bernardo Dominic
1005Jefferson H WaycottGermany2026-09-27Truhlar And Truhlar Attys RENEWAL39Elwin Sharvill
1006Chavez Y DarakjyGermany2026-09-14Benton, John B Jr RENEWAL65Stephen Shaw
1007Sinclair F ShinkoSpain2026-09-20King, Christopher A Esq PROPOSAL98Elwin Sharvill
1008Sinclair P ButtRussia2026-09-30Printing Dimensions UNQUALIFIED27Anna Fali
1009Jennifer N PaprockiSpain2026-09-13Rousseaux, Michael Esq NEW51Xuxue Feng
1010Kadeem Q DilliardJapan2026-09-17Feltz Printing Service NEGOTIATION40Stephen Shaw
1011Kadeem G RulapaughItaly2026-10-04Commercial Press NEGOTIATION79Asiya Javayant
1012Emily C NickaFrance2026-09-17Printing Dimensions RENEWAL45Asiya Javayant
1013Leon H RoysterArgentina2026-09-20Dorl, James J Esq NEGOTIATION64Asiya Javayant
1014Faith V BologniaArgentina2026-09-13Dorl, James J Esq NEGOTIATION7Elwin Sharvill
1015Alejandro Y DilliardFrance2026-09-19Morlong Associates NEW53Elwin Sharvill
1016Jennifer Z StensethUnited Kingdom2026-09-29Truhlar And Truhlar Attys PROPOSAL47Elwin Sharvill
1017Juan D WieserGermany2026-09-28Printing Dimensions NEW33Bernardo Dominic
1018Aika F CampainArgentina2026-09-25Chanay, Jeffrey A Esq QUALIFIED99Ioni Bowcher
1019Jones P OstroskyJapan2026-10-06Chapman, Ross E Esq RENEWAL6Ivan Magalhaes
1020Deepesh X OldroydAustralia2026-09-11Chapman, Ross E Esq NEW21Ioni Bowcher
1021Jeanfrancois Y TollnerCanada2026-09-27Chanay, Jeffrey A Esq NEW53Asiya Javayant
1022Greenwood G AmigonGermany2026-09-19Truhlar And Truhlar Attys NEGOTIATION65Anna Fali
1023Aditya O KuskoAustralia2026-09-24Buckley Miller Wright RENEWAL80Elwin Sharvill
1024Smith U FlosiFrance2026-09-23Rangoni Of Florence PROPOSAL50Bernardo Dominic
1025Francesco D RimRussia2026-09-09Printing Dimensions RENEWAL90Xuxue Feng
1026Jennifer D IturbideJapan2026-10-04Benton, John B Jr QUALIFIED54Elwin Sharvill
1027Maisha L IturbideSpain2026-09-19Dorl, James J Esq UNQUALIFIED90Asiya Javayant
1028Mujtaba O FerenczIndia2026-10-04Buckley Miller Wright NEGOTIATION61Ivan Magalhaes
1029Adams R GauchoArgentina2026-09-28Truhlar And Truhlar Attys PROPOSAL85Asiya Javayant
1030Johnson E RutaBrazil2026-09-21Rousseaux, Michael Esq PROPOSAL92Ivan Magalhaes
1031Wickens D CampainArgentina2026-09-13Chemel, James L Cpa PROPOSAL4Onyama Limba
1032Leon T StockhamIndia2026-09-08King, Christopher A Esq QUALIFIED22Xuxue Feng
1033Kadeem X GlickUnited Kingdom2026-09-16Morlong Associates RENEWAL38Ivan Magalhaes
1034Mayumi N NickaItaly2026-09-17Chapman, Ross E Esq PROPOSAL51Bernardo Dominic
1035David M VenereGermany2026-09-30Rousseaux, Michael Esq NEGOTIATION47Elwin Sharvill
1036Johnson F PoquetteArgentina2026-10-03Dorl, James J Esq NEW80Anna Fali
1037Aika R AlbaresGermany2026-09-16Printing Dimensions NEGOTIATION48Xuxue Feng
1038Antonio W TollnerIndia2026-09-08Chemel, James L Cpa NEW72Elwin Sharvill
1039Emily H TollnerCanada2026-09-27Printing Dimensions NEW24Onyama Limba
1040James L VocelkaFrance2026-10-01Chemel, James L Cpa UNQUALIFIED93Ivan Magalhaes
1041Clifford A ShinkoIndia2026-09-24Rousseaux, Michael Esq NEGOTIATION95Anna Fali
1042Maria G WaycottSpain2026-10-01Feiner Bros RENEWAL76Bernardo Dominic
1043Darci P ShinkoCanada2026-10-05Dorl, James J Esq PROPOSAL12Asiya Javayant
1044Jennifer J AlbaresItaly2026-09-08Benton, John B Jr RENEWAL93Elwin Sharvill
1045Mujtaba G KolmetzFrance2026-10-01Chemel, James L Cpa UNQUALIFIED35Ioni Bowcher
1046Alejandro P DoeAustralia2026-09-27Benton, John B Jr NEGOTIATION28Ioni Bowcher
1047Rodrigues I BriddickSpain2026-09-14Rousseaux, Michael Esq NEW93Asiya Javayant
1048Adams B IturbideUnited Kingdom2026-09-28Feiner Bros QUALIFIED70Xuxue Feng
1049Juan G GlickAustralia2026-09-24Printing Dimensions QUALIFIED53Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Faith N DilliardAustraliaIvan Magalhaes NEGOTIATION
James R InouyeBrazilStephen Shaw PROPOSAL
Juan L PerinItalyAnna Fali QUALIFIED
Morrow S TollnerSpainAsiya Javayant PROPOSAL
Greenwood W KolmetzRussiaIvan Magalhaes PROPOSAL
Emily D StockhamItalyXuxue Feng NEGOTIATION
David L FollerUnited KingdomElwin Sharvill NEGOTIATION
Francesco R TollnerBrazilIoni Bowcher PROPOSAL
Leja W WhobreySpainXuxue Feng RENEWAL
James K DilliardArgentinaBernardo Dominic NEGOTIATION
Sinclair U GauchoIndiaBernardo Dominic NEW
Juan J TollnerGermanyIvan Magalhaes PROPOSAL
Aditya G SergiIndiaIvan Magalhaes RENEWAL
Nicolas R BriddickUnited KingdomStephen Shaw UNQUALIFIED
Jeanfrancois H MarrierAustraliaIvan Magalhaes QUALIFIED
Leon W RoysterItalyAsiya Javayant UNQUALIFIED
Jones H PoquetteCanadaAsiya Javayant NEGOTIATION
Sinclair L MorascaUnited KingdomIvan Magalhaes RENEWAL
Chavez V MaletUnited KingdomAnna Fali UNQUALIFIED
Silvio S BriddickRussiaIoni Bowcher NEGOTIATION
Tony Y StockhamFranceAsiya Javayant RENEWAL
Isabel K FollerIndiaXuxue Feng UNQUALIFIED
Isabel U MaletSpainXuxue Feng UNQUALIFIED
Misaki C NickaGermanyIvan Magalhaes QUALIFIED
Francesco S SlusarskiBrazilAsiya Javayant NEW
Munro M ShinkoItalyAmy Elsner QUALIFIED
Jefferson M NickaFranceIvan Magalhaes UNQUALIFIED
Arvin C AlbaresFranceAnna Fali UNQUALIFIED
Smith L SergiUnited KingdomBernardo Dominic NEGOTIATION
Morrow E StensethSpainElwin Sharvill NEW
Smith J VocelkaUnited KingdomOnyama Limba UNQUALIFIED
Isabel A FlosiItalyStephen Shaw UNQUALIFIED
Kadeem L MaletUnited KingdomAmy Elsner UNQUALIFIED
Smith S IturbideJapanAsiya Javayant PROPOSAL
Maisha L PaprockiFranceIvan Magalhaes NEW
Nicolas W FigeroaFranceAsiya Javayant UNQUALIFIED
Jeanfrancois S FerenczAustraliaBernardo Dominic PROPOSAL
Antonio N ShinkoRussiaIoni Bowcher NEGOTIATION
Jennifer C AmigonIndiaAnna Fali PROPOSAL
Morrow E FlosiIndiaAsiya Javayant QUALIFIED
Leja H BowleyRussiaElwin Sharvill UNQUALIFIED
Kaitlin T FigeroaCanadaOnyama Limba PROPOSAL
Morrow X ShinkoIndiaBernardo Dominic QUALIFIED
Francesco W SchemmerJapanAmy Elsner QUALIFIED
Rodrigues Q OldroydAustraliaAnna Fali RENEWAL
Deepesh R ShinkoJapanElwin Sharvill RENEWAL
Wickens L InouyeItalyAsiya Javayant RENEWAL
Greenwood X ChuiFranceStephen Shaw RENEWAL
Costa V WieserJapanBernardo Dominic PROPOSAL
Claire W RulapaughFranceAmy Elsner NEGOTIATION
Frozen Columns
Name
Ricardo N Vocelka
Maria D Gillian
Francesco D Albares
Leon P Vocelka
Chavez P Perin
Rodrigues C Stenseth
Alejandro Y Vocelka
Francesco C Bowley
Silvio Y Briddick
Mayumi I Nestle
Chavez E Whobrey
Ricardo B Venere
Jeanfrancois P Tollner
Costa S Marrier
Julie M Amigon
Maria B Ruta
Ivar W Oldroyd
Costa C Maclead
Jones R Chui
Maisha S Marrier
Arvin G Maclead
Sinclair Z Whobrey
Jennifer E Marrier
Nicolas S Butt
Silvio P Ruta
Salvatore A Kusko
Julie G Butt
Johnson S Rulapaugh
Stacey A Maclead
Greenwood X Caldarera
Murillo V Poquette
Claire F Waycott
Maria O Bowley
Francesco L Figeroa
Silvio L Maclead
Smith C Stenseth
Octavia G Venere
Kadeem C Vocelka
Emily A Royster
David W Butt
Jones I Foller
Mujtaba G Stockham
Kaitlin L Nestle
Aditya M Royster
Mujtaba Y Vocelka
Maisha N Stenseth
Salvatore Z Caldarera
Morrow A Schemmer
Costa Q Kusko
Alejandro J Whobrey
IdCountryDate
1000Brazil2026-10-06
1001Germany2026-09-29
1002Argentina2026-09-20
1003United Kingdom2026-09-28
1004Japan2026-09-24
1005United Kingdom2026-09-29
1006Argentina2026-09-26
1007Argentina2026-10-07
1008Italy2026-09-12
1009Germany2026-09-18
1010Argentina2026-09-08
1011Italy2026-09-17
1012Germany2026-09-29
1013United Kingdom2026-10-04
1014Spain2026-09-16
1015Japan2026-09-28
1016United Kingdom2026-10-03
1017Italy2026-09-29
1018Canada2026-10-02
1019Argentina2026-09-27
1020Russia2026-09-19
1021Australia2026-10-07
1022Germany2026-09-24
1023Brazil2026-09-27
1024United Kingdom2026-09-14
1025Spain2026-10-06
1026United Kingdom2026-09-23
1027Japan2026-09-14
1028Australia2026-10-06
1029Brazil2026-09-15
1030Japan2026-09-30
1031Argentina2026-09-20
1032Russia2026-10-05
1033Argentina2026-09-23
1034United Kingdom2026-09-21
1035Germany2026-09-23
1036Germany2026-10-07
1037Spain2026-09-10
1038Spain2026-09-11
1039Spain2026-09-26
1040Spain2026-09-28
1041Brazil2026-10-03
1042Japan2026-09-09
1043Germany2026-09-17
1044United Kingdom2026-10-06
1045Spain2026-09-24
1046France2026-09-13
1047Spain2026-09-16
1048Australia2026-09-10
1049Italy2026-09-17

On-Demand Data

NameIdCountryDate
Claire H Gillian1000Germany2026-10-03
Misaki C Briddick1001Spain2026-10-01
Izzy T Butt1002India2026-10-04
Kaitlin E Rim1003Italy2026-09-13
Salvatore O Whobrey1004Italy2026-09-29
James A Kolmetz1005Germany2026-09-29
Julie Q Slusarski1006Germany2026-10-06
Maria U Stockham1007Italy2026-09-20
Kadeem A Tollner1008Brazil2026-09-22
Jennifer Y Ferencz1009India2026-09-23
Darci U Royster1010Germany2026-09-12
Francesco P Shinko1011Spain2026-10-04
James G Shinko1012United Kingdom2026-09-24
Aruna B Kusko1013Argentina2026-10-01
Silvio W Foller1014Japan2026-10-07
Ashley O Iturbide1015France2026-09-18
Smith N Inouye1016Spain2026-09-23
Antonio T Royster1017Australia2026-09-27
Misaki K Rim1018Germany2026-10-03
Antonio F Gaucho1019Argentina2026-09-25
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Darci F MaletJapanIoni Bowcher QUALIFIED
Ashley T OstroskyAustraliaIoni Bowcher PROPOSAL
Faith K GillianGermanyAsiya Javayant NEW
Mujtaba J BriddickSpainAsiya Javayant RENEWAL
Chavez G RimItalyIvan Magalhaes NEW
Kadeem D SlusarskiItalyAmy Elsner RENEWAL
Jeanfrancois M GauchoItalyStephen Shaw UNQUALIFIED
Greenwood G CaudyIndiaOnyama Limba NEGOTIATION
Chavez L GlickAustraliaIvan Magalhaes NEGOTIATION
Alejandro P BriddickUnited KingdomElwin Sharvill RENEWAL
Faith Q ChuiItalyStephen Shaw NEW
Izzy C GarufiJapanAsiya Javayant NEGOTIATION
Munro F VocelkaBrazilBernardo Dominic UNQUALIFIED
Deepesh O MarrierAustraliaAnna Fali NEGOTIATION
Maisha P GauchoGermanyXuxue Feng PROPOSAL
Claire I DilliardUnited KingdomIvan Magalhaes PROPOSAL
Rodrigues X PaprockiCanadaAsiya Javayant PROPOSAL
Stacey X IturbideSpainIvan Magalhaes RENEWAL
Tony T FerenczCanadaBernardo Dominic RENEWAL
Costa Y KuskoIndiaIoni Bowcher NEGOTIATION
Wickens H GauchoItalyIoni Bowcher QUALIFIED
Jeanfrancois X SaylorsAustraliaElwin Sharvill NEGOTIATION
Claire D RoysterItalyIvan Magalhaes PROPOSAL
Ivar B RulapaughItalyElwin Sharvill QUALIFIED
Tony H GauchoAustraliaOnyama Limba RENEWAL
Murillo D BriddickArgentinaAsiya Javayant PROPOSAL
Adams T ChuiFranceBernardo Dominic UNQUALIFIED
Jeanfrancois P SlusarskiSpainIoni Bowcher QUALIFIED
Adams D RutaArgentinaXuxue Feng RENEWAL
Ashley S BowleySpainStephen Shaw NEGOTIATION
Arvin N VenereFranceAsiya Javayant UNQUALIFIED
Alejandro V NickaItalyAmy Elsner NEGOTIATION
Salvatore Z CaudyRussiaBernardo Dominic RENEWAL
Leja P GlickGermanyXuxue Feng NEGOTIATION
Antonio Q PaprockiRussiaAnna Fali UNQUALIFIED
Misaki K RoysterFranceAmy Elsner RENEWAL
David L InouyeRussiaBernardo Dominic NEW
Aika Y AmigonBrazilXuxue Feng NEGOTIATION
Sinclair G WhobreySpainStephen Shaw NEGOTIATION
Jeanfrancois T BowleyJapanAnna Fali 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>