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
Ivar C BologniaCanadaIoni Bowcher QUALIFIED
Silvio O NestleAustraliaElwin Sharvill NEW
Murillo C SergiIndiaOnyama Limba QUALIFIED
Jennifer H KuskoAustraliaIvan Magalhaes NEW
Maisha A StockhamBrazilAmy Elsner UNQUALIFIED
Deepesh K PoquetteJapanIvan Magalhaes PROPOSAL
Stacey J AlbaresGermanyAmy Elsner PROPOSAL
Maria K ChuiSpainXuxue Feng UNQUALIFIED
Adams D MacleadRussiaStephen Shaw PROPOSAL
Isabel U FigeroaRussiaAnna Fali NEW
Darci H GarufiGermanyXuxue Feng PROPOSAL
Costa E MarrierFranceIvan Magalhaes QUALIFIED
Misaki L ChuiUnited KingdomAnna Fali QUALIFIED
Jones H WieserAustraliaBernardo Dominic NEGOTIATION
Murillo B GillianIndiaAsiya Javayant QUALIFIED
Izzy J FigeroaSpainAnna Fali NEGOTIATION
Aika G GauchoUnited KingdomIvan Magalhaes NEGOTIATION
Arvin Y CampainUnited KingdomElwin Sharvill UNQUALIFIED
Sinclair Z ChuiAustraliaXuxue Feng NEW
Jones H GillianJapanXuxue Feng PROPOSAL
David L BriddickRussiaXuxue Feng PROPOSAL
Arvin P OstroskyGermanyStephen Shaw RENEWAL
Arvin M CaudyGermanyBernardo Dominic UNQUALIFIED
Deepesh U MaletArgentinaAnna Fali PROPOSAL
Isabel W VocelkaJapanAsiya Javayant NEW
Murillo A GauchoRussiaAsiya Javayant UNQUALIFIED
Silvio Q CampainCanadaStephen Shaw NEGOTIATION
Johnson H KuskoItalyOnyama Limba UNQUALIFIED
Deepesh P BriddickSpainIvan Magalhaes NEGOTIATION
Tony W BowleyItalyIvan Magalhaes NEW
Octavia F StockhamArgentinaAsiya Javayant QUALIFIED
Wickens I GauchoAustraliaStephen Shaw QUALIFIED
Maria W CaldareraIndiaAsiya Javayant RENEWAL
Clifford Z InouyeBrazilIoni Bowcher PROPOSAL
Aika C BriddickAustraliaXuxue Feng NEW
Sinclair S GlickSpainAsiya Javayant RENEWAL
Tony D RutaUnited KingdomIoni Bowcher UNQUALIFIED
Cody D DarakjyFranceAsiya Javayant NEW
Juan F RoysterIndiaIvan Magalhaes NEGOTIATION
Mayumi G PaprockiCanadaStephen Shaw RENEWAL
David N RimSpainXuxue Feng RENEWAL
Kadeem B PoquetteSpainIoni Bowcher PROPOSAL
Smith K VenereUnited KingdomStephen Shaw NEGOTIATION
Silvio X StockhamArgentinaAmy Elsner RENEWAL
Chavez O WieserGermanyOnyama Limba UNQUALIFIED
Jefferson M NickaRussiaAmy Elsner UNQUALIFIED
Clifford Q AlbaresItalyOnyama Limba PROPOSAL
Ivar T KolmetzRussiaBernardo Dominic RENEWAL
Mayumi Q PoquetteArgentinaOnyama Limba NEGOTIATION
Rodrigues P MarrierIndiaAnna Fali NEW
Horizontal
NameCountryRepresentativeStatus
Kaitlin O FerenczFranceElwin Sharvill NEW
Clifford A MaletUnited KingdomElwin Sharvill PROPOSAL
Murillo J NickaItalyBernardo Dominic PROPOSAL
Alejandro C MaletRussiaOnyama Limba NEW
Juan R StockhamIndiaElwin Sharvill PROPOSAL
Mayumi G OldroydFranceOnyama Limba RENEWAL
Ricardo N SlusarskiAustraliaAsiya Javayant RENEWAL
Emily D GillianRussiaBernardo Dominic UNQUALIFIED
Clifford E VocelkaUnited KingdomIoni Bowcher UNQUALIFIED
Wickens L CaldareraSpainXuxue Feng NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Maria G IturbideAustralia2026-10-13Printing Dimensions NEW5Asiya Javayant
1001Smith P GarufiAustralia2026-09-24Printing Dimensions QUALIFIED3Bernardo Dominic
1002Leon A FigeroaBrazil2026-10-23Rangoni Of Florence PROPOSAL94Ivan Magalhaes
1003Misaki S RoysterItaly2026-09-30Rangoni Of Florence UNQUALIFIED81Onyama Limba
1004Emily Y CaldareraIndia2026-09-26Buckley Miller Wright PROPOSAL55Onyama Limba
1005Ricardo J BologniaArgentina2026-10-09Benton, John B Jr RENEWAL50Elwin Sharvill
1006Nicolas X VocelkaGermany2026-10-01Dorl, James J Esq UNQUALIFIED84Amy Elsner
1007Emily T StockhamBrazil2026-09-28Chemel, James L Cpa PROPOSAL94Onyama Limba
1008Ivar Z MacleadIndia2026-09-24Buckley Miller Wright QUALIFIED49Xuxue Feng
1009Chavez Q NestleIndia2026-10-13Truhlar And Truhlar Attys QUALIFIED85Amy Elsner
1010Tony Y BriddickCanada2026-10-19Commercial Press QUALIFIED39Onyama Limba
1011Chavez P FollerBrazil2026-10-21Chanay, Jeffrey A Esq UNQUALIFIED50Onyama Limba
1012Chavez F DarakjyCanada2026-10-05Rousseaux, Michael Esq NEGOTIATION99Anna Fali
1013Misaki W WieserArgentina2026-10-16Benton, John B Jr NEW94Ivan Magalhaes
1014Izzy B BologniaRussia2026-10-02Morlong Associates QUALIFIED12Ivan Magalhaes
1015Aruna O KolmetzBrazil2026-10-19Rangoni Of Florence NEGOTIATION62Xuxue Feng
1016Tony I SergiCanada2026-10-17Feltz Printing Service NEW70Bernardo Dominic
1017Murillo N ShinkoSpain2026-10-06Morlong Associates PROPOSAL23Asiya Javayant
1018Deepesh O FlosiFrance2026-10-13Dorl, James J Esq RENEWAL95Elwin Sharvill
1019Maisha M CampainGermany2026-10-15Chanay, Jeffrey A Esq RENEWAL15Xuxue Feng
1020Leja B BologniaItaly2026-09-24Rangoni Of Florence NEGOTIATION18Anna Fali
1021Leon D OldroydIndia2026-10-04King, Christopher A Esq NEW55Stephen Shaw
1022Costa Y GarufiFrance2026-09-24Commercial Press NEW39Xuxue Feng
1023Nicolas C RutaFrance2026-10-04Commercial Press NEGOTIATION16Onyama Limba
1024Greenwood P CampainSpain2026-10-13Printing Dimensions UNQUALIFIED53Anna Fali
1025Izzy E SchemmerIndia2026-09-24Buckley Miller Wright QUALIFIED92Xuxue Feng
1026Rodrigues L MacleadAustralia2026-10-21Buckley Miller Wright NEGOTIATION85Bernardo Dominic
1027Faith Y WaycottFrance2026-10-13Chemel, James L Cpa PROPOSAL7Asiya Javayant
1028Isabel K MaletAustralia2026-10-11Chanay, Jeffrey A Esq UNQUALIFIED41Anna Fali
1029Ivar U SlusarskiItaly2026-10-11Buckley Miller Wright PROPOSAL69Elwin Sharvill
1030Nicolas O StockhamRussia2026-10-22Buckley Miller Wright UNQUALIFIED93Asiya Javayant
1031Francesco F GlickGermany2026-10-20Feiner Bros RENEWAL31Asiya Javayant
1032Cody F GarufiAustralia2026-09-27Feiner Bros RENEWAL38Onyama Limba
1033Emily J MacleadIndia2026-10-09Chemel, James L Cpa NEW89Stephen Shaw
1034Leon O CampainBrazil2026-10-17Rousseaux, Michael Esq UNQUALIFIED43Xuxue Feng
1035Juan F RulapaughFrance2026-09-24Chemel, James L Cpa UNQUALIFIED31Amy Elsner
1036James G OstroskyFrance2026-10-10Chemel, James L Cpa NEGOTIATION83Asiya Javayant
1037Rodrigues Q KolmetzArgentina2026-10-02King, Christopher A Esq QUALIFIED17Anna Fali
1038Munro H WhobreyIndia2026-09-30Feiner Bros PROPOSAL13Anna Fali
1039Ashley S GauchoArgentina2026-10-23Commercial Press NEGOTIATION92Xuxue Feng
1040Jefferson P RulapaughJapan2026-09-27Commercial Press PROPOSAL35Anna Fali
1041Aditya L BologniaFrance2026-09-30Chanay, Jeffrey A Esq QUALIFIED82Bernardo Dominic
1042Octavia X CaldareraItaly2026-09-25Morlong Associates NEW27Anna Fali
1043Jefferson N VenereSpain2026-10-12Chanay, Jeffrey A Esq UNQUALIFIED52Xuxue Feng
1044Faith G RutaArgentina2026-09-29Rousseaux, Michael Esq PROPOSAL65Stephen Shaw
1045Stacey V GlickRussia2026-09-26Chemel, James L Cpa QUALIFIED45Ivan Magalhaes
1046Maria N WaycottAustralia2026-09-30Dorl, James J Esq QUALIFIED11Ivan Magalhaes
1047Octavia M SergiItaly2026-10-21King, Christopher A Esq RENEWAL97Stephen Shaw
1048Claire O BriddickUnited Kingdom2026-10-03Truhlar And Truhlar Attys NEGOTIATION93Anna Fali
1049Silvio M ShinkoJapan2026-10-12Feiner Bros NEGOTIATION28Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Salvatore I GillianBrazilAmy Elsner UNQUALIFIED
Salvatore I IturbideUnited KingdomElwin Sharvill RENEWAL
Ivar I BologniaBrazilAmy Elsner UNQUALIFIED
Alejandro G VocelkaRussiaIoni Bowcher UNQUALIFIED
Arvin S OldroydAustraliaElwin Sharvill UNQUALIFIED
Johnson F FigeroaAustraliaOnyama Limba QUALIFIED
Munro K PoquetteFranceBernardo Dominic PROPOSAL
Cody F MaletFranceElwin Sharvill QUALIFIED
Izzy Q PoquetteArgentinaAsiya Javayant PROPOSAL
Maisha Y AmigonAustraliaIvan Magalhaes NEGOTIATION
Clifford D OldroydUnited KingdomAmy Elsner NEGOTIATION
Francesco K ShinkoCanadaXuxue Feng RENEWAL
Wickens I DilliardAustraliaOnyama Limba UNQUALIFIED
Aika F StockhamGermanyOnyama Limba RENEWAL
Emily C TollnerFranceAsiya Javayant QUALIFIED
Julie V StockhamArgentinaOnyama Limba UNQUALIFIED
Rodrigues O RimGermanyAmy Elsner QUALIFIED
Rodrigues P BowleyCanadaAsiya Javayant PROPOSAL
Aruna T SergiJapanStephen Shaw PROPOSAL
Sinclair F GlickUnited KingdomIoni Bowcher NEGOTIATION
Wickens Y InouyeFranceOnyama Limba RENEWAL
Claire C OstroskyArgentinaAnna Fali NEW
Juan F GlickGermanyIvan Magalhaes PROPOSAL
Isabel V GillianItalyBernardo Dominic RENEWAL
Smith R SergiArgentinaOnyama Limba QUALIFIED
Wickens O WieserRussiaAsiya Javayant QUALIFIED
Mujtaba O SergiIndiaElwin Sharvill NEGOTIATION
Munro Q RimSpainBernardo Dominic NEW
Morrow M FlosiRussiaStephen Shaw UNQUALIFIED
Adams U FerenczFranceIvan Magalhaes RENEWAL
Silvio B GarufiAustraliaAnna Fali QUALIFIED
Mayumi Y RutaIndiaIvan Magalhaes NEGOTIATION
Munro J SaylorsArgentinaXuxue Feng NEW
Adams V WhobreyIndiaIvan Magalhaes QUALIFIED
Ashley L NestleUnited KingdomAsiya Javayant UNQUALIFIED
Greenwood Y NestleCanadaStephen Shaw NEGOTIATION
Alejandro U SchemmerArgentinaAsiya Javayant NEW
Deepesh G MarrierCanadaAmy Elsner RENEWAL
Faith E SchemmerUnited KingdomElwin Sharvill UNQUALIFIED
Misaki J NestleRussiaIoni Bowcher NEW
Morrow Y FigeroaCanadaAsiya Javayant PROPOSAL
Antonio V FigeroaCanadaIoni Bowcher UNQUALIFIED
Salvatore E OstroskyGermanyStephen Shaw PROPOSAL
Jennifer M PaprockiSpainIoni Bowcher UNQUALIFIED
Mujtaba V RoysterGermanyBernardo Dominic PROPOSAL
Alejandro Y AlbaresBrazilElwin Sharvill NEW
Sinclair D TollnerJapanAnna Fali QUALIFIED
Isabel E AmigonItalyElwin Sharvill QUALIFIED
Johnson H InouyeAustraliaStephen Shaw PROPOSAL
Alejandro E GauchoUnited KingdomAmy Elsner PROPOSAL
Frozen Columns
Name
Rodrigues P Kusko
Faith V Paprocki
Smith N Dilliard
Smith Y Foller
Antonio H Stenseth
Wickens A Amigon
Francesco B Butt
Leon D Doe
Ivar V Rulapaugh
Munro N Caldarera
Jennifer S Caldarera
Maisha S Gaucho
Juan S Bolognia
Antonio O Oldroyd
Cody Z Chui
Jeanfrancois O Oldroyd
Salvatore H Tollner
Mayumi S Stockham
Alejandro O Oldroyd
Greenwood Z Caudy
Costa K Vocelka
Maisha J Wieser
Isabel P Gaucho
Jennifer C Shinko
Munro N Wieser
Aruna W Nicka
Maria P Paprocki
Misaki Q Kolmetz
Costa U Nicka
Johnson I Perin
Misaki J Butt
Julie C Inouye
Ricardo Z Rulapaugh
Juan K Campain
Arvin H Doe
Nicolas O Campain
Claire M Albares
Izzy R Briddick
Francesco H Glick
Leja Y Shinko
Costa H Whobrey
Leja H Marrier
Jeanfrancois D Rulapaugh
Stacey U Doe
Antonio U Ruta
Deepesh M Inouye
Costa O Poquette
Kadeem O Ruta
Julie T Amigon
Murillo T Glick
IdCountryDate
1000Japan2026-10-01
1001France2026-09-26
1002Australia2026-10-17
1003France2026-10-14
1004Spain2026-10-10
1005France2026-10-05
1006Spain2026-10-13
1007Germany2026-10-15
1008Italy2026-10-10
1009Australia2026-10-08
1010Japan2026-10-03
1011Australia2026-10-19
1012Brazil2026-09-24
1013India2026-10-14
1014France2026-10-20
1015Brazil2026-09-26
1016Germany2026-10-09
1017Germany2026-10-03
1018Argentina2026-10-18
1019India2026-10-22
1020Italy2026-10-18
1021Spain2026-09-30
1022Spain2026-10-09
1023Spain2026-10-16
1024United Kingdom2026-10-18
1025Japan2026-10-13
1026Italy2026-09-26
1027Spain2026-10-01
1028Argentina2026-09-26
1029Argentina2026-10-15
1030United Kingdom2026-10-14
1031Argentina2026-10-19
1032Australia2026-10-21
1033United Kingdom2026-09-27
1034Italy2026-10-06
1035India2026-10-03
1036Italy2026-10-14
1037Russia2026-10-19
1038Italy2026-10-06
1039Russia2026-09-24
1040Russia2026-10-06
1041Argentina2026-10-13
1042United Kingdom2026-09-30
1043United Kingdom2026-10-17
1044Australia2026-10-17
1045Australia2026-10-19
1046Russia2026-10-10
1047Germany2026-10-19
1048France2026-10-02
1049Argentina2026-10-22

On-Demand Data

NameIdCountryDate
Jones E Poquette1000Japan2026-10-16
Claire L Nestle1001Brazil2026-10-01
Emily F Inouye1002Italy2026-09-29
Octavia Q Paprocki1003United Kingdom2026-10-13
Arvin R Oldroyd1004Spain2026-10-12
Mujtaba R Saylors1005India2026-10-22
Nicolas V Royster1006Russia2026-10-13
Aditya W Nestle1007United Kingdom2026-10-14
Aditya C Wieser1008Canada2026-10-02
Adams Y Venere1009Germany2026-10-10
Cody G Darakjy1010Spain2026-09-27
Francesco U Shinko1011Spain2026-10-06
Aruna Z Stockham1012United Kingdom2026-09-28
Jefferson X Campain1013France2026-10-18
Jeanfrancois Q Shinko1014Italy2026-09-26
Johnson Y Rim1015United Kingdom2026-09-25
Silvio Y Gaucho1016Brazil2026-10-08
Arvin L Marrier1017Germany2026-10-12
James A Gaucho1018Japan2026-10-06
Rodrigues Z Kolmetz1019Germany2026-10-06
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Octavia W DarakjySpainIoni Bowcher RENEWAL
Francesco J IturbideArgentinaIvan Magalhaes NEGOTIATION
Darci L MaletCanadaOnyama Limba PROPOSAL
Kaitlin K MarrierArgentinaAmy Elsner NEW
Deepesh L MarrierCanadaIoni Bowcher PROPOSAL
Aika E AlbaresArgentinaStephen Shaw PROPOSAL
Maisha R WieserItalyAsiya Javayant QUALIFIED
Sinclair R DilliardJapanIvan Magalhaes NEGOTIATION
Faith R MarrierCanadaOnyama Limba UNQUALIFIED
Silvio V VocelkaSpainAnna Fali NEGOTIATION
Salvatore Q CampainAustraliaOnyama Limba NEW
Kaitlin F WhobreyAustraliaElwin Sharvill QUALIFIED
Silvio S CampainCanadaIoni Bowcher RENEWAL
Stacey C PerinSpainStephen Shaw PROPOSAL
Ricardo M GauchoCanadaElwin Sharvill NEW
Morrow P RimAustraliaAsiya Javayant RENEWAL
Darci O CaldareraArgentinaXuxue Feng NEW
Leja N GarufiUnited KingdomAsiya Javayant NEW
Mujtaba X StockhamRussiaAmy Elsner NEGOTIATION
Deepesh V ChuiGermanyIvan Magalhaes NEW
Deepesh T PoquetteCanadaIoni Bowcher RENEWAL
Octavia J CaldareraBrazilOnyama Limba PROPOSAL
Mayumi N CaudyItalyStephen Shaw NEW
Munro L MaletRussiaIvan Magalhaes NEGOTIATION
Ivar C OstroskyArgentinaAmy Elsner QUALIFIED
Murillo K BriddickFranceOnyama Limba NEGOTIATION
Costa K MorascaIndiaElwin Sharvill NEW
Maria Y InouyeSpainAmy Elsner NEW
Misaki B DilliardBrazilAnna Fali UNQUALIFIED
David G FollerFranceBernardo Dominic RENEWAL
Greenwood W BriddickGermanyIoni Bowcher NEW
Aika P RutaJapanAnna Fali UNQUALIFIED
Kadeem N StensethArgentinaStephen Shaw NEW
Morrow R OstroskyIndiaOnyama Limba PROPOSAL
Deepesh U ShinkoFranceAnna Fali UNQUALIFIED
Silvio T BologniaSpainIvan Magalhaes NEW
Johnson O GauchoUnited KingdomElwin Sharvill PROPOSAL
Darci X IturbideJapanIvan Magalhaes PROPOSAL
Ivar J ChuiIndiaElwin Sharvill PROPOSAL
Francesco M RulapaughJapanAnna Fali 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>