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
Julie T OstroskyRussiaIvan Magalhaes NEGOTIATION
Leon X KolmetzSpainXuxue Feng NEGOTIATION
Kaitlin J FigeroaUnited KingdomAmy Elsner PROPOSAL
Juan I RoysterAustraliaAnna Fali PROPOSAL
James R MaletBrazilOnyama Limba QUALIFIED
Aika S CaudyGermanyElwin Sharvill PROPOSAL
Juan H GillianJapanOnyama Limba NEW
Wickens U StockhamIndiaIvan Magalhaes NEGOTIATION
Costa D GauchoUnited KingdomIoni Bowcher PROPOSAL
Darci X WhobreyIndiaIoni Bowcher NEW
Tony N GlickItalyElwin Sharvill PROPOSAL
Munro Y ChuiUnited KingdomStephen Shaw RENEWAL
Aruna B SlusarskiGermanyIoni Bowcher NEW
Claire J WieserJapanAsiya Javayant PROPOSAL
Deepesh W GarufiSpainAsiya Javayant UNQUALIFIED
Sinclair H FollerBrazilAsiya Javayant RENEWAL
Jennifer L ButtJapanOnyama Limba QUALIFIED
Murillo G MarrierAustraliaAnna Fali QUALIFIED
Munro C PerinGermanyIoni Bowcher RENEWAL
Faith I VocelkaGermanyIoni Bowcher PROPOSAL
Stacey L ShinkoCanadaAnna Fali PROPOSAL
Ricardo P GlickGermanyIvan Magalhaes RENEWAL
Julie O MaletArgentinaAsiya Javayant UNQUALIFIED
James O SlusarskiJapanAnna Fali PROPOSAL
Adams J RimGermanyElwin Sharvill QUALIFIED
Aika L AmigonCanadaBernardo Dominic UNQUALIFIED
Adams Q SergiBrazilOnyama Limba PROPOSAL
Cody N AmigonCanadaStephen Shaw NEGOTIATION
Sinclair T CampainIndiaAnna Fali QUALIFIED
Ivar D CaudyIndiaXuxue Feng RENEWAL
Mayumi B GillianIndiaIoni Bowcher QUALIFIED
Ricardo V MorascaJapanAmy Elsner RENEWAL
Rodrigues R FigeroaAustraliaStephen Shaw RENEWAL
Ashley H GillianFranceStephen Shaw UNQUALIFIED
Ricardo O OstroskyArgentinaAnna Fali QUALIFIED
Julie Z CampainAustraliaStephen Shaw NEGOTIATION
Smith Z VenereArgentinaOnyama Limba QUALIFIED
Misaki D GlickRussiaAnna Fali QUALIFIED
Izzy X WieserRussiaOnyama Limba NEW
Maisha W DarakjyIndiaBernardo Dominic UNQUALIFIED
Jennifer Z MacleadSpainIvan Magalhaes UNQUALIFIED
Leon Y ShinkoFranceAnna Fali RENEWAL
Alejandro I FlosiArgentinaElwin Sharvill NEW
Antonio Z CaudyGermanyAnna Fali UNQUALIFIED
Leon J MacleadBrazilElwin Sharvill NEW
Francesco Q IturbideUnited KingdomAmy Elsner RENEWAL
Leja G SergiArgentinaAmy Elsner UNQUALIFIED
Leja Q FerenczBrazilOnyama Limba RENEWAL
Mujtaba T SaylorsFranceStephen Shaw NEGOTIATION
Jennifer H DarakjyBrazilIvan Magalhaes NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Ricardo X BologniaFranceIvan Magalhaes RENEWAL
Wickens J GarufiRussiaElwin Sharvill NEGOTIATION
Izzy E NestleBrazilIoni Bowcher NEW
Mujtaba L DoeRussiaOnyama Limba PROPOSAL
Ricardo A MacleadIndiaElwin Sharvill NEGOTIATION
Alejandro D StockhamFranceXuxue Feng RENEWAL
Morrow Y BowleyArgentinaStephen Shaw RENEWAL
Ivar U NickaGermanyIoni Bowcher PROPOSAL
Rodrigues L DilliardBrazilAsiya Javayant NEGOTIATION
Murillo S GlickRussiaAmy Elsner NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Kaitlin L KuskoArgentina2026-10-16Rangoni Of Florence QUALIFIED49Anna Fali
1001Kadeem H VocelkaJapan2026-10-14Feltz Printing Service RENEWAL75Onyama Limba
1002Alejandro D StockhamArgentina2026-11-05Commercial Press QUALIFIED37Ioni Bowcher
1003Mayumi G BologniaCanada2026-10-15Rangoni Of Florence QUALIFIED82Anna Fali
1004Kadeem O CaudyFrance2026-10-30Rangoni Of Florence PROPOSAL54Ioni Bowcher
1005Jefferson M InouyeGermany2026-11-07Printing Dimensions QUALIFIED38Bernardo Dominic
1006Aruna Z CaldareraFrance2026-10-18Dorl, James J Esq NEW31Xuxue Feng
1007Juan F WaycottBrazil2026-10-22Morlong Associates RENEWAL14Elwin Sharvill
1008Kaitlin I MarrierSpain2026-10-30Rousseaux, Michael Esq QUALIFIED31Elwin Sharvill
1009Francesco F IturbideBrazil2026-10-18Chemel, James L Cpa QUALIFIED31Onyama Limba
1010Kaitlin K OstroskyCanada2026-10-30Chemel, James L Cpa UNQUALIFIED25Onyama Limba
1011Tony J BologniaJapan2026-11-02Morlong Associates NEGOTIATION90Stephen Shaw
1012Alejandro U MaletIndia2026-11-08Benton, John B Jr RENEWAL71Elwin Sharvill
1013Ivar M CampainArgentina2026-10-25Feltz Printing Service PROPOSAL46Ioni Bowcher
1014Aika E BologniaIndia2026-11-01Feltz Printing Service NEW47Ioni Bowcher
1015Arvin V PerinUnited Kingdom2026-10-28King, Christopher A Esq PROPOSAL51Xuxue Feng
1016Ricardo X RimSpain2026-10-23Buckley Miller Wright UNQUALIFIED28Bernardo Dominic
1017Clifford Y GauchoBrazil2026-10-22King, Christopher A Esq RENEWAL82Xuxue Feng
1018Jennifer V RutaFrance2026-10-22Dorl, James J Esq NEGOTIATION84Asiya Javayant
1019Aruna W BriddickFrance2026-10-22Morlong Associates PROPOSAL79Amy Elsner
1020Ricardo Y VocelkaArgentina2026-10-31King, Christopher A Esq UNQUALIFIED47Amy Elsner
1021Darci Z FigeroaItaly2026-10-27Feiner Bros NEW25Anna Fali
1022Deepesh U NickaAustralia2026-11-10Dorl, James J Esq NEGOTIATION22Asiya Javayant
1023Leja H BriddickAustralia2026-10-27Rousseaux, Michael Esq RENEWAL71Amy Elsner
1024Stacey U VocelkaAustralia2026-11-09Rousseaux, Michael Esq PROPOSAL97Ioni Bowcher
1025Rodrigues B PaprockiUnited Kingdom2026-10-15Buckley Miller Wright UNQUALIFIED29Ivan Magalhaes
1026Alejandro Z RutaIndia2026-10-17King, Christopher A Esq RENEWAL48Amy Elsner
1027Silvio H DarakjyFrance2026-10-25Chemel, James L Cpa QUALIFIED71Anna Fali
1028Mujtaba I CaudyGermany2026-10-23Benton, John B Jr NEGOTIATION64Bernardo Dominic
1029Izzy N CaudyBrazil2026-10-16Chapman, Ross E Esq NEW20Ivan Magalhaes
1030Mujtaba U ChuiFrance2026-11-04Buckley Miller Wright PROPOSAL69Ioni Bowcher
1031Emily Z ShinkoItaly2026-11-03Truhlar And Truhlar Attys UNQUALIFIED81Onyama Limba
1032Emily Z FlosiFrance2026-11-02Morlong Associates NEW1Amy Elsner
1033Darci Z SchemmerItaly2026-11-02King, Christopher A Esq QUALIFIED3Onyama Limba
1034Sinclair P StensethGermany2026-10-29Benton, John B Jr NEW87Xuxue Feng
1035Antonio D CampainFrance2026-10-24Chapman, Ross E Esq PROPOSAL3Ivan Magalhaes
1036Faith I MacleadJapan2026-11-07Dorl, James J Esq QUALIFIED12Stephen Shaw
1037Rodrigues C GillianCanada2026-11-09Rousseaux, Michael Esq QUALIFIED36Onyama Limba
1038Jennifer Y AmigonItaly2026-10-28Chapman, Ross E Esq NEW16Ivan Magalhaes
1039Juan L PaprockiRussia2026-11-04Rangoni Of Florence UNQUALIFIED19Ioni Bowcher
1040Ricardo P MarrierAustralia2026-11-11Commercial Press UNQUALIFIED38Asiya Javayant
1041Wickens H MarrierJapan2026-11-09Feltz Printing Service QUALIFIED73Elwin Sharvill
1042Maria F IturbideCanada2026-11-07Feiner Bros PROPOSAL91Amy Elsner
1043Aditya C ShinkoIndia2026-11-09Chanay, Jeffrey A Esq NEGOTIATION75Amy Elsner
1044Aruna C OldroydFrance2026-10-27Rangoni Of Florence QUALIFIED61Asiya Javayant
1045Francesco C CampainArgentina2026-11-07Chanay, Jeffrey A Esq QUALIFIED70Xuxue Feng
1046Darci A ChuiRussia2026-10-24Rousseaux, Michael Esq NEW10Ivan Magalhaes
1047Sinclair B SaylorsBrazil2026-10-23Truhlar And Truhlar Attys QUALIFIED15Ioni Bowcher
1048David W BologniaJapan2026-11-05Rousseaux, Michael Esq NEW29Elwin Sharvill
1049Jefferson T FlosiArgentina2026-11-02Benton, John B Jr PROPOSAL28Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Francesco K ChuiItalyOnyama Limba RENEWAL
Chavez Y OldroydJapanAsiya Javayant NEGOTIATION
Stacey L SchemmerJapanAmy Elsner RENEWAL
Kadeem O AlbaresUnited KingdomIvan Magalhaes NEGOTIATION
Maria O FlosiItalyIvan Magalhaes NEW
Ivar J NestleBrazilIoni Bowcher NEW
Izzy I MacleadItalyStephen Shaw NEW
Murillo M AlbaresSpainStephen Shaw PROPOSAL
Isabel I MaletIndiaBernardo Dominic UNQUALIFIED
Darci R MacleadAustraliaOnyama Limba NEGOTIATION
Alejandro L PoquetteIndiaAmy Elsner PROPOSAL
Clifford C RimRussiaAmy Elsner QUALIFIED
Francesco V BowleyBrazilBernardo Dominic NEGOTIATION
Octavia Z SlusarskiAustraliaAnna Fali NEW
Darci T CaudyGermanyBernardo Dominic NEGOTIATION
Murillo X IturbideSpainIoni Bowcher NEGOTIATION
Jones K MaletSpainAnna Fali RENEWAL
Greenwood F BriddickGermanyIvan Magalhaes QUALIFIED
Kadeem Z NestleAustraliaAmy Elsner QUALIFIED
Aditya J DarakjyUnited KingdomStephen Shaw NEW
Maria S GlickGermanyXuxue Feng NEW
Clifford D GillianItalyAmy Elsner NEGOTIATION
Smith Q OldroydCanadaAsiya Javayant PROPOSAL
Murillo K StockhamItalyAmy Elsner NEW
Costa V PaprockiCanadaElwin Sharvill NEW
Smith Q PaprockiCanadaAnna Fali NEGOTIATION
Julie D RulapaughIndiaAmy Elsner UNQUALIFIED
Darci M RutaUnited KingdomXuxue Feng RENEWAL
Jeanfrancois R VenereItalyBernardo Dominic PROPOSAL
Darci J WhobreyBrazilElwin Sharvill QUALIFIED
Leja J FerenczRussiaIvan Magalhaes NEGOTIATION
Smith V ShinkoArgentinaXuxue Feng RENEWAL
Ashley B MacleadJapanStephen Shaw NEW
Wickens W SlusarskiCanadaAsiya Javayant NEGOTIATION
Emily A PaprockiBrazilElwin Sharvill PROPOSAL
Octavia F CampainUnited KingdomAsiya Javayant RENEWAL
Octavia I RulapaughArgentinaAnna Fali QUALIFIED
Maria K ButtArgentinaIoni Bowcher QUALIFIED
Faith X WaycottArgentinaAsiya Javayant QUALIFIED
Leja L MorascaUnited KingdomXuxue Feng NEGOTIATION
Salvatore Q RoysterGermanyStephen Shaw NEGOTIATION
Emily B ChuiItalyIvan Magalhaes PROPOSAL
Antonio E FerenczBrazilAsiya Javayant QUALIFIED
Rodrigues Y CampainBrazilAnna Fali NEGOTIATION
Clifford K RutaAustraliaBernardo Dominic PROPOSAL
Faith K BologniaArgentinaAnna Fali RENEWAL
Julie G SergiItalyOnyama Limba UNQUALIFIED
Wickens X BologniaItalyStephen Shaw PROPOSAL
Tony Y DarakjyUnited KingdomXuxue Feng PROPOSAL
Jones N SergiRussiaElwin Sharvill PROPOSAL
Frozen Columns
Name
David C Shinko
Leja M Bowley
Jones T Briddick
Jefferson Q Shinko
Maria M Garufi
Rodrigues F Glick
Jeanfrancois E Royster
Munro O Bowley
Faith H Malet
Kaitlin U Rulapaugh
Julie U Caudy
Ivar Q Schemmer
Smith F Doe
Silvio L Caldarera
Cody G Ferencz
Claire G Tollner
Johnson Y Slusarski
James C Poquette
Aruna W Bolognia
Tony Y Wieser
Sinclair U Malet
Maisha F Wieser
Julie R Bowley
Claire R Stockham
Aditya F Doe
Cody O Flosi
Juan R Ostrosky
Salvatore N Caudy
Cody R Dilliard
David V Darakjy
Cody I Doe
Kadeem M Marrier
Maria W Vocelka
Izzy V Nestle
Adams E Nicka
Claire J Tollner
Octavia X Venere
Jennifer H Stenseth
Mujtaba O Sergi
Clifford B Foller
Jeanfrancois K Ruta
Greenwood W Whobrey
Mayumi H Tollner
Francesco A Paprocki
Johnson G Bolognia
Maria M Poquette
Smith N Oldroyd
Salvatore Y Kolmetz
Costa R Rim
Ashley X Shinko
IdCountryDate
1000United Kingdom2026-10-25
1001United Kingdom2026-11-04
1002Spain2026-10-19
1003Argentina2026-10-31
1004Italy2026-11-08
1005Canada2026-10-15
1006Australia2026-11-01
1007Italy2026-11-10
1008Japan2026-11-04
1009Japan2026-10-22
1010United Kingdom2026-11-07
1011Germany2026-11-07
1012Italy2026-11-02
1013France2026-11-07
1014United Kingdom2026-10-14
1015Italy2026-10-28
1016Italy2026-11-01
1017Italy2026-10-17
1018Brazil2026-10-14
1019Germany2026-10-13
1020Spain2026-10-30
1021Italy2026-10-27
1022India2026-10-23
1023India2026-10-17
1024Spain2026-10-30
1025Russia2026-10-13
1026Canada2026-11-10
1027Australia2026-10-22
1028Japan2026-10-22
1029Japan2026-10-17
1030Italy2026-10-15
1031India2026-10-17
1032Brazil2026-11-11
1033Germany2026-11-09
1034Japan2026-11-01
1035India2026-10-22
1036Spain2026-11-07
1037Italy2026-11-02
1038Germany2026-10-18
1039Russia2026-10-31
1040Australia2026-11-03
1041Canada2026-10-28
1042Italy2026-10-24
1043France2026-10-27
1044United Kingdom2026-11-06
1045Germany2026-10-17
1046Spain2026-10-29
1047India2026-11-09
1048Spain2026-10-26
1049Australia2026-10-15

On-Demand Data

NameIdCountryDate
David V Caudy1000Russia2026-11-01
Claire U Malet1001Australia2026-11-01
Isabel W Maclead1002Italy2026-10-31
Chavez N Nicka1003Brazil2026-10-27
Mujtaba C Poquette1004India2026-10-20
Silvio W Malet1005India2026-11-09
Kadeem I Schemmer1006Italy2026-10-21
Jeanfrancois G Flosi1007France2026-10-18
Faith O Albares1008Spain2026-11-10
Deepesh J Chui1009Spain2026-10-18
Ricardo W Nestle1010Canada2026-10-26
Johnson R Oldroyd1011Germany2026-11-03
Cody A Kusko1012Australia2026-11-04
Claire R Ruta1013Italy2026-10-15
Aika O Ruta1014India2026-11-06
Smith R Ferencz1015Argentina2026-11-02
Alejandro D Glick1016Italy2026-10-19
Cody Y Paprocki1017Spain2026-11-10
Aruna Q Kusko1018United Kingdom2026-10-19
Jones E Stenseth1019Canada2026-10-18
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Nicolas E WhobreyBrazilAmy Elsner UNQUALIFIED
Arvin D StensethUnited KingdomAnna Fali QUALIFIED
Isabel Y NickaUnited KingdomStephen Shaw RENEWAL
Isabel T KuskoCanadaOnyama Limba PROPOSAL
Silvio R OldroydAustraliaAnna Fali PROPOSAL
Munro P PerinGermanyIoni Bowcher UNQUALIFIED
Greenwood W GarufiSpainStephen Shaw QUALIFIED
Julie L ChuiJapanAsiya Javayant QUALIFIED
Maisha B InouyeGermanyElwin Sharvill RENEWAL
Faith N KolmetzItalyStephen Shaw RENEWAL
Mayumi X BowleyAustraliaIvan Magalhaes NEW
Faith O ChuiUnited KingdomIoni Bowcher QUALIFIED
Aika M WhobreyAustraliaIoni Bowcher RENEWAL
Darci E InouyeItalyIvan Magalhaes QUALIFIED
Octavia Q FigeroaSpainBernardo Dominic RENEWAL
Mujtaba C MarrierSpainStephen Shaw RENEWAL
Jefferson L GlickArgentinaAnna Fali NEW
Leja I PerinIndiaStephen Shaw UNQUALIFIED
Isabel Z GillianAustraliaBernardo Dominic UNQUALIFIED
Rodrigues I OstroskyJapanStephen Shaw RENEWAL
Antonio P SaylorsAustraliaAsiya Javayant RENEWAL
Francesco F DoeItalyElwin Sharvill RENEWAL
Isabel T DoeArgentinaIvan Magalhaes PROPOSAL
Greenwood E DoeJapanIvan Magalhaes UNQUALIFIED
David A StensethArgentinaOnyama Limba NEGOTIATION
Isabel T OstroskyItalyAsiya Javayant NEGOTIATION
Maria I GarufiJapanOnyama Limba RENEWAL
Smith J BologniaUnited KingdomAsiya Javayant RENEWAL
Silvio G SergiAustraliaAsiya Javayant QUALIFIED
Kaitlin T NickaArgentinaXuxue Feng PROPOSAL
Maisha E AlbaresUnited KingdomIvan Magalhaes PROPOSAL
Munro W MorascaCanadaIvan Magalhaes RENEWAL
Murillo L OstroskyArgentinaBernardo Dominic UNQUALIFIED
Jeanfrancois B PerinSpainIoni Bowcher NEGOTIATION
Claire G RulapaughBrazilElwin Sharvill QUALIFIED
Jennifer R FollerArgentinaIvan Magalhaes NEGOTIATION
Johnson Y GauchoSpainIoni Bowcher NEW
Mujtaba H IturbideItalyXuxue Feng PROPOSAL
Smith C FigeroaItalyIoni Bowcher NEGOTIATION
Rodrigues L WieserArgentinaIvan 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>