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
Salvatore Z CampainIndiaBernardo Dominic RENEWAL
Silvio L GarufiIndiaAmy Elsner QUALIFIED
Francesco C WaycottFranceBernardo Dominic NEW
Francesco N GillianCanadaBernardo Dominic RENEWAL
Ricardo S DarakjyIndiaOnyama Limba UNQUALIFIED
Salvatore M StensethSpainBernardo Dominic PROPOSAL
Maisha E GlickIndiaAnna Fali NEGOTIATION
Aika O GlickItalyAnna Fali RENEWAL
Murillo Q SchemmerRussiaAsiya Javayant RENEWAL
David C OstroskyRussiaIoni Bowcher RENEWAL
Rodrigues Y IturbideGermanyElwin Sharvill NEW
Maria N RoysterIndiaOnyama Limba RENEWAL
Misaki G GarufiSpainAnna Fali PROPOSAL
Juan T WhobreyJapanElwin Sharvill NEW
Wickens L InouyeCanadaIoni Bowcher UNQUALIFIED
Juan E InouyeCanadaIvan Magalhaes NEW
Isabel L GlickRussiaOnyama Limba NEGOTIATION
Ivar H MaletItalyIvan Magalhaes NEGOTIATION
Emily B NestleSpainElwin Sharvill RENEWAL
Stacey I RutaCanadaOnyama Limba PROPOSAL
Maisha M RimBrazilAnna Fali NEGOTIATION
Mayumi E ShinkoIndiaElwin Sharvill PROPOSAL
Aditya U ChuiBrazilIoni Bowcher UNQUALIFIED
Leja U GarufiBrazilXuxue Feng PROPOSAL
Leon C MaletGermanyXuxue Feng RENEWAL
Arvin I SergiCanadaIvan Magalhaes RENEWAL
Octavia A FlosiUnited KingdomXuxue Feng NEW
Costa L FlosiItalyXuxue Feng NEW
Clifford Q RoysterItalyXuxue Feng UNQUALIFIED
Aruna K OldroydJapanElwin Sharvill NEGOTIATION
Octavia T SchemmerIndiaIvan Magalhaes NEGOTIATION
Jefferson E OldroydSpainAnna Fali UNQUALIFIED
Wickens C GillianGermanyIvan Magalhaes NEGOTIATION
Darci J WaycottAustraliaAnna Fali UNQUALIFIED
Francesco Y MarrierCanadaXuxue Feng RENEWAL
Juan X SlusarskiItalyAmy Elsner PROPOSAL
Kadeem L DoeAustraliaAnna Fali RENEWAL
Silvio G KuskoSpainAnna Fali NEGOTIATION
Emily H GarufiBrazilAsiya Javayant UNQUALIFIED
Ricardo U GillianUnited KingdomAmy Elsner UNQUALIFIED
Kadeem N IturbideUnited KingdomBernardo Dominic NEW
Jeanfrancois M CampainCanadaAsiya Javayant RENEWAL
Stacey C SchemmerItalyXuxue Feng NEGOTIATION
Emily P AlbaresIndiaAmy Elsner RENEWAL
Cody S StockhamSpainElwin Sharvill UNQUALIFIED
Murillo S VenereCanadaAsiya Javayant UNQUALIFIED
Rodrigues Y WieserUnited KingdomXuxue Feng NEW
Stacey S CaldareraBrazilAnna Fali UNQUALIFIED
Salvatore Q MaletUnited KingdomAsiya Javayant NEW
Leon X TollnerItalyXuxue Feng RENEWAL
Horizontal
NameCountryRepresentativeStatus
Darci S ButtItalyIvan Magalhaes PROPOSAL
Aika A BriddickBrazilOnyama Limba PROPOSAL
Chavez H WhobreyJapanBernardo Dominic UNQUALIFIED
Nicolas K ChuiRussiaIoni Bowcher PROPOSAL
Maria X WhobreyIndiaXuxue Feng NEW
Izzy N BriddickUnited KingdomElwin Sharvill NEGOTIATION
Jones H NestleIndiaAsiya Javayant PROPOSAL
Francesco L VocelkaAustraliaAsiya Javayant NEGOTIATION
Arvin G WieserIndiaStephen Shaw UNQUALIFIED
Salvatore J KolmetzGermanyAmy Elsner QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jeanfrancois V FerenczBrazil2026-09-14Feltz Printing Service PROPOSAL83Onyama Limba
1001Isabel M RimJapan2026-09-02Chapman, Ross E Esq NEGOTIATION54Amy Elsner
1002Sinclair K ChuiItaly2026-09-06Commercial Press RENEWAL11Bernardo Dominic
1003Silvio D VocelkaFrance2026-09-05Rousseaux, Michael Esq RENEWAL1Ioni Bowcher
1004Adams F AmigonGermany2026-08-22Buckley Miller Wright RENEWAL9Asiya Javayant
1005Sinclair P MacleadAustralia2026-08-31Feltz Printing Service NEGOTIATION72Anna Fali
1006Jefferson Y WaycottItaly2026-08-26Benton, John B Jr RENEWAL68Xuxue Feng
1007James N ButtFrance2026-09-02King, Christopher A Esq PROPOSAL73Anna Fali
1008Adams H PoquetteArgentina2026-08-28Feiner Bros NEW89Ivan Magalhaes
1009Faith Z MaletBrazil2026-08-29Buckley Miller Wright PROPOSAL53Stephen Shaw
1010Antonio N KolmetzGermany2026-09-17Rousseaux, Michael Esq UNQUALIFIED67Stephen Shaw
1011Aruna D GauchoJapan2026-09-07Dorl, James J Esq PROPOSAL2Asiya Javayant
1012Juan K OstroskyItaly2026-09-19Rousseaux, Michael Esq NEW47Ivan Magalhaes
1013Faith L DilliardSpain2026-08-28Rousseaux, Michael Esq NEGOTIATION4Ioni Bowcher
1014Kaitlin L NickaSpain2026-08-21Chanay, Jeffrey A Esq PROPOSAL6Xuxue Feng
1015Chavez U AlbaresArgentina2026-08-24Buckley Miller Wright RENEWAL73Anna Fali
1016Leon M GauchoJapan2026-09-11Rousseaux, Michael Esq UNQUALIFIED86Ivan Magalhaes
1017Cody C MorascaIndia2026-09-13Printing Dimensions NEGOTIATION35Anna Fali
1018Ashley M BowleyItaly2026-09-16Chemel, James L Cpa NEW43Ivan Magalhaes
1019Jennifer C MorascaGermany2026-09-05Printing Dimensions PROPOSAL20Ivan Magalhaes
1020Salvatore R IturbideJapan2026-08-31Feltz Printing Service NEGOTIATION94Elwin Sharvill
1021Wickens P GauchoItaly2026-09-11Feiner Bros RENEWAL7Stephen Shaw
1022Ricardo G WaycottFrance2026-09-06Rangoni Of Florence PROPOSAL0Xuxue Feng
1023Smith L NickaArgentina2026-09-16Chapman, Ross E Esq UNQUALIFIED87Ioni Bowcher
1024Johnson O GlickBrazil2026-08-30Rangoni Of Florence RENEWAL46Ioni Bowcher
1025Ashley Y KuskoRussia2026-08-29Feiner Bros RENEWAL26Bernardo Dominic
1026Alejandro A GillianJapan2026-08-29Dorl, James J Esq PROPOSAL16Xuxue Feng
1027Salvatore Y FollerUnited Kingdom2026-09-11Feiner Bros NEW22Ivan Magalhaes
1028Kaitlin L MorascaArgentina2026-09-01Feiner Bros UNQUALIFIED69Ioni Bowcher
1029Sinclair D NickaFrance2026-09-17Rangoni Of Florence PROPOSAL46Asiya Javayant
1030Juan S ButtSpain2026-09-07Truhlar And Truhlar Attys NEGOTIATION81Ioni Bowcher
1031Julie V GillianGermany2026-08-25Rousseaux, Michael Esq QUALIFIED80Onyama Limba
1032Leon R MaletIndia2026-08-27Chanay, Jeffrey A Esq UNQUALIFIED92Bernardo Dominic
1033Sinclair X VocelkaBrazil2026-09-02Rousseaux, Michael Esq QUALIFIED45Amy Elsner
1034Stacey D FerenczRussia2026-09-12Rousseaux, Michael Esq RENEWAL85Ioni Bowcher
1035Munro U SlusarskiArgentina2026-08-21Buckley Miller Wright NEW32Anna Fali
1036Stacey E AlbaresAustralia2026-09-15Rousseaux, Michael Esq QUALIFIED31Asiya Javayant
1037Leja Q KolmetzSpain2026-08-28Commercial Press NEGOTIATION8Elwin Sharvill
1038Murillo Q DoeJapan2026-08-28Dorl, James J Esq NEGOTIATION34Anna Fali
1039Julie C FigeroaFrance2026-08-31Chanay, Jeffrey A Esq PROPOSAL63Asiya Javayant
1040Ashley M SergiRussia2026-09-07Truhlar And Truhlar Attys QUALIFIED8Anna Fali
1041Alejandro Z SchemmerCanada2026-08-24Feiner Bros NEGOTIATION96Asiya Javayant
1042Morrow T GauchoAustralia2026-09-11King, Christopher A Esq PROPOSAL57Stephen Shaw
1043Deepesh T InouyeItaly2026-09-08Benton, John B Jr NEGOTIATION49Xuxue Feng
1044Smith A FlosiCanada2026-09-11Buckley Miller Wright RENEWAL73Bernardo Dominic
1045Alejandro B BologniaSpain2026-09-08Rangoni Of Florence UNQUALIFIED39Anna Fali
1046Leja I PerinBrazil2026-09-19Benton, John B Jr PROPOSAL81Asiya Javayant
1047Ricardo E PerinBrazil2026-08-22Truhlar And Truhlar Attys PROPOSAL48Anna Fali
1048Salvatore U MaletArgentina2026-08-24Feltz Printing Service NEGOTIATION36Ivan Magalhaes
1049Chavez P DarakjyArgentina2026-08-27Dorl, James J Esq UNQUALIFIED41Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Salvatore M WhobreyCanadaIoni Bowcher NEGOTIATION
Smith S FigeroaBrazilAnna Fali QUALIFIED
Kaitlin E MorascaGermanyAsiya Javayant PROPOSAL
Clifford I RimFranceElwin Sharvill NEW
Kadeem M SchemmerGermanyBernardo Dominic QUALIFIED
Jennifer S GillianUnited KingdomBernardo Dominic RENEWAL
Sinclair B CaudyUnited KingdomIoni Bowcher QUALIFIED
Mujtaba K PoquetteCanadaElwin Sharvill PROPOSAL
Jennifer E AlbaresGermanyXuxue Feng QUALIFIED
Jones K StensethBrazilElwin Sharvill QUALIFIED
Jefferson T DarakjyIndiaAsiya Javayant QUALIFIED
Emily H PerinItalyStephen Shaw PROPOSAL
Costa U MaletAustraliaXuxue Feng RENEWAL
Alejandro T TollnerIndiaXuxue Feng QUALIFIED
Juan G CampainJapanAmy Elsner NEW
Maisha V KuskoBrazilBernardo Dominic NEW
Francesco H WieserCanadaStephen Shaw PROPOSAL
Faith J NestleItalyIvan Magalhaes QUALIFIED
Jennifer R TollnerArgentinaAsiya Javayant UNQUALIFIED
Smith Q PerinJapanElwin Sharvill QUALIFIED
Claire V WhobreyIndiaAsiya Javayant RENEWAL
Izzy M FollerSpainAsiya Javayant PROPOSAL
Misaki N VenereItalyStephen Shaw NEGOTIATION
Misaki B PerinIndiaIvan Magalhaes RENEWAL
Misaki Z ChuiRussiaStephen Shaw PROPOSAL
Costa I AlbaresAustraliaStephen Shaw NEW
Izzy V BriddickArgentinaAnna Fali NEGOTIATION
Costa U RimRussiaXuxue Feng NEW
David C VocelkaItalyIoni Bowcher QUALIFIED
Aruna Y MorascaBrazilIvan Magalhaes QUALIFIED
Salvatore I StensethItalyOnyama Limba NEW
Aditya P FlosiGermanyXuxue Feng UNQUALIFIED
David N DilliardSpainAsiya Javayant UNQUALIFIED
Arvin R GlickRussiaElwin Sharvill RENEWAL
Jeanfrancois T AmigonIndiaXuxue Feng RENEWAL
Octavia H OstroskyArgentinaStephen Shaw PROPOSAL
Mayumi B SlusarskiBrazilStephen Shaw PROPOSAL
Rodrigues R IturbideSpainOnyama Limba NEGOTIATION
Kaitlin A ButtIndiaXuxue Feng NEGOTIATION
Izzy C KuskoItalyElwin Sharvill UNQUALIFIED
Greenwood V PaprockiGermanyAnna Fali NEW
Darci D KolmetzIndiaIoni Bowcher QUALIFIED
Chavez K OldroydRussiaAsiya Javayant NEW
Claire Q CampainAustraliaAsiya Javayant NEGOTIATION
Smith S MacleadArgentinaAsiya Javayant PROPOSAL
Kaitlin V RimGermanyIvan Magalhaes PROPOSAL
Aruna G PaprockiUnited KingdomElwin Sharvill UNQUALIFIED
Stacey A SergiUnited KingdomAnna Fali UNQUALIFIED
Antonio H SaylorsArgentinaAmy Elsner NEGOTIATION
Smith T SergiCanadaIvan Magalhaes QUALIFIED
Frozen Columns
Name
Deepesh E Ruta
Wickens L Shinko
Francesco U Saylors
Mujtaba L Saylors
Julie L Campain
Ashley A Shinko
Morrow J Oldroyd
Mayumi Q Oldroyd
Deepesh C Foller
Nicolas E Glick
Alejandro V Briddick
Francesco P Stockham
Jones E Dilliard
Ashley U Iturbide
Maisha J Inouye
Aika W Royster
Nicolas A Foller
Maisha D Amigon
Leon H Poquette
Maria X Glick
Kadeem O Tollner
Isabel G Albares
Deepesh Q Bowley
Jennifer D Albares
Izzy Y Bolognia
Maria J Foller
Munro T Flosi
Morrow S Caldarera
Greenwood X Stenseth
Maria R Doe
Kaitlin Z Maclead
Darci R Flosi
Leon R Gaucho
Emily T Morasca
Darci F Briddick
Sinclair Q Tollner
Mayumi N Chui
Salvatore K Chui
Octavia W Saylors
Jefferson B Saylors
Munro U Flosi
Smith B Glick
Alejandro Y Kolmetz
Stacey D Slusarski
Cody K Rulapaugh
Sinclair T Foller
Aika B Perin
Wickens T Waycott
Costa Q Garufi
Misaki A Royster
IdCountryDate
1000Brazil2026-08-22
1001Germany2026-08-27
1002India2026-09-19
1003United Kingdom2026-09-04
1004Australia2026-09-06
1005Russia2026-09-15
1006Japan2026-09-05
1007United Kingdom2026-08-23
1008Spain2026-09-01
1009Germany2026-08-26
1010Italy2026-09-07
1011Germany2026-08-25
1012Canada2026-08-21
1013Russia2026-08-25
1014Italy2026-09-13
1015Spain2026-08-25
1016India2026-08-26
1017Japan2026-09-17
1018Brazil2026-09-11
1019Germany2026-08-24
1020France2026-08-27
1021Canada2026-08-27
1022Japan2026-09-18
1023United Kingdom2026-08-30
1024Australia2026-09-05
1025Australia2026-09-05
1026Germany2026-09-16
1027Argentina2026-08-24
1028United Kingdom2026-08-31
1029India2026-09-12
1030France2026-09-18
1031Germany2026-09-11
1032Germany2026-09-14
1033Brazil2026-08-28
1034Australia2026-09-19
1035United Kingdom2026-08-30
1036France2026-09-01
1037Australia2026-08-24
1038United Kingdom2026-09-11
1039Russia2026-08-28
1040Australia2026-09-16
1041France2026-09-15
1042Spain2026-09-08
1043Italy2026-08-29
1044Spain2026-08-25
1045Argentina2026-09-09
1046France2026-08-28
1047Australia2026-08-23
1048Canada2026-08-27
1049Canada2026-09-06

On-Demand Data

NameIdCountryDate
Octavia F Figeroa1000India2026-09-10
Julie F Wieser1001United Kingdom2026-09-13
Darci L Whobrey1002Russia2026-09-05
Adams Y Nestle1003Canada2026-08-22
Smith O Briddick1004Brazil2026-08-31
Clifford L Malet1005Russia2026-08-29
Ivar Z Oldroyd1006Canada2026-09-03
Smith W Shinko1007Germany2026-09-05
Adams C Stenseth1008Japan2026-09-14
Francesco G Glick1009Russia2026-09-12
Mujtaba J Schemmer1010Russia2026-09-18
Johnson X Nestle1011France2026-09-13
Mayumi W Paprocki1012Argentina2026-09-05
Mayumi W Waycott1013United Kingdom2026-09-18
Maisha H Ostrosky1014Germany2026-08-25
Ivar I Darakjy1015Argentina2026-08-26
Aruna D Bolognia1016Brazil2026-09-09
Chavez W Ruta1017India2026-08-23
Maria A Perin1018Russia2026-09-13
Mayumi K Butt1019Germany2026-09-01
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Kadeem U MacleadCanadaXuxue Feng NEW
Murillo Q SlusarskiFranceXuxue Feng PROPOSAL
Salvatore J RoysterSpainIvan Magalhaes NEGOTIATION
Emily S FerenczRussiaBernardo Dominic NEW
Francesco L ButtIndiaXuxue Feng PROPOSAL
Claire R RutaRussiaAsiya Javayant NEW
Faith K SlusarskiIndiaIoni Bowcher NEW
Isabel Q KolmetzAustraliaXuxue Feng RENEWAL
Stacey D FerenczIndiaStephen Shaw QUALIFIED
Maria L RutaRussiaIoni Bowcher RENEWAL
Smith H DoeArgentinaOnyama Limba UNQUALIFIED
Johnson R RutaItalyAmy Elsner RENEWAL
Murillo G VenereFranceAmy Elsner UNQUALIFIED
Jefferson F OldroydAustraliaOnyama Limba QUALIFIED
Aruna K KuskoGermanyAsiya Javayant RENEWAL
Stacey I CaldareraJapanAsiya Javayant UNQUALIFIED
Jeanfrancois U VocelkaArgentinaXuxue Feng QUALIFIED
Jones I OstroskyCanadaIvan Magalhaes QUALIFIED
David Y GauchoGermanyElwin Sharvill RENEWAL
Julie G NickaSpainOnyama Limba NEGOTIATION
Mayumi K GauchoItalyBernardo Dominic UNQUALIFIED
Clifford A RutaIndiaOnyama Limba NEGOTIATION
Smith E FerenczJapanElwin Sharvill UNQUALIFIED
Wickens S KolmetzArgentinaIoni Bowcher UNQUALIFIED
Stacey S DarakjyItalyXuxue Feng PROPOSAL
Alejandro K OldroydCanadaIvan Magalhaes QUALIFIED
Munro K BowleyItalyIvan Magalhaes UNQUALIFIED
Salvatore N WhobreyJapanElwin Sharvill RENEWAL
Kaitlin V VocelkaIndiaAnna Fali RENEWAL
Juan M WieserCanadaStephen Shaw UNQUALIFIED
Kadeem C StockhamFranceAmy Elsner NEW
Faith P GlickAustraliaOnyama Limba UNQUALIFIED
Octavia E RoysterJapanElwin Sharvill NEW
Maria V PerinSpainXuxue Feng PROPOSAL
Isabel W VenereSpainBernardo Dominic PROPOSAL
Tony S NestleAustraliaIvan Magalhaes UNQUALIFIED
Aruna Q BologniaItalyElwin Sharvill RENEWAL
Isabel A FlosiArgentinaAnna Fali QUALIFIED
Mujtaba G TollnerRussiaIoni Bowcher UNQUALIFIED
Stacey E SergiSpainStephen Shaw 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>