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
Stacey U ButtFranceOnyama Limba PROPOSAL
Isabel X PerinGermanyElwin Sharvill RENEWAL
Kaitlin E CaldareraJapanBernardo Dominic PROPOSAL
Emily T VenereGermanyAsiya Javayant NEGOTIATION
Maria K FigeroaItalyAsiya Javayant UNQUALIFIED
James V PerinCanadaElwin Sharvill UNQUALIFIED
Wickens V SaylorsArgentinaAmy Elsner RENEWAL
Alejandro P NestleJapanAsiya Javayant RENEWAL
Stacey B BologniaCanadaElwin Sharvill NEW
Izzy P StensethUnited KingdomAsiya Javayant NEGOTIATION
James I SchemmerGermanyStephen Shaw RENEWAL
Mayumi G PoquetteJapanXuxue Feng NEW
Faith G ShinkoUnited KingdomElwin Sharvill QUALIFIED
Misaki F VenereArgentinaElwin Sharvill PROPOSAL
Ashley J AmigonFranceXuxue Feng UNQUALIFIED
Johnson W KuskoCanadaXuxue Feng UNQUALIFIED
Wickens L RutaAustraliaAmy Elsner QUALIFIED
Leja B TollnerJapanBernardo Dominic QUALIFIED
Octavia Q AmigonAustraliaAnna Fali NEGOTIATION
Maria Y ShinkoRussiaIvan Magalhaes QUALIFIED
Faith V SaylorsSpainOnyama Limba NEGOTIATION
Nicolas K FollerCanadaStephen Shaw QUALIFIED
Claire T RulapaughRussiaElwin Sharvill PROPOSAL
Murillo V DarakjyRussiaAnna Fali NEGOTIATION
Antonio G ShinkoIndiaAsiya Javayant PROPOSAL
Juan L OstroskyJapanAnna Fali RENEWAL
Alejandro K NickaIndiaAsiya Javayant QUALIFIED
Leja L SchemmerBrazilIvan Magalhaes QUALIFIED
Salvatore T ButtFranceElwin Sharvill UNQUALIFIED
Jones E IturbideIndiaOnyama Limba QUALIFIED
Jones P AlbaresBrazilElwin Sharvill NEGOTIATION
Aditya S CampainJapanAmy Elsner NEGOTIATION
Misaki X GauchoItalyAmy Elsner NEW
Adams R GlickAustraliaElwin Sharvill RENEWAL
Kadeem X FlosiFranceXuxue Feng NEGOTIATION
Mayumi H StensethItalyAmy Elsner NEGOTIATION
Jefferson A MacleadCanadaIoni Bowcher PROPOSAL
Maisha U DarakjyAustraliaAnna Fali NEGOTIATION
Antonio W KolmetzRussiaAsiya Javayant PROPOSAL
Emily L StockhamFranceStephen Shaw PROPOSAL
Wickens G VenereAustraliaOnyama Limba PROPOSAL
Ivar Z NickaArgentinaAmy Elsner NEGOTIATION
Misaki N StockhamAustraliaIoni Bowcher RENEWAL
Claire V AlbaresBrazilElwin Sharvill NEW
Kaitlin U OstroskyItalyAnna Fali PROPOSAL
Deepesh L BologniaAustraliaIvan Magalhaes NEW
David Q GarufiSpainAmy Elsner NEGOTIATION
Chavez V RutaJapanAsiya Javayant PROPOSAL
Darci Z InouyeBrazilBernardo Dominic PROPOSAL
Faith I RimSpainAnna Fali UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Maria R PoquetteIndiaIvan Magalhaes PROPOSAL
Maria K NestleBrazilAsiya Javayant NEGOTIATION
Jeanfrancois X VenereGermanyIoni Bowcher QUALIFIED
Aika X MorascaFranceIoni Bowcher UNQUALIFIED
Silvio R SaylorsArgentinaXuxue Feng QUALIFIED
Clifford B WaycottRussiaAnna Fali RENEWAL
Aditya Q GillianFranceIoni Bowcher RENEWAL
Octavia M ChuiSpainElwin Sharvill RENEWAL
Jones G SlusarskiItalyIvan Magalhaes RENEWAL
Antonio N RutaRussiaIvan Magalhaes RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Sinclair K FerenczAustralia2026-10-14Buckley Miller Wright NEW39Amy Elsner
1001Salvatore J WaycottCanada2026-09-23Truhlar And Truhlar Attys UNQUALIFIED1Onyama Limba
1002Claire S KolmetzRussia2026-09-21King, Christopher A Esq PROPOSAL97Anna Fali
1003Maria H SlusarskiArgentina2026-10-06Benton, John B Jr PROPOSAL73Amy Elsner
1004Misaki S PoquetteSpain2026-09-21Dorl, James J Esq QUALIFIED15Stephen Shaw
1005Emily J BologniaJapan2026-10-14Truhlar And Truhlar Attys QUALIFIED88Onyama Limba
1006Ivar O SaylorsItaly2026-10-08Benton, John B Jr PROPOSAL11Onyama Limba
1007Jefferson B GauchoUnited Kingdom2026-10-14Buckley Miller Wright RENEWAL39Elwin Sharvill
1008Mujtaba C WieserItaly2026-09-23Rousseaux, Michael Esq UNQUALIFIED44Onyama Limba
1009Deepesh E PaprockiSpain2026-09-26King, Christopher A Esq QUALIFIED73Amy Elsner
1010Greenwood V MorascaUnited Kingdom2026-10-06King, Christopher A Esq RENEWAL72Amy Elsner
1011James I OstroskyAustralia2026-10-05Benton, John B Jr QUALIFIED58Elwin Sharvill
1012Arvin Q CaudySpain2026-09-30Chemel, James L Cpa NEGOTIATION67Xuxue Feng
1013Darci G StensethIndia2026-10-09Chapman, Ross E Esq QUALIFIED13Elwin Sharvill
1014Julie Z SaylorsArgentina2026-10-08Buckley Miller Wright NEW78Elwin Sharvill
1015Faith W PoquetteSpain2026-10-02Chapman, Ross E Esq NEGOTIATION74Ivan Magalhaes
1016Ivar A PoquetteCanada2026-10-09Feiner Bros NEGOTIATION34Stephen Shaw
1017Aditya D StockhamIndia2026-10-02Rangoni Of Florence UNQUALIFIED79Amy Elsner
1018Ricardo X CaldareraGermany2026-10-07Feiner Bros QUALIFIED54Xuxue Feng
1019Isabel G FigeroaSpain2026-09-24Morlong Associates NEGOTIATION84Anna Fali
1020Clifford I FlosiUnited Kingdom2026-10-06Chapman, Ross E Esq UNQUALIFIED13Bernardo Dominic
1021Antonio W GarufiIndia2026-09-18Dorl, James J Esq NEW72Ivan Magalhaes
1022Jennifer A GarufiArgentina2026-09-20Rangoni Of Florence NEGOTIATION22Anna Fali
1023Isabel W VenereFrance2026-09-20Feltz Printing Service NEGOTIATION42Bernardo Dominic
1024Cody Y DoeIndia2026-09-23Commercial Press QUALIFIED38Xuxue Feng
1025Nicolas A PerinItaly2026-10-12King, Christopher A Esq NEW65Ivan Magalhaes
1026Clifford Y ChuiItaly2026-10-09Chemel, James L Cpa NEW48Anna Fali
1027Costa T WhobreyItaly2026-09-25Printing Dimensions PROPOSAL47Bernardo Dominic
1028Stacey F RoysterItaly2026-09-27Morlong Associates PROPOSAL2Ivan Magalhaes
1029Isabel I WhobreyAustralia2026-10-02King, Christopher A Esq PROPOSAL86Ivan Magalhaes
1030Aruna S GlickRussia2026-09-18Printing Dimensions UNQUALIFIED80Elwin Sharvill
1031Mujtaba P RoysterRussia2026-10-08Chanay, Jeffrey A Esq QUALIFIED47Asiya Javayant
1032Ivar P BowleyFrance2026-09-17Chanay, Jeffrey A Esq RENEWAL96Amy Elsner
1033Clifford J GauchoUnited Kingdom2026-09-18Truhlar And Truhlar Attys NEW95Asiya Javayant
1034Clifford N GauchoGermany2026-09-17Morlong Associates RENEWAL16Amy Elsner
1035Maisha W MaletRussia2026-10-05Chemel, James L Cpa NEW89Xuxue Feng
1036James G FerenczFrance2026-09-17Truhlar And Truhlar Attys QUALIFIED56Bernardo Dominic
1037Sinclair G FollerCanada2026-09-18Dorl, James J Esq QUALIFIED10Ivan Magalhaes
1038Stacey C StensethRussia2026-09-20King, Christopher A Esq NEW83Elwin Sharvill
1039Aruna F GillianJapan2026-10-14Buckley Miller Wright UNQUALIFIED43Elwin Sharvill
1040Maria A RutaJapan2026-09-28Rousseaux, Michael Esq QUALIFIED68Elwin Sharvill
1041Nicolas V ShinkoAustralia2026-10-12Printing Dimensions RENEWAL72Onyama Limba
1042Smith H DoeIndia2026-10-11Rangoni Of Florence RENEWAL67Xuxue Feng
1043Alejandro Y BriddickBrazil2026-09-15Rangoni Of Florence NEGOTIATION14Ioni Bowcher
1044Julie Y PerinIndia2026-10-10Feltz Printing Service NEGOTIATION54Ivan Magalhaes
1045Ashley L GillianItaly2026-09-16Feiner Bros UNQUALIFIED52Xuxue Feng
1046Misaki B NickaSpain2026-10-08Rousseaux, Michael Esq NEW86Asiya Javayant
1047Ivar S InouyeFrance2026-09-23Truhlar And Truhlar Attys QUALIFIED83Ioni Bowcher
1048Clifford N FerenczAustralia2026-09-18Chanay, Jeffrey A Esq NEW52Xuxue Feng
1049Stacey Z WaycottItaly2026-09-26Chemel, James L Cpa PROPOSAL26Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Kaitlin D DarakjyIndiaOnyama Limba UNQUALIFIED
Darci G GillianCanadaBernardo Dominic NEGOTIATION
Kaitlin M MarrierSpainOnyama Limba UNQUALIFIED
Costa F AlbaresFranceElwin Sharvill PROPOSAL
Smith E NestleFranceStephen Shaw PROPOSAL
Murillo D WhobreyFranceIoni Bowcher NEW
Jefferson T CaudyBrazilAnna Fali RENEWAL
Jones Y OldroydRussiaOnyama Limba UNQUALIFIED
Mayumi K SergiAustraliaStephen Shaw NEW
Isabel Q TollnerAustraliaIoni Bowcher PROPOSAL
Smith U MarrierSpainAmy Elsner NEGOTIATION
Mujtaba F ButtSpainIvan Magalhaes NEW
Mujtaba Q RulapaughJapanAsiya Javayant UNQUALIFIED
Ivar R SchemmerItalyIoni Bowcher NEGOTIATION
Francesco T NestleSpainBernardo Dominic QUALIFIED
Alejandro N AmigonFranceIoni Bowcher UNQUALIFIED
Maria B FigeroaItalyOnyama Limba NEGOTIATION
Darci G CaldareraFranceStephen Shaw UNQUALIFIED
Sinclair S StensethIndiaBernardo Dominic NEGOTIATION
Jefferson O GillianUnited KingdomElwin Sharvill NEW
Claire X FigeroaBrazilIoni Bowcher UNQUALIFIED
David Y CaudyBrazilXuxue Feng PROPOSAL
Morrow K AmigonJapanAmy Elsner UNQUALIFIED
Jefferson V ShinkoIndiaOnyama Limba NEW
Silvio J MacleadRussiaBernardo Dominic PROPOSAL
Kadeem R StensethIndiaXuxue Feng QUALIFIED
Ivar T SchemmerAustraliaElwin Sharvill PROPOSAL
Aditya A PoquetteAustraliaElwin Sharvill RENEWAL
Murillo X CampainUnited KingdomOnyama Limba NEW
Claire V AlbaresUnited KingdomElwin Sharvill NEW
Salvatore E ButtCanadaStephen Shaw QUALIFIED
Misaki Q GarufiIndiaXuxue Feng RENEWAL
Murillo C TollnerArgentinaStephen Shaw PROPOSAL
Aika U RutaGermanyElwin Sharvill RENEWAL
Kadeem Z AlbaresItalyIoni Bowcher PROPOSAL
David F BologniaRussiaIvan Magalhaes NEGOTIATION
Ivar C WieserArgentinaIoni Bowcher QUALIFIED
Faith X NickaUnited KingdomIoni Bowcher QUALIFIED
Antonio A AmigonFranceAnna Fali UNQUALIFIED
Clifford H FigeroaIndiaStephen Shaw NEGOTIATION
Jennifer X WhobreyArgentinaAmy Elsner UNQUALIFIED
Ricardo Q ChuiArgentinaAmy Elsner RENEWAL
Nicolas F ShinkoAustraliaIvan Magalhaes NEGOTIATION
Leja E GauchoJapanXuxue Feng QUALIFIED
Kaitlin T AlbaresUnited KingdomAnna Fali NEW
Faith P GillianAustraliaAmy Elsner QUALIFIED
Salvatore C RimBrazilOnyama Limba PROPOSAL
Julie S FerenczBrazilBernardo Dominic PROPOSAL
Arvin W NickaItalyStephen Shaw RENEWAL
Tony K MacleadItalyXuxue Feng PROPOSAL
Frozen Columns
Name
Johnson E Stockham
Isabel Y Garufi
Jefferson D Royster
Cody J Rim
Wickens V Sergi
Jones O Garufi
Nicolas C Tollner
Munro O Ruta
Johnson X Albares
Smith B Saylors
Claire J Chui
Arvin V Rim
Stacey P Amigon
Aika H Bowley
Mujtaba U Waycott
Maisha Z Sergi
Emily E Rim
Ricardo X Ostrosky
Clifford C Garufi
Mayumi T Maclead
Tony W Tollner
Leon Z Waycott
Clifford S Malet
Arvin F Nicka
Emily U Caldarera
Jefferson P Rulapaugh
Nicolas F Slusarski
Arvin C Morasca
Faith T Vocelka
Morrow X Stenseth
Rodrigues N Nestle
Aika W Paprocki
Maria Z Malet
Kadeem H Kolmetz
Julie R Perin
Nicolas G Darakjy
Clifford D Perin
Mujtaba K Darakjy
Tony N Wieser
Cody U Gillian
Aruna I Wieser
Greenwood K Saylors
Juan B Sergi
Misaki F Albares
Francesco F Dilliard
Aika I Inouye
James S Paprocki
Nicolas G Glick
Francesco V Shinko
Tony O Royster
IdCountryDate
1000Japan2026-09-25
1001Germany2026-09-18
1002Australia2026-10-11
1003India2026-10-04
1004France2026-10-04
1005Australia2026-09-29
1006Argentina2026-09-19
1007Canada2026-09-24
1008Japan2026-10-14
1009France2026-09-25
1010Australia2026-10-14
1011Japan2026-10-05
1012Spain2026-10-13
1013Italy2026-09-21
1014Japan2026-09-25
1015Brazil2026-10-06
1016United Kingdom2026-09-30
1017Canada2026-10-14
1018Brazil2026-10-13
1019Australia2026-10-09
1020Japan2026-09-21
1021Russia2026-09-30
1022Russia2026-10-09
1023Italy2026-10-10
1024Russia2026-10-09
1025Italy2026-10-13
1026Brazil2026-09-23
1027Japan2026-10-02
1028India2026-10-09
1029Spain2026-10-02
1030Japan2026-10-11
1031Canada2026-10-12
1032Argentina2026-09-29
1033Australia2026-09-24
1034India2026-09-24
1035Germany2026-10-11
1036Russia2026-10-10
1037Canada2026-09-23
1038United Kingdom2026-09-22
1039United Kingdom2026-10-06
1040Brazil2026-10-10
1041Japan2026-10-04
1042India2026-10-08
1043France2026-10-12
1044Argentina2026-09-23
1045Argentina2026-09-28
1046Australia2026-10-04
1047Italy2026-09-26
1048Argentina2026-09-24
1049United Kingdom2026-10-12

On-Demand Data

NameIdCountryDate
Deepesh B Schemmer1000Japan2026-10-14
Kaitlin K Marrier1001Brazil2026-10-05
Octavia A Poquette1002Italy2026-09-25
Francesco M Caldarera1003Canada2026-09-16
Ivar Z Whobrey1004Italy2026-09-24
Johnson G Ruta1005Australia2026-09-22
Faith O Malet1006Brazil2026-09-28
Jefferson T Caldarera1007Brazil2026-09-29
Francesco G Morasca1008Canada2026-09-22
Munro B Maclead1009Russia2026-10-04
Johnson K Amigon1010Italy2026-09-29
Morrow J Flosi1011Canada2026-09-16
Alejandro L Vocelka1012Australia2026-10-05
David C Tollner1013Italy2026-09-28
Aika D Doe1014Russia2026-09-23
Adams R Nestle1015Japan2026-09-29
Faith J Albares1016Italy2026-10-12
Mayumi G Ruta1017Spain2026-10-08
Maria R Schemmer1018Germany2026-09-19
Stacey U Butt1019France2026-09-17
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jefferson B OldroydRussiaIoni Bowcher PROPOSAL
Mayumi Z SaylorsSpainIvan Magalhaes NEGOTIATION
Jones A DarakjySpainOnyama Limba UNQUALIFIED
Darci G KolmetzCanadaOnyama Limba RENEWAL
Jeanfrancois U AmigonCanadaAnna Fali PROPOSAL
Nicolas B MorascaRussiaOnyama Limba UNQUALIFIED
Aditya K IturbideArgentinaAnna Fali NEGOTIATION
Salvatore F GauchoFranceIoni Bowcher RENEWAL
Jeanfrancois A VocelkaIndiaAnna Fali UNQUALIFIED
Mujtaba K CaudyBrazilOnyama Limba NEGOTIATION
Darci D RimJapanStephen Shaw QUALIFIED
Ashley P BologniaArgentinaBernardo Dominic QUALIFIED
Johnson U FollerRussiaAmy Elsner NEW
Murillo K MacleadUnited KingdomStephen Shaw QUALIFIED
Kadeem T CaldareraSpainBernardo Dominic QUALIFIED
Chavez V WaycottJapanAnna Fali RENEWAL
Aika N MacleadIndiaXuxue Feng UNQUALIFIED
Clifford C WhobreyGermanyAmy Elsner PROPOSAL
Tony Y MarrierFranceAmy Elsner NEGOTIATION
Mayumi F ChuiBrazilElwin Sharvill PROPOSAL
Misaki O PerinIndiaAmy Elsner QUALIFIED
Leja H BowleyUnited KingdomStephen Shaw RENEWAL
Mayumi Y MacleadJapanXuxue Feng PROPOSAL
Ivar Y NestleUnited KingdomStephen Shaw NEGOTIATION
Jefferson D RoysterGermanyAsiya Javayant UNQUALIFIED
Clifford T MorascaCanadaElwin Sharvill QUALIFIED
Maria N InouyeJapanIoni Bowcher NEGOTIATION
Kaitlin A GauchoGermanyAsiya Javayant RENEWAL
Smith Y TollnerCanadaXuxue Feng PROPOSAL
Deepesh P SaylorsBrazilXuxue Feng QUALIFIED
Maria R WaycottSpainAmy Elsner UNQUALIFIED
Leja L RimAustraliaStephen Shaw UNQUALIFIED
Leja U MacleadAustraliaBernardo Dominic QUALIFIED
Stacey D NestleRussiaOnyama Limba QUALIFIED
Smith W KolmetzRussiaAsiya Javayant NEW
Octavia R DoeArgentinaXuxue Feng UNQUALIFIED
Darci A GarufiIndiaIoni Bowcher UNQUALIFIED
Rodrigues J FlosiCanadaIoni Bowcher NEW
Darci Q MarrierCanadaXuxue Feng NEW
Isabel T DoeFranceAnna Fali PROPOSAL

<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>