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
Jennifer P PaprockiUnited KingdomIoni Bowcher UNQUALIFIED
Salvatore F RutaIndiaOnyama Limba NEW
Mujtaba U BowleyAustraliaBernardo Dominic PROPOSAL
David D BriddickGermanyBernardo Dominic PROPOSAL
Juan R MaletUnited KingdomOnyama Limba NEGOTIATION
Murillo T VenereIndiaXuxue Feng UNQUALIFIED
Ashley F RulapaughIndiaAsiya Javayant RENEWAL
Johnson Q BriddickFranceElwin Sharvill UNQUALIFIED
Wickens O NickaAustraliaXuxue Feng PROPOSAL
Francesco L BowleyIndiaOnyama Limba NEW
Izzy S CaldareraItalyIvan Magalhaes QUALIFIED
Octavia H InouyeArgentinaAmy Elsner UNQUALIFIED
Cody V ButtSpainElwin Sharvill RENEWAL
Claire D StockhamAustraliaBernardo Dominic NEGOTIATION
Johnson N RutaUnited KingdomIoni Bowcher NEGOTIATION
Ashley F PerinIndiaAnna Fali QUALIFIED
Deepesh S KolmetzArgentinaXuxue Feng QUALIFIED
Costa X SergiItalyAsiya Javayant PROPOSAL
Jefferson M GarufiFranceXuxue Feng UNQUALIFIED
Sinclair P GillianIndiaStephen Shaw QUALIFIED
Greenwood K WaycottBrazilIoni Bowcher UNQUALIFIED
Salvatore R DoeIndiaAmy Elsner QUALIFIED
Johnson K PaprockiAustraliaAsiya Javayant RENEWAL
Sinclair K PoquetteItalyXuxue Feng NEGOTIATION
Kaitlin I DilliardUnited KingdomStephen Shaw NEW
Munro K RoysterCanadaXuxue Feng NEW
Adams H MaletIndiaIoni Bowcher UNQUALIFIED
Aika S SlusarskiUnited KingdomBernardo Dominic PROPOSAL
Mayumi L NickaArgentinaOnyama Limba QUALIFIED
Isabel T BowleyRussiaIvan Magalhaes RENEWAL
Alejandro L GarufiCanadaIoni Bowcher NEGOTIATION
Ashley H DilliardGermanyOnyama Limba NEGOTIATION
Ashley U RoysterCanadaStephen Shaw NEW
Rodrigues Y ChuiUnited KingdomIoni Bowcher PROPOSAL
Aditya B DoeArgentinaElwin Sharvill UNQUALIFIED
Maisha V RimGermanyAsiya Javayant UNQUALIFIED
Faith I ShinkoAustraliaBernardo Dominic QUALIFIED
Jones P GarufiFranceOnyama Limba NEW
Nicolas Y ButtIndiaBernardo Dominic RENEWAL
Tony J NestleArgentinaXuxue Feng UNQUALIFIED
Munro M CaldareraArgentinaIoni Bowcher QUALIFIED
Darci W ShinkoItalyIvan Magalhaes UNQUALIFIED
Rodrigues I SergiFranceXuxue Feng UNQUALIFIED
David R GillianBrazilAnna Fali RENEWAL
Jennifer P GillianFranceIvan Magalhaes QUALIFIED
Francesco Q OstroskyUnited KingdomIvan Magalhaes QUALIFIED
Maria B CaudyUnited KingdomStephen Shaw NEW
Aruna H BriddickArgentinaStephen Shaw NEW
Jennifer S CaldareraItalyElwin Sharvill UNQUALIFIED
Claire V CaldareraJapanElwin Sharvill QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Ivar Y StensethBrazilXuxue Feng QUALIFIED
Jeanfrancois Y GarufiIndiaElwin Sharvill RENEWAL
Greenwood X VenereJapanIoni Bowcher PROPOSAL
Aika N CaldareraUnited KingdomIoni Bowcher QUALIFIED
Morrow T StockhamIndiaStephen Shaw QUALIFIED
David F WhobreyFranceBernardo Dominic RENEWAL
David C WieserArgentinaAmy Elsner QUALIFIED
James R CampainGermanyBernardo Dominic NEW
Salvatore U TollnerAustraliaAnna Fali NEGOTIATION
Jennifer T MacleadFranceStephen Shaw PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Misaki K MarrierArgentina2026-09-18Printing Dimensions QUALIFIED38Amy Elsner
1001Aika T StockhamJapan2026-09-24Truhlar And Truhlar Attys UNQUALIFIED60Elwin Sharvill
1002Juan D NickaItaly2026-09-30Rangoni Of Florence RENEWAL41Asiya Javayant
1003Johnson O ChuiJapan2026-09-13Printing Dimensions NEGOTIATION71Amy Elsner
1004Aruna U AmigonBrazil2026-09-28Feiner Bros RENEWAL8Ivan Magalhaes
1005Francesco C FlosiJapan2026-10-01King, Christopher A Esq NEGOTIATION33Asiya Javayant
1006Leja P CaldareraJapan2026-09-18Chapman, Ross E Esq NEW42Ivan Magalhaes
1007Greenwood D KolmetzSpain2026-09-13Benton, John B Jr QUALIFIED44Onyama Limba
1008Izzy M KuskoBrazil2026-10-01Benton, John B Jr PROPOSAL25Bernardo Dominic
1009Julie H ButtCanada2026-09-19Rangoni Of Florence QUALIFIED81Xuxue Feng
1010Maisha A NickaCanada2026-09-16Dorl, James J Esq NEW36Onyama Limba
1011Silvio D RoysterGermany2026-09-15Feltz Printing Service PROPOSAL63Elwin Sharvill
1012Sinclair B SaylorsRussia2026-09-09Rousseaux, Michael Esq PROPOSAL68Anna Fali
1013Aruna D IturbideUnited Kingdom2026-10-01Rousseaux, Michael Esq NEGOTIATION81Elwin Sharvill
1014Leon K ButtItaly2026-09-30Benton, John B Jr QUALIFIED55Anna Fali
1015Costa U MaletGermany2026-09-20Chanay, Jeffrey A Esq RENEWAL92Anna Fali
1016Salvatore S BowleyAustralia2026-10-05Feiner Bros NEW62Bernardo Dominic
1017Greenwood D FerenczJapan2026-09-17Chapman, Ross E Esq UNQUALIFIED69Xuxue Feng
1018Sinclair P ButtIndia2026-09-12Chemel, James L Cpa UNQUALIFIED50Asiya Javayant
1019Faith R RoysterCanada2026-09-30Feltz Printing Service NEW89Onyama Limba
1020Tony G IturbideRussia2026-09-09Chapman, Ross E Esq QUALIFIED6Xuxue Feng
1021Maisha J VocelkaJapan2026-09-24King, Christopher A Esq NEW81Onyama Limba
1022Isabel P InouyeUnited Kingdom2026-10-02Rangoni Of Florence RENEWAL26Stephen Shaw
1023Jeanfrancois E NickaSpain2026-09-28Chapman, Ross E Esq UNQUALIFIED52Asiya Javayant
1024Ivar U ShinkoItaly2026-10-01Dorl, James J Esq RENEWAL99Onyama Limba
1025Silvio G DilliardGermany2026-09-26Chanay, Jeffrey A Esq QUALIFIED21Elwin Sharvill
1026Isabel U NickaAustralia2026-10-05Benton, John B Jr UNQUALIFIED13Asiya Javayant
1027Mayumi J DoeUnited Kingdom2026-10-01Rousseaux, Michael Esq NEGOTIATION25Onyama Limba
1028Claire D RulapaughAustralia2026-09-27Feltz Printing Service NEGOTIATION70Onyama Limba
1029Aditya K KolmetzCanada2026-09-14Dorl, James J Esq NEW88Bernardo Dominic
1030Ivar D WieserSpain2026-09-25Commercial Press UNQUALIFIED40Bernardo Dominic
1031Greenwood R MaletSpain2026-09-28Truhlar And Truhlar Attys NEW72Asiya Javayant
1032Tony A MaletRussia2026-09-26King, Christopher A Esq RENEWAL5Stephen Shaw
1033Emily U GauchoUnited Kingdom2026-09-30Chapman, Ross E Esq NEW71Stephen Shaw
1034James L GarufiAustralia2026-10-01Benton, John B Jr RENEWAL41Xuxue Feng
1035Stacey W MarrierIndia2026-09-14King, Christopher A Esq QUALIFIED91Elwin Sharvill
1036Leon N StensethItaly2026-09-22Commercial Press UNQUALIFIED61Stephen Shaw
1037Izzy F FlosiIndia2026-10-03Buckley Miller Wright NEW2Stephen Shaw
1038Mujtaba G DoeCanada2026-09-22Printing Dimensions RENEWAL78Onyama Limba
1039Rodrigues M GarufiAustralia2026-10-05Dorl, James J Esq RENEWAL7Elwin Sharvill
1040Sinclair G MorascaRussia2026-10-04Morlong Associates UNQUALIFIED39Ioni Bowcher
1041Greenwood U InouyeUnited Kingdom2026-09-28Chapman, Ross E Esq RENEWAL55Ivan Magalhaes
1042Johnson O MarrierRussia2026-09-15King, Christopher A Esq QUALIFIED74Ioni Bowcher
1043Ricardo D PerinBrazil2026-09-24Chemel, James L Cpa NEW48Bernardo Dominic
1044Kaitlin Z InouyeUnited Kingdom2026-10-06Commercial Press PROPOSAL51Bernardo Dominic
1045Tony D ShinkoJapan2026-09-23Commercial Press QUALIFIED4Xuxue Feng
1046Munro F ButtSpain2026-09-18Feltz Printing Service NEW62Ioni Bowcher
1047Juan O RutaIndia2026-10-04Truhlar And Truhlar Attys QUALIFIED63Onyama Limba
1048Murillo F PerinRussia2026-09-16Printing Dimensions NEGOTIATION18Ivan Magalhaes
1049Jones X SlusarskiGermany2026-09-25Commercial Press UNQUALIFIED45Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Tony G MorascaFranceXuxue Feng RENEWAL
Ricardo O AmigonBrazilIvan Magalhaes NEW
Murillo V SchemmerJapanIoni Bowcher NEGOTIATION
Sinclair G OstroskyJapanElwin Sharvill NEGOTIATION
Maisha Q BowleyCanadaOnyama Limba NEW
Alejandro V GillianGermanyElwin Sharvill NEW
Salvatore I RoysterAustraliaIvan Magalhaes QUALIFIED
Jones K GillianSpainOnyama Limba QUALIFIED
Arvin X RulapaughBrazilBernardo Dominic UNQUALIFIED
Jones S VocelkaRussiaIvan Magalhaes PROPOSAL
Maisha C GarufiAustraliaXuxue Feng PROPOSAL
Maisha H StockhamItalyAmy Elsner NEW
Ivar N PerinItalyAsiya Javayant RENEWAL
Smith E DoeUnited KingdomOnyama Limba NEGOTIATION
Stacey Y NickaAustraliaStephen Shaw PROPOSAL
Wickens W FigeroaIndiaAnna Fali RENEWAL
Isabel C SlusarskiFranceIoni Bowcher UNQUALIFIED
Jennifer E GillianCanadaAmy Elsner NEW
Maisha C KuskoCanadaAnna Fali NEGOTIATION
Jefferson E ButtSpainElwin Sharvill NEGOTIATION
Juan R SchemmerFranceAmy Elsner PROPOSAL
Aruna P SaylorsAustraliaAmy Elsner RENEWAL
Wickens F AlbaresBrazilOnyama Limba NEW
Isabel D RoysterItalyStephen Shaw PROPOSAL
Murillo K RimGermanyIvan Magalhaes QUALIFIED
Johnson R FollerBrazilOnyama Limba QUALIFIED
Jennifer E IturbideIndiaIoni Bowcher UNQUALIFIED
Munro O WieserBrazilIoni Bowcher NEGOTIATION
Octavia Z BowleyArgentinaAsiya Javayant NEW
Aruna K OstroskyUnited KingdomAnna Fali QUALIFIED
Tony W VenereRussiaElwin Sharvill NEW
Smith N WieserFranceElwin Sharvill QUALIFIED
Kaitlin R AmigonAustraliaElwin Sharvill PROPOSAL
Maria Q GillianUnited KingdomAnna Fali NEW
Salvatore R RutaJapanAnna Fali QUALIFIED
Francesco K CaldareraIndiaStephen Shaw UNQUALIFIED
Ivar E DilliardGermanyIvan Magalhaes QUALIFIED
Kaitlin X CaldareraArgentinaIvan Magalhaes NEGOTIATION
Misaki W OstroskySpainAnna Fali QUALIFIED
Greenwood E IturbideBrazilAsiya Javayant QUALIFIED
Maria N IturbideUnited KingdomIvan Magalhaes PROPOSAL
Ricardo N ChuiCanadaXuxue Feng UNQUALIFIED
Claire Z CaudyGermanyAsiya Javayant RENEWAL
Aditya R DilliardIndiaOnyama Limba QUALIFIED
Julie S FerenczAustraliaAmy Elsner PROPOSAL
Jefferson Q BologniaSpainElwin Sharvill NEGOTIATION
Misaki O NickaCanadaAmy Elsner PROPOSAL
Clifford Q AlbaresCanadaStephen Shaw QUALIFIED
Jeanfrancois D VenereCanadaElwin Sharvill NEW
Rodrigues Q RimAustraliaStephen Shaw RENEWAL
Frozen Columns
Name
Salvatore P Paprocki
Ivar O Tollner
Jefferson Y Bowley
Kadeem A Slusarski
Jones L Poquette
Jones Z Kusko
Smith O Ostrosky
Sinclair H Maclead
Alejandro X Ostrosky
Ivar O Nestle
Misaki R Tollner
Jefferson N Flosi
Arvin J Schemmer
Leon B Vocelka
Octavia F Vocelka
Morrow O Flosi
Leon N Perin
Aditya V Ferencz
Jefferson L Dilliard
Misaki M Caldarera
Arvin U Ruta
Rodrigues M Ruta
James J Saylors
Arvin R Campain
Mayumi B Garufi
Jones U Slusarski
Aditya D Whobrey
Izzy T Gillian
Morrow D Malet
David F Saylors
Tony C Malet
Arvin Z Royster
Sinclair X Perin
Aruna M Dilliard
Greenwood M Maclead
Darci M Caldarera
Juan H Shinko
Alejandro L Malet
Leja W Saylors
Wickens G Briddick
Emily I Whobrey
Jennifer R Dilliard
Antonio B Bowley
Rodrigues Y Malet
Kaitlin A Bolognia
Johnson B Rim
Kaitlin O Glick
Kaitlin X Flosi
Alejandro Z Nicka
Deepesh U Iturbide
IdCountryDate
1000Argentina2026-09-11
1001Argentina2026-09-25
1002Italy2026-09-20
1003Russia2026-09-10
1004Brazil2026-09-12
1005Germany2026-09-29
1006Germany2026-09-21
1007Brazil2026-09-25
1008India2026-09-12
1009Brazil2026-09-23
1010Italy2026-09-14
1011Germany2026-09-22
1012India2026-10-02
1013Canada2026-09-25
1014Germany2026-09-08
1015Italy2026-09-17
1016Canada2026-09-20
1017Germany2026-10-04
1018France2026-09-09
1019Australia2026-09-18
1020Germany2026-09-25
1021France2026-09-09
1022United Kingdom2026-10-01
1023Italy2026-09-28
1024Germany2026-09-28
1025Japan2026-09-28
1026Russia2026-09-26
1027Australia2026-10-02
1028Germany2026-09-12
1029Italy2026-09-18
1030Brazil2026-10-01
1031Canada2026-10-01
1032Russia2026-09-20
1033United Kingdom2026-10-03
1034Germany2026-09-24
1035Japan2026-10-05
1036Argentina2026-09-12
1037Australia2026-09-14
1038France2026-09-12
1039Italy2026-09-25
1040Japan2026-09-12
1041Italy2026-09-22
1042Argentina2026-10-07
1043France2026-09-29
1044Germany2026-10-04
1045Argentina2026-10-02
1046Canada2026-10-06
1047Russia2026-09-30
1048France2026-09-26
1049Germany2026-09-30

On-Demand Data

NameIdCountryDate
Mujtaba I Bowley1000India2026-09-12
Silvio V Chui1001Russia2026-10-01
Octavia X Dilliard1002United Kingdom2026-09-19
Maisha G Vocelka1003Spain2026-09-20
Nicolas X Iturbide1004India2026-09-16
Munro A Bolognia1005Russia2026-09-24
Stacey F Paprocki1006Italy2026-09-08
David A Darakjy1007Australia2026-09-11
Ashley V Malet1008Canada2026-09-20
Claire K Malet1009Germany2026-09-24
Aika V Gillian1010Spain2026-09-20
Antonio X Schemmer1011Canada2026-10-01
Jeanfrancois X Iturbide1012Spain2026-09-11
Leon Y Rim1013India2026-10-04
Francesco R Ostrosky1014Australia2026-10-06
Jones C Caudy1015Japan2026-09-27
Isabel F Vocelka1016France2026-09-25
David D Morasca1017Italy2026-09-26
Kadeem R Gillian1018Canada2026-09-17
Isabel S Kusko1019Brazil2026-09-24
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Izzy R VenereSpainAnna Fali RENEWAL
Misaki E SergiItalyElwin Sharvill NEGOTIATION
David A BriddickIndiaAmy Elsner UNQUALIFIED
Jones X GarufiArgentinaAsiya Javayant NEGOTIATION
Stacey A GauchoGermanyIoni Bowcher RENEWAL
Arvin M SchemmerJapanIvan Magalhaes RENEWAL
Aditya F ShinkoRussiaAnna Fali NEW
Ricardo B MarrierBrazilStephen Shaw RENEWAL
Emily T VocelkaBrazilIoni Bowcher RENEWAL
Silvio J RoysterRussiaBernardo Dominic QUALIFIED
Chavez D ShinkoGermanyElwin Sharvill NEGOTIATION
Kaitlin G StensethRussiaAnna Fali NEW
Kaitlin A WhobreyAustraliaAnna Fali UNQUALIFIED
Leja W AlbaresCanadaIoni Bowcher QUALIFIED
Claire O WieserAustraliaAnna Fali NEGOTIATION
Greenwood F SchemmerAustraliaIvan Magalhaes NEGOTIATION
Misaki O StockhamAustraliaAnna Fali NEGOTIATION
Emily C MaletIndiaXuxue Feng RENEWAL
Faith T DarakjyUnited KingdomElwin Sharvill RENEWAL
James K RoysterBrazilBernardo Dominic QUALIFIED
Clifford B GlickItalyBernardo Dominic PROPOSAL
Cody C DoeItalyBernardo Dominic UNQUALIFIED
Misaki C GarufiRussiaXuxue Feng UNQUALIFIED
Adams M BriddickRussiaBernardo Dominic NEW
Nicolas G CaldareraUnited KingdomAsiya Javayant UNQUALIFIED
Leja A RulapaughAustraliaStephen Shaw NEGOTIATION
Izzy F NickaArgentinaBernardo Dominic RENEWAL
Octavia H InouyeAustraliaAmy Elsner RENEWAL
Chavez J RulapaughSpainXuxue Feng QUALIFIED
Tony X RutaArgentinaIvan Magalhaes RENEWAL
Johnson M GlickAustraliaStephen Shaw UNQUALIFIED
Claire N NestleArgentinaElwin Sharvill NEW
Aruna Z WhobreyArgentinaIvan Magalhaes RENEWAL
Alejandro X GlickBrazilAmy Elsner NEW
Murillo Y WaycottRussiaStephen Shaw PROPOSAL
Juan T CaldareraFranceElwin Sharvill PROPOSAL
Smith R FollerJapanBernardo Dominic QUALIFIED
Tony I TollnerUnited KingdomBernardo Dominic PROPOSAL
James M MarrierBrazilAnna Fali RENEWAL
Claire H PerinAustraliaIoni Bowcher RENEWAL

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