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
Munro V BologniaItalyElwin Sharvill NEGOTIATION
Jefferson W GillianItalyAmy Elsner QUALIFIED
Mujtaba L IturbideArgentinaOnyama Limba QUALIFIED
Julie Z MaletGermanyXuxue Feng NEGOTIATION
Mujtaba M GauchoAustraliaXuxue Feng NEGOTIATION
Cody U WhobreyFranceBernardo Dominic NEW
Octavia S SergiIndiaElwin Sharvill NEGOTIATION
Morrow R BriddickUnited KingdomOnyama Limba UNQUALIFIED
Adams K BologniaFranceIoni Bowcher RENEWAL
Ashley D FerenczFranceAsiya Javayant PROPOSAL
Salvatore I CaudyUnited KingdomBernardo Dominic QUALIFIED
Aditya F CaldareraUnited KingdomElwin Sharvill NEGOTIATION
Cody U DarakjyRussiaStephen Shaw PROPOSAL
Costa K AlbaresIndiaAsiya Javayant PROPOSAL
Munro Z MarrierJapanOnyama Limba QUALIFIED
Rodrigues M GauchoAustraliaElwin Sharvill RENEWAL
Munro V IturbideUnited KingdomAnna Fali NEGOTIATION
Leon J GillianArgentinaIvan Magalhaes NEGOTIATION
Rodrigues G CaldareraBrazilXuxue Feng RENEWAL
Maria M GauchoArgentinaElwin Sharvill RENEWAL
Kadeem K SlusarskiRussiaBernardo Dominic UNQUALIFIED
Ashley L VenereRussiaAsiya Javayant NEGOTIATION
Deepesh B SaylorsArgentinaOnyama Limba UNQUALIFIED
Jones W CampainFranceStephen Shaw QUALIFIED
Sinclair P GillianUnited KingdomStephen Shaw NEGOTIATION
James J RimGermanyOnyama Limba NEGOTIATION
Rodrigues G BriddickIndiaElwin Sharvill NEW
Leon V ButtIndiaAsiya Javayant QUALIFIED
Nicolas Z InouyeGermanyBernardo Dominic UNQUALIFIED
Claire E InouyeGermanyAmy Elsner NEGOTIATION
Mujtaba K VenereArgentinaAmy Elsner RENEWAL
Faith N DilliardGermanyStephen Shaw NEGOTIATION
Smith E ChuiFranceAsiya Javayant QUALIFIED
Greenwood N NestleRussiaBernardo Dominic PROPOSAL
Maisha M MorascaIndiaXuxue Feng PROPOSAL
Jeanfrancois X DilliardRussiaOnyama Limba NEGOTIATION
Misaki B WieserArgentinaAmy Elsner RENEWAL
Smith C TollnerItalyStephen Shaw PROPOSAL
Izzy U MaletCanadaStephen Shaw UNQUALIFIED
Maria R FerenczAustraliaStephen Shaw UNQUALIFIED
Isabel L DarakjyBrazilXuxue Feng RENEWAL
Morrow S AmigonArgentinaAsiya Javayant NEW
Darci S KuskoBrazilAnna Fali NEW
Leon Y NestleArgentinaOnyama Limba RENEWAL
Isabel C NickaArgentinaStephen Shaw UNQUALIFIED
Kadeem J NestleBrazilIoni Bowcher QUALIFIED
Chavez S BriddickGermanyIvan Magalhaes NEW
Adams B CampainArgentinaAmy Elsner RENEWAL
Ashley O RulapaughFranceOnyama Limba RENEWAL
Maisha B OldroydRussiaOnyama Limba NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Mujtaba O MaletSpainBernardo Dominic NEW
Juan M FollerIndiaElwin Sharvill PROPOSAL
Deepesh R MorascaRussiaAnna Fali PROPOSAL
Jeanfrancois Y RoysterIndiaOnyama Limba RENEWAL
Octavia O SchemmerArgentinaXuxue Feng NEGOTIATION
Sinclair V GillianItalyAsiya Javayant UNQUALIFIED
Izzy M MorascaUnited KingdomBernardo Dominic NEW
Maisha P GarufiUnited KingdomAnna Fali UNQUALIFIED
Jones M WaycottUnited KingdomAsiya Javayant NEW
Stacey U WieserGermanyIvan Magalhaes PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aditya Z NestleSpain2026-10-11King, Christopher A Esq NEW41Anna Fali
1001Maisha Z SlusarskiJapan2026-10-28Chapman, Ross E Esq RENEWAL3Amy Elsner
1002Adams G TollnerSpain2026-10-21Dorl, James J Esq UNQUALIFIED24Stephen Shaw
1003Stacey Y StensethItaly2026-10-18Chanay, Jeffrey A Esq NEGOTIATION11Asiya Javayant
1004Aditya N OldroydUnited Kingdom2026-10-04Commercial Press UNQUALIFIED89Ivan Magalhaes
1005Izzy H RoysterGermany2026-10-27Chanay, Jeffrey A Esq NEGOTIATION53Ivan Magalhaes
1006Aruna J MorascaUnited Kingdom2026-10-13Feiner Bros PROPOSAL30Stephen Shaw
1007David A VenereJapan2026-10-27Feltz Printing Service QUALIFIED16Ivan Magalhaes
1008Juan I CaudyBrazil2026-10-05Feltz Printing Service QUALIFIED66Elwin Sharvill
1009Leja L NestleUnited Kingdom2026-10-27Buckley Miller Wright NEW80Amy Elsner
1010Jennifer K StockhamArgentina2026-10-24Rangoni Of Florence NEGOTIATION71Anna Fali
1011Emily Q BowleyIndia2026-10-04King, Christopher A Esq NEW68Bernardo Dominic
1012Murillo X MaletBrazil2026-10-13Chemel, James L Cpa NEW25Ioni Bowcher
1013Sinclair Y FlosiRussia2026-10-29Rousseaux, Michael Esq RENEWAL44Onyama Limba
1014Antonio F RimIndia2026-10-24Printing Dimensions NEW54Ivan Magalhaes
1015Maisha D ChuiBrazil2026-10-26Feiner Bros QUALIFIED95Stephen Shaw
1016Juan V WieserBrazil2026-10-20Chemel, James L Cpa UNQUALIFIED93Asiya Javayant
1017Claire A RoysterGermany2026-10-09Commercial Press UNQUALIFIED85Elwin Sharvill
1018Maisha V AmigonArgentina2026-10-05Commercial Press RENEWAL29Amy Elsner
1019Stacey J IturbideJapan2026-10-31Chemel, James L Cpa NEGOTIATION15Ioni Bowcher
1020Johnson G KolmetzFrance2026-10-05Chemel, James L Cpa NEGOTIATION69Anna Fali
1021Aruna K WhobreyCanada2026-10-25Feltz Printing Service NEW4Elwin Sharvill
1022Aditya T GarufiIndia2026-10-15Feiner Bros PROPOSAL38Stephen Shaw
1023Isabel A InouyeArgentina2026-10-30Printing Dimensions RENEWAL1Ivan Magalhaes
1024Silvio A SchemmerCanada2026-10-04Feiner Bros NEGOTIATION63Onyama Limba
1025Aika D NickaFrance2026-10-09Dorl, James J Esq NEW17Xuxue Feng
1026Clifford G GarufiIndia2026-10-31Feiner Bros NEGOTIATION30Anna Fali
1027Aruna M KuskoItaly2026-10-29Commercial Press NEGOTIATION73Asiya Javayant
1028Wickens A RimJapan2026-10-13Feiner Bros RENEWAL9Amy Elsner
1029Morrow D ChuiItaly2026-10-28Truhlar And Truhlar Attys UNQUALIFIED80Stephen Shaw
1030Juan P PoquetteSpain2026-10-26Morlong Associates PROPOSAL95Xuxue Feng
1031Sinclair U BowleyIndia2026-10-30Benton, John B Jr UNQUALIFIED90Ioni Bowcher
1032Morrow T MaletGermany2026-10-24Chanay, Jeffrey A Esq PROPOSAL32Stephen Shaw
1033Greenwood R GillianIndia2026-10-25Buckley Miller Wright NEW46Anna Fali
1034Juan W NestleGermany2026-10-24Chanay, Jeffrey A Esq RENEWAL72Amy Elsner
1035Johnson K StensethJapan2026-10-02Chanay, Jeffrey A Esq PROPOSAL79Onyama Limba
1036Juan J WaycottUnited Kingdom2026-10-15Chapman, Ross E Esq NEW20Elwin Sharvill
1037Ricardo Z DoeSpain2026-10-21King, Christopher A Esq QUALIFIED76Ioni Bowcher
1038Silvio Y KuskoUnited Kingdom2026-10-06Commercial Press PROPOSAL54Amy Elsner
1039Nicolas X SchemmerIndia2026-10-07King, Christopher A Esq UNQUALIFIED65Bernardo Dominic
1040Juan S PerinRussia2026-10-21Chapman, Ross E Esq QUALIFIED49Elwin Sharvill
1041Mayumi X NestleUnited Kingdom2026-10-19Printing Dimensions RENEWAL45Onyama Limba
1042Arvin E GarufiGermany2026-10-24King, Christopher A Esq QUALIFIED78Ivan Magalhaes
1043Rodrigues P StockhamAustralia2026-10-03Morlong Associates PROPOSAL59Ioni Bowcher
1044Jones G VenereGermany2026-10-18Rangoni Of Florence QUALIFIED40Onyama Limba
1045Juan Y NickaItaly2026-10-08Chapman, Ross E Esq PROPOSAL48Asiya Javayant
1046Kadeem F GillianAustralia2026-10-15King, Christopher A Esq UNQUALIFIED57Asiya Javayant
1047Silvio A BriddickGermany2026-10-19Benton, John B Jr UNQUALIFIED61Ioni Bowcher
1048Chavez N ChuiCanada2026-10-31Feltz Printing Service NEGOTIATION26Ioni Bowcher
1049Francesco U RulapaughCanada2026-10-05Chanay, Jeffrey A Esq NEW42Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Julie Z RimFranceOnyama Limba RENEWAL
Clifford Z VenereArgentinaIoni Bowcher NEGOTIATION
Silvio Z WieserIndiaIoni Bowcher RENEWAL
Mujtaba K NestleGermanyOnyama Limba UNQUALIFIED
Arvin K MaletArgentinaBernardo Dominic PROPOSAL
Claire V FigeroaAustraliaAmy Elsner QUALIFIED
Deepesh P ChuiBrazilOnyama Limba UNQUALIFIED
Aditya L MarrierJapanAsiya Javayant NEW
Francesco Y TollnerRussiaAnna Fali QUALIFIED
Smith U OstroskyRussiaIvan Magalhaes QUALIFIED
David V SergiJapanXuxue Feng PROPOSAL
David G MaletAustraliaAnna Fali RENEWAL
Aditya Y MacleadArgentinaOnyama Limba RENEWAL
Francesco N RimFranceIvan Magalhaes NEGOTIATION
Costa V StockhamJapanXuxue Feng RENEWAL
Cody K VenereIndiaIoni Bowcher NEW
Costa I RutaGermanyIoni Bowcher NEGOTIATION
Clifford N FigeroaCanadaAmy Elsner NEGOTIATION
David B WieserGermanyAmy Elsner UNQUALIFIED
Nicolas X PerinCanadaAmy Elsner NEGOTIATION
Jones T InouyeIndiaBernardo Dominic UNQUALIFIED
Sinclair P KolmetzItalyStephen Shaw PROPOSAL
Misaki U StockhamArgentinaAmy Elsner NEW
Claire N DoeBrazilAnna Fali RENEWAL
Izzy Y MorascaFranceElwin Sharvill RENEWAL
Mayumi S FlosiAustraliaIoni Bowcher NEW
Costa T MarrierRussiaElwin Sharvill PROPOSAL
Isabel W FigeroaFranceIvan Magalhaes NEW
Julie Z SlusarskiArgentinaOnyama Limba NEGOTIATION
Aika Z ShinkoRussiaElwin Sharvill NEGOTIATION
Isabel S WieserGermanyAmy Elsner NEGOTIATION
Darci U ButtUnited KingdomAmy Elsner PROPOSAL
Jefferson S FerenczBrazilStephen Shaw NEGOTIATION
Emily T NestleFranceOnyama Limba PROPOSAL
Morrow O DoeIndiaAmy Elsner RENEWAL
Stacey E DarakjyAustraliaAnna Fali NEGOTIATION
Jennifer I VenereJapanAsiya Javayant NEW
Smith T NestleJapanXuxue Feng QUALIFIED
Octavia H OldroydAustraliaAmy Elsner NEGOTIATION
Leja W WieserGermanyXuxue Feng NEGOTIATION
Deepesh O GillianArgentinaIvan Magalhaes UNQUALIFIED
Silvio B StockhamCanadaXuxue Feng PROPOSAL
Deepesh Z InouyeItalyAmy Elsner UNQUALIFIED
Smith Z PoquetteBrazilBernardo Dominic NEGOTIATION
Arvin Y MorascaRussiaIoni Bowcher PROPOSAL
Sinclair S RulapaughFranceAsiya Javayant NEW
Deepesh B PoquetteArgentinaStephen Shaw NEGOTIATION
Jennifer T VenereGermanyXuxue Feng UNQUALIFIED
Misaki C AmigonBrazilBernardo Dominic RENEWAL
Johnson U KolmetzJapanAsiya Javayant UNQUALIFIED
Frozen Columns
Name
Maria U Amigon
Jeanfrancois G Stockham
Rodrigues U Bolognia
Greenwood V Albares
Nicolas I Iturbide
Aruna M Schemmer
Maria I Campain
Munro T Kusko
Aditya R Caldarera
Rodrigues C Stockham
Octavia J Figeroa
Mujtaba O Schemmer
Aruna N Paprocki
Faith T Garufi
Johnson A Tollner
Antonio E Caudy
Silvio Y Inouye
Kadeem O Amigon
Arvin S Kusko
Maisha P Chui
Stacey S Slusarski
Morrow Y Shinko
Salvatore N Paprocki
Clifford Q Marrier
Aruna U Royster
Sinclair G Paprocki
Ashley L Doe
Mujtaba Q Bowley
Cody Z Kolmetz
Adams S Butt
James F Waycott
Isabel Z Foller
Rodrigues Q Flosi
David A Venere
Clifford P Nestle
Maria E Chui
Isabel B Paprocki
Jeanfrancois I Shinko
Maisha O Tollner
Murillo M Ostrosky
Clifford I Gillian
Adams W Morasca
Sinclair T Garufi
Munro H Albares
Izzy B Waycott
Mujtaba V Malet
Deepesh I Royster
Jefferson S Kolmetz
Morrow Q Gillian
Greenwood U Marrier
IdCountryDate
1000India2026-10-02
1001Canada2026-10-17
1002Spain2026-10-22
1003France2026-10-26
1004Brazil2026-10-06
1005Italy2026-10-13
1006India2026-10-07
1007Brazil2026-10-16
1008Russia2026-10-12
1009United Kingdom2026-10-08
1010Japan2026-10-22
1011Argentina2026-10-21
1012Argentina2026-10-08
1013Brazil2026-10-06
1014Germany2026-10-08
1015Australia2026-10-26
1016Germany2026-10-07
1017United Kingdom2026-10-30
1018Italy2026-10-20
1019Canada2026-10-25
1020Russia2026-10-23
1021United Kingdom2026-10-05
1022India2026-10-24
1023Argentina2026-10-30
1024Germany2026-10-15
1025Brazil2026-10-10
1026Russia2026-10-19
1027Germany2026-10-22
1028Canada2026-10-15
1029United Kingdom2026-10-22
1030France2026-10-22
1031Brazil2026-10-18
1032Japan2026-10-09
1033Canada2026-10-23
1034United Kingdom2026-10-20
1035Italy2026-10-19
1036Australia2026-10-14
1037France2026-10-07
1038Japan2026-10-03
1039United Kingdom2026-10-30
1040United Kingdom2026-10-31
1041France2026-10-06
1042Germany2026-10-12
1043Italy2026-10-04
1044Canada2026-10-14
1045Japan2026-10-11
1046Spain2026-10-07
1047India2026-10-09
1048Spain2026-10-17
1049Canada2026-10-30

On-Demand Data

NameIdCountryDate
Adams J Ferencz1000Spain2026-10-06
Costa J Whobrey1001Australia2026-10-15
Wickens U Figeroa1002India2026-10-21
Jefferson M Poquette1003India2026-10-30
Kaitlin X Rim1004Canada2026-10-27
Wickens Z Paprocki1005Italy2026-10-14
Jennifer V Morasca1006Canada2026-10-13
James Q Doe1007Brazil2026-10-06
Kadeem N Darakjy1008Canada2026-10-08
Rodrigues K Bolognia1009Canada2026-10-18
Tony S Inouye1010Brazil2026-10-21
Faith Z Nestle1011Brazil2026-10-10
Aruna T Malet1012Spain2026-10-18
Francesco R Sergi1013Argentina2026-10-17
James L Kolmetz1014Brazil2026-10-06
Octavia R Ruta1015Canada2026-10-19
Octavia S Venere1016Japan2026-10-17
Arvin T Morasca1017Australia2026-10-29
Adams H Venere1018Japan2026-10-03
Stacey E Campain1019Canada2026-10-24
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jones W RimItalyAnna Fali NEW
Sinclair K AlbaresItalyAnna Fali PROPOSAL
Stacey E GarufiItalyStephen Shaw NEW
Claire N NestleArgentinaAsiya Javayant RENEWAL
Leja O GauchoIndiaBernardo Dominic NEW
Clifford P OldroydArgentinaXuxue Feng NEGOTIATION
James Q RimBrazilBernardo Dominic RENEWAL
Octavia M BriddickBrazilStephen Shaw QUALIFIED
Kaitlin A IturbideCanadaIoni Bowcher QUALIFIED
Morrow M CampainItalyElwin Sharvill QUALIFIED
Aditya H GillianFranceAsiya Javayant RENEWAL
Aika Z WaycottRussiaXuxue Feng QUALIFIED
Izzy B TollnerUnited KingdomBernardo Dominic UNQUALIFIED
Claire Z KolmetzAustraliaXuxue Feng RENEWAL
Maria A WaycottIndiaAmy Elsner NEGOTIATION
Salvatore B DarakjyItalyIvan Magalhaes PROPOSAL
Isabel N TollnerUnited KingdomBernardo Dominic QUALIFIED
James G VenereGermanyAnna Fali NEW
Maisha E MaletUnited KingdomBernardo Dominic QUALIFIED
Sinclair X StockhamIndiaAnna Fali PROPOSAL
Alejandro P RimJapanXuxue Feng PROPOSAL
Arvin I SlusarskiGermanyStephen Shaw RENEWAL
Francesco B NestleJapanIvan Magalhaes QUALIFIED
Ashley M VenereUnited KingdomStephen Shaw PROPOSAL
Clifford K ButtBrazilIoni Bowcher NEW
Chavez J CampainRussiaOnyama Limba NEGOTIATION
Faith G BologniaGermanyXuxue Feng RENEWAL
Mujtaba E GauchoSpainIoni Bowcher NEGOTIATION
James W StensethArgentinaAnna Fali QUALIFIED
Munro F VocelkaJapanXuxue Feng UNQUALIFIED
Salvatore I DarakjyJapanIvan Magalhaes QUALIFIED
Aruna N SaylorsAustraliaElwin Sharvill RENEWAL
Claire W ButtIndiaBernardo Dominic NEGOTIATION
Maria G NickaSpainXuxue Feng NEGOTIATION
Arvin Z PoquetteCanadaBernardo Dominic RENEWAL
Maria F OstroskyBrazilIoni Bowcher NEGOTIATION
Francesco N IturbideRussiaXuxue Feng NEGOTIATION
Smith H BowleyFranceElwin Sharvill NEW
Ricardo X MaletBrazilIvan Magalhaes NEW
Salvatore D FigeroaBrazilIvan Magalhaes QUALIFIED

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