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
Stacey V PaprockiIndiaIoni Bowcher UNQUALIFIED
Chavez G FerenczArgentinaIoni Bowcher PROPOSAL
Johnson O FlosiBrazilElwin Sharvill NEGOTIATION
Juan N OstroskyArgentinaBernardo Dominic NEGOTIATION
Smith S SergiUnited KingdomElwin Sharvill RENEWAL
Adams V AlbaresBrazilIoni Bowcher PROPOSAL
Stacey R SchemmerRussiaAnna Fali NEGOTIATION
Smith G SergiFranceOnyama Limba NEGOTIATION
Morrow U CaudyJapanXuxue Feng UNQUALIFIED
Juan J NickaArgentinaAmy Elsner UNQUALIFIED
Octavia R PerinJapanIoni Bowcher NEGOTIATION
Stacey X StockhamBrazilElwin Sharvill NEGOTIATION
David W StensethFranceOnyama Limba RENEWAL
Maisha G FollerGermanyStephen Shaw UNQUALIFIED
Julie J MacleadItalyAsiya Javayant UNQUALIFIED
James L GauchoIndiaAmy Elsner UNQUALIFIED
Cody G NickaArgentinaIoni Bowcher NEGOTIATION
Rodrigues J MarrierIndiaBernardo Dominic NEGOTIATION
Wickens N CampainRussiaIoni Bowcher QUALIFIED
Munro U StockhamRussiaAsiya Javayant NEGOTIATION
Jeanfrancois Z BriddickJapanAmy Elsner RENEWAL
Antonio Y MaletBrazilIoni Bowcher NEW
Emily W NestleAustraliaIvan Magalhaes PROPOSAL
Adams D WieserCanadaBernardo Dominic NEW
Leja W FlosiIndiaOnyama Limba RENEWAL
Aditya W VenereRussiaIoni Bowcher PROPOSAL
Wickens Y VenereCanadaIvan Magalhaes NEGOTIATION
Murillo H WaycottGermanyIvan Magalhaes NEW
Costa E GlickGermanyIvan Magalhaes PROPOSAL
Sinclair M BowleyUnited KingdomIoni Bowcher NEW
Kaitlin R CaldareraArgentinaIoni Bowcher QUALIFIED
Faith S FollerBrazilAmy Elsner QUALIFIED
Sinclair M SaylorsBrazilBernardo Dominic NEGOTIATION
Mujtaba D StockhamArgentinaAsiya Javayant PROPOSAL
Jones F AlbaresIndiaAsiya Javayant NEW
James T RulapaughItalyAnna Fali UNQUALIFIED
Jennifer Z BriddickBrazilXuxue Feng UNQUALIFIED
Izzy W DoeBrazilOnyama Limba RENEWAL
Silvio Z CaldareraIndiaStephen Shaw NEW
Leon V PerinFranceStephen Shaw PROPOSAL
Cody A RulapaughUnited KingdomStephen Shaw NEW
Jefferson X ShinkoBrazilXuxue Feng QUALIFIED
Wickens R StockhamItalyStephen Shaw RENEWAL
Cody O PerinBrazilStephen Shaw NEGOTIATION
James L StensethCanadaElwin Sharvill UNQUALIFIED
Emily E IturbideAustraliaAsiya Javayant RENEWAL
Johnson M TollnerGermanyAmy Elsner NEW
Munro A FerenczCanadaAsiya Javayant RENEWAL
Morrow T MorascaItalyIoni Bowcher RENEWAL
Alejandro Z WaycottCanadaAmy Elsner QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Mayumi Y DoeJapanStephen Shaw QUALIFIED
Silvio X BologniaJapanElwin Sharvill PROPOSAL
Salvatore Z RulapaughBrazilIoni Bowcher PROPOSAL
Smith U StensethUnited KingdomOnyama Limba NEGOTIATION
Nicolas P OstroskyUnited KingdomBernardo Dominic PROPOSAL
Tony W DoeGermanyAmy Elsner QUALIFIED
Arvin P GarufiAustraliaAnna Fali PROPOSAL
Greenwood Y DarakjyAustraliaAmy Elsner NEGOTIATION
Mayumi I GarufiItalyAmy Elsner RENEWAL
Nicolas F GlickUnited KingdomIvan Magalhaes QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Alejandro K DoeSpain2026-09-13Feiner Bros RENEWAL11Ivan Magalhaes
1001Ivar Z RoysterIndia2026-09-18Rangoni Of Florence NEW53Bernardo Dominic
1002Cody Z BologniaBrazil2026-10-09Rangoni Of Florence NEW82Ioni Bowcher
1003Jefferson U GillianCanada2026-10-09Commercial Press UNQUALIFIED86Ivan Magalhaes
1004Costa Y TollnerAustralia2026-10-07Dorl, James J Esq PROPOSAL28Elwin Sharvill
1005Murillo X NestleSpain2026-09-27King, Christopher A Esq RENEWAL51Bernardo Dominic
1006Wickens M IturbideBrazil2026-10-01Commercial Press NEW51Bernardo Dominic
1007Izzy U GlickFrance2026-09-24Feiner Bros NEW44Xuxue Feng
1008Silvio I RulapaughBrazil2026-09-22Chemel, James L Cpa RENEWAL63Elwin Sharvill
1009Clifford B MorascaRussia2026-10-03Truhlar And Truhlar Attys PROPOSAL73Stephen Shaw
1010Rodrigues E SlusarskiItaly2026-09-28Chanay, Jeffrey A Esq PROPOSAL4Asiya Javayant
1011Misaki J WieserFrance2026-09-17Rangoni Of Florence PROPOSAL66Amy Elsner
1012Isabel X SergiItaly2026-09-20Commercial Press RENEWAL87Ivan Magalhaes
1013James F IturbideAustralia2026-09-15Chapman, Ross E Esq NEGOTIATION75Amy Elsner
1014Claire C AmigonAustralia2026-09-17Dorl, James J Esq RENEWAL12Elwin Sharvill
1015Aruna H CaudyItaly2026-10-09Feiner Bros RENEWAL7Ivan Magalhaes
1016Greenwood G FollerBrazil2026-09-26Dorl, James J Esq PROPOSAL4Elwin Sharvill
1017Emily P WaycottGermany2026-10-02Commercial Press QUALIFIED99Anna Fali
1018Rodrigues I FollerJapan2026-10-07Benton, John B Jr UNQUALIFIED22Ivan Magalhaes
1019Wickens M VenereCanada2026-09-27Chanay, Jeffrey A Esq NEGOTIATION11Bernardo Dominic
1020Francesco Q AmigonAustralia2026-09-22Rousseaux, Michael Esq NEW21Onyama Limba
1021Nicolas U SaylorsBrazil2026-09-28Commercial Press PROPOSAL16Xuxue Feng
1022Aika W MacleadArgentina2026-10-02Dorl, James J Esq UNQUALIFIED46Asiya Javayant
1023Clifford H RimSpain2026-09-23Rangoni Of Florence UNQUALIFIED61Xuxue Feng
1024Maria X BowleyIndia2026-10-10Truhlar And Truhlar Attys PROPOSAL1Onyama Limba
1025Jones S GauchoGermany2026-10-09Benton, John B Jr UNQUALIFIED19Amy Elsner
1026Nicolas E CaldareraGermany2026-09-29Truhlar And Truhlar Attys NEW22Ioni Bowcher
1027Murillo Q GarufiFrance2026-10-10Rangoni Of Florence NEGOTIATION79Onyama Limba
1028Francesco C FollerGermany2026-09-19Chanay, Jeffrey A Esq UNQUALIFIED67Amy Elsner
1029Mayumi N SchemmerSpain2026-09-30Printing Dimensions RENEWAL57Xuxue Feng
1030Emily X GarufiArgentina2026-09-24Buckley Miller Wright PROPOSAL71Bernardo Dominic
1031Jeanfrancois I RutaIndia2026-09-12Commercial Press PROPOSAL50Bernardo Dominic
1032Antonio T CampainFrance2026-09-23Dorl, James J Esq RENEWAL13Stephen Shaw
1033Stacey W VocelkaAustralia2026-10-08Feltz Printing Service NEW97Elwin Sharvill
1034Julie O CaudyAustralia2026-09-20Chemel, James L Cpa NEGOTIATION49Asiya Javayant
1035Emily N RulapaughSpain2026-09-29King, Christopher A Esq RENEWAL10Anna Fali
1036Costa K KuskoUnited Kingdom2026-09-19Benton, John B Jr QUALIFIED57Amy Elsner
1037Faith L WhobreySpain2026-10-06Chemel, James L Cpa RENEWAL61Stephen Shaw
1038Chavez Y BowleyAustralia2026-09-21Feltz Printing Service UNQUALIFIED99Xuxue Feng
1039Smith Z TollnerJapan2026-09-17Morlong Associates RENEWAL59Elwin Sharvill
1040Octavia X InouyeArgentina2026-09-27Chapman, Ross E Esq QUALIFIED52Ivan Magalhaes
1041Tony L DoeAustralia2026-09-29Rangoni Of Florence NEGOTIATION29Stephen Shaw
1042Cody F ButtIndia2026-09-18Morlong Associates NEGOTIATION56Bernardo Dominic
1043Kaitlin T KuskoFrance2026-09-24Commercial Press NEW2Asiya Javayant
1044Cody Y TollnerJapan2026-09-27Commercial Press QUALIFIED86Onyama Limba
1045Arvin K WieserCanada2026-09-12Commercial Press QUALIFIED93Xuxue Feng
1046Octavia O ShinkoFrance2026-09-20Printing Dimensions QUALIFIED8Xuxue Feng
1047Aika W AmigonBrazil2026-09-24King, Christopher A Esq NEW82Onyama Limba
1048Mujtaba K FigeroaBrazil2026-09-28Feltz Printing Service UNQUALIFIED12Stephen Shaw
1049Ricardo A WieserBrazil2026-10-10Morlong Associates UNQUALIFIED25Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Wickens Q GlickGermanyXuxue Feng NEGOTIATION
Jeanfrancois I RoysterRussiaAmy Elsner PROPOSAL
Cody N ButtAustraliaAnna Fali NEGOTIATION
Murillo P SaylorsIndiaStephen Shaw PROPOSAL
Julie F StockhamRussiaIoni Bowcher QUALIFIED
Jeanfrancois S ChuiBrazilAsiya Javayant RENEWAL
Arvin M SlusarskiIndiaXuxue Feng NEW
Leon V FigeroaBrazilOnyama Limba PROPOSAL
Claire I GauchoFranceOnyama Limba QUALIFIED
Chavez P GlickJapanIoni Bowcher NEW
Jones Y FlosiJapanXuxue Feng NEW
Adams Q BowleyIndiaAnna Fali RENEWAL
Antonio G DilliardFranceElwin Sharvill NEGOTIATION
Kaitlin D VenereCanadaOnyama Limba PROPOSAL
Mujtaba H MarrierRussiaXuxue Feng PROPOSAL
Ashley D AmigonFranceStephen Shaw NEGOTIATION
Maisha X VenereSpainElwin Sharvill NEW
Izzy X ShinkoRussiaXuxue Feng RENEWAL
Greenwood L CaudyRussiaAmy Elsner NEGOTIATION
Munro E GlickIndiaIvan Magalhaes PROPOSAL
Isabel Q PerinUnited KingdomOnyama Limba PROPOSAL
Ashley K AmigonRussiaIvan Magalhaes QUALIFIED
Arvin C KuskoArgentinaBernardo Dominic NEGOTIATION
David P RoysterGermanyBernardo Dominic NEGOTIATION
Nicolas B CaldareraIndiaAmy Elsner NEGOTIATION
Izzy C GauchoRussiaStephen Shaw QUALIFIED
Aruna H DilliardJapanAmy Elsner NEW
Alejandro Y FerenczRussiaIvan Magalhaes QUALIFIED
James W KolmetzArgentinaBernardo Dominic RENEWAL
Stacey R BowleyBrazilIvan Magalhaes PROPOSAL
Darci E AlbaresAustraliaStephen Shaw UNQUALIFIED
Leon Q GauchoUnited KingdomIoni Bowcher QUALIFIED
Salvatore G WieserIndiaElwin Sharvill UNQUALIFIED
Rodrigues X BologniaIndiaAsiya Javayant UNQUALIFIED
Chavez V GarufiBrazilAmy Elsner RENEWAL
Chavez S AmigonGermanyAsiya Javayant NEW
Maisha B IturbideAustraliaElwin Sharvill UNQUALIFIED
Sinclair E FlosiUnited KingdomIvan Magalhaes NEW
Francesco M SchemmerSpainAnna Fali NEW
Smith E SergiItalyAmy Elsner NEGOTIATION
Maria M GillianArgentinaXuxue Feng NEW
Darci B KolmetzArgentinaOnyama Limba PROPOSAL
Wickens U NickaArgentinaAnna Fali NEW
Aruna R ShinkoRussiaAnna Fali NEW
Sinclair E PoquetteUnited KingdomElwin Sharvill NEW
Silvio W InouyeItalyBernardo Dominic RENEWAL
Isabel R FlosiItalyAmy Elsner NEW
Johnson V MarrierFranceXuxue Feng RENEWAL
Jeanfrancois Z OstroskyItalyXuxue Feng PROPOSAL
Ashley E AlbaresUnited KingdomAmy Elsner PROPOSAL
Frozen Columns
Name
Jefferson Y Chui
Silvio M Bowley
Morrow M Campain
Emily B Iturbide
Jeanfrancois N Darakjy
Sinclair T Slusarski
Faith Q Nestle
Salvatore R Schemmer
Silvio K Bolognia
Izzy Z Campain
Kadeem B Paprocki
Munro R Venere
Aika N Foller
Ivar X Ferencz
Maria C Ferencz
Johnson C Darakjy
Deepesh B Albares
Misaki K Gillian
Murillo T Maclead
Costa R Flosi
Mayumi W Morasca
Kaitlin S Kusko
Ashley Y Garufi
Mujtaba Y Marrier
Jones C Rulapaugh
Chavez K Inouye
Morrow O Perin
Jefferson B Oldroyd
Salvatore Y Nicka
Murillo W Kusko
Mayumi B Rulapaugh
Adams M Venere
Mujtaba I Kolmetz
Faith S Perin
Antonio N Garufi
Isabel I Caldarera
Francesco T Slusarski
Leja K Albares
Leja L Caldarera
Mayumi S Ostrosky
Mayumi W Albares
Johnson C Darakjy
Emily N Malet
Smith N Albares
Greenwood Q Bolognia
Salvatore I Flosi
Jones C Royster
Sinclair E Flosi
Izzy U Kusko
Alejandro V Royster
IdCountryDate
1000Spain2026-09-28
1001Russia2026-09-21
1002Canada2026-09-14
1003Australia2026-09-29
1004Japan2026-09-20
1005Italy2026-09-22
1006India2026-09-22
1007Russia2026-10-11
1008India2026-10-11
1009United Kingdom2026-09-25
1010Japan2026-10-07
1011United Kingdom2026-10-01
1012Australia2026-09-23
1013Germany2026-09-27
1014Brazil2026-09-30
1015Canada2026-10-08
1016France2026-10-07
1017Italy2026-09-21
1018Spain2026-09-27
1019United Kingdom2026-09-28
1020Spain2026-09-20
1021Japan2026-10-10
1022Brazil2026-10-08
1023Canada2026-09-23
1024Australia2026-10-08
1025Canada2026-09-23
1026United Kingdom2026-09-14
1027Argentina2026-10-08
1028Canada2026-10-03
1029Canada2026-09-24
1030Germany2026-09-24
1031Russia2026-09-19
1032Brazil2026-09-17
1033Argentina2026-09-27
1034Brazil2026-10-08
1035United Kingdom2026-10-10
1036Brazil2026-09-26
1037France2026-09-23
1038France2026-09-29
1039Italy2026-09-27
1040Australia2026-09-21
1041Canada2026-09-18
1042United Kingdom2026-09-24
1043Canada2026-10-04
1044Japan2026-09-15
1045France2026-09-14
1046France2026-09-16
1047India2026-10-03
1048Spain2026-10-06
1049France2026-09-25

On-Demand Data

NameIdCountryDate
Arvin R Ostrosky1000Russia2026-09-18
Maria K Whobrey1001Brazil2026-09-20
Ricardo A Whobrey1002France2026-09-24
Silvio Y Chui1003France2026-10-06
Sinclair I Ostrosky1004Argentina2026-10-07
Nicolas Z Gillian1005France2026-09-21
Mujtaba G Butt1006Brazil2026-09-12
Munro Z Rulapaugh1007Canada2026-09-24
Darci T Stenseth1008Australia2026-10-03
Jefferson K Rulapaugh1009France2026-09-23
Izzy B Nicka1010Japan2026-10-02
Deepesh F Perin1011United Kingdom2026-10-06
Jones E Briddick1012Australia2026-10-10
Salvatore H Slusarski1013Russia2026-09-15
Morrow P Rulapaugh1014Brazil2026-09-27
Salvatore S Maclead1015Italy2026-10-05
Munro E Waycott1016Japan2026-10-02
Silvio K Dilliard1017Spain2026-09-28
Claire W Albares1018Germany2026-09-17
Francesco S Darakjy1019India2026-09-12
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Mayumi S KolmetzSpainAsiya Javayant NEW
Aika C GlickIndiaBernardo Dominic QUALIFIED
Antonio P NickaItalyAsiya Javayant NEGOTIATION
Ashley R RoysterItalyAmy Elsner PROPOSAL
Emily C MaletGermanyXuxue Feng NEW
Maria G KolmetzFranceIoni Bowcher RENEWAL
Emily C MarrierArgentinaAnna Fali QUALIFIED
Leon N FlosiBrazilBernardo Dominic RENEWAL
Ivar T RulapaughJapanElwin Sharvill UNQUALIFIED
Jones Z InouyeRussiaIoni Bowcher PROPOSAL
David N InouyeBrazilIoni Bowcher QUALIFIED
Julie C OstroskyAustraliaIoni Bowcher NEW
Smith M KolmetzAustraliaIvan Magalhaes RENEWAL
Emily D SaylorsAustraliaAmy Elsner QUALIFIED
Aditya W PaprockiUnited KingdomBernardo Dominic UNQUALIFIED
Deepesh J BriddickIndiaOnyama Limba PROPOSAL
Kadeem D CaudyArgentinaStephen Shaw UNQUALIFIED
Izzy R WaycottItalyXuxue Feng NEW
Isabel U OldroydAustraliaAnna Fali NEW
Mujtaba F PoquetteGermanyOnyama Limba PROPOSAL
Kadeem K ShinkoBrazilAnna Fali NEGOTIATION
Mayumi X BologniaIndiaStephen Shaw UNQUALIFIED
Chavez W AlbaresArgentinaIoni Bowcher UNQUALIFIED
Jones Y VocelkaGermanyStephen Shaw UNQUALIFIED
Jennifer A StensethCanadaBernardo Dominic NEW
Ashley V StockhamIndiaXuxue Feng UNQUALIFIED
Munro N ButtRussiaIoni Bowcher PROPOSAL
Jones L PaprockiSpainIoni Bowcher UNQUALIFIED
Clifford Z VenereAustraliaIvan Magalhaes RENEWAL
Misaki T CaudyGermanyAsiya Javayant UNQUALIFIED
Greenwood T SergiCanadaBernardo Dominic QUALIFIED
Francesco M ButtGermanyBernardo Dominic UNQUALIFIED
Wickens L StensethArgentinaOnyama Limba UNQUALIFIED
Mayumi J CaudyCanadaAnna Fali NEGOTIATION
Jones D ChuiFranceXuxue Feng NEW
Murillo X WieserJapanAnna Fali NEW
Jeanfrancois K TollnerCanadaIoni Bowcher UNQUALIFIED
Aruna R WhobreyCanadaIoni Bowcher PROPOSAL
Adams U GarufiFranceElwin Sharvill NEGOTIATION
Mujtaba F ShinkoUnited KingdomOnyama Limba NEW

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