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 J DarakjyArgentinaIvan Magalhaes UNQUALIFIED
Izzy B SergiUnited KingdomXuxue Feng NEGOTIATION
Smith O BriddickSpainElwin Sharvill RENEWAL
Isabel W GillianRussiaIoni Bowcher RENEWAL
Julie F OstroskyJapanAnna Fali RENEWAL
Stacey W DilliardJapanOnyama Limba PROPOSAL
Izzy G OldroydUnited KingdomAmy Elsner RENEWAL
Alejandro R CaldareraCanadaAmy Elsner PROPOSAL
Munro A GauchoArgentinaStephen Shaw NEGOTIATION
Nicolas N ButtAustraliaAmy Elsner NEW
Isabel V SchemmerIndiaBernardo Dominic UNQUALIFIED
David Z RutaGermanyStephen Shaw RENEWAL
Aditya A OldroydGermanyElwin Sharvill NEW
Faith D WaycottBrazilXuxue Feng PROPOSAL
Smith E KuskoAustraliaAsiya Javayant NEGOTIATION
Sinclair M DarakjyAustraliaAmy Elsner RENEWAL
Alejandro V ButtArgentinaBernardo Dominic QUALIFIED
Maria T MacleadSpainAmy Elsner NEGOTIATION
Misaki D TollnerSpainAmy Elsner UNQUALIFIED
Rodrigues V NestleRussiaOnyama Limba UNQUALIFIED
Salvatore I IturbideJapanAnna Fali QUALIFIED
Maisha S IturbideBrazilAnna Fali PROPOSAL
Leon X DilliardSpainElwin Sharvill PROPOSAL
Morrow S TollnerRussiaElwin Sharvill RENEWAL
Silvio Q MorascaItalyBernardo Dominic QUALIFIED
Munro R StockhamRussiaIoni Bowcher UNQUALIFIED
Izzy A CampainItalyXuxue Feng NEGOTIATION
Claire R GlickItalyElwin Sharvill PROPOSAL
Ivar E IturbideGermanyXuxue Feng NEW
Maisha O GlickAustraliaAnna Fali RENEWAL
Misaki H SlusarskiRussiaBernardo Dominic NEW
Octavia A KolmetzUnited KingdomElwin Sharvill QUALIFIED
Tony Y KuskoArgentinaAnna Fali UNQUALIFIED
Juan W DoeSpainStephen Shaw UNQUALIFIED
Adams F GauchoCanadaAsiya Javayant UNQUALIFIED
Silvio Y VenereJapanBernardo Dominic NEW
Silvio N MorascaSpainElwin Sharvill NEW
Cody K FlosiAustraliaIoni Bowcher NEW
Tony W StockhamJapanAsiya Javayant NEGOTIATION
Misaki X MacleadRussiaXuxue Feng NEW
Jeanfrancois M MaletArgentinaOnyama Limba NEGOTIATION
Kadeem O ChuiBrazilStephen Shaw UNQUALIFIED
Greenwood X DoeBrazilAnna Fali PROPOSAL
Isabel E GlickRussiaIoni Bowcher RENEWAL
Salvatore W RoysterUnited KingdomAnna Fali NEGOTIATION
Aika G CaudyAustraliaIvan Magalhaes UNQUALIFIED
Faith H DarakjyBrazilXuxue Feng PROPOSAL
Jeanfrancois R MorascaIndiaXuxue Feng QUALIFIED
Ashley H BologniaSpainAmy Elsner PROPOSAL
Faith O WhobreyRussiaOnyama Limba RENEWAL
Horizontal
NameCountryRepresentativeStatus
Misaki R WhobreyItalyIvan Magalhaes RENEWAL
Ricardo H DoeCanadaXuxue Feng NEGOTIATION
Johnson W TollnerCanadaElwin Sharvill NEGOTIATION
Nicolas T SlusarskiJapanElwin Sharvill PROPOSAL
Isabel Q IturbideGermanyIvan Magalhaes NEW
Sinclair D SlusarskiItalyStephen Shaw QUALIFIED
Octavia W BowleyIndiaIvan Magalhaes PROPOSAL
Kadeem F NickaRussiaElwin Sharvill PROPOSAL
Munro L NestleUnited KingdomAsiya Javayant NEGOTIATION
Leja F GlickGermanyAsiya Javayant PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jeanfrancois Z GauchoFrance2026-09-10Benton, John B Jr PROPOSAL45Xuxue Feng
1001Ricardo C GlickJapan2026-10-04Benton, John B Jr QUALIFIED97Ivan Magalhaes
1002Costa E GillianFrance2026-09-27Feltz Printing Service NEGOTIATION35Ioni Bowcher
1003Jennifer C BologniaItaly2026-09-27Buckley Miller Wright RENEWAL44Xuxue Feng
1004Leja F SergiRussia2026-09-11King, Christopher A Esq UNQUALIFIED18Ivan Magalhaes
1005Aika C InouyeSpain2026-09-09Rousseaux, Michael Esq NEGOTIATION79Anna Fali
1006Costa M DarakjyArgentina2026-09-25Morlong Associates QUALIFIED56Bernardo Dominic
1007Leja C InouyeAustralia2026-09-23Feltz Printing Service NEGOTIATION31Onyama Limba
1008David M InouyeRussia2026-09-11Truhlar And Truhlar Attys NEW63Elwin Sharvill
1009Emily K FollerBrazil2026-09-22Printing Dimensions UNQUALIFIED35Bernardo Dominic
1010Clifford A MorascaSpain2026-09-10Feiner Bros NEGOTIATION22Elwin Sharvill
1011Maria Y FlosiCanada2026-10-02Morlong Associates QUALIFIED75Anna Fali
1012Faith M SchemmerFrance2026-09-19Printing Dimensions RENEWAL2Onyama Limba
1013Antonio K SergiIndia2026-09-21Morlong Associates NEW31Elwin Sharvill
1014Adams F AmigonArgentina2026-09-29King, Christopher A Esq RENEWAL98Stephen Shaw
1015Deepesh S SlusarskiRussia2026-09-09Rangoni Of Florence RENEWAL50Amy Elsner
1016Julie T FerenczGermany2026-10-03Buckley Miller Wright RENEWAL80Onyama Limba
1017Tony F RutaBrazil2026-09-08Truhlar And Truhlar Attys NEGOTIATION34Anna Fali
1018Jeanfrancois M SergiUnited Kingdom2026-09-14Chapman, Ross E Esq NEGOTIATION30Xuxue Feng
1019Jefferson Z BriddickSpain2026-09-14Truhlar And Truhlar Attys PROPOSAL83Amy Elsner
1020Aika B StensethSpain2026-09-29Morlong Associates NEW68Ioni Bowcher
1021Jennifer L MaletJapan2026-09-09Buckley Miller Wright NEGOTIATION71Amy Elsner
1022Jones Z NickaGermany2026-10-07King, Christopher A Esq PROPOSAL9Elwin Sharvill
1023Smith M NickaCanada2026-09-30Buckley Miller Wright NEGOTIATION2Anna Fali
1024Stacey H GlickItaly2026-09-30Rangoni Of Florence NEGOTIATION43Elwin Sharvill
1025Adams X CaldareraItaly2026-10-05Feltz Printing Service RENEWAL90Amy Elsner
1026Greenwood N WieserItaly2026-10-05Feiner Bros NEGOTIATION18Amy Elsner
1027David X GillianArgentina2026-09-17Morlong Associates PROPOSAL77Stephen Shaw
1028Kadeem L WhobreyUnited Kingdom2026-09-22Commercial Press NEGOTIATION47Anna Fali
1029Adams E WaycottIndia2026-10-01Morlong Associates UNQUALIFIED95Ioni Bowcher
1030Johnson J FerenczSpain2026-10-01Benton, John B Jr NEGOTIATION88Stephen Shaw
1031Salvatore E MaletJapan2026-09-11Rousseaux, Michael Esq PROPOSAL20Asiya Javayant
1032Jennifer J VocelkaAustralia2026-09-27Commercial Press NEGOTIATION30Asiya Javayant
1033Morrow W FollerAustralia2026-09-29Chemel, James L Cpa RENEWAL61Bernardo Dominic
1034Faith W VenereCanada2026-10-01Printing Dimensions PROPOSAL83Ioni Bowcher
1035Jefferson H GillianFrance2026-09-08Commercial Press UNQUALIFIED49Ivan Magalhaes
1036Jefferson W PerinArgentina2026-09-21Dorl, James J Esq NEGOTIATION18Bernardo Dominic
1037Jeanfrancois I IturbideArgentina2026-09-14Benton, John B Jr RENEWAL72Ioni Bowcher
1038Maisha K SergiAustralia2026-09-22Morlong Associates PROPOSAL20Asiya Javayant
1039Jefferson T GlickArgentina2026-09-08Truhlar And Truhlar Attys QUALIFIED42Asiya Javayant
1040Silvio Y CampainIndia2026-09-18Commercial Press UNQUALIFIED34Ioni Bowcher
1041David Q FlosiCanada2026-09-29Feltz Printing Service QUALIFIED67Stephen Shaw
1042Stacey C StensethBrazil2026-09-30Chanay, Jeffrey A Esq NEW19Bernardo Dominic
1043Smith R GarufiItaly2026-09-09Rousseaux, Michael Esq NEGOTIATION96Xuxue Feng
1044Maisha Y ShinkoArgentina2026-09-23Commercial Press NEGOTIATION11Elwin Sharvill
1045Ivar B CaldareraAustralia2026-10-05Dorl, James J Esq UNQUALIFIED81Amy Elsner
1046Jones S SaylorsUnited Kingdom2026-09-09Rousseaux, Michael Esq QUALIFIED42Elwin Sharvill
1047Misaki M CaudyJapan2026-09-15Feltz Printing Service PROPOSAL53Asiya Javayant
1048Cody Z MaletBrazil2026-09-17Truhlar And Truhlar Attys PROPOSAL25Bernardo Dominic
1049Leja Q DarakjyRussia2026-09-28Chanay, Jeffrey A Esq NEGOTIATION60Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Clifford Z KuskoArgentinaIvan Magalhaes RENEWAL
Julie Y KuskoBrazilIoni Bowcher QUALIFIED
Morrow T KolmetzIndiaAsiya Javayant UNQUALIFIED
Sinclair F InouyeItalyIoni Bowcher RENEWAL
Faith P InouyeCanadaIoni Bowcher NEW
Juan U OstroskyRussiaOnyama Limba RENEWAL
Cody C KolmetzSpainXuxue Feng RENEWAL
Ivar J NickaJapanAnna Fali UNQUALIFIED
Ashley J BologniaJapanXuxue Feng PROPOSAL
Aruna W FerenczItalyIvan Magalhaes PROPOSAL
Greenwood W DilliardJapanXuxue Feng NEW
Juan N VenereFranceIoni Bowcher NEW
Nicolas J PoquetteUnited KingdomStephen Shaw PROPOSAL
Rodrigues S VocelkaItalyOnyama Limba NEGOTIATION
Alejandro N WieserCanadaAmy Elsner PROPOSAL
Arvin G PaprockiItalyIvan Magalhaes PROPOSAL
Sinclair X PerinRussiaBernardo Dominic QUALIFIED
Jefferson N WieserUnited KingdomAsiya Javayant NEGOTIATION
Leon U RutaAustraliaIoni Bowcher UNQUALIFIED
Aruna V FlosiFranceIvan Magalhaes NEW
Francesco B DoeCanadaAsiya Javayant NEGOTIATION
Silvio J DoeGermanyOnyama Limba UNQUALIFIED
Greenwood F FollerIndiaBernardo Dominic UNQUALIFIED
Emily U AmigonRussiaOnyama Limba QUALIFIED
Aditya N DoeAustraliaOnyama Limba NEW
Claire C CaldareraSpainAnna Fali NEGOTIATION
Tony A WaycottAustraliaAmy Elsner RENEWAL
Jefferson C ButtUnited KingdomBernardo Dominic UNQUALIFIED
Octavia F SaylorsArgentinaAsiya Javayant NEGOTIATION
Juan P VenereRussiaXuxue Feng UNQUALIFIED
David E ShinkoSpainElwin Sharvill PROPOSAL
Deepesh K MorascaRussiaAsiya Javayant NEW
Aditya N CaudySpainBernardo Dominic PROPOSAL
Claire M MorascaSpainOnyama Limba RENEWAL
Aruna H KolmetzRussiaStephen Shaw UNQUALIFIED
Arvin H SlusarskiFranceIoni Bowcher NEGOTIATION
Isabel P SchemmerRussiaElwin Sharvill RENEWAL
Tony J ButtItalyAsiya Javayant UNQUALIFIED
Mujtaba Z GlickUnited KingdomElwin Sharvill UNQUALIFIED
Faith Y ChuiCanadaIoni Bowcher NEGOTIATION
Ashley T TollnerCanadaStephen Shaw NEW
Ricardo Q RutaGermanyXuxue Feng UNQUALIFIED
Mayumi P MarrierJapanXuxue Feng UNQUALIFIED
Greenwood B BologniaRussiaAmy Elsner NEGOTIATION
Tony B WieserFranceElwin Sharvill RENEWAL
Deepesh N CaudyJapanXuxue Feng UNQUALIFIED
Murillo V MaletIndiaAnna Fali NEGOTIATION
Claire E FollerBrazilStephen Shaw UNQUALIFIED
Izzy Q VocelkaUnited KingdomIvan Magalhaes NEW
Tony C WieserCanadaAnna Fali NEW
Frozen Columns
Name
Jones A Whobrey
Costa W Glick
Rodrigues S Stenseth
Rodrigues G Ruta
Antonio I Bowley
Faith G Malet
Leon P Rulapaugh
Smith L Stockham
Wickens N Dilliard
Claire J Malet
Juan C Oldroyd
Octavia P Wieser
David G Oldroyd
Cody E Kolmetz
Aruna R Wieser
Arvin V Caudy
Maisha A Dilliard
David E Royster
Arvin A Stockham
Murillo K Ostrosky
Emily H Venere
Ricardo O Caldarera
Jennifer B Amigon
Faith N Iturbide
Stacey M Caudy
Kaitlin B Rim
Mujtaba K Marrier
Tony U Ostrosky
Stacey D Gillian
Tony A Dilliard
David I Ostrosky
Francesco V Dilliard
Jefferson P Poquette
Leja I Kolmetz
Morrow C Ruta
Cody K Amigon
Jennifer L Flosi
Leon D Caldarera
Clifford X Gillian
Wickens X Slusarski
Morrow X Darakjy
Francesco E Wieser
Alejandro R Wieser
Izzy P Ostrosky
Munro V Caldarera
Izzy K Royster
Silvio L Dilliard
Alejandro I Albares
Jones Q Perin
Silvio K Venere
IdCountryDate
1000Australia2026-09-17
1001Australia2026-09-14
1002Russia2026-10-07
1003Canada2026-09-30
1004India2026-09-13
1005Italy2026-09-08
1006Germany2026-09-23
1007Germany2026-10-04
1008United Kingdom2026-09-10
1009Japan2026-10-02
1010India2026-10-07
1011Australia2026-09-30
1012France2026-09-08
1013Spain2026-10-06
1014Japan2026-09-20
1015India2026-09-13
1016Japan2026-09-15
1017France2026-09-18
1018Australia2026-09-13
1019India2026-10-06
1020Australia2026-09-12
1021India2026-09-27
1022Spain2026-09-18
1023Canada2026-10-05
1024Brazil2026-09-29
1025Spain2026-09-28
1026Italy2026-09-10
1027Japan2026-09-10
1028Canada2026-09-25
1029Brazil2026-09-20
1030Brazil2026-09-18
1031Japan2026-09-17
1032Canada2026-09-14
1033India2026-10-05
1034Russia2026-10-02
1035Argentina2026-10-03
1036Italy2026-10-03
1037France2026-09-27
1038Spain2026-09-15
1039Spain2026-10-01
1040Canada2026-09-10
1041Spain2026-09-29
1042France2026-09-13
1043Spain2026-09-10
1044Spain2026-09-20
1045Australia2026-09-18
1046Argentina2026-09-09
1047Japan2026-09-29
1048Australia2026-09-19
1049France2026-09-29

On-Demand Data

NameIdCountryDate
Claire M Malet1000Japan2026-09-15
Kaitlin D Garufi1001Canada2026-09-25
Aruna D Schemmer1002Italy2026-09-18
Sinclair H Saylors1003Canada2026-10-01
Kaitlin O Vocelka1004Argentina2026-09-20
Maria S Morasca1005Brazil2026-09-22
Mujtaba S Malet1006Japan2026-09-22
Nicolas B Foller1007United Kingdom2026-09-24
Claire E Ferencz1008United Kingdom2026-09-11
Aditya M Albares1009Russia2026-10-04
Ivar G Iturbide1010Brazil2026-09-29
Mujtaba U Albares1011Brazil2026-09-09
Costa R Flosi1012Australia2026-09-22
Jennifer J Flosi1013United Kingdom2026-09-25
Leon H Morasca1014Japan2026-09-29
Misaki L Flosi1015Japan2026-09-26
Cody I Darakjy1016France2026-10-04
Stacey X Shinko1017Australia2026-09-21
Julie I Bowley1018Russia2026-10-01
Costa C Bolognia1019Canada2026-09-27
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Salvatore N NestleFranceElwin Sharvill RENEWAL
Murillo F CaldareraJapanOnyama Limba QUALIFIED
Johnson U OldroydCanadaAsiya Javayant UNQUALIFIED
Rodrigues J GarufiCanadaIvan Magalhaes NEW
Wickens F OstroskyUnited KingdomXuxue Feng RENEWAL
Jennifer C ButtJapanElwin Sharvill UNQUALIFIED
Stacey R IturbideCanadaAmy Elsner UNQUALIFIED
Kaitlin S VocelkaSpainBernardo Dominic QUALIFIED
Cody Z OstroskyItalyIvan Magalhaes QUALIFIED
Julie Y CaudyAustraliaAnna Fali QUALIFIED
Maria O RulapaughAustraliaOnyama Limba QUALIFIED
Faith X GillianUnited KingdomAmy Elsner QUALIFIED
Salvatore E AlbaresItalyAmy Elsner NEGOTIATION
Jennifer Y FollerArgentinaBernardo Dominic QUALIFIED
Greenwood F ChuiGermanyElwin Sharvill UNQUALIFIED
Izzy L FollerFranceOnyama Limba QUALIFIED
Maisha I BologniaUnited KingdomAsiya Javayant NEGOTIATION
Mayumi A GarufiCanadaAsiya Javayant RENEWAL
Mayumi P DoeJapanXuxue Feng RENEWAL
Leja Z BriddickSpainAsiya Javayant PROPOSAL
Chavez T DoeAustraliaOnyama Limba RENEWAL
Johnson M WhobreyFranceElwin Sharvill PROPOSAL
Sinclair D RimIndiaXuxue Feng PROPOSAL
Jennifer C KuskoRussiaOnyama Limba NEGOTIATION
Alejandro F AmigonCanadaAmy Elsner NEGOTIATION
Leja J GarufiSpainIvan Magalhaes UNQUALIFIED
Alejandro W ButtArgentinaAnna Fali NEW
Tony T PerinFranceOnyama Limba NEGOTIATION
Misaki J ShinkoGermanyBernardo Dominic RENEWAL
Aditya L RoysterUnited KingdomIvan Magalhaes PROPOSAL
David Z MaletIndiaBernardo Dominic NEW
Rodrigues G MorascaCanadaElwin Sharvill UNQUALIFIED
David N WaycottSpainElwin Sharvill PROPOSAL
James P BriddickFranceStephen Shaw PROPOSAL
James U ChuiUnited KingdomBernardo Dominic RENEWAL
Kaitlin Z SchemmerRussiaAsiya Javayant NEGOTIATION
Darci U SergiItalyAnna Fali NEW
Johnson V BologniaFranceAmy Elsner NEGOTIATION
Salvatore F RulapaughBrazilAmy Elsner NEGOTIATION
Mayumi O MacleadIndiaBernardo 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>