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
Cody C StockhamFranceElwin Sharvill NEGOTIATION
Kaitlin R RutaFranceIoni Bowcher NEW
Kadeem K ChuiItalyIvan Magalhaes QUALIFIED
Munro H MacleadJapanXuxue Feng QUALIFIED
Maisha J PaprockiSpainAmy Elsner NEW
Maria W MorascaIndiaIoni Bowcher RENEWAL
James W SchemmerUnited KingdomStephen Shaw RENEWAL
Leon J TollnerCanadaIvan Magalhaes NEGOTIATION
Kadeem M FigeroaBrazilIoni Bowcher NEW
Jones W MacleadGermanyBernardo Dominic NEGOTIATION
Aruna E RutaCanadaAmy Elsner RENEWAL
Jones U KolmetzCanadaElwin Sharvill NEGOTIATION
Greenwood B SergiUnited KingdomIoni Bowcher UNQUALIFIED
Misaki U SlusarskiJapanStephen Shaw RENEWAL
Octavia L FigeroaSpainElwin Sharvill UNQUALIFIED
Kadeem R NestleCanadaIvan Magalhaes NEW
Ashley I SaylorsRussiaStephen Shaw NEGOTIATION
Greenwood P RutaBrazilXuxue Feng NEW
Clifford B TollnerArgentinaOnyama Limba RENEWAL
Leja S OstroskyRussiaAnna Fali NEW
Jefferson X FerenczIndiaAmy Elsner PROPOSAL
Antonio Z RutaArgentinaIoni Bowcher UNQUALIFIED
Juan B KuskoArgentinaElwin Sharvill PROPOSAL
David W WhobreyGermanyAmy Elsner NEW
Kadeem Z BriddickBrazilAsiya Javayant NEGOTIATION
Stacey C DoeIndiaElwin Sharvill PROPOSAL
Deepesh N MaletRussiaIvan Magalhaes RENEWAL
Ashley Z ButtArgentinaIoni Bowcher NEW
Chavez P PaprockiItalyStephen Shaw NEW
Ashley D VenereBrazilElwin Sharvill PROPOSAL
Wickens W MaletIndiaAnna Fali RENEWAL
Jones Y FollerBrazilStephen Shaw NEGOTIATION
Adams Q RimJapanIoni Bowcher RENEWAL
Isabel M MarrierRussiaAnna Fali RENEWAL
Kaitlin Z ButtIndiaAmy Elsner NEGOTIATION
Mayumi L MacleadFranceStephen Shaw UNQUALIFIED
Morrow O OldroydArgentinaElwin Sharvill NEGOTIATION
Clifford D WhobreyAustraliaXuxue Feng NEGOTIATION
Faith F OldroydCanadaIoni Bowcher PROPOSAL
Costa P RutaItalyBernardo Dominic PROPOSAL
Tony C VenereBrazilAnna Fali PROPOSAL
Rodrigues Q FlosiAustraliaIvan Magalhaes NEGOTIATION
Mayumi N AmigonItalyAnna Fali NEW
Ashley Y MacleadUnited KingdomAmy Elsner PROPOSAL
James T ChuiArgentinaIoni Bowcher RENEWAL
Isabel U RimJapanXuxue Feng PROPOSAL
Morrow Y InouyeJapanStephen Shaw QUALIFIED
Salvatore R AlbaresItalyElwin Sharvill NEW
Aruna X FlosiRussiaIoni Bowcher PROPOSAL
Morrow R GillianUnited KingdomOnyama Limba NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Jennifer U TollnerCanadaIoni Bowcher PROPOSAL
Kaitlin D MarrierSpainAmy Elsner RENEWAL
Alejandro J MaletCanadaElwin Sharvill NEW
Aika K GauchoItalyBernardo Dominic QUALIFIED
Johnson M DarakjyRussiaBernardo Dominic UNQUALIFIED
Jeanfrancois C IturbideAustraliaOnyama Limba NEGOTIATION
Greenwood V RulapaughUnited KingdomBernardo Dominic RENEWAL
Murillo D AmigonSpainElwin Sharvill NEW
Jeanfrancois K ShinkoRussiaXuxue Feng RENEWAL
Jefferson U StockhamSpainBernardo Dominic QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Maisha O MacleadJapan2026-11-05Chapman, Ross E Esq UNQUALIFIED61Bernardo Dominic
1001Murillo O DilliardRussia2026-11-09Buckley Miller Wright NEW3Elwin Sharvill
1002Arvin K MorascaBrazil2026-11-07Feltz Printing Service RENEWAL51Asiya Javayant
1003Julie O DarakjyUnited Kingdom2026-10-21Rangoni Of Florence QUALIFIED5Elwin Sharvill
1004James R FlosiSpain2026-10-28Buckley Miller Wright NEGOTIATION46Ivan Magalhaes
1005Ricardo Z AlbaresBrazil2026-11-03Morlong Associates RENEWAL88Amy Elsner
1006Johnson V BriddickItaly2026-11-02Dorl, James J Esq PROPOSAL83Onyama Limba
1007Isabel K MarrierGermany2026-11-09Chapman, Ross E Esq RENEWAL40Ivan Magalhaes
1008Silvio B RulapaughFrance2026-11-12Rangoni Of Florence NEW23Xuxue Feng
1009Cody X CaldareraFrance2026-11-08Chapman, Ross E Esq QUALIFIED57Stephen Shaw
1010Rodrigues W VocelkaSpain2026-11-01Chapman, Ross E Esq PROPOSAL92Ivan Magalhaes
1011Maria K GlickArgentina2026-11-04King, Christopher A Esq NEW37Xuxue Feng
1012Emily Z AlbaresRussia2026-11-10Rangoni Of Florence QUALIFIED50Ivan Magalhaes
1013Chavez E FlosiItaly2026-10-28Chapman, Ross E Esq UNQUALIFIED43Stephen Shaw
1014Kadeem H MarrierGermany2026-10-27Commercial Press NEW83Bernardo Dominic
1015Faith C WieserFrance2026-11-14Truhlar And Truhlar Attys QUALIFIED71Ivan Magalhaes
1016Ashley F SaylorsFrance2026-10-24King, Christopher A Esq QUALIFIED15Amy Elsner
1017Misaki G RoysterArgentina2026-10-29Benton, John B Jr UNQUALIFIED32Ivan Magalhaes
1018Aika M SlusarskiFrance2026-11-03Rousseaux, Michael Esq NEW12Xuxue Feng
1019Mayumi E StensethBrazil2026-11-02Benton, John B Jr NEGOTIATION37Anna Fali
1020Salvatore P BowleySpain2026-10-26Commercial Press NEW98Bernardo Dominic
1021Antonio W SchemmerGermany2026-11-12Morlong Associates NEGOTIATION86Asiya Javayant
1022Maria S WaycottItaly2026-10-24Benton, John B Jr UNQUALIFIED98Ivan Magalhaes
1023Antonio Z IturbideBrazil2026-11-01Printing Dimensions QUALIFIED7Xuxue Feng
1024Tony J CaudySpain2026-11-09Commercial Press PROPOSAL82Elwin Sharvill
1025Johnson U PaprockiIndia2026-10-25Buckley Miller Wright PROPOSAL33Ioni Bowcher
1026Wickens N GarufiFrance2026-10-30Truhlar And Truhlar Attys QUALIFIED31Ivan Magalhaes
1027Greenwood U AlbaresSpain2026-10-16Dorl, James J Esq NEW85Onyama Limba
1028Jefferson J IturbideAustralia2026-10-24Chapman, Ross E Esq PROPOSAL37Xuxue Feng
1029Antonio C CaldareraSpain2026-11-14Chanay, Jeffrey A Esq UNQUALIFIED76Amy Elsner
1030Aika T RimRussia2026-11-08Benton, John B Jr NEGOTIATION92Bernardo Dominic
1031Jefferson I VenereBrazil2026-10-19Chanay, Jeffrey A Esq PROPOSAL25Ivan Magalhaes
1032Kaitlin F RoysterSpain2026-10-25Dorl, James J Esq NEW35Onyama Limba
1033Ivar P SchemmerJapan2026-11-02Chanay, Jeffrey A Esq PROPOSAL87Elwin Sharvill
1034Smith W SergiSpain2026-10-21Buckley Miller Wright RENEWAL47Elwin Sharvill
1035Stacey D GlickJapan2026-11-02Rousseaux, Michael Esq NEGOTIATION27Asiya Javayant
1036Clifford I ButtUnited Kingdom2026-10-27Dorl, James J Esq NEGOTIATION90Anna Fali
1037Juan E FollerGermany2026-10-25Rangoni Of Florence QUALIFIED88Anna Fali
1038Izzy K TollnerRussia2026-10-17Chemel, James L Cpa RENEWAL7Ioni Bowcher
1039Leon D VocelkaFrance2026-10-29Chapman, Ross E Esq PROPOSAL71Elwin Sharvill
1040Greenwood N NestleUnited Kingdom2026-10-20Chapman, Ross E Esq UNQUALIFIED77Onyama Limba
1041Morrow A WhobreyBrazil2026-10-29Chapman, Ross E Esq RENEWAL8Bernardo Dominic
1042Octavia E InouyeIndia2026-11-05Rangoni Of Florence NEGOTIATION29Ioni Bowcher
1043Cody E AlbaresItaly2026-10-20Rangoni Of Florence NEGOTIATION64Xuxue Feng
1044Silvio L WaycottUnited Kingdom2026-10-28Rousseaux, Michael Esq PROPOSAL64Stephen Shaw
1045Jennifer X ShinkoCanada2026-10-19Morlong Associates PROPOSAL99Xuxue Feng
1046Maria I TollnerBrazil2026-11-12Morlong Associates UNQUALIFIED53Bernardo Dominic
1047Ricardo Y RulapaughRussia2026-11-09Morlong Associates PROPOSAL47Elwin Sharvill
1048Ivar M DoeRussia2026-11-12Printing Dimensions NEGOTIATION52Bernardo Dominic
1049Arvin H CaudyFrance2026-10-23Dorl, James J Esq QUALIFIED97Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
James Z CaldareraIndiaOnyama Limba UNQUALIFIED
Isabel H SchemmerCanadaXuxue Feng RENEWAL
Johnson U FerenczJapanIoni Bowcher NEGOTIATION
Jennifer C DoeCanadaBernardo Dominic NEGOTIATION
Maria X SchemmerRussiaIvan Magalhaes RENEWAL
Deepesh S IturbideArgentinaBernardo Dominic NEGOTIATION
Aika E PerinFranceOnyama Limba UNQUALIFIED
Salvatore V ChuiFranceOnyama Limba UNQUALIFIED
Aika Y DilliardFranceAmy Elsner NEGOTIATION
Morrow D RimFranceIoni Bowcher NEW
Maria O GillianBrazilIoni Bowcher UNQUALIFIED
Ricardo L FigeroaArgentinaAmy Elsner RENEWAL
Darci Q OstroskyJapanIoni Bowcher UNQUALIFIED
Jefferson R InouyeItalyOnyama Limba QUALIFIED
Murillo L TollnerRussiaIvan Magalhaes RENEWAL
Aditya N WhobreyAustraliaAmy Elsner UNQUALIFIED
Misaki O VenereBrazilAnna Fali NEW
Aruna N SaylorsFranceOnyama Limba QUALIFIED
Silvio E AmigonFranceXuxue Feng QUALIFIED
Isabel I WieserFranceStephen Shaw NEW
Emily X GarufiRussiaXuxue Feng RENEWAL
Maria J AlbaresIndiaOnyama Limba QUALIFIED
James H WaycottGermanyAsiya Javayant NEW
Claire E GarufiSpainOnyama Limba NEW
Stacey Y RimUnited KingdomAsiya Javayant QUALIFIED
Murillo B KuskoIndiaElwin Sharvill UNQUALIFIED
Costa U CaldareraJapanAnna Fali QUALIFIED
Salvatore V MorascaAustraliaStephen Shaw RENEWAL
Arvin K FerenczSpainStephen Shaw NEGOTIATION
Nicolas I DilliardGermanyElwin Sharvill RENEWAL
Mujtaba Q WieserRussiaStephen Shaw RENEWAL
Alejandro Y WaycottIndiaIvan Magalhaes UNQUALIFIED
Jefferson U WaycottSpainStephen Shaw PROPOSAL
Mujtaba U SchemmerAustraliaStephen Shaw PROPOSAL
Aika O ButtBrazilAsiya Javayant PROPOSAL
Clifford J BologniaUnited KingdomAsiya Javayant RENEWAL
Arvin H MaletItalyIvan Magalhaes RENEWAL
Ashley P GillianIndiaAnna Fali NEW
Alejandro Q KuskoArgentinaBernardo Dominic PROPOSAL
Izzy Z PaprockiFranceIvan Magalhaes QUALIFIED
Murillo E WhobreyAustraliaAsiya Javayant UNQUALIFIED
Izzy W PaprockiSpainOnyama Limba NEGOTIATION
Juan V BologniaItalyBernardo Dominic NEGOTIATION
Kaitlin F ButtRussiaAnna Fali RENEWAL
Silvio E StensethUnited KingdomIoni Bowcher NEW
Jeanfrancois D GillianArgentinaStephen Shaw UNQUALIFIED
Misaki T AlbaresBrazilIoni Bowcher QUALIFIED
Claire S FerenczItalyBernardo Dominic RENEWAL
Tony C StockhamItalyIoni Bowcher UNQUALIFIED
Aditya M RoysterItalyIvan Magalhaes QUALIFIED
Frozen Columns
Name
Stacey M Stockham
Cody R Chui
Murillo N Gillian
Clifford Z Nestle
Francesco Z Morasca
Jones T Schemmer
Stacey B Shinko
Ashley I Whobrey
Isabel V Campain
Chavez W Vocelka
Wickens U Malet
Leon Y Doe
Clifford Y Saylors
Mujtaba H Amigon
Antonio T Ostrosky
Juan I Inouye
Antonio U Paprocki
Greenwood G Malet
Isabel I Bowley
Jeanfrancois O Chui
Murillo M Foller
Leja B Bowley
Greenwood R Chui
Stacey W Vocelka
Mujtaba I Darakjy
Izzy V Maclead
Stacey Q Royster
Morrow A Venere
Claire Q Doe
Mujtaba D Morasca
Jennifer E Caldarera
David Q Glick
Mujtaba W Glick
Morrow F Tollner
Jefferson F Morasca
Faith Z Gillian
Arvin X Albares
Silvio I Tollner
David U Figeroa
Leja D Whobrey
Juan G Foller
Deepesh I Chui
Claire J Stockham
Kadeem C Marrier
Jennifer N Stenseth
Leja O Darakjy
Emily P Nestle
Rodrigues C Chui
David I Albares
Jones V Shinko
IdCountryDate
1000France2026-11-07
1001France2026-10-24
1002Russia2026-10-29
1003Russia2026-11-13
1004Italy2026-11-09
1005Argentina2026-10-29
1006United Kingdom2026-10-25
1007Canada2026-11-08
1008Spain2026-10-30
1009India2026-11-14
1010Japan2026-11-10
1011Italy2026-11-05
1012Italy2026-10-29
1013Canada2026-11-08
1014France2026-10-27
1015Spain2026-10-29
1016Italy2026-11-01
1017Italy2026-10-29
1018Canada2026-10-25
1019United Kingdom2026-10-27
1020France2026-10-31
1021United Kingdom2026-10-16
1022Brazil2026-11-10
1023Italy2026-11-14
1024Brazil2026-10-29
1025Germany2026-10-26
1026Germany2026-11-01
1027Germany2026-10-26
1028United Kingdom2026-11-14
1029Germany2026-10-28
1030India2026-11-14
1031United Kingdom2026-10-25
1032Spain2026-10-30
1033Russia2026-10-27
1034France2026-10-21
1035Japan2026-10-21
1036Canada2026-11-08
1037Spain2026-11-13
1038Italy2026-10-30
1039Italy2026-10-19
1040India2026-11-13
1041Australia2026-10-20
1042Brazil2026-11-14
1043Spain2026-10-20
1044Japan2026-11-03
1045Germany2026-10-20
1046United Kingdom2026-10-24
1047Australia2026-11-07
1048Japan2026-10-24
1049Argentina2026-11-01

On-Demand Data

NameIdCountryDate
Leja W Saylors1000Argentina2026-10-29
Isabel W Garufi1001Australia2026-10-20
Silvio Z Garufi1002India2026-10-26
Sinclair L Albares1003Argentina2026-11-02
Julie G Gaucho1004India2026-10-22
Johnson M Caudy1005Brazil2026-10-21
Isabel Z Sergi1006United Kingdom2026-10-30
Jefferson B Iturbide1007Brazil2026-10-22
Ricardo C Stenseth1008Italy2026-10-17
Jefferson L Shinko1009Russia2026-11-10
Kadeem K Amigon1010Canada2026-11-05
Greenwood T Kusko1011United Kingdom2026-10-31
Emily N Royster1012France2026-10-17
Isabel S Malet1013France2026-11-14
Leja R Tollner1014Germany2026-10-31
Adams Z Ruta1015United Kingdom2026-11-14
Nicolas O Bowley1016Italy2026-10-24
Claire R Dilliard1017India2026-10-18
Francesco X Inouye1018Spain2026-11-06
Mayumi E Vocelka1019Australia2026-11-04
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jones I AlbaresCanadaOnyama Limba UNQUALIFIED
Maria G AmigonFranceStephen Shaw QUALIFIED
David I InouyeFranceAsiya Javayant NEW
Greenwood J SaylorsIndiaStephen Shaw NEGOTIATION
Clifford D ChuiRussiaAnna Fali NEGOTIATION
Deepesh C DilliardArgentinaOnyama Limba PROPOSAL
Jeanfrancois A SchemmerUnited KingdomOnyama Limba PROPOSAL
Tony H PaprockiGermanyStephen Shaw UNQUALIFIED
Salvatore X FigeroaGermanyStephen Shaw PROPOSAL
Misaki Q StockhamIndiaStephen Shaw RENEWAL
Kaitlin B MorascaIndiaElwin Sharvill QUALIFIED
Maria V CampainJapanAsiya Javayant NEW
Aruna B FigeroaUnited KingdomIoni Bowcher RENEWAL
Emily R FollerGermanyIoni Bowcher UNQUALIFIED
Leon J VenereGermanyXuxue Feng QUALIFIED
Ashley Q FerenczJapanStephen Shaw NEGOTIATION
Maria M PerinJapanIvan Magalhaes QUALIFIED
Chavez H BriddickAustraliaAnna Fali RENEWAL
Emily R NickaIndiaAmy Elsner NEW
Aruna B FollerSpainAmy Elsner RENEWAL
Johnson F NickaGermanyBernardo Dominic NEW
Alejandro L IturbideIndiaXuxue Feng NEGOTIATION
Rodrigues Y StensethUnited KingdomXuxue Feng NEW
Darci K WhobreyGermanyStephen Shaw RENEWAL
Chavez X RoysterIndiaStephen Shaw QUALIFIED
Izzy X PerinBrazilOnyama Limba QUALIFIED
Cody L NestleCanadaElwin Sharvill UNQUALIFIED
Ivar D MaletGermanyStephen Shaw QUALIFIED
Darci N CaudyGermanyElwin Sharvill RENEWAL
Faith J NestleFranceAmy Elsner NEGOTIATION
James Q BowleyArgentinaAnna Fali PROPOSAL
Leon Y TollnerUnited KingdomOnyama Limba NEGOTIATION
Mujtaba Z PaprockiGermanyAnna Fali PROPOSAL
Salvatore E CampainIndiaElwin Sharvill NEGOTIATION
Ivar Q VenereUnited KingdomOnyama Limba UNQUALIFIED
James O GillianRussiaAmy Elsner QUALIFIED
Antonio X WhobreyRussiaIoni Bowcher RENEWAL
Costa H SchemmerGermanyAmy Elsner UNQUALIFIED
Emily Q GarufiBrazilAmy Elsner QUALIFIED
Silvio A StockhamAustraliaStephen Shaw 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>