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
Aditya M MaletBrazilXuxue Feng NEW
Sinclair M CaudyUnited KingdomAnna Fali UNQUALIFIED
Jones Q WaycottArgentinaIoni Bowcher NEW
Silvio R DilliardSpainStephen Shaw PROPOSAL
Leon T NickaAustraliaAsiya Javayant NEW
Misaki W CampainCanadaAsiya Javayant PROPOSAL
Nicolas A StockhamCanadaAnna Fali PROPOSAL
Stacey W GlickItalyIoni Bowcher PROPOSAL
Salvatore E WhobreyAustraliaOnyama Limba NEW
Leja Q SaylorsBrazilOnyama Limba NEW
Mayumi D MaletUnited KingdomIvan Magalhaes NEGOTIATION
Mujtaba J VocelkaGermanyXuxue Feng QUALIFIED
Ashley P AmigonCanadaElwin Sharvill PROPOSAL
Costa J TollnerRussiaIoni Bowcher UNQUALIFIED
Tony X GillianIndiaAmy Elsner UNQUALIFIED
Arvin Z MorascaRussiaXuxue Feng PROPOSAL
Octavia C BologniaAustraliaXuxue Feng NEGOTIATION
Misaki O FigeroaIndiaXuxue Feng UNQUALIFIED
Jones A SergiSpainIoni Bowcher UNQUALIFIED
Ricardo K PoquetteGermanyIoni Bowcher NEGOTIATION
Izzy E StensethItalyBernardo Dominic NEGOTIATION
Faith H ChuiSpainAnna Fali NEW
Darci D MacleadFranceElwin Sharvill NEW
Cody X BowleyUnited KingdomBernardo Dominic NEGOTIATION
Faith K CaldareraFranceBernardo Dominic NEGOTIATION
Misaki T RulapaughFranceOnyama Limba PROPOSAL
Ashley N StensethArgentinaIoni Bowcher QUALIFIED
Jeanfrancois P FollerGermanyXuxue Feng NEW
Ashley Z PoquetteAustraliaAmy Elsner PROPOSAL
Jefferson L MacleadUnited KingdomAsiya Javayant UNQUALIFIED
Octavia B DilliardGermanyXuxue Feng PROPOSAL
Faith L KolmetzUnited KingdomAnna Fali NEGOTIATION
David C ButtFranceXuxue Feng NEW
Ashley Q RutaArgentinaElwin Sharvill PROPOSAL
Aruna Z KolmetzRussiaElwin Sharvill QUALIFIED
Jefferson K SergiJapanAsiya Javayant QUALIFIED
Maria D SergiJapanAsiya Javayant RENEWAL
Mayumi G WieserAustraliaElwin Sharvill NEW
Mayumi Q RoysterBrazilOnyama Limba PROPOSAL
Jennifer Y PaprockiArgentinaOnyama Limba PROPOSAL
Deepesh L RoysterUnited KingdomElwin Sharvill RENEWAL
Salvatore C ShinkoCanadaStephen Shaw RENEWAL
Munro S ChuiIndiaAsiya Javayant QUALIFIED
Wickens K DoeSpainIoni Bowcher NEGOTIATION
Ivar F FigeroaItalyAmy Elsner QUALIFIED
Misaki N PerinSpainAsiya Javayant RENEWAL
Chavez C CaudyItalyOnyama Limba UNQUALIFIED
Jennifer R DoeItalyIoni Bowcher PROPOSAL
Arvin E NestleJapanElwin Sharvill QUALIFIED
Darci B TollnerBrazilAnna Fali PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Aika J BriddickItalyBernardo Dominic NEGOTIATION
Maria I IturbideBrazilAnna Fali RENEWAL
Kadeem P AlbaresJapanXuxue Feng UNQUALIFIED
Isabel R StockhamFranceOnyama Limba NEW
Silvio W MaletIndiaStephen Shaw NEGOTIATION
Clifford I WieserBrazilAmy Elsner NEGOTIATION
Silvio C DilliardUnited KingdomIvan Magalhaes UNQUALIFIED
Rodrigues E MaletGermanyStephen Shaw NEW
James Z WieserBrazilOnyama Limba QUALIFIED
Tony U OldroydRussiaBernardo Dominic UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Maisha X FollerSpain2026-09-28Dorl, James J Esq PROPOSAL78Stephen Shaw
1001Aditya G GarufiIndia2026-10-11King, Christopher A Esq PROPOSAL26Anna Fali
1002Smith P ShinkoItaly2026-10-02Commercial Press NEGOTIATION35Xuxue Feng
1003Leon N DilliardBrazil2026-09-18Rangoni Of Florence RENEWAL40Bernardo Dominic
1004Silvio G GauchoFrance2026-10-01Benton, John B Jr NEGOTIATION84Anna Fali
1005Clifford S DoeGermany2026-09-30Rousseaux, Michael Esq PROPOSAL29Amy Elsner
1006Mujtaba T DilliardItaly2026-09-13Morlong Associates NEW93Onyama Limba
1007Ashley E MaletIndia2026-09-17Morlong Associates RENEWAL58Elwin Sharvill
1008Claire O KuskoGermany2026-09-22Truhlar And Truhlar Attys NEGOTIATION93Bernardo Dominic
1009Izzy K PoquetteJapan2026-09-23Dorl, James J Esq RENEWAL94Ioni Bowcher
1010Jeanfrancois C ButtFrance2026-09-19Rangoni Of Florence NEGOTIATION50Bernardo Dominic
1011Wickens B DarakjyJapan2026-09-18Feiner Bros QUALIFIED94Anna Fali
1012Arvin I MarrierCanada2026-10-02Rangoni Of Florence UNQUALIFIED19Elwin Sharvill
1013Alejandro O StockhamRussia2026-10-06King, Christopher A Esq PROPOSAL53Stephen Shaw
1014Maria I GlickItaly2026-09-14King, Christopher A Esq PROPOSAL96Stephen Shaw
1015Clifford P StensethRussia2026-09-12Morlong Associates UNQUALIFIED11Ioni Bowcher
1016Jeanfrancois X AmigonSpain2026-10-05Chapman, Ross E Esq NEW72Xuxue Feng
1017Sinclair Z BowleyJapan2026-10-11Feiner Bros QUALIFIED57Elwin Sharvill
1018Jefferson H RoysterBrazil2026-10-10Dorl, James J Esq NEGOTIATION9Bernardo Dominic
1019James E SaylorsJapan2026-09-14Commercial Press PROPOSAL62Elwin Sharvill
1020Ricardo U FlosiUnited Kingdom2026-09-28Buckley Miller Wright PROPOSAL87Ivan Magalhaes
1021Alejandro O WieserIndia2026-09-22Buckley Miller Wright UNQUALIFIED28Ioni Bowcher
1022Mayumi K GauchoSpain2026-10-11Dorl, James J Esq NEGOTIATION64Xuxue Feng
1023Cody M FollerBrazil2026-09-19Dorl, James J Esq NEGOTIATION16Amy Elsner
1024Julie L CaldareraUnited Kingdom2026-10-01Truhlar And Truhlar Attys UNQUALIFIED93Xuxue Feng
1025Octavia F SchemmerUnited Kingdom2026-09-25Benton, John B Jr NEGOTIATION41Elwin Sharvill
1026Emily V AmigonGermany2026-09-30Chanay, Jeffrey A Esq NEGOTIATION57Amy Elsner
1027Jones W AlbaresArgentina2026-10-02Rangoni Of Florence NEGOTIATION84Asiya Javayant
1028Murillo S FollerArgentina2026-09-27Chemel, James L Cpa NEGOTIATION74Bernardo Dominic
1029Silvio V PaprockiBrazil2026-10-10Rousseaux, Michael Esq UNQUALIFIED50Asiya Javayant
1030Mujtaba A PoquetteRussia2026-10-06Rangoni Of Florence NEW6Stephen Shaw
1031Stacey Y PerinGermany2026-09-15Commercial Press QUALIFIED55Stephen Shaw
1032Aika X FigeroaGermany2026-09-13Morlong Associates NEGOTIATION34Bernardo Dominic
1033Jennifer D VenereCanada2026-09-20Buckley Miller Wright QUALIFIED34Stephen Shaw
1034Julie U DilliardGermany2026-10-04Dorl, James J Esq PROPOSAL84Ivan Magalhaes
1035Greenwood K RulapaughSpain2026-09-28Printing Dimensions NEW81Onyama Limba
1036Munro A RimBrazil2026-10-10Benton, John B Jr RENEWAL53Elwin Sharvill
1037Jennifer U BologniaIndia2026-09-30King, Christopher A Esq NEW49Ivan Magalhaes
1038Cody H PoquetteArgentina2026-09-12Chanay, Jeffrey A Esq PROPOSAL47Elwin Sharvill
1039Jeanfrancois T InouyeFrance2026-09-18Commercial Press PROPOSAL93Asiya Javayant
1040Mayumi W PerinBrazil2026-09-25Dorl, James J Esq PROPOSAL27Amy Elsner
1041Emily S BologniaBrazil2026-09-30Benton, John B Jr RENEWAL4Ioni Bowcher
1042Cody T DilliardAustralia2026-09-24Feltz Printing Service PROPOSAL42Asiya Javayant
1043Julie E TollnerGermany2026-10-06King, Christopher A Esq PROPOSAL61Xuxue Feng
1044Antonio Z DilliardCanada2026-09-29Printing Dimensions UNQUALIFIED54Elwin Sharvill
1045Antonio C FlosiFrance2026-09-29Morlong Associates UNQUALIFIED69Stephen Shaw
1046Francesco Y WhobreyArgentina2026-09-16Rangoni Of Florence UNQUALIFIED48Amy Elsner
1047Ivar H StockhamJapan2026-10-08Commercial Press QUALIFIED33Ioni Bowcher
1048Aruna G ShinkoSpain2026-09-23Morlong Associates UNQUALIFIED8Ivan Magalhaes
1049Morrow Y RoysterAustralia2026-09-22Feiner Bros RENEWAL95Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Izzy Y WhobreyRussiaBernardo Dominic NEGOTIATION
Alejandro D GarufiJapanElwin Sharvill NEGOTIATION
Aika H SergiArgentinaIvan Magalhaes UNQUALIFIED
Jefferson S GarufiFranceAnna Fali NEW
David R CampainIndiaStephen Shaw UNQUALIFIED
Octavia R CaudyUnited KingdomXuxue Feng QUALIFIED
Munro R SergiArgentinaAnna Fali RENEWAL
Morrow N DilliardSpainBernardo Dominic NEGOTIATION
Mayumi S SaylorsJapanIvan Magalhaes PROPOSAL
Leon P NickaJapanAmy Elsner PROPOSAL
Maria J StensethAustraliaElwin Sharvill NEW
Nicolas M SlusarskiJapanIvan Magalhaes RENEWAL
Ashley A BologniaUnited KingdomOnyama Limba NEW
Silvio R PaprockiBrazilAsiya Javayant UNQUALIFIED
Cody S GlickGermanyIvan Magalhaes RENEWAL
Jefferson U SchemmerUnited KingdomAmy Elsner UNQUALIFIED
Jennifer J NickaCanadaAsiya Javayant RENEWAL
Arvin V KolmetzItalyOnyama Limba NEGOTIATION
Faith S DoeCanadaStephen Shaw NEGOTIATION
Aditya E SergiRussiaXuxue Feng QUALIFIED
Nicolas I DilliardJapanStephen Shaw NEGOTIATION
Julie F MacleadRussiaStephen Shaw RENEWAL
Alejandro Z ButtIndiaOnyama Limba NEGOTIATION
Kaitlin Z RulapaughSpainStephen Shaw NEW
Antonio T WhobreyCanadaXuxue Feng QUALIFIED
Faith H WhobreySpainStephen Shaw NEW
Deepesh H DoeBrazilElwin Sharvill NEW
Sinclair J PaprockiIndiaIoni Bowcher NEW
Aditya F StockhamGermanyXuxue Feng NEGOTIATION
Murillo R OstroskyGermanyAsiya Javayant RENEWAL
Chavez V GillianJapanAsiya Javayant NEGOTIATION
Deepesh S RulapaughGermanyOnyama Limba UNQUALIFIED
Stacey P DarakjyGermanyAmy Elsner NEW
Johnson U RoysterArgentinaStephen Shaw UNQUALIFIED
Aditya L DilliardGermanyOnyama Limba NEGOTIATION
Johnson L AlbaresFranceIvan Magalhaes RENEWAL
Clifford O OstroskySpainXuxue Feng RENEWAL
Jennifer N WaycottFranceXuxue Feng NEGOTIATION
Clifford P NestleSpainOnyama Limba QUALIFIED
Mayumi F DilliardJapanIoni Bowcher QUALIFIED
Maisha U PaprockiGermanyStephen Shaw RENEWAL
Jeanfrancois D BriddickRussiaIvan Magalhaes UNQUALIFIED
Emily L StensethAustraliaAmy Elsner RENEWAL
Jeanfrancois S PoquetteSpainOnyama Limba PROPOSAL
Faith M SaylorsGermanyStephen Shaw NEW
Antonio O WaycottArgentinaAsiya Javayant NEGOTIATION
Octavia Q WaycottFranceAsiya Javayant UNQUALIFIED
Maria H CaudySpainXuxue Feng NEGOTIATION
Jennifer U MorascaArgentinaIvan Magalhaes PROPOSAL
Misaki V VocelkaIndiaIoni Bowcher PROPOSAL
Frozen Columns
Name
Tony X Ruta
Jennifer J Waycott
Mujtaba F Stenseth
Johnson V Iturbide
Chavez Q Albares
Ricardo J Poquette
Ivar A Figeroa
Kadeem F Bolognia
Wickens U Kolmetz
Maria Z Figeroa
Johnson B Paprocki
Adams L Wieser
Morrow P Amigon
Jefferson J Amigon
Ivar E Caudy
Ashley P Garufi
Aika K Whobrey
Rodrigues M Bowley
Darci K Slusarski
Aika M Vocelka
Mayumi F Slusarski
Aika J Sergi
Izzy Y Stockham
Greenwood D Amigon
Jefferson X Butt
Deepesh I Tollner
Octavia B Malet
Greenwood Z Schemmer
Mayumi V Caudy
Aruna J Kusko
Faith Y Marrier
Silvio K Stockham
Sinclair Z Butt
Salvatore A Dilliard
Adams Y Doe
Chavez S Rim
Jennifer W Dilliard
Claire M Garufi
Octavia D Glick
Antonio J Maclead
Jefferson M Malet
Jeanfrancois P Caldarera
Munro Q Sergi
Smith T Tollner
Silvio L Paprocki
Stacey L Gillian
Leja V Kusko
Aika S Inouye
Greenwood U Paprocki
Munro L Marrier
IdCountryDate
1000Spain2026-10-03
1001Spain2026-09-17
1002Australia2026-09-20
1003Spain2026-09-15
1004Australia2026-09-25
1005Italy2026-10-02
1006Japan2026-09-26
1007India2026-09-22
1008France2026-09-19
1009France2026-10-11
1010France2026-09-17
1011Russia2026-10-10
1012Spain2026-10-08
1013Argentina2026-09-24
1014Russia2026-10-01
1015Spain2026-09-20
1016Canada2026-10-09
1017Spain2026-09-28
1018France2026-09-17
1019France2026-09-12
1020France2026-09-19
1021Canada2026-09-21
1022France2026-09-12
1023Spain2026-10-11
1024Italy2026-09-30
1025Russia2026-09-22
1026United Kingdom2026-09-25
1027Canada2026-09-29
1028Brazil2026-09-20
1029Australia2026-10-01
1030Canada2026-10-06
1031India2026-09-14
1032Japan2026-10-10
1033Argentina2026-10-09
1034India2026-09-17
1035Japan2026-09-20
1036Brazil2026-09-24
1037France2026-09-26
1038Italy2026-09-24
1039Australia2026-09-30
1040France2026-09-13
1041Australia2026-09-16
1042France2026-09-20
1043Australia2026-09-21
1044Spain2026-10-03
1045Japan2026-10-02
1046India2026-10-05
1047Brazil2026-09-26
1048Spain2026-09-19
1049Germany2026-09-28

On-Demand Data

NameIdCountryDate
Adams A Albares1000France2026-10-03
Julie G Foller1001Argentina2026-09-15
Misaki E Glick1002United Kingdom2026-09-18
Deepesh A Albares1003Argentina2026-09-24
Jones Z Venere1004Spain2026-09-16
Murillo D Bowley1005Argentina2026-10-08
Murillo P Nestle1006Japan2026-09-22
Morrow Y Kolmetz1007Italy2026-10-06
Jeanfrancois K Vocelka1008India2026-09-28
Leon N Nestle1009India2026-09-20
Nicolas W Ferencz1010Canada2026-09-25
Faith O Malet1011Brazil2026-09-20
Smith L Sergi1012Argentina2026-10-09
David V Foller1013Russia2026-09-26
Rodrigues O Schemmer1014India2026-10-01
Darci H Stockham1015Italy2026-09-28
Alejandro D Marrier1016Spain2026-10-04
Julie G Schemmer1017India2026-10-02
Greenwood F Chui1018Japan2026-09-19
Nicolas P Gillian1019Italy2026-09-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Wickens L MaletCanadaIoni Bowcher UNQUALIFIED
Izzy J ButtGermanyOnyama Limba NEW
Jeanfrancois K ShinkoBrazilOnyama Limba PROPOSAL
Kadeem T RoysterAustraliaOnyama Limba RENEWAL
Faith S ChuiUnited KingdomElwin Sharvill UNQUALIFIED
Wickens Z NestleArgentinaStephen Shaw RENEWAL
Jennifer M WhobreySpainStephen Shaw UNQUALIFIED
Johnson U PerinIndiaElwin Sharvill RENEWAL
Ivar Q IturbideGermanyAsiya Javayant PROPOSAL
Ashley L FlosiRussiaAnna Fali UNQUALIFIED
Arvin M VocelkaCanadaElwin Sharvill RENEWAL
Wickens O FerenczSpainAsiya Javayant NEW
Jennifer P ChuiBrazilIoni Bowcher PROPOSAL
Antonio O FigeroaIndiaAnna Fali NEW
Stacey G StensethUnited KingdomAsiya Javayant RENEWAL
Alejandro K KolmetzCanadaIvan Magalhaes NEGOTIATION
Emily O WieserFranceAmy Elsner RENEWAL
Kadeem Y AlbaresAustraliaElwin Sharvill NEGOTIATION
Chavez Z FlosiAustraliaElwin Sharvill NEGOTIATION
Leon S VenereItalyElwin Sharvill QUALIFIED
Salvatore L DilliardRussiaIvan Magalhaes RENEWAL
Jones I NestleAustraliaOnyama Limba QUALIFIED
Nicolas O MorascaFranceAsiya Javayant NEW
Aditya U VenereIndiaAmy Elsner NEGOTIATION
Chavez U ShinkoAustraliaAsiya Javayant NEW
Maisha H ChuiAustraliaElwin Sharvill QUALIFIED
Nicolas Z OldroydCanadaElwin Sharvill QUALIFIED
Clifford B SergiBrazilStephen Shaw UNQUALIFIED
Kaitlin O RulapaughGermanyIvan Magalhaes NEW
Adams F IturbideCanadaAsiya Javayant UNQUALIFIED
Mayumi C BowleyFranceIoni Bowcher UNQUALIFIED
Maisha H NestleUnited KingdomXuxue Feng RENEWAL
Adams C SergiAustraliaIvan Magalhaes QUALIFIED
Maria F WieserUnited KingdomIoni Bowcher UNQUALIFIED
Claire O GarufiSpainBernardo Dominic PROPOSAL
Jones J NickaAustraliaElwin Sharvill RENEWAL
Ashley Z MacleadFranceAnna Fali QUALIFIED
Jennifer P PoquetteFranceAsiya Javayant QUALIFIED
David A IturbideCanadaXuxue Feng NEW
Octavia Q GarufiSpainOnyama Limba 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>