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
Emily B PaprockiUnited KingdomOnyama Limba QUALIFIED
Francesco D RoysterFranceOnyama Limba PROPOSAL
Ivar Y WieserRussiaElwin Sharvill NEGOTIATION
Jefferson G RutaJapanIoni Bowcher UNQUALIFIED
Francesco V MaletRussiaIvan Magalhaes NEW
Chavez R RutaItalyIoni Bowcher NEGOTIATION
Stacey U CampainIndiaAnna Fali NEGOTIATION
Adams Y BowleySpainStephen Shaw RENEWAL
Francesco N BriddickSpainStephen Shaw NEGOTIATION
Aruna I BowleyAustraliaAnna Fali UNQUALIFIED
Maria E SchemmerArgentinaIvan Magalhaes UNQUALIFIED
Nicolas F ButtSpainAnna Fali PROPOSAL
Ashley P GauchoGermanyAsiya Javayant NEW
Greenwood Z PoquetteIndiaIvan Magalhaes NEW
Francesco U RoysterGermanyIvan Magalhaes NEW
Murillo W FerenczUnited KingdomElwin Sharvill NEGOTIATION
Misaki A InouyeIndiaOnyama Limba NEW
Emily E GarufiFranceOnyama Limba NEGOTIATION
Costa A ChuiBrazilOnyama Limba RENEWAL
Murillo D MacleadSpainIvan Magalhaes NEW
Wickens T MacleadFranceAsiya Javayant PROPOSAL
Ashley I RulapaughAustraliaAsiya Javayant PROPOSAL
Juan M FerenczRussiaAmy Elsner UNQUALIFIED
Juan E InouyeJapanAmy Elsner UNQUALIFIED
Aika A OldroydRussiaIvan Magalhaes UNQUALIFIED
Misaki M SergiBrazilXuxue Feng PROPOSAL
Greenwood S BologniaSpainAsiya Javayant NEGOTIATION
Smith P ChuiJapanXuxue Feng PROPOSAL
Jones E RulapaughFranceOnyama Limba NEW
Johnson U KolmetzBrazilIoni Bowcher QUALIFIED
Chavez R CampainJapanIoni Bowcher PROPOSAL
Ivar I PerinCanadaIvan Magalhaes PROPOSAL
Ricardo D MarrierUnited KingdomBernardo Dominic NEW
Maisha X FerenczJapanIoni Bowcher QUALIFIED
Aika W CampainAustraliaAmy Elsner NEW
Wickens I RimFranceXuxue Feng PROPOSAL
Tony R ButtBrazilAmy Elsner NEGOTIATION
Jeanfrancois M ChuiArgentinaAsiya Javayant NEGOTIATION
Jennifer U PaprockiIndiaIvan Magalhaes UNQUALIFIED
Nicolas U RoysterCanadaAmy Elsner UNQUALIFIED
Aika N RimJapanAsiya Javayant UNQUALIFIED
Antonio V WaycottRussiaIoni Bowcher RENEWAL
Costa G MarrierRussiaOnyama Limba NEW
Octavia V PaprockiRussiaAnna Fali NEW
Julie C FigeroaBrazilAmy Elsner RENEWAL
Morrow Q SlusarskiGermanyIoni Bowcher RENEWAL
David C IturbideGermanyAnna Fali NEGOTIATION
Salvatore W AmigonRussiaAsiya Javayant RENEWAL
Greenwood N BologniaItalyOnyama Limba RENEWAL
Mayumi R OstroskyBrazilStephen Shaw QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Arvin P BologniaIndiaAmy Elsner UNQUALIFIED
Jones M CaldareraItalyAsiya Javayant UNQUALIFIED
Clifford M KolmetzJapanIvan Magalhaes QUALIFIED
Francesco I ShinkoFranceAnna Fali UNQUALIFIED
Adams K StensethAustraliaIvan Magalhaes NEGOTIATION
Ricardo O GlickItalyIoni Bowcher NEGOTIATION
Faith D StensethGermanyBernardo Dominic QUALIFIED
Claire Z BowleyGermanyAnna Fali UNQUALIFIED
Emily Y DarakjyUnited KingdomAsiya Javayant PROPOSAL
Arvin A DilliardRussiaIoni Bowcher PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Morrow H VenereUnited Kingdom2026-10-15Chanay, Jeffrey A Esq NEW48Elwin Sharvill
1001Stacey D VocelkaJapan2026-10-30Dorl, James J Esq PROPOSAL16Bernardo Dominic
1002Juan D MaletBrazil2026-10-05Commercial Press NEW81Ioni Bowcher
1003Greenwood B ButtCanada2026-10-18Benton, John B Jr NEW58Xuxue Feng
1004James M SlusarskiGermany2026-10-29Rousseaux, Michael Esq RENEWAL6Ioni Bowcher
1005Jennifer I CaudyArgentina2026-10-28Printing Dimensions NEGOTIATION24Onyama Limba
1006Tony G FlosiFrance2026-10-31Feltz Printing Service UNQUALIFIED26Xuxue Feng
1007Claire T WieserAustralia2026-10-06Printing Dimensions QUALIFIED38Ivan Magalhaes
1008Maisha M FollerBrazil2026-10-07Chapman, Ross E Esq RENEWAL5Stephen Shaw
1009Cody A BologniaSpain2026-10-22Feltz Printing Service PROPOSAL38Amy Elsner
1010James U RulapaughIndia2026-10-14Truhlar And Truhlar Attys PROPOSAL83Ivan Magalhaes
1011Jeanfrancois L RimJapan2026-10-13Feltz Printing Service PROPOSAL45Anna Fali
1012Costa P BowleyJapan2026-10-17Feltz Printing Service NEGOTIATION10Stephen Shaw
1013Arvin L MarrierGermany2026-10-30Truhlar And Truhlar Attys QUALIFIED15Onyama Limba
1014Francesco H StockhamUnited Kingdom2026-10-17Feltz Printing Service NEW13Bernardo Dominic
1015Mayumi S StockhamIndia2026-10-13Chapman, Ross E Esq NEW4Anna Fali
1016Salvatore Q OstroskyRussia2026-10-17Truhlar And Truhlar Attys NEW69Anna Fali
1017Rodrigues A IturbideUnited Kingdom2026-10-11Benton, John B Jr NEGOTIATION10Ioni Bowcher
1018Juan G NestleCanada2026-10-17King, Christopher A Esq NEGOTIATION62Onyama Limba
1019Jones W BowleyIndia2026-10-06Commercial Press QUALIFIED12Onyama Limba
1020Jeanfrancois M SergiCanada2026-10-27Feltz Printing Service NEGOTIATION20Ivan Magalhaes
1021Emily N NickaJapan2026-10-16Rousseaux, Michael Esq RENEWAL91Asiya Javayant
1022Darci X GlickFrance2026-10-31Chapman, Ross E Esq NEGOTIATION0Ivan Magalhaes
1023Maisha F CaldareraSpain2026-10-06Buckley Miller Wright NEGOTIATION21Ioni Bowcher
1024Ivar Y ShinkoUnited Kingdom2026-10-21Dorl, James J Esq RENEWAL91Bernardo Dominic
1025Faith M AlbaresIndia2026-10-23Printing Dimensions RENEWAL86Bernardo Dominic
1026Sinclair F MarrierSpain2026-10-13Rousseaux, Michael Esq UNQUALIFIED85Ioni Bowcher
1027Stacey B SlusarskiCanada2026-10-24Printing Dimensions NEW51Bernardo Dominic
1028Salvatore N MaletItaly2026-10-28Chemel, James L Cpa RENEWAL0Elwin Sharvill
1029Sinclair G MacleadUnited Kingdom2026-10-12Feltz Printing Service PROPOSAL70Anna Fali
1030Claire S BowleyBrazil2026-10-18Feltz Printing Service NEW95Xuxue Feng
1031Silvio S FollerGermany2026-11-01Benton, John B Jr QUALIFIED82Elwin Sharvill
1032Salvatore X MarrierJapan2026-10-24Chanay, Jeffrey A Esq QUALIFIED26Anna Fali
1033Rodrigues Z BriddickBrazil2026-10-20Rousseaux, Michael Esq UNQUALIFIED29Onyama Limba
1034Tony L IturbideSpain2026-10-06Printing Dimensions PROPOSAL83Anna Fali
1035Greenwood W VocelkaArgentina2026-10-29Chemel, James L Cpa QUALIFIED41Bernardo Dominic
1036Stacey J KuskoGermany2026-10-27Morlong Associates NEW1Ivan Magalhaes
1037Morrow J SlusarskiCanada2026-10-14Chanay, Jeffrey A Esq UNQUALIFIED72Bernardo Dominic
1038Juan H StockhamBrazil2026-10-25King, Christopher A Esq QUALIFIED54Elwin Sharvill
1039Ashley C PaprockiArgentina2026-10-28King, Christopher A Esq QUALIFIED84Ioni Bowcher
1040Aditya A GillianFrance2026-10-25Commercial Press UNQUALIFIED10Bernardo Dominic
1041Claire T RoysterBrazil2026-10-21King, Christopher A Esq QUALIFIED67Onyama Limba
1042Aditya F GlickArgentina2026-11-03Morlong Associates NEW8Ivan Magalhaes
1043Faith M DarakjyGermany2026-10-06Rangoni Of Florence PROPOSAL78Xuxue Feng
1044Mujtaba S GauchoAustralia2026-11-02Commercial Press NEGOTIATION62Amy Elsner
1045Emily K ChuiCanada2026-10-21Commercial Press QUALIFIED60Ioni Bowcher
1046Ivar T SlusarskiIndia2026-10-25Printing Dimensions UNQUALIFIED74Elwin Sharvill
1047Misaki F SergiSpain2026-11-01Chapman, Ross E Esq NEGOTIATION46Stephen Shaw
1048Claire S RulapaughBrazil2026-10-26Benton, John B Jr NEGOTIATION13Stephen Shaw
1049Nicolas F WaycottBrazil2026-10-23Buckley Miller Wright PROPOSAL59Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Jones U NestleAustraliaXuxue Feng QUALIFIED
Julie T GauchoIndiaAmy Elsner UNQUALIFIED
Alejandro D FlosiJapanBernardo Dominic RENEWAL
Maria O FigeroaArgentinaOnyama Limba QUALIFIED
Arvin P WhobreyItalyAmy Elsner NEW
Kadeem K DilliardBrazilOnyama Limba NEGOTIATION
Jennifer V SaylorsUnited KingdomStephen Shaw NEGOTIATION
Morrow V GlickSpainAsiya Javayant NEGOTIATION
Jeanfrancois Y RoysterFranceElwin Sharvill UNQUALIFIED
Nicolas M NickaCanadaIoni Bowcher UNQUALIFIED
Costa L PerinItalyElwin Sharvill PROPOSAL
Mayumi O StockhamFranceBernardo Dominic PROPOSAL
Adams D ChuiIndiaStephen Shaw NEGOTIATION
Jefferson E IturbideGermanyOnyama Limba NEGOTIATION
Wickens C MorascaGermanyStephen Shaw NEGOTIATION
Claire I FigeroaBrazilIvan Magalhaes NEW
Juan Z WieserCanadaXuxue Feng UNQUALIFIED
Juan K InouyeGermanyStephen Shaw PROPOSAL
Cody N KuskoArgentinaOnyama Limba NEW
Clifford C SergiCanadaAsiya Javayant UNQUALIFIED
James E BriddickRussiaAnna Fali RENEWAL
Johnson L WhobreyArgentinaStephen Shaw RENEWAL
Octavia M PoquetteItalyOnyama Limba PROPOSAL
Izzy E RoysterSpainAmy Elsner NEGOTIATION
Faith X MaletItalyStephen Shaw RENEWAL
Ashley J NestleGermanyElwin Sharvill RENEWAL
Munro V DilliardRussiaElwin Sharvill NEGOTIATION
Costa S VenereSpainXuxue Feng RENEWAL
Emily J RoysterUnited KingdomIvan Magalhaes QUALIFIED
Munro Z BriddickArgentinaIoni Bowcher PROPOSAL
Ricardo J RulapaughIndiaOnyama Limba UNQUALIFIED
Aditya A MaletArgentinaBernardo Dominic UNQUALIFIED
Claire H MaletIndiaAsiya Javayant QUALIFIED
Jeanfrancois W SergiFranceXuxue Feng RENEWAL
Maisha B WieserSpainXuxue Feng PROPOSAL
Maisha E PaprockiRussiaIoni Bowcher UNQUALIFIED
Isabel K SergiGermanyAnna Fali UNQUALIFIED
Sinclair I RutaIndiaAmy Elsner NEW
Kadeem D PoquetteRussiaIvan Magalhaes NEW
Clifford D BowleyJapanAnna Fali NEW
Murillo M NickaItalyXuxue Feng PROPOSAL
Faith I NestleBrazilStephen Shaw RENEWAL
Wickens P IturbideJapanStephen Shaw UNQUALIFIED
Rodrigues K IturbideItalyElwin Sharvill UNQUALIFIED
Munro B KuskoUnited KingdomIvan Magalhaes NEGOTIATION
Aditya W FigeroaJapanAmy Elsner NEW
Francesco E MarrierArgentinaElwin Sharvill RENEWAL
Stacey O OstroskyBrazilAmy Elsner RENEWAL
Morrow N PoquetteGermanyIvan Magalhaes RENEWAL
Leja W ShinkoGermanyElwin Sharvill NEGOTIATION
Frozen Columns
Name
Greenwood J Doe
Leja X Campain
Juan O Paprocki
Sinclair J Sergi
Jeanfrancois L Maclead
Ashley B Whobrey
Misaki G Oldroyd
James Y Perin
Sinclair J Nestle
Maisha N Gaucho
Octavia H Oldroyd
Costa P Whobrey
Johnson Q Saylors
Francesco Y Schemmer
Jefferson X Doe
Mayumi E Shinko
Mayumi Q Waycott
Sinclair M Nestle
Maisha L Nicka
Costa X Inouye
Maisha M Campain
Smith T Foller
Maria I Whobrey
Isabel C Nicka
Jones C Malet
Arvin U Paprocki
James R Bowley
Cody G Paprocki
Kadeem F Rulapaugh
Maisha Y Briddick
Mayumi O Stenseth
Misaki Y Foller
Smith R Vocelka
Costa Y Gaucho
Julie I Whobrey
Wickens M Maclead
Izzy H Bolognia
Salvatore T Figeroa
Adams H Malet
Murillo Q Ruta
James B Vocelka
Darci P Sergi
Emily L Figeroa
Chavez X Caldarera
David O Vocelka
Munro N Dilliard
Ricardo D Albares
Claire N Garufi
Kaitlin P Tollner
Ashley A Doe
IdCountryDate
1000Russia2026-10-19
1001India2026-11-02
1002Japan2026-10-16
1003India2026-10-09
1004Argentina2026-10-11
1005Canada2026-10-10
1006France2026-10-29
1007France2026-11-03
1008Spain2026-10-20
1009Australia2026-10-22
1010Brazil2026-11-03
1011Japan2026-10-30
1012Germany2026-10-20
1013Spain2026-11-01
1014Germany2026-10-09
1015Germany2026-10-29
1016Italy2026-10-23
1017Italy2026-10-26
1018Spain2026-10-05
1019United Kingdom2026-10-07
1020Argentina2026-10-27
1021Italy2026-10-29
1022Japan2026-10-23
1023Japan2026-10-26
1024France2026-10-31
1025United Kingdom2026-10-17
1026Australia2026-10-07
1027India2026-10-25
1028Japan2026-10-28
1029Argentina2026-10-21
1030Argentina2026-10-11
1031Argentina2026-10-12
1032Argentina2026-10-24
1033Argentina2026-11-01
1034Italy2026-10-07
1035Argentina2026-10-22
1036Germany2026-10-05
1037Brazil2026-10-28
1038Argentina2026-10-13
1039Russia2026-11-02
1040Brazil2026-11-03
1041Japan2026-10-22
1042Australia2026-10-25
1043Argentina2026-10-10
1044Germany2026-10-20
1045United Kingdom2026-10-10
1046India2026-10-10
1047France2026-10-26
1048Germany2026-10-21
1049Brazil2026-10-13

On-Demand Data

NameIdCountryDate
Arvin Z Tollner1000United Kingdom2026-10-31
Ricardo T Nestle1001Russia2026-10-21
Costa D Poquette1002United Kingdom2026-11-02
Aditya S Amigon1003India2026-10-28
David Z Royster1004Germany2026-10-13
Emily F Venere1005Germany2026-10-28
Nicolas C Shinko1006Germany2026-10-15
Murillo P Gaucho1007Australia2026-10-17
Leon V Iturbide1008Canada2026-10-15
Faith V Royster1009United Kingdom2026-10-21
Sinclair L Waycott1010Germany2026-11-03
Jennifer R Bowley1011Australia2026-10-09
Aruna G Butt1012Argentina2026-10-19
Ivar K Dilliard1013Argentina2026-11-02
Maisha L Kusko1014Japan2026-11-02
Arvin L Marrier1015Russia2026-10-21
Nicolas V Nicka1016Argentina2026-11-03
James Z Albares1017United Kingdom2026-11-02
Francesco Q Saylors1018Italy2026-10-22
Arvin B Garufi1019Germany2026-10-28
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jefferson Q IturbideArgentinaIoni Bowcher PROPOSAL
Nicolas M OstroskyUnited KingdomAmy Elsner UNQUALIFIED
Alejandro Q WieserGermanyXuxue Feng UNQUALIFIED
Leon M GauchoCanadaStephen Shaw RENEWAL
Arvin L GillianItalyAnna Fali QUALIFIED
Adams Q MorascaJapanStephen Shaw RENEWAL
Kaitlin X NickaBrazilOnyama Limba PROPOSAL
Smith X KuskoAustraliaStephen Shaw NEGOTIATION
Greenwood I AmigonItalyBernardo Dominic RENEWAL
Kaitlin J CaldareraBrazilElwin Sharvill UNQUALIFIED
Rodrigues B GlickBrazilOnyama Limba NEGOTIATION
Kadeem N BologniaJapanStephen Shaw QUALIFIED
Cody E DarakjyRussiaStephen Shaw NEGOTIATION
Octavia I DilliardRussiaAmy Elsner RENEWAL
Morrow O WaycottSpainBernardo Dominic QUALIFIED
Greenwood O CaudyIndiaXuxue Feng NEGOTIATION
Clifford W PerinGermanyXuxue Feng RENEWAL
Silvio C WaycottAustraliaIoni Bowcher UNQUALIFIED
David M SchemmerCanadaOnyama Limba RENEWAL
Smith R PoquetteCanadaOnyama Limba NEW
Cody N OstroskyItalyAsiya Javayant PROPOSAL
Ivar J StensethArgentinaIvan Magalhaes NEW
Antonio K OldroydItalyAmy Elsner NEGOTIATION
Jennifer F KolmetzFranceStephen Shaw PROPOSAL
Kadeem Q NestleGermanyAmy Elsner UNQUALIFIED
Aika P GauchoSpainXuxue Feng RENEWAL
Mayumi G WaycottItalyAsiya Javayant QUALIFIED
Salvatore B DilliardIndiaElwin Sharvill RENEWAL
Ashley Y OstroskyBrazilStephen Shaw RENEWAL
Ivar F AmigonRussiaStephen Shaw NEGOTIATION
Tony K CampainAustraliaStephen Shaw UNQUALIFIED
Ashley U FlosiJapanAnna Fali RENEWAL
Darci J PaprockiIndiaIvan Magalhaes QUALIFIED
Maria E SaylorsCanadaAnna Fali PROPOSAL
James V VocelkaItalyOnyama Limba PROPOSAL
Smith A FlosiFranceAnna Fali UNQUALIFIED
Maisha L SchemmerIndiaElwin Sharvill NEGOTIATION
Morrow F MarrierAustraliaStephen Shaw NEW
Rodrigues U RulapaughCanadaOnyama Limba PROPOSAL
Kadeem J OstroskyCanadaBernardo Dominic PROPOSAL

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