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
Kaitlin C GarufiItalyElwin Sharvill QUALIFIED
Juan Y RoysterUnited KingdomElwin Sharvill NEGOTIATION
Isabel Q FigeroaUnited KingdomIvan Magalhaes RENEWAL
Nicolas H MacleadIndiaStephen Shaw PROPOSAL
Julie J VocelkaUnited KingdomIoni Bowcher PROPOSAL
Aika F RutaSpainStephen Shaw PROPOSAL
Murillo X KuskoUnited KingdomBernardo Dominic NEGOTIATION
Darci Q BowleyGermanyIvan Magalhaes RENEWAL
Tony R IturbideItalyStephen Shaw RENEWAL
David Y SergiUnited KingdomOnyama Limba RENEWAL
Kadeem I RoysterSpainIoni Bowcher QUALIFIED
Sinclair V FigeroaBrazilAnna Fali NEGOTIATION
Izzy Y GlickFranceAsiya Javayant PROPOSAL
Antonio F ShinkoIndiaStephen Shaw UNQUALIFIED
Faith P ShinkoItalyBernardo Dominic NEW
Claire W BowleyJapanBernardo Dominic PROPOSAL
Maisha I FollerGermanyElwin Sharvill PROPOSAL
Salvatore Q StockhamAustraliaElwin Sharvill RENEWAL
Arvin A PerinAustraliaAnna Fali PROPOSAL
Jeanfrancois G StockhamIndiaIoni Bowcher NEGOTIATION
Kadeem E BriddickCanadaOnyama Limba NEGOTIATION
Leon L CaudyCanadaAnna Fali NEW
Ashley L FollerFranceAsiya Javayant NEW
Jefferson G PaprockiAustraliaOnyama Limba NEGOTIATION
Juan A RutaGermanyAsiya Javayant PROPOSAL
Jefferson U MaletBrazilAnna Fali NEW
Isabel P BriddickIndiaOnyama Limba UNQUALIFIED
Francesco C SergiJapanXuxue Feng QUALIFIED
Mayumi U WieserArgentinaBernardo Dominic NEGOTIATION
Rodrigues X RoysterUnited KingdomIvan Magalhaes NEGOTIATION
Maria Q SergiBrazilIvan Magalhaes NEGOTIATION
Emily K ButtItalyBernardo Dominic UNQUALIFIED
Aika A MacleadIndiaIvan Magalhaes RENEWAL
Morrow T CampainArgentinaAnna Fali RENEWAL
Wickens A FollerIndiaIoni Bowcher NEW
David Q KuskoRussiaBernardo Dominic PROPOSAL
Leja I GarufiBrazilXuxue Feng NEW
Isabel L OstroskyCanadaStephen Shaw RENEWAL
Darci C SlusarskiAustraliaStephen Shaw NEW
Misaki Z MorascaAustraliaIvan Magalhaes NEW
Tony B TollnerArgentinaIoni Bowcher RENEWAL
Murillo E DarakjyItalyElwin Sharvill PROPOSAL
Rodrigues H MaletArgentinaAnna Fali NEGOTIATION
Arvin Q StockhamFranceAnna Fali QUALIFIED
Emily V MaletBrazilBernardo Dominic PROPOSAL
David V StensethRussiaOnyama Limba PROPOSAL
Aditya S SergiGermanyElwin Sharvill UNQUALIFIED
Darci L GlickRussiaStephen Shaw NEW
Ashley Y SlusarskiItalyBernardo Dominic NEW
Cody E ButtCanadaStephen Shaw UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Murillo R SergiCanadaStephen Shaw RENEWAL
Kaitlin T NestleJapanIoni Bowcher NEW
Antonio Q DoeCanadaOnyama Limba PROPOSAL
Rodrigues I RimItalyAmy Elsner NEGOTIATION
Maria G BriddickIndiaIvan Magalhaes NEGOTIATION
Alejandro R RulapaughSpainAnna Fali RENEWAL
James T KuskoBrazilXuxue Feng NEGOTIATION
Tony T DarakjyCanadaAnna Fali RENEWAL
Smith V CaldareraArgentinaAnna Fali UNQUALIFIED
Izzy S RutaIndiaAnna Fali NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Izzy J KuskoUnited Kingdom2026-09-01Feiner Bros QUALIFIED59Amy Elsner
1001Alejandro Q DilliardJapan2026-08-29Feltz Printing Service NEW40Ioni Bowcher
1002Chavez T WieserRussia2026-09-18Benton, John B Jr QUALIFIED60Stephen Shaw
1003Wickens U AlbaresGermany2026-09-15Chapman, Ross E Esq NEW13Xuxue Feng
1004Mayumi K MaletItaly2026-09-09Feiner Bros PROPOSAL53Amy Elsner
1005James V FerenczGermany2026-08-29Chanay, Jeffrey A Esq RENEWAL72Asiya Javayant
1006Greenwood A IturbideFrance2026-09-07Morlong Associates QUALIFIED38Asiya Javayant
1007Ashley D ChuiGermany2026-09-01Chanay, Jeffrey A Esq RENEWAL34Anna Fali
1008Johnson F BriddickIndia2026-09-18Commercial Press NEGOTIATION63Asiya Javayant
1009Aruna H AmigonFrance2026-09-07Dorl, James J Esq NEW22Onyama Limba
1010Maisha Q FollerAustralia2026-08-30Morlong Associates NEGOTIATION4Elwin Sharvill
1011James G MarrierJapan2026-08-29Feltz Printing Service NEGOTIATION20Onyama Limba
1012Leon U SaylorsSpain2026-08-27Commercial Press RENEWAL74Ivan Magalhaes
1013Emily U NickaJapan2026-09-13King, Christopher A Esq QUALIFIED50Asiya Javayant
1014Francesco I MaletArgentina2026-09-04Printing Dimensions QUALIFIED52Anna Fali
1015Leon R GlickIndia2026-09-21Benton, John B Jr QUALIFIED45Bernardo Dominic
1016Munro L BriddickAustralia2026-08-28Chemel, James L Cpa NEGOTIATION2Xuxue Feng
1017Cody G BologniaAustralia2026-09-05Morlong Associates NEGOTIATION22Stephen Shaw
1018Kadeem V GillianArgentina2026-09-20Commercial Press QUALIFIED56Amy Elsner
1019Ivar Y NestleBrazil2026-09-21Benton, John B Jr QUALIFIED3Anna Fali
1020Octavia T GarufiBrazil2026-09-12Buckley Miller Wright RENEWAL38Amy Elsner
1021Deepesh S GlickRussia2026-09-11Feiner Bros NEW5Ioni Bowcher
1022Ashley E PoquetteRussia2026-09-04Morlong Associates RENEWAL97Ivan Magalhaes
1023Jefferson Y GlickJapan2026-09-01King, Christopher A Esq UNQUALIFIED43Asiya Javayant
1024Ashley Q FollerSpain2026-09-11Rousseaux, Michael Esq PROPOSAL95Xuxue Feng
1025Faith V BologniaArgentina2026-09-04Rangoni Of Florence PROPOSAL5Amy Elsner
1026Antonio A CaudyGermany2026-09-06Feiner Bros UNQUALIFIED18Elwin Sharvill
1027Jefferson N ShinkoUnited Kingdom2026-09-01Buckley Miller Wright RENEWAL70Bernardo Dominic
1028Munro Q MorascaSpain2026-09-05Feiner Bros NEW73Ivan Magalhaes
1029David Q BologniaBrazil2026-09-14Chanay, Jeffrey A Esq NEW83Xuxue Feng
1030David D DoeJapan2026-08-23Buckley Miller Wright RENEWAL24Xuxue Feng
1031Arvin Y StockhamItaly2026-08-29Dorl, James J Esq RENEWAL63Bernardo Dominic
1032Ashley Z NestleCanada2026-09-14Chanay, Jeffrey A Esq PROPOSAL13Onyama Limba
1033Clifford L NickaRussia2026-09-11Chanay, Jeffrey A Esq RENEWAL65Asiya Javayant
1034Jeanfrancois H SergiItaly2026-09-21Morlong Associates UNQUALIFIED30Elwin Sharvill
1035Juan U TollnerFrance2026-09-08Rousseaux, Michael Esq NEGOTIATION22Xuxue Feng
1036Jones O WaycottIndia2026-08-27Chapman, Ross E Esq NEGOTIATION73Ivan Magalhaes
1037Kadeem Z IturbideItaly2026-09-17Buckley Miller Wright QUALIFIED96Bernardo Dominic
1038Octavia N DarakjyGermany2026-09-10Morlong Associates NEGOTIATION39Xuxue Feng
1039Aruna N NestleBrazil2026-08-26Rangoni Of Florence UNQUALIFIED74Ivan Magalhaes
1040Aditya K GlickGermany2026-08-26Rousseaux, Michael Esq UNQUALIFIED10Ioni Bowcher
1041Octavia B CaudyItaly2026-09-20Chapman, Ross E Esq PROPOSAL23Xuxue Feng
1042Salvatore K FollerFrance2026-09-06Dorl, James J Esq UNQUALIFIED73Ivan Magalhaes
1043Mujtaba S VenereBrazil2026-08-26Chanay, Jeffrey A Esq QUALIFIED83Stephen Shaw
1044James F MaletRussia2026-09-14Feltz Printing Service PROPOSAL28Stephen Shaw
1045Izzy D FerenczUnited Kingdom2026-08-27Benton, John B Jr QUALIFIED32Ioni Bowcher
1046Tony B GillianSpain2026-09-17Rangoni Of Florence UNQUALIFIED16Bernardo Dominic
1047Maria W MaletBrazil2026-09-19Printing Dimensions NEGOTIATION32Elwin Sharvill
1048Aika S RimRussia2026-09-01Truhlar And Truhlar Attys QUALIFIED44Xuxue Feng
1049Adams G DarakjyUnited Kingdom2026-08-28King, Christopher A Esq RENEWAL80Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Ivar M BowleyUnited KingdomStephen Shaw RENEWAL
Munro D ShinkoJapanElwin Sharvill QUALIFIED
Morrow D CaudyFranceBernardo Dominic UNQUALIFIED
Sinclair E MaletGermanyElwin Sharvill NEW
Maria X NickaAustraliaBernardo Dominic UNQUALIFIED
Chavez B MaletSpainBernardo Dominic NEGOTIATION
Leon M SlusarskiUnited KingdomXuxue Feng QUALIFIED
Johnson Q MarrierUnited KingdomIvan Magalhaes NEGOTIATION
Adams A MorascaRussiaStephen Shaw PROPOSAL
Johnson O SaylorsFranceAmy Elsner PROPOSAL
Jefferson S NickaAustraliaIoni Bowcher PROPOSAL
Murillo S NickaCanadaIoni Bowcher RENEWAL
Ricardo L ButtSpainAmy Elsner PROPOSAL
Morrow I PaprockiJapanIoni Bowcher NEW
Sinclair H DarakjyIndiaBernardo Dominic UNQUALIFIED
Jennifer H SlusarskiGermanyAnna Fali NEGOTIATION
Clifford S CaldareraBrazilOnyama Limba UNQUALIFIED
Jefferson N SchemmerItalyElwin Sharvill NEGOTIATION
Murillo V WhobreyJapanXuxue Feng PROPOSAL
Smith S GarufiFranceAmy Elsner QUALIFIED
Greenwood A StockhamItalyIvan Magalhaes QUALIFIED
Sinclair V RutaIndiaIvan Magalhaes NEW
Arvin V SergiRussiaAsiya Javayant RENEWAL
Arvin I ShinkoAustraliaXuxue Feng QUALIFIED
Ashley O PerinUnited KingdomElwin Sharvill UNQUALIFIED
Mujtaba B PoquetteItalyBernardo Dominic UNQUALIFIED
Adams C PaprockiUnited KingdomOnyama Limba QUALIFIED
Faith Z KuskoSpainAnna Fali NEW
Greenwood B StensethJapanStephen Shaw QUALIFIED
Costa G MorascaUnited KingdomAnna Fali NEW
Nicolas S CampainUnited KingdomOnyama Limba NEGOTIATION
Rodrigues E MacleadItalyIvan Magalhaes NEW
Aruna L MaletIndiaOnyama Limba UNQUALIFIED
Ashley A NestleIndiaAmy Elsner QUALIFIED
Munro I AmigonUnited KingdomXuxue Feng NEGOTIATION
Izzy M GarufiAustraliaAsiya Javayant PROPOSAL
Misaki V DilliardFranceIoni Bowcher QUALIFIED
Jennifer M AlbaresCanadaBernardo Dominic QUALIFIED
Aditya H CampainJapanAsiya Javayant NEGOTIATION
Salvatore H FigeroaArgentinaXuxue Feng QUALIFIED
Faith G MarrierSpainIoni Bowcher NEGOTIATION
Emily X OldroydFranceAmy Elsner NEW
Morrow R CaldareraCanadaStephen Shaw RENEWAL
Arvin S CaldareraArgentinaAmy Elsner NEW
Darci G DoeIndiaAnna Fali PROPOSAL
Maria F NestleArgentinaBernardo Dominic PROPOSAL
Kadeem N NickaRussiaStephen Shaw RENEWAL
Claire Z ChuiIndiaOnyama Limba NEGOTIATION
Morrow Z FollerJapanIvan Magalhaes PROPOSAL
Izzy Y GlickFranceXuxue Feng NEGOTIATION
Frozen Columns
Name
Cody E Kolmetz
Jones X Venere
Izzy K Marrier
Greenwood Y Darakjy
Arvin M Whobrey
Nicolas H Wieser
Jones Z Waycott
Rodrigues I Ruta
Leon Y Ferencz
Aruna A Rim
Julie D Maclead
Greenwood U Figeroa
Claire K Nestle
Kadeem D Glick
Johnson C Rulapaugh
Adams S Amigon
Maisha Q Foller
Kaitlin A Briddick
Aika C Ferencz
Clifford P Amigon
Chavez Y Paprocki
Claire B Paprocki
Chavez Y Slusarski
Arvin Q Vocelka
Chavez Q Oldroyd
Jones M Saylors
Faith X Flosi
Ashley L Schemmer
Murillo C Campain
Mayumi V Dilliard
Chavez W Vocelka
Cody N Tollner
Greenwood U Ostrosky
Sinclair D Venere
Alejandro Y Slusarski
Adams I Ruta
Stacey D Albares
Emily G Slusarski
Ricardo R Oldroyd
David J Bowley
Kaitlin U Ferencz
Clifford B Saylors
Salvatore B Slusarski
Stacey F Venere
Faith X Glick
Stacey S Vocelka
Faith E Wieser
Cody U Tollner
Silvio Z Nestle
Stacey T Gillian
IdCountryDate
1000Italy2026-09-10
1001Russia2026-08-23
1002Russia2026-08-31
1003Brazil2026-09-11
1004Argentina2026-08-26
1005United Kingdom2026-09-11
1006France2026-09-15
1007Japan2026-09-03
1008Australia2026-09-20
1009Argentina2026-09-12
1010Brazil2026-09-06
1011Germany2026-09-09
1012United Kingdom2026-09-04
1013India2026-08-28
1014Brazil2026-09-01
1015Russia2026-09-19
1016Japan2026-09-18
1017United Kingdom2026-09-14
1018Brazil2026-09-12
1019Argentina2026-08-30
1020Russia2026-08-24
1021Germany2026-09-07
1022India2026-09-18
1023Russia2026-09-09
1024United Kingdom2026-09-03
1025Germany2026-09-02
1026Germany2026-08-31
1027Germany2026-09-16
1028Spain2026-09-16
1029United Kingdom2026-08-29
1030Argentina2026-08-27
1031Japan2026-08-24
1032Argentina2026-09-04
1033India2026-08-29
1034Russia2026-08-29
1035Germany2026-09-13
1036France2026-09-05
1037Russia2026-09-13
1038Japan2026-09-05
1039Canada2026-09-19
1040India2026-08-27
1041Russia2026-08-30
1042Germany2026-08-30
1043Spain2026-09-17
1044Argentina2026-09-19
1045Germany2026-09-13
1046Spain2026-09-08
1047France2026-09-04
1048Italy2026-09-03
1049Australia2026-09-18

On-Demand Data

NameIdCountryDate
Ivar Q Morasca1000Italy2026-09-18
Aruna V Dilliard1001United Kingdom2026-08-25
Maisha B Schemmer1002Spain2026-08-24
Francesco B Gaucho1003Australia2026-09-18
Octavia K Wieser1004Argentina2026-08-29
Adams V Stockham1005Russia2026-09-02
Greenwood M Rim1006Canada2026-08-26
Ricardo B Butt1007Brazil2026-09-04
Jefferson T Rim1008Germany2026-09-07
Faith K Malet1009France2026-08-31
Jones F Maclead1010Germany2026-08-28
Francesco W Oldroyd1011Canada2026-09-16
Smith O Malet1012Canada2026-08-28
Mujtaba V Amigon1013Germany2026-09-01
Stacey O Slusarski1014Japan2026-08-30
Rodrigues O Stenseth1015India2026-09-03
Claire C Amigon1016Brazil2026-08-27
Jennifer A Shinko1017Spain2026-08-23
Jeanfrancois P Figeroa1018Australia2026-08-24
Kadeem Z Schemmer1019Spain2026-09-09
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Greenwood L SaylorsIndiaStephen Shaw NEGOTIATION
Sinclair D FigeroaItalyIvan Magalhaes QUALIFIED
James J GillianIndiaIvan Magalhaes UNQUALIFIED
Costa L StockhamAustraliaIoni Bowcher NEW
Jennifer D GarufiFranceStephen Shaw QUALIFIED
Ashley V MorascaJapanAmy Elsner PROPOSAL
Tony B DoeJapanBernardo Dominic NEGOTIATION
Ivar R ShinkoBrazilIvan Magalhaes RENEWAL
Faith X ShinkoArgentinaIvan Magalhaes NEGOTIATION
Chavez U RulapaughCanadaAnna Fali UNQUALIFIED
Kaitlin W GlickUnited KingdomIvan Magalhaes NEW
Ricardo S KolmetzSpainAsiya Javayant NEW
Kadeem Y NestleUnited KingdomXuxue Feng PROPOSAL
Smith X GillianUnited KingdomXuxue Feng UNQUALIFIED
Murillo I NickaUnited KingdomOnyama Limba NEW
Salvatore M NestleCanadaIoni Bowcher QUALIFIED
Murillo S BowleyCanadaAmy Elsner NEGOTIATION
Misaki G IturbideBrazilElwin Sharvill RENEWAL
Jeanfrancois J SchemmerCanadaAmy Elsner NEW
Silvio H ChuiAustraliaIvan Magalhaes NEW
Silvio W WaycottJapanStephen Shaw RENEWAL
Jeanfrancois R BologniaJapanOnyama Limba PROPOSAL
Julie T KuskoFranceBernardo Dominic UNQUALIFIED
Cody P StensethGermanyAmy Elsner RENEWAL
Morrow E VocelkaFranceIvan Magalhaes RENEWAL
Antonio H InouyeCanadaAmy Elsner RENEWAL
Emily Z MaletCanadaXuxue Feng QUALIFIED
Johnson S VocelkaRussiaStephen Shaw NEW
Leja D RimUnited KingdomIoni Bowcher UNQUALIFIED
Darci N StensethFranceElwin Sharvill RENEWAL
Rodrigues M MaletSpainAnna Fali QUALIFIED
Claire U StensethSpainBernardo Dominic NEGOTIATION
Aditya J AmigonItalyAmy Elsner NEW
Wickens C RulapaughIndiaAmy Elsner NEGOTIATION
Deepesh Q WhobreyAustraliaXuxue Feng UNQUALIFIED
Emily G BologniaItalyAmy Elsner NEW
David D RutaCanadaOnyama Limba UNQUALIFIED
Mujtaba W MacleadAustraliaAmy Elsner RENEWAL
Greenwood V WaycottUnited KingdomAsiya Javayant UNQUALIFIED
Darci G ButtBrazilAsiya Javayant 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>