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 R StensethAustraliaIvan Magalhaes UNQUALIFIED
Aika S VenereGermanyXuxue Feng UNQUALIFIED
Isabel U MaletBrazilIoni Bowcher UNQUALIFIED
Jeanfrancois J CampainUnited KingdomStephen Shaw RENEWAL
Costa Q MaletItalyOnyama Limba NEW
Isabel J CaudyCanadaIoni Bowcher PROPOSAL
Wickens I StensethBrazilAnna Fali NEW
Juan B GillianBrazilAnna Fali NEGOTIATION
Johnson J MaletIndiaXuxue Feng PROPOSAL
Jones M GauchoItalyBernardo Dominic RENEWAL
Emily Q MaletFranceAmy Elsner RENEWAL
Ricardo E AmigonBrazilStephen Shaw RENEWAL
Claire M CampainRussiaBernardo Dominic NEW
Deepesh M BologniaCanadaOnyama Limba RENEWAL
Aruna O KolmetzBrazilElwin Sharvill UNQUALIFIED
Aika L VenereArgentinaBernardo Dominic NEGOTIATION
Aditya D WieserRussiaStephen Shaw QUALIFIED
Isabel S SchemmerUnited KingdomAnna Fali NEW
Maisha C SlusarskiJapanOnyama Limba QUALIFIED
Arvin J RutaIndiaIoni Bowcher RENEWAL
Ivar I MarrierIndiaElwin Sharvill QUALIFIED
Kaitlin T BologniaArgentinaAnna Fali QUALIFIED
Nicolas P CampainUnited KingdomBernardo Dominic UNQUALIFIED
Jeanfrancois W WhobreySpainStephen Shaw UNQUALIFIED
Deepesh J ChuiAustraliaStephen Shaw NEGOTIATION
Maria T RulapaughItalyElwin Sharvill RENEWAL
Alejandro K OldroydBrazilIvan Magalhaes UNQUALIFIED
Mujtaba C RutaArgentinaAnna Fali PROPOSAL
Aditya E MaletRussiaOnyama Limba NEGOTIATION
Tony B WieserGermanyAmy Elsner RENEWAL
Ashley O GillianFranceElwin Sharvill QUALIFIED
Julie E SlusarskiGermanyXuxue Feng UNQUALIFIED
Salvatore F GillianArgentinaXuxue Feng QUALIFIED
Misaki P ShinkoJapanElwin Sharvill RENEWAL
Faith N VocelkaAustraliaStephen Shaw NEGOTIATION
Nicolas F BowleyGermanyXuxue Feng UNQUALIFIED
Jeanfrancois B DoeJapanAnna Fali UNQUALIFIED
Greenwood J ChuiRussiaOnyama Limba NEGOTIATION
Morrow X WhobreyItalyIvan Magalhaes UNQUALIFIED
Kadeem N MorascaItalyAnna Fali NEGOTIATION
Maria F PoquetteAustraliaBernardo Dominic RENEWAL
Murillo X NestleAustraliaAsiya Javayant NEGOTIATION
Rodrigues P AlbaresFranceIoni Bowcher NEW
Izzy I NestleGermanyAnna Fali NEW
Misaki F ShinkoSpainAnna Fali RENEWAL
Kadeem B RoysterCanadaIvan Magalhaes QUALIFIED
Antonio H MaletSpainAsiya Javayant UNQUALIFIED
Jones O WieserFranceXuxue Feng QUALIFIED
Octavia C BowleyGermanyElwin Sharvill QUALIFIED
Jennifer C RoysterCanadaAmy Elsner RENEWAL
Horizontal
NameCountryRepresentativeStatus
Francesco U SergiUnited KingdomIoni Bowcher QUALIFIED
Jennifer K ButtBrazilAmy Elsner QUALIFIED
Darci A FigeroaUnited KingdomBernardo Dominic PROPOSAL
Maisha F NestleBrazilIoni Bowcher PROPOSAL
Tony Q DarakjyRussiaBernardo Dominic RENEWAL
Mayumi T KolmetzGermanyBernardo Dominic NEW
Tony X KolmetzFranceElwin Sharvill PROPOSAL
Tony Z OstroskyJapanBernardo Dominic RENEWAL
Chavez E OldroydJapanAnna Fali NEW
Ashley V ShinkoUnited KingdomIvan Magalhaes NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Greenwood U OstroskyRussia2026-10-22Buckley Miller Wright UNQUALIFIED42Onyama Limba
1001Jefferson I OstroskyCanada2026-11-03Chanay, Jeffrey A Esq RENEWAL74Ivan Magalhaes
1002Greenwood U MaletIndia2026-11-07Chemel, James L Cpa PROPOSAL8Amy Elsner
1003Sinclair O DarakjyItaly2026-10-13Rangoni Of Florence UNQUALIFIED24Stephen Shaw
1004Darci H MarrierIndia2026-11-05Dorl, James J Esq UNQUALIFIED13Amy Elsner
1005Costa K GauchoBrazil2026-10-25Rangoni Of Florence RENEWAL0Elwin Sharvill
1006Greenwood K CampainBrazil2026-10-28Chemel, James L Cpa UNQUALIFIED9Stephen Shaw
1007Octavia O FlosiArgentina2026-10-24Feiner Bros NEW29Xuxue Feng
1008Smith K CaudyUnited Kingdom2026-11-03Buckley Miller Wright RENEWAL17Elwin Sharvill
1009Cody D RimSpain2026-10-23Rousseaux, Michael Esq NEGOTIATION92Amy Elsner
1010Adams J BriddickItaly2026-11-07Chanay, Jeffrey A Esq RENEWAL56Bernardo Dominic
1011Jennifer C AlbaresGermany2026-10-20Rousseaux, Michael Esq UNQUALIFIED40Bernardo Dominic
1012Arvin W OstroskyItaly2026-10-17Buckley Miller Wright NEGOTIATION48Xuxue Feng
1013Misaki J CaudyArgentina2026-11-03Printing Dimensions QUALIFIED65Elwin Sharvill
1014David Q GillianGermany2026-11-08Dorl, James J Esq UNQUALIFIED70Amy Elsner
1015Alejandro V SergiIndia2026-10-12Commercial Press UNQUALIFIED44Onyama Limba
1016Ricardo O NestleUnited Kingdom2026-10-26Benton, John B Jr NEGOTIATION78Ivan Magalhaes
1017Misaki T FigeroaUnited Kingdom2026-10-13Chemel, James L Cpa PROPOSAL90Bernardo Dominic
1018Antonio X DarakjyIndia2026-10-13Truhlar And Truhlar Attys UNQUALIFIED88Bernardo Dominic
1019Alejandro E SergiSpain2026-11-04Chapman, Ross E Esq QUALIFIED18Amy Elsner
1020Sinclair R OldroydCanada2026-11-09Feiner Bros PROPOSAL1Amy Elsner
1021Antonio I StockhamArgentina2026-10-22Chanay, Jeffrey A Esq QUALIFIED11Ioni Bowcher
1022Tony W MaletCanada2026-10-28Morlong Associates RENEWAL83Bernardo Dominic
1023Jones U TollnerArgentina2026-10-28Rangoni Of Florence QUALIFIED69Onyama Limba
1024Juan U PerinAustralia2026-10-29Feltz Printing Service NEW92Stephen Shaw
1025Costa K FlosiAustralia2026-10-28Morlong Associates NEGOTIATION97Anna Fali
1026Sinclair J CaldareraFrance2026-10-14Chemel, James L Cpa UNQUALIFIED84Elwin Sharvill
1027Maria Y DarakjyJapan2026-10-16Rousseaux, Michael Esq RENEWAL8Stephen Shaw
1028Jones O DilliardSpain2026-10-20Chemel, James L Cpa NEW36Elwin Sharvill
1029Wickens R FigeroaBrazil2026-10-19Feiner Bros NEW18Asiya Javayant
1030Jennifer R CaudyItaly2026-10-17Truhlar And Truhlar Attys UNQUALIFIED98Stephen Shaw
1031Misaki R FollerItaly2026-11-03Dorl, James J Esq NEW88Amy Elsner
1032James R RoysterItaly2026-11-04Buckley Miller Wright UNQUALIFIED43Ioni Bowcher
1033David G StockhamGermany2026-10-15Commercial Press PROPOSAL16Amy Elsner
1034Stacey K FlosiJapan2026-11-05Buckley Miller Wright NEGOTIATION51Asiya Javayant
1035Francesco U GillianUnited Kingdom2026-11-09Feiner Bros RENEWAL20Elwin Sharvill
1036Rodrigues X GillianBrazil2026-10-15Printing Dimensions QUALIFIED39Bernardo Dominic
1037Tony C SergiRussia2026-10-18King, Christopher A Esq QUALIFIED50Stephen Shaw
1038Chavez W SergiGermany2026-10-27Dorl, James J Esq PROPOSAL94Xuxue Feng
1039Mayumi A SaylorsRussia2026-10-31Rangoni Of Florence NEGOTIATION98Onyama Limba
1040Julie D BologniaItaly2026-10-23Benton, John B Jr RENEWAL96Anna Fali
1041Murillo D RutaArgentina2026-10-17Printing Dimensions NEGOTIATION78Stephen Shaw
1042Nicolas K PerinUnited Kingdom2026-11-06Rousseaux, Michael Esq RENEWAL30Xuxue Feng
1043Antonio C MaletAustralia2026-10-17Feiner Bros PROPOSAL92Ioni Bowcher
1044Rodrigues L SaylorsCanada2026-10-29Benton, John B Jr NEGOTIATION95Asiya Javayant
1045Isabel E FlosiBrazil2026-10-19Truhlar And Truhlar Attys NEW79Elwin Sharvill
1046Aika Y RulapaughUnited Kingdom2026-10-13Commercial Press QUALIFIED58Bernardo Dominic
1047Greenwood Q SaylorsSpain2026-10-28Morlong Associates UNQUALIFIED30Asiya Javayant
1048Silvio Z WaycottItaly2026-10-13Feiner Bros QUALIFIED89Amy Elsner
1049Jefferson X NickaArgentina2026-10-31Printing Dimensions UNQUALIFIED42Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Octavia T PoquetteCanadaIoni Bowcher QUALIFIED
Maisha I FigeroaUnited KingdomIoni Bowcher QUALIFIED
Arvin W DarakjyArgentinaBernardo Dominic PROPOSAL
Chavez R WaycottGermanyElwin Sharvill PROPOSAL
Deepesh D RimJapanElwin Sharvill NEW
Mujtaba Y KolmetzItalyStephen Shaw PROPOSAL
Alejandro S VenereIndiaAnna Fali NEW
Maisha H MaletRussiaStephen Shaw NEW
Murillo V StockhamJapanElwin Sharvill PROPOSAL
Murillo Z FollerArgentinaElwin Sharvill NEW
Leon R CampainItalyBernardo Dominic PROPOSAL
Salvatore J GillianRussiaElwin Sharvill RENEWAL
Nicolas B RoysterUnited KingdomAmy Elsner UNQUALIFIED
Jeanfrancois M MaletIndiaElwin Sharvill NEW
Jeanfrancois R BowleySpainIvan Magalhaes RENEWAL
Munro Y OstroskyFranceAsiya Javayant UNQUALIFIED
Salvatore V MaletSpainAmy Elsner QUALIFIED
Ivar P AmigonRussiaAsiya Javayant NEGOTIATION
Cody Z StockhamSpainElwin Sharvill PROPOSAL
Morrow E KuskoItalyStephen Shaw UNQUALIFIED
Kadeem N KolmetzGermanyXuxue Feng UNQUALIFIED
Ricardo B PoquetteFranceAnna Fali RENEWAL
Francesco K InouyeBrazilIoni Bowcher UNQUALIFIED
Rodrigues L VenereAustraliaBernardo Dominic UNQUALIFIED
Aditya J GauchoSpainIoni Bowcher NEGOTIATION
Cody B BriddickRussiaBernardo Dominic UNQUALIFIED
Silvio Z PaprockiFranceIvan Magalhaes RENEWAL
Aika G StensethArgentinaIoni Bowcher QUALIFIED
Arvin F RulapaughFranceAmy Elsner NEW
Morrow A ButtRussiaIvan Magalhaes NEGOTIATION
Chavez C ChuiAustraliaIoni Bowcher NEW
Munro K GauchoUnited KingdomAsiya Javayant PROPOSAL
Ivar D SergiUnited KingdomXuxue Feng RENEWAL
Juan J VocelkaRussiaXuxue Feng QUALIFIED
Emily T GillianJapanIoni Bowcher QUALIFIED
Ivar V FlosiGermanyOnyama Limba NEGOTIATION
David J BologniaRussiaAsiya Javayant RENEWAL
Rodrigues P KuskoRussiaElwin Sharvill QUALIFIED
Aruna C FigeroaRussiaIoni Bowcher NEW
Clifford R CaudyJapanAsiya Javayant RENEWAL
Kadeem N GillianCanadaAnna Fali NEW
Ricardo H FerenczRussiaOnyama Limba NEGOTIATION
Jeanfrancois E DoeSpainAsiya Javayant PROPOSAL
Maisha F SergiBrazilOnyama Limba PROPOSAL
Kaitlin R AlbaresSpainAsiya Javayant NEW
Kadeem S ChuiRussiaIvan Magalhaes RENEWAL
Emily T DilliardBrazilAmy Elsner RENEWAL
Ashley U RoysterIndiaXuxue Feng NEGOTIATION
Alejandro F WaycottRussiaIoni Bowcher PROPOSAL
Silvio W SchemmerAustraliaXuxue Feng NEW
Frozen Columns
Name
Adams V Perin
Maisha V Gillian
Arvin J Venere
Juan A Inouye
Mayumi N Paprocki
Izzy D Paprocki
Salvatore H Perin
Munro D Glick
Murillo O Venere
Chavez T Marrier
Rodrigues X Figeroa
Isabel Y Dilliard
Ivar P Caudy
Salvatore A Darakjy
James U Bolognia
Juan W Inouye
Aika F Malet
Leja F Morasca
Jones K Venere
Clifford H Caldarera
Jeanfrancois Y Marrier
Kadeem F Morasca
Deepesh Z Gaucho
Aruna Q Maclead
Antonio R Gaucho
Sinclair M Rim
Jefferson W Slusarski
Mujtaba T Darakjy
Adams Q Nestle
Misaki E Oldroyd
Costa Z Sergi
Ivar D Flosi
Deepesh J Bowley
Stacey Z Foller
Rodrigues E Kusko
Alejandro E Figeroa
Aika K Schemmer
Aika S Bowley
Stacey T Stockham
Nicolas Y Saylors
Ricardo I Butt
Clifford L Saylors
Clifford U Perin
Costa O Kusko
Claire V Paprocki
Misaki P Tollner
Maisha P Rulapaugh
Jefferson R Rim
Faith D Waycott
Johnson H Nicka
IdCountryDate
1000Italy2026-10-11
1001Spain2026-10-14
1002Brazil2026-10-14
1003Japan2026-10-11
1004Canada2026-11-09
1005Australia2026-10-24
1006Germany2026-10-19
1007Argentina2026-10-12
1008France2026-10-25
1009Russia2026-10-21
1010Spain2026-10-15
1011Italy2026-11-01
1012Russia2026-10-17
1013Italy2026-10-13
1014Japan2026-10-17
1015Germany2026-11-07
1016France2026-10-19
1017Spain2026-11-09
1018France2026-10-22
1019Russia2026-11-01
1020Japan2026-10-25
1021Russia2026-10-29
1022Spain2026-11-04
1023France2026-10-18
1024Brazil2026-10-26
1025Germany2026-11-02
1026Spain2026-10-20
1027Russia2026-10-16
1028Italy2026-10-18
1029Spain2026-11-04
1030India2026-10-29
1031India2026-10-13
1032United Kingdom2026-11-02
1033Germany2026-10-12
1034Italy2026-10-15
1035France2026-10-21
1036France2026-11-03
1037Japan2026-11-01
1038Italy2026-10-28
1039Canada2026-10-28
1040Argentina2026-11-04
1041Italy2026-11-06
1042Brazil2026-10-24
1043Spain2026-10-20
1044United Kingdom2026-10-20
1045India2026-10-22
1046India2026-11-08
1047Canada2026-10-17
1048Canada2026-10-12
1049Germany2026-10-25

On-Demand Data

NameIdCountryDate
Arvin Y Perin1000Brazil2026-10-19
Jennifer C Ferencz1001Italy2026-10-25
Aruna O Kolmetz1002Japan2026-10-14
Nicolas B Albares1003Argentina2026-11-03
Adams Z Malet1004Japan2026-10-17
Deepesh I Malet1005Canada2026-10-11
Nicolas O Venere1006Australia2026-10-22
Francesco V Campain1007Russia2026-11-06
Costa P Amigon1008France2026-11-04
Kaitlin J Marrier1009Brazil2026-10-25
James O Albares1010Argentina2026-10-31
Clifford Z Royster1011Japan2026-10-27
Costa V Whobrey1012Argentina2026-11-08
Maria D Vocelka1013Brazil2026-10-22
Aditya H Maclead1014Japan2026-10-23
Tony W Bolognia1015Spain2026-10-31
Darci O Inouye1016Brazil2026-11-07
Isabel S Caudy1017Spain2026-10-17
Clifford P Whobrey1018Spain2026-10-14
Costa L Rim1019Brazil2026-10-13
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Smith R CampainArgentinaAsiya Javayant UNQUALIFIED
Francesco P FerenczFranceIoni Bowcher UNQUALIFIED
Munro Z MorascaRussiaIvan Magalhaes NEW
Wickens D FollerItalyIvan Magalhaes NEGOTIATION
Rodrigues N WaycottJapanXuxue Feng QUALIFIED
Darci C SergiFranceIoni Bowcher NEGOTIATION
Izzy J DilliardArgentinaStephen Shaw NEGOTIATION
Chavez N DarakjyRussiaAsiya Javayant PROPOSAL
Rodrigues Q AlbaresIndiaAnna Fali RENEWAL
Ashley F BowleySpainAnna Fali QUALIFIED
Costa C TollnerUnited KingdomElwin Sharvill QUALIFIED
Mujtaba D RulapaughUnited KingdomAnna Fali RENEWAL
Jefferson U BologniaGermanyAmy Elsner NEGOTIATION
Clifford N SchemmerItalyBernardo Dominic PROPOSAL
Jennifer K PaprockiIndiaAsiya Javayant NEW
Maisha S ShinkoCanadaAmy Elsner RENEWAL
Tony H GillianGermanyBernardo Dominic QUALIFIED
Rodrigues O MorascaFranceAnna Fali NEW
Leon Q PoquetteAustraliaAsiya Javayant QUALIFIED
Ricardo Y BowleyArgentinaBernardo Dominic NEW
Jones P AlbaresFranceElwin Sharvill RENEWAL
Darci I SlusarskiSpainAnna Fali RENEWAL
James I MarrierUnited KingdomAmy Elsner RENEWAL
Izzy U MorascaBrazilIvan Magalhaes RENEWAL
Izzy C DilliardArgentinaOnyama Limba QUALIFIED
Greenwood F NickaIndiaOnyama Limba NEW
Clifford W MarrierJapanAnna Fali UNQUALIFIED
Munro H GauchoGermanyXuxue Feng PROPOSAL
Nicolas H BowleyFranceAsiya Javayant PROPOSAL
Leon A StockhamAustraliaIoni Bowcher PROPOSAL
Aruna Y AmigonSpainIoni Bowcher NEGOTIATION
Francesco H CaudyUnited KingdomStephen Shaw RENEWAL
Mayumi G GauchoIndiaAnna Fali QUALIFIED
Wickens K IturbideFranceIoni Bowcher UNQUALIFIED
David B StockhamAustraliaElwin Sharvill PROPOSAL
Murillo J PaprockiItalyOnyama Limba NEGOTIATION
Julie L RulapaughSpainBernardo Dominic PROPOSAL
Antonio P DarakjyItalyStephen Shaw QUALIFIED
Juan P SchemmerAustraliaIvan Magalhaes PROPOSAL
Jefferson J MacleadJapanIoni Bowcher 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>