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
Maisha S InouyeRussiaXuxue Feng UNQUALIFIED
Nicolas A VenereRussiaAsiya Javayant RENEWAL
Kaitlin J CaldareraSpainAsiya Javayant RENEWAL
Tony H StensethIndiaAmy Elsner NEW
Smith D MaletRussiaOnyama Limba UNQUALIFIED
Jeanfrancois O InouyeBrazilXuxue Feng RENEWAL
Maisha L MarrierRussiaStephen Shaw QUALIFIED
Chavez L NestleCanadaBernardo Dominic NEW
Deepesh K FollerRussiaElwin Sharvill RENEWAL
Mayumi L AlbaresGermanyIoni Bowcher NEW
Darci G KolmetzGermanyXuxue Feng PROPOSAL
Mujtaba Z ShinkoRussiaXuxue Feng RENEWAL
Darci D OstroskyAustraliaXuxue Feng UNQUALIFIED
Alejandro U IturbideUnited KingdomIvan Magalhaes NEW
Izzy B KolmetzCanadaOnyama Limba UNQUALIFIED
Stacey P ChuiRussiaElwin Sharvill NEGOTIATION
Clifford Z FerenczAustraliaOnyama Limba PROPOSAL
Clifford K ShinkoAustraliaOnyama Limba PROPOSAL
Deepesh A WaycottIndiaOnyama Limba NEW
Cody A DarakjyArgentinaIvan Magalhaes PROPOSAL
Munro T MacleadSpainStephen Shaw RENEWAL
Ivar F BowleyBrazilAnna Fali NEGOTIATION
Sinclair C MaletIndiaXuxue Feng NEGOTIATION
Ashley T WaycottBrazilIoni Bowcher PROPOSAL
Munro M OldroydRussiaOnyama Limba QUALIFIED
Juan U BowleyJapanElwin Sharvill NEW
Aika S MacleadSpainElwin Sharvill NEW
Jennifer B WieserItalyAnna Fali PROPOSAL
Murillo A TollnerIndiaStephen Shaw QUALIFIED
Alejandro O GauchoJapanAnna Fali NEGOTIATION
Chavez V SchemmerArgentinaAmy Elsner NEW
Faith D FerenczSpainIoni Bowcher QUALIFIED
Alejandro L ChuiItalyAnna Fali PROPOSAL
Wickens H PoquetteAustraliaBernardo Dominic NEW
Leon K MarrierRussiaElwin Sharvill PROPOSAL
Stacey S RulapaughIndiaAmy Elsner UNQUALIFIED
Chavez R AmigonRussiaAnna Fali RENEWAL
Aika W VocelkaSpainAsiya Javayant NEGOTIATION
Greenwood K FlosiIndiaAmy Elsner QUALIFIED
Kadeem X RimItalyStephen Shaw UNQUALIFIED
Jennifer L MarrierSpainStephen Shaw NEW
Faith I BologniaJapanAnna Fali RENEWAL
Jennifer A VocelkaCanadaElwin Sharvill UNQUALIFIED
Kadeem G SaylorsUnited KingdomElwin Sharvill RENEWAL
Salvatore Z SergiBrazilIoni Bowcher RENEWAL
Ashley X WieserCanadaIvan Magalhaes QUALIFIED
Mujtaba X SlusarskiCanadaElwin Sharvill UNQUALIFIED
Isabel U GillianCanadaXuxue Feng UNQUALIFIED
Aika R ShinkoGermanyBernardo Dominic PROPOSAL
Aruna R FollerItalyStephen Shaw NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Ivar Y BowleyUnited KingdomBernardo Dominic QUALIFIED
Sinclair B CaudyGermanyIvan Magalhaes NEW
Smith T WaycottAustraliaAsiya Javayant QUALIFIED
Jones F VocelkaUnited KingdomXuxue Feng RENEWAL
Clifford O GarufiBrazilAnna Fali PROPOSAL
Kadeem L SaylorsIndiaXuxue Feng NEW
Rodrigues O RoysterCanadaXuxue Feng NEGOTIATION
Leja Y PoquetteUnited KingdomStephen Shaw RENEWAL
Isabel S GillianRussiaAmy Elsner NEW
Aruna E RimCanadaOnyama Limba PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Wickens O ShinkoArgentina2026-10-09King, Christopher A Esq NEW97Elwin Sharvill
1001Wickens E BologniaBrazil2026-10-07King, Christopher A Esq QUALIFIED9Ioni Bowcher
1002Morrow U DarakjyAustralia2026-09-28Feiner Bros NEGOTIATION74Anna Fali
1003Aruna G SlusarskiItaly2026-10-21Morlong Associates UNQUALIFIED52Bernardo Dominic
1004Rodrigues X RulapaughFrance2026-10-12Rangoni Of Florence QUALIFIED81Stephen Shaw
1005Cody J BriddickBrazil2026-09-29King, Christopher A Esq RENEWAL78Onyama Limba
1006Stacey U RoysterCanada2026-10-26Truhlar And Truhlar Attys NEGOTIATION26Elwin Sharvill
1007Izzy L FerenczFrance2026-09-29Commercial Press NEW86Ivan Magalhaes
1008Faith W BriddickArgentina2026-10-18Chapman, Ross E Esq RENEWAL65Stephen Shaw
1009Munro V IturbideAustralia2026-09-29Commercial Press NEW48Xuxue Feng
1010Aditya R ChuiArgentina2026-09-30Truhlar And Truhlar Attys NEW3Elwin Sharvill
1011Faith U TollnerCanada2026-10-21Chanay, Jeffrey A Esq NEGOTIATION61Ivan Magalhaes
1012Costa Z MaletCanada2026-10-12Feiner Bros NEW47Ivan Magalhaes
1013Munro G AmigonBrazil2026-10-20King, Christopher A Esq QUALIFIED90Bernardo Dominic
1014Arvin G StensethJapan2026-10-24Rangoni Of Florence NEW16Anna Fali
1015Claire K FigeroaRussia2026-10-26Truhlar And Truhlar Attys UNQUALIFIED9Ivan Magalhaes
1016Darci Z GillianArgentina2026-10-25Commercial Press UNQUALIFIED2Ioni Bowcher
1017Francesco N FigeroaGermany2026-10-08Dorl, James J Esq PROPOSAL30Xuxue Feng
1018Octavia P RulapaughGermany2026-10-22Chapman, Ross E Esq NEGOTIATION74Xuxue Feng
1019Jeanfrancois I RimGermany2026-10-19Printing Dimensions NEGOTIATION48Asiya Javayant
1020Jones V ShinkoBrazil2026-10-10Chapman, Ross E Esq PROPOSAL23Asiya Javayant
1021David A VenereAustralia2026-10-10Feiner Bros NEGOTIATION56Stephen Shaw
1022Munro D CaldareraArgentina2026-10-04Morlong Associates PROPOSAL68Asiya Javayant
1023Mujtaba X SaylorsUnited Kingdom2026-10-15Chanay, Jeffrey A Esq NEGOTIATION50Elwin Sharvill
1024Morrow G ChuiAustralia2026-10-14Morlong Associates RENEWAL16Stephen Shaw
1025Emily Z KolmetzUnited Kingdom2026-10-21Morlong Associates RENEWAL83Ivan Magalhaes
1026Maria M SlusarskiFrance2026-09-30King, Christopher A Esq RENEWAL68Stephen Shaw
1027Stacey U SaylorsBrazil2026-10-24Morlong Associates NEGOTIATION13Ioni Bowcher
1028Jones G WhobreyFrance2026-09-28Benton, John B Jr NEGOTIATION89Ioni Bowcher
1029Johnson W PoquetteFrance2026-10-10Chemel, James L Cpa QUALIFIED24Asiya Javayant
1030Octavia C FigeroaRussia2026-10-19Rangoni Of Florence UNQUALIFIED69Elwin Sharvill
1031Cody Y CaudyAustralia2026-10-14Rangoni Of Florence RENEWAL13Stephen Shaw
1032Costa O SlusarskiJapan2026-10-09Printing Dimensions RENEWAL11Ioni Bowcher
1033Kaitlin Z GillianFrance2026-10-12Benton, John B Jr NEGOTIATION61Anna Fali
1034Murillo X GarufiJapan2026-10-13Truhlar And Truhlar Attys NEW22Asiya Javayant
1035Julie W DarakjyIndia2026-10-04Benton, John B Jr UNQUALIFIED99Bernardo Dominic
1036Aruna J KolmetzItaly2026-10-09Dorl, James J Esq RENEWAL29Elwin Sharvill
1037Juan B ShinkoGermany2026-09-29Dorl, James J Esq QUALIFIED87Anna Fali
1038Aika A ButtArgentina2026-10-15Commercial Press UNQUALIFIED2Asiya Javayant
1039Aruna A SaylorsSpain2026-10-08King, Christopher A Esq PROPOSAL24Ioni Bowcher
1040Clifford V GauchoIndia2026-10-24Chapman, Ross E Esq RENEWAL47Stephen Shaw
1041Stacey M GillianJapan2026-10-20Rousseaux, Michael Esq UNQUALIFIED22Xuxue Feng
1042Johnson V DilliardArgentina2026-10-25Printing Dimensions RENEWAL17Bernardo Dominic
1043Sinclair B OstroskyAustralia2026-10-20Chemel, James L Cpa NEGOTIATION58Asiya Javayant
1044Wickens M RutaArgentina2026-10-08Rousseaux, Michael Esq RENEWAL20Amy Elsner
1045Ashley Q IturbideJapan2026-10-07Chemel, James L Cpa NEW80Ivan Magalhaes
1046Munro L WaycottSpain2026-09-28Benton, John B Jr PROPOSAL84Bernardo Dominic
1047Jones A ShinkoGermany2026-10-21Rangoni Of Florence UNQUALIFIED23Ioni Bowcher
1048Kaitlin A NestleFrance2026-10-12Chemel, James L Cpa UNQUALIFIED77Ioni Bowcher
1049Misaki Y MacleadUnited Kingdom2026-10-04Commercial Press RENEWAL63Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Isabel W RoysterSpainXuxue Feng UNQUALIFIED
Morrow P SchemmerAustraliaIvan Magalhaes PROPOSAL
Jefferson V DoeItalyOnyama Limba QUALIFIED
Arvin Z KolmetzArgentinaIoni Bowcher PROPOSAL
Mayumi G GillianFranceElwin Sharvill RENEWAL
Octavia U FlosiRussiaElwin Sharvill QUALIFIED
Greenwood U WhobreyItalyIvan Magalhaes PROPOSAL
Greenwood K WhobreyItalyBernardo Dominic PROPOSAL
Chavez O MacleadGermanyIvan Magalhaes UNQUALIFIED
Julie I ButtArgentinaIvan Magalhaes NEW
Murillo Q CaudyAustraliaAmy Elsner NEGOTIATION
Greenwood Z GlickGermanyBernardo Dominic UNQUALIFIED
Murillo A GauchoGermanyBernardo Dominic NEGOTIATION
Juan Q MacleadUnited KingdomIvan Magalhaes PROPOSAL
Alejandro O ShinkoIndiaIvan Magalhaes QUALIFIED
Smith Q StockhamJapanAsiya Javayant NEGOTIATION
Johnson I WaycottRussiaIoni Bowcher NEW
Costa D GarufiGermanyIvan Magalhaes NEW
Jefferson A PerinBrazilAsiya Javayant NEW
Alejandro W InouyeAustraliaStephen Shaw PROPOSAL
Leja J MorascaFranceIoni Bowcher PROPOSAL
Deepesh H NickaSpainBernardo Dominic QUALIFIED
Aditya J BowleyBrazilElwin Sharvill PROPOSAL
Munro N BowleyItalyAnna Fali UNQUALIFIED
Stacey B FigeroaIndiaBernardo Dominic NEW
Aruna G MacleadIndiaIvan Magalhaes NEGOTIATION
Aika U CaudyCanadaAnna Fali NEW
Jeanfrancois D GillianJapanStephen Shaw RENEWAL
Salvatore K StockhamAustraliaElwin Sharvill UNQUALIFIED
Octavia C SergiCanadaStephen Shaw NEW
Rodrigues W GillianCanadaBernardo Dominic NEW
Wickens S GillianRussiaStephen Shaw NEW
Ashley F ChuiUnited KingdomAnna Fali NEW
Arvin E IturbideGermanyAmy Elsner RENEWAL
Antonio X GillianIndiaAsiya Javayant PROPOSAL
Ashley H StensethCanadaIvan Magalhaes QUALIFIED
Adams V MaletGermanyIoni Bowcher PROPOSAL
Jones M WieserFranceIoni Bowcher NEW
Ashley M ChuiUnited KingdomAnna Fali RENEWAL
Tony V CaldareraBrazilAsiya Javayant RENEWAL
Ashley W SergiSpainAmy Elsner NEW
Wickens H ButtArgentinaIoni Bowcher QUALIFIED
Arvin B IturbideBrazilElwin Sharvill QUALIFIED
Darci T KolmetzBrazilBernardo Dominic NEGOTIATION
Adams T BriddickItalyBernardo Dominic NEW
Claire D BologniaSpainAmy Elsner UNQUALIFIED
Aika B AmigonRussiaBernardo Dominic QUALIFIED
Arvin M RutaRussiaIvan Magalhaes RENEWAL
Murillo E ShinkoFranceOnyama Limba NEGOTIATION
David O WaycottCanadaStephen Shaw NEW
Frozen Columns
Name
Salvatore G Marrier
Aika X Bowley
Kaitlin K Saylors
Greenwood R Kusko
Alejandro I Whobrey
Murillo Q Oldroyd
Smith N Dilliard
Antonio A Rim
Julie M Sergi
Aditya D Garufi
Claire U Bowley
Octavia D Wieser
Stacey B Whobrey
Ivar N Shinko
Silvio J Royster
Jones H Doe
Morrow R Bolognia
Smith S Briddick
Sinclair S Amigon
Leon I Oldroyd
Arvin I Caldarera
Cody X Perin
Jefferson Q Dilliard
Silvio H Doe
Clifford F Slusarski
Arvin G Amigon
Claire Q Saylors
Jones A Nicka
Smith R Ruta
Maria V Campain
Emily Z Tollner
Chavez D Shinko
Costa S Schemmer
Clifford P Maclead
Francesco D Nicka
Antonio W Venere
Antonio L Ruta
Aditya N Gillian
Julie D Poquette
Maisha P Poquette
Adams T Stockham
Francesco D Sergi
Chavez M Sergi
Juan V Slusarski
Jones X Bolognia
Francesco Q Morasca
Stacey S Maclead
Clifford C Darakjy
Cody B Ferencz
Clifford E Albares
IdCountryDate
1000Argentina2026-10-16
1001Argentina2026-10-02
1002France2026-10-03
1003Russia2026-10-05
1004United Kingdom2026-10-10
1005United Kingdom2026-10-06
1006India2026-10-23
1007France2026-10-19
1008Spain2026-10-17
1009Canada2026-09-27
1010Australia2026-10-07
1011Italy2026-10-05
1012Italy2026-10-03
1013India2026-10-12
1014Japan2026-10-22
1015Italy2026-10-17
1016India2026-10-10
1017Canada2026-10-03
1018Australia2026-10-01
1019Japan2026-10-10
1020United Kingdom2026-10-09
1021France2026-09-29
1022Canada2026-10-21
1023France2026-10-19
1024United Kingdom2026-10-06
1025Germany2026-10-09
1026India2026-10-18
1027Spain2026-10-11
1028Spain2026-10-18
1029Japan2026-10-19
1030Brazil2026-10-10
1031Canada2026-10-20
1032Japan2026-10-12
1033Australia2026-10-21
1034India2026-10-12
1035Japan2026-10-23
1036Italy2026-10-15
1037Germany2026-10-02
1038United Kingdom2026-10-21
1039Canada2026-10-05
1040Spain2026-09-27
1041United Kingdom2026-10-09
1042Italy2026-10-11
1043Brazil2026-09-29
1044Canada2026-10-10
1045Argentina2026-10-09
1046Australia2026-10-17
1047Australia2026-10-16
1048Japan2026-10-17
1049Spain2026-09-27

On-Demand Data

NameIdCountryDate
Mujtaba O Albares1000India2026-10-14
Mayumi K Campain1001Spain2026-10-02
Jones B Poquette1002Germany2026-10-18
Francesco T Whobrey1003United Kingdom2026-10-06
Aruna C Ruta1004Germany2026-09-29
Ricardo L Gillian1005Russia2026-10-26
Adams E Paprocki1006Argentina2026-10-02
Rodrigues M Paprocki1007Russia2026-10-05
Adams T Chui1008Italy2026-09-27
Mujtaba N Morasca1009India2026-10-07
Ricardo M Ostrosky1010Germany2026-09-30
Morrow H Rulapaugh1011Argentina2026-10-14
Julie J Gillian1012Spain2026-10-25
Jefferson R Ostrosky1013Japan2026-10-19
Julie Q Darakjy1014United Kingdom2026-10-01
Alejandro B Whobrey1015Italy2026-10-09
Deepesh N Slusarski1016Brazil2026-10-07
Murillo R Oldroyd1017Canada2026-10-13
Nicolas T Bolognia1018Japan2026-10-19
Juan C Marrier1019Argentina2026-10-11
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jeanfrancois P OstroskyArgentinaStephen Shaw UNQUALIFIED
Adams Q FigeroaFranceAnna Fali NEW
Leon N VocelkaCanadaElwin Sharvill UNQUALIFIED
Aruna R RulapaughItalyBernardo Dominic NEW
Chavez H MarrierGermanyAsiya Javayant UNQUALIFIED
Deepesh D OstroskyGermanyIvan Magalhaes PROPOSAL
Julie L BriddickUnited KingdomAsiya Javayant NEGOTIATION
Adams L GillianItalyAmy Elsner PROPOSAL
Leja Q CaldareraSpainStephen Shaw NEW
Ivar F FollerAustraliaBernardo Dominic PROPOSAL
Clifford X RimBrazilOnyama Limba RENEWAL
Darci H RutaGermanyAsiya Javayant NEW
Aika Q BologniaItalyAmy Elsner QUALIFIED
Chavez D AlbaresIndiaAmy Elsner NEGOTIATION
Murillo Y CaudyBrazilIvan Magalhaes RENEWAL
Aika B AmigonUnited KingdomXuxue Feng UNQUALIFIED
Leon Z OldroydArgentinaIoni Bowcher PROPOSAL
Stacey R NestleArgentinaAmy Elsner QUALIFIED
Silvio Y FigeroaRussiaStephen Shaw UNQUALIFIED
Murillo K CampainUnited KingdomBernardo Dominic PROPOSAL
Jennifer X ButtCanadaIvan Magalhaes QUALIFIED
Tony J ChuiCanadaAnna Fali NEW
Ashley X ShinkoAustraliaElwin Sharvill PROPOSAL
Aditya I PerinSpainIvan Magalhaes RENEWAL
Maisha W StensethUnited KingdomOnyama Limba NEW
Izzy Z RutaSpainXuxue Feng NEW
Julie O SlusarskiSpainAsiya Javayant RENEWAL
Darci Z FlosiAustraliaElwin Sharvill PROPOSAL
Chavez F NickaSpainAsiya Javayant NEGOTIATION
Alejandro Q SergiIndiaStephen Shaw UNQUALIFIED
Nicolas R TollnerUnited KingdomIoni Bowcher UNQUALIFIED
Julie U FlosiArgentinaIvan Magalhaes QUALIFIED
Leja S KolmetzRussiaOnyama Limba NEGOTIATION
Maisha K MorascaIndiaAmy Elsner QUALIFIED
Costa O WaycottAustraliaAnna Fali NEW
Kaitlin O NickaAustraliaElwin Sharvill QUALIFIED
Chavez P OstroskyArgentinaAsiya Javayant QUALIFIED
Mayumi K KolmetzFranceBernardo Dominic NEW
Faith M BologniaSpainIoni Bowcher QUALIFIED
Isabel B FollerSpainElwin Sharvill NEGOTIATION

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