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
Darci H OstroskyBrazilOnyama Limba NEW
Mujtaba A SaylorsGermanyXuxue Feng NEW
Arvin S DarakjyGermanyAmy Elsner UNQUALIFIED
Nicolas G DarakjyFranceAnna Fali PROPOSAL
Wickens Z NestleRussiaAmy Elsner PROPOSAL
Rodrigues R ButtAustraliaBernardo Dominic NEGOTIATION
Alejandro W GauchoRussiaOnyama Limba NEGOTIATION
Munro I SaylorsJapanStephen Shaw NEW
Jeanfrancois F MaletAustraliaXuxue Feng RENEWAL
Ashley D FerenczItalyStephen Shaw RENEWAL
Maria C MaletRussiaAsiya Javayant NEW
Faith B SlusarskiIndiaOnyama Limba QUALIFIED
Rodrigues W SaylorsCanadaAmy Elsner QUALIFIED
Kadeem E ButtBrazilStephen Shaw RENEWAL
Jones X BowleyCanadaBernardo Dominic NEGOTIATION
Kadeem O MarrierItalyAsiya Javayant QUALIFIED
Octavia A KolmetzSpainOnyama Limba PROPOSAL
Mayumi E MorascaFranceBernardo Dominic UNQUALIFIED
Isabel R FollerCanadaBernardo Dominic PROPOSAL
Juan D TollnerGermanyBernardo Dominic NEW
Greenwood X ShinkoArgentinaIvan Magalhaes QUALIFIED
Octavia N CaldareraUnited KingdomBernardo Dominic UNQUALIFIED
Kaitlin U StensethSpainXuxue Feng NEGOTIATION
Deepesh Y FerenczItalyIoni Bowcher UNQUALIFIED
Stacey L PerinJapanOnyama Limba NEW
Emily S AlbaresFranceIvan Magalhaes NEGOTIATION
Mayumi V PaprockiJapanIoni Bowcher UNQUALIFIED
Ivar L VenereJapanStephen Shaw QUALIFIED
Misaki T FlosiGermanyElwin Sharvill NEW
Nicolas I VenereSpainAsiya Javayant NEGOTIATION
Ivar C GlickJapanStephen Shaw RENEWAL
Aruna S FigeroaFranceElwin Sharvill QUALIFIED
Stacey Y RutaRussiaAsiya Javayant PROPOSAL
Wickens I StensethAustraliaAsiya Javayant QUALIFIED
Deepesh F RimItalyElwin Sharvill QUALIFIED
Tony R MarrierJapanIoni Bowcher UNQUALIFIED
Sinclair S GlickArgentinaXuxue Feng QUALIFIED
Jennifer F RutaUnited KingdomAmy Elsner QUALIFIED
Darci V SaylorsArgentinaAmy Elsner RENEWAL
Rodrigues M PoquetteSpainElwin Sharvill UNQUALIFIED
Mayumi W BowleySpainIoni Bowcher RENEWAL
Deepesh Z FollerAustraliaIoni Bowcher NEW
Deepesh H KolmetzGermanyElwin Sharvill QUALIFIED
Rodrigues O AmigonItalyStephen Shaw PROPOSAL
Mujtaba J WieserIndiaAnna Fali RENEWAL
Smith J WaycottArgentinaElwin Sharvill QUALIFIED
Antonio W CaudyJapanIoni Bowcher PROPOSAL
Arvin N SchemmerSpainAnna Fali QUALIFIED
Murillo F CaudyJapanAsiya Javayant QUALIFIED
Johnson A KuskoCanadaIvan Magalhaes UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Johnson E PaprockiArgentinaAsiya Javayant UNQUALIFIED
Jennifer W GlickFranceElwin Sharvill PROPOSAL
Jeanfrancois Q OstroskyAustraliaAsiya Javayant RENEWAL
Julie C VenereGermanyIvan Magalhaes NEW
Smith S StockhamGermanyOnyama Limba NEGOTIATION
Francesco T RulapaughJapanAmy Elsner UNQUALIFIED
Leja P RulapaughBrazilXuxue Feng RENEWAL
Faith Z AmigonAustraliaAsiya Javayant UNQUALIFIED
Octavia U BowleyItalyXuxue Feng PROPOSAL
Silvio I NestleItalyAmy Elsner NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Rodrigues Z GauchoJapan2026-10-26Morlong Associates RENEWAL66Anna Fali
1001Jennifer F WhobreyItaly2026-10-23Morlong Associates QUALIFIED17Anna Fali
1002Jennifer F RulapaughArgentina2026-10-22Chapman, Ross E Esq UNQUALIFIED26Ioni Bowcher
1003Isabel W CampainCanada2026-10-31Chapman, Ross E Esq NEW8Stephen Shaw
1004Jeanfrancois A BowleyRussia2026-10-28Truhlar And Truhlar Attys PROPOSAL12Anna Fali
1005Wickens I RutaIndia2026-10-25King, Christopher A Esq QUALIFIED51Elwin Sharvill
1006Misaki A BriddickArgentina2026-11-10Benton, John B Jr RENEWAL32Xuxue Feng
1007Tony J PaprockiBrazil2026-10-17Feltz Printing Service PROPOSAL27Stephen Shaw
1008Ricardo J RulapaughBrazil2026-11-06Chapman, Ross E Esq NEW19Ivan Magalhaes
1009Kadeem L StensethUnited Kingdom2026-10-16Truhlar And Truhlar Attys PROPOSAL32Anna Fali
1010Alejandro Z IturbideSpain2026-10-19King, Christopher A Esq UNQUALIFIED37Xuxue Feng
1011Leon B VenereJapan2026-10-16Feltz Printing Service NEGOTIATION68Anna Fali
1012Maria C SlusarskiArgentina2026-11-06Feltz Printing Service NEGOTIATION99Onyama Limba
1013Tony D RoysterUnited Kingdom2026-10-31Chemel, James L Cpa NEGOTIATION67Elwin Sharvill
1014Jefferson P PoquetteSpain2026-11-09Truhlar And Truhlar Attys NEGOTIATION2Onyama Limba
1015Deepesh I WhobreyAustralia2026-11-04Benton, John B Jr NEGOTIATION22Asiya Javayant
1016Sinclair P PaprockiBrazil2026-10-27Chanay, Jeffrey A Esq NEW70Anna Fali
1017Greenwood T GlickGermany2026-10-19Commercial Press RENEWAL62Amy Elsner
1018Aika H MorascaBrazil2026-10-13King, Christopher A Esq RENEWAL41Elwin Sharvill
1019Costa U MaletBrazil2026-10-22Chanay, Jeffrey A Esq QUALIFIED10Anna Fali
1020Maria R BologniaRussia2026-11-05Chanay, Jeffrey A Esq QUALIFIED26Asiya Javayant
1021Mujtaba V GlickCanada2026-10-19Commercial Press PROPOSAL33Stephen Shaw
1022Emily C RutaAustralia2026-10-16Chemel, James L Cpa NEGOTIATION89Asiya Javayant
1023Ashley O KuskoItaly2026-10-24Feltz Printing Service PROPOSAL98Xuxue Feng
1024Munro N WaycottCanada2026-10-13Buckley Miller Wright UNQUALIFIED84Asiya Javayant
1025Nicolas N BriddickSpain2026-10-22Chanay, Jeffrey A Esq NEGOTIATION12Ioni Bowcher
1026Nicolas U FigeroaGermany2026-11-05Truhlar And Truhlar Attys UNQUALIFIED17Onyama Limba
1027Claire S GarufiItaly2026-11-07Rangoni Of Florence UNQUALIFIED88Ioni Bowcher
1028Arvin Z FerenczRussia2026-10-13Truhlar And Truhlar Attys NEGOTIATION21Anna Fali
1029Jennifer B AmigonItaly2026-10-20Chanay, Jeffrey A Esq NEGOTIATION61Elwin Sharvill
1030Tony R SergiAustralia2026-10-21Benton, John B Jr NEW96Xuxue Feng
1031David T PaprockiAustralia2026-10-28Morlong Associates UNQUALIFIED82Onyama Limba
1032Aruna U MarrierCanada2026-11-02Chemel, James L Cpa RENEWAL4Anna Fali
1033Jefferson M CampainBrazil2026-11-06Rangoni Of Florence NEGOTIATION12Ivan Magalhaes
1034Mujtaba W RoysterCanada2026-11-05Printing Dimensions NEGOTIATION72Xuxue Feng
1035Murillo N MaletSpain2026-10-31Benton, John B Jr NEW75Amy Elsner
1036Silvio Z RutaIndia2026-10-23Morlong Associates PROPOSAL98Bernardo Dominic
1037Costa K ShinkoFrance2026-10-19Dorl, James J Esq QUALIFIED73Anna Fali
1038Silvio W DarakjyItaly2026-10-15Rousseaux, Michael Esq RENEWAL2Amy Elsner
1039Morrow K NestleUnited Kingdom2026-11-05Rangoni Of Florence NEW89Stephen Shaw
1040Maria C MacleadAustralia2026-11-02Buckley Miller Wright NEW22Elwin Sharvill
1041Jones I StockhamIndia2026-10-29Chanay, Jeffrey A Esq NEW66Bernardo Dominic
1042Murillo H CaudyIndia2026-10-13Chapman, Ross E Esq UNQUALIFIED39Onyama Limba
1043Aruna H FlosiFrance2026-11-11Feltz Printing Service PROPOSAL48Xuxue Feng
1044Arvin E RimBrazil2026-10-18Morlong Associates UNQUALIFIED2Onyama Limba
1045Juan A BologniaUnited Kingdom2026-10-28Chapman, Ross E Esq RENEWAL45Elwin Sharvill
1046Deepesh I FigeroaCanada2026-10-16Buckley Miller Wright QUALIFIED60Anna Fali
1047Kadeem D ChuiRussia2026-10-14Rousseaux, Michael Esq PROPOSAL91Bernardo Dominic
1048Silvio B RimArgentina2026-10-14Feltz Printing Service NEW33Asiya Javayant
1049Johnson G MacleadSpain2026-10-29Dorl, James J Esq PROPOSAL26Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Jeanfrancois V RutaItalyIvan Magalhaes QUALIFIED
David A StensethArgentinaBernardo Dominic UNQUALIFIED
Munro R BriddickGermanyAsiya Javayant QUALIFIED
Sinclair Y MacleadAustraliaElwin Sharvill UNQUALIFIED
Wickens P GillianSpainOnyama Limba QUALIFIED
Darci U NickaSpainAnna Fali RENEWAL
Izzy I KolmetzBrazilElwin Sharvill NEGOTIATION
Munro R BowleyRussiaStephen Shaw UNQUALIFIED
Jennifer X BologniaFranceElwin Sharvill UNQUALIFIED
James N SergiFranceIoni Bowcher QUALIFIED
Chavez I MaletAustraliaBernardo Dominic QUALIFIED
Juan V DarakjyAustraliaAnna Fali NEW
Cody J IturbideUnited KingdomIoni Bowcher NEGOTIATION
Aruna F AmigonCanadaOnyama Limba NEW
Ricardo O MaletArgentinaIvan Magalhaes NEW
Jennifer N MorascaArgentinaXuxue Feng NEGOTIATION
Arvin Z GarufiCanadaOnyama Limba QUALIFIED
Leon T TollnerBrazilIoni Bowcher UNQUALIFIED
Juan J FlosiFranceAsiya Javayant PROPOSAL
Mayumi R KuskoCanadaAsiya Javayant NEGOTIATION
Kadeem Q SlusarskiCanadaIvan Magalhaes PROPOSAL
Faith K PoquetteCanadaAsiya Javayant RENEWAL
Darci M IturbideGermanyAnna Fali QUALIFIED
Murillo V PaprockiArgentinaBernardo Dominic QUALIFIED
Mayumi W GillianIndiaAnna Fali RENEWAL
Mujtaba X CampainSpainElwin Sharvill NEW
Isabel S FerenczItalyAmy Elsner QUALIFIED
Ivar L FlosiGermanyXuxue Feng QUALIFIED
Ricardo V VenereIndiaStephen Shaw NEW
Salvatore S SergiFranceOnyama Limba QUALIFIED
Sinclair J FollerRussiaBernardo Dominic RENEWAL
Claire Q AlbaresBrazilIoni Bowcher RENEWAL
Francesco V PoquetteArgentinaXuxue Feng NEW
Tony E StensethAustraliaIvan Magalhaes NEW
Octavia G RutaCanadaAmy Elsner QUALIFIED
Wickens W GauchoFranceAnna Fali NEW
Faith L IturbideFranceStephen Shaw UNQUALIFIED
Julie P RimCanadaAsiya Javayant QUALIFIED
Stacey I NestleAustraliaAnna Fali RENEWAL
Aruna F MorascaGermanyIoni Bowcher QUALIFIED
Rodrigues W RoysterRussiaIoni Bowcher QUALIFIED
Sinclair P MacleadCanadaStephen Shaw RENEWAL
Arvin X SchemmerBrazilIoni Bowcher QUALIFIED
Sinclair A RutaArgentinaAsiya Javayant RENEWAL
Chavez P OldroydAustraliaIvan Magalhaes QUALIFIED
Ricardo M RoysterBrazilXuxue Feng PROPOSAL
Greenwood V VenereAustraliaIoni Bowcher QUALIFIED
Tony Y FerenczCanadaAmy Elsner UNQUALIFIED
Octavia T ButtAustraliaAsiya Javayant RENEWAL
Clifford N WaycottBrazilXuxue Feng QUALIFIED
Frozen Columns
Name
Aika W Waycott
Cody S Maclead
Deepesh A Albares
Arvin A Nestle
Deepesh P Venere
Ashley M Figeroa
Ashley F Nicka
Julie W Whobrey
Costa W Inouye
Munro D Ostrosky
Salvatore T Tollner
Adams F Darakjy
Stacey W Inouye
Johnson S Iturbide
Ricardo K Kusko
Maisha Y Butt
Jennifer F Rim
Mujtaba Z Maclead
Leja B Foller
Kaitlin G Foller
Jefferson W Nestle
Alejandro B Malet
Clifford U Garufi
Rodrigues Q Figeroa
Adams L Shinko
Julie M Amigon
Maria A Ferencz
Maria E Morasca
Salvatore S Bolognia
Wickens C Stockham
Murillo O Oldroyd
Misaki W Whobrey
Isabel K Ruta
Jones K Iturbide
Kaitlin W Maclead
Munro J Vocelka
Jennifer Z Dilliard
Jeanfrancois G Slusarski
Antonio B Caudy
Faith E Garufi
Tony D Kolmetz
Darci Y Nestle
Costa M Shinko
Juan V Foller
Ivar V Oldroyd
Arvin L Whobrey
Jennifer K Marrier
Faith M Glick
Aruna N Whobrey
Jeanfrancois E Shinko
IdCountryDate
1000Japan2026-11-11
1001Italy2026-10-17
1002Canada2026-10-25
1003Italy2026-10-18
1004Canada2026-10-17
1005Japan2026-10-26
1006Italy2026-11-09
1007Germany2026-11-05
1008Italy2026-10-17
1009Spain2026-10-18
1010Brazil2026-10-30
1011Italy2026-10-13
1012France2026-11-08
1013Spain2026-11-09
1014Italy2026-11-07
1015United Kingdom2026-11-09
1016Italy2026-10-16
1017Germany2026-10-25
1018Russia2026-10-19
1019United Kingdom2026-11-06
1020Australia2026-11-08
1021Italy2026-10-18
1022Brazil2026-11-04
1023Japan2026-10-13
1024Australia2026-10-28
1025Australia2026-10-15
1026Argentina2026-11-06
1027Spain2026-10-21
1028Australia2026-10-30
1029Argentina2026-11-10
1030Argentina2026-10-17
1031Australia2026-11-03
1032India2026-10-19
1033Italy2026-10-15
1034Japan2026-11-09
1035France2026-10-18
1036France2026-11-08
1037Canada2026-11-02
1038France2026-10-22
1039Spain2026-10-31
1040United Kingdom2026-11-08
1041Russia2026-10-31
1042France2026-10-13
1043Japan2026-10-23
1044Russia2026-11-06
1045Brazil2026-10-18
1046Brazil2026-11-01
1047Brazil2026-10-24
1048Canada2026-11-02
1049Argentina2026-10-31

On-Demand Data

NameIdCountryDate
Francesco C Gillian1000Canada2026-11-11
Izzy F Vocelka1001Japan2026-11-01
Munro G Iturbide1002Japan2026-10-14
Clifford E Paprocki1003France2026-11-04
Octavia Z Saylors1004Italy2026-10-29
Cody S Bolognia1005India2026-11-07
Mujtaba H Flosi1006Australia2026-10-16
Nicolas C Figeroa1007Russia2026-10-22
Costa X Dilliard1008Japan2026-10-20
Emily G Figeroa1009Argentina2026-10-21
Darci U Wieser1010Germany2026-11-11
Ashley F Kusko1011Japan2026-11-05
Julie V Venere1012India2026-10-24
Rodrigues A Maclead1013United Kingdom2026-10-21
Alejandro D Marrier1014France2026-11-11
Rodrigues F Stockham1015Germany2026-10-24
Isabel W Tollner1016Italy2026-11-04
Emily O Maclead1017France2026-11-07
Misaki S Stenseth1018Argentina2026-10-24
Jones W Royster1019Canada2026-10-30
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Juan P SaylorsSpainAsiya Javayant UNQUALIFIED
Rodrigues R SlusarskiCanadaOnyama Limba UNQUALIFIED
Nicolas I FlosiRussiaStephen Shaw PROPOSAL
Darci U CaldareraIndiaIvan Magalhaes UNQUALIFIED
Murillo C RimUnited KingdomStephen Shaw NEGOTIATION
Darci L NestleCanadaOnyama Limba NEGOTIATION
Octavia L DoeFranceOnyama Limba NEGOTIATION
Juan Z StockhamJapanXuxue Feng NEGOTIATION
Octavia X OldroydFranceAsiya Javayant UNQUALIFIED
Julie Z VenereGermanyXuxue Feng PROPOSAL
Jones P FerenczIndiaAnna Fali NEGOTIATION
Arvin L GlickFranceAnna Fali RENEWAL
James M SchemmerIndiaOnyama Limba PROPOSAL
Rodrigues D PerinJapanElwin Sharvill QUALIFIED
Isabel I OstroskyGermanyAmy Elsner QUALIFIED
Jennifer U DoeJapanOnyama Limba PROPOSAL
Stacey O FerenczSpainStephen Shaw NEGOTIATION
Octavia L BowleyRussiaAmy Elsner NEGOTIATION
Jefferson I ShinkoRussiaStephen Shaw NEW
Wickens R VocelkaAustraliaStephen Shaw NEW
Aditya G WaycottJapanAsiya Javayant NEGOTIATION
Murillo G BriddickCanadaIoni Bowcher QUALIFIED
Faith U OldroydFranceStephen Shaw NEW
James P AmigonItalyXuxue Feng NEGOTIATION
Ashley Q SergiItalyElwin Sharvill NEW
Stacey X WhobreyJapanXuxue Feng RENEWAL
Kaitlin J SaylorsArgentinaBernardo Dominic NEW
Leon A WieserRussiaElwin Sharvill PROPOSAL
Murillo G KuskoAustraliaXuxue Feng RENEWAL
Munro I GauchoItalyIoni Bowcher PROPOSAL
Izzy T KolmetzFranceXuxue Feng UNQUALIFIED
Aditya W ButtRussiaElwin Sharvill NEW
Aditya C GarufiArgentinaOnyama Limba NEW
Arvin M KolmetzSpainXuxue Feng NEW
Aruna O KuskoGermanyXuxue Feng QUALIFIED
Morrow Y RimSpainStephen Shaw PROPOSAL
James J NestleAustraliaIvan Magalhaes RENEWAL
Juan W WhobreyFranceXuxue Feng QUALIFIED
Jones R NestleItalyAnna Fali RENEWAL
Arvin T OstroskyJapanAnna Fali NEGOTIATION

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