Summer Sale is here 🏖️ Get 50% off with code PRSM25 Learn More

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
Adams L StensethArgentinaStephen Shaw UNQUALIFIED
Julie G DilliardJapanIoni Bowcher NEW
Aruna W CaldareraGermanyElwin Sharvill RENEWAL
Arvin S DarakjyArgentinaAnna Fali UNQUALIFIED
Tony Z MaletRussiaOnyama Limba UNQUALIFIED
Clifford B MaletJapanXuxue Feng PROPOSAL
Julie U RulapaughBrazilStephen Shaw UNQUALIFIED
Leja H WieserArgentinaBernardo Dominic NEW
Emily F PaprockiArgentinaIvan Magalhaes UNQUALIFIED
Faith Y BriddickItalyStephen Shaw UNQUALIFIED
Sinclair Q BowleyArgentinaStephen Shaw NEW
Chavez N RulapaughItalyAsiya Javayant NEW
Julie S RutaFranceElwin Sharvill RENEWAL
Leon M NickaFranceXuxue Feng NEGOTIATION
Jeanfrancois H PaprockiSpainIvan Magalhaes QUALIFIED
Claire X CaudyUnited KingdomIoni Bowcher PROPOSAL
James V RoysterAustraliaIvan Magalhaes PROPOSAL
Kadeem X FollerUnited KingdomXuxue Feng NEGOTIATION
Tony S StensethRussiaAnna Fali RENEWAL
Leon F FlosiIndiaElwin Sharvill PROPOSAL
Kaitlin Y TollnerGermanyIoni Bowcher NEGOTIATION
Cody I ChuiFranceAnna Fali NEW
Munro U FlosiArgentinaIoni Bowcher PROPOSAL
Costa M SlusarskiUnited KingdomAsiya Javayant NEW
Jefferson S SchemmerCanadaAmy Elsner RENEWAL
Jefferson M DarakjyJapanBernardo Dominic NEW
Cody D DoeArgentinaAmy Elsner PROPOSAL
Leon G BowleyFranceElwin Sharvill NEGOTIATION
Mayumi P StockhamRussiaElwin Sharvill NEW
Silvio Z StockhamCanadaAsiya Javayant PROPOSAL
Ivar N GillianFranceStephen Shaw QUALIFIED
Wickens C WhobreyItalyStephen Shaw UNQUALIFIED
Claire E AmigonItalyAmy Elsner QUALIFIED
Antonio D FollerCanadaXuxue Feng PROPOSAL
Cody D AmigonBrazilAmy Elsner NEW
Emily Q GlickJapanElwin Sharvill NEW
Jeanfrancois Y GlickRussiaAnna Fali NEGOTIATION
Tony I BologniaSpainXuxue Feng QUALIFIED
Sinclair T RimAustraliaXuxue Feng RENEWAL
Faith M MaletArgentinaAnna Fali QUALIFIED
Deepesh K MorascaItalyStephen Shaw PROPOSAL
Rodrigues Y RutaItalyXuxue Feng PROPOSAL
Deepesh R FlosiSpainXuxue Feng NEW
Kaitlin I FlosiSpainIoni Bowcher UNQUALIFIED
Leon I MacleadSpainXuxue Feng NEGOTIATION
Leon F NickaSpainXuxue Feng NEGOTIATION
Aika H AlbaresJapanAmy Elsner UNQUALIFIED
Adams G KolmetzCanadaAnna Fali UNQUALIFIED
Leja P AlbaresArgentinaAsiya Javayant QUALIFIED
Munro S CampainIndiaIoni Bowcher QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Greenwood S ButtFranceOnyama Limba UNQUALIFIED
Ricardo J ChuiArgentinaOnyama Limba UNQUALIFIED
Julie A NestleGermanyStephen Shaw QUALIFIED
Adams F BowleyBrazilElwin Sharvill NEW
Jeanfrancois T MarrierFranceXuxue Feng UNQUALIFIED
Izzy I FlosiRussiaAsiya Javayant QUALIFIED
Deepesh Q CampainUnited KingdomAnna Fali NEW
Clifford Y TollnerAustraliaElwin Sharvill NEGOTIATION
Misaki X GarufiSpainIvan Magalhaes RENEWAL
Leon W MorascaGermanyIvan Magalhaes PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Faith E NestleItaly2025-07-21King, Christopher A Esq UNQUALIFIED79Bernardo Dominic
1001Isabel R OldroydItaly2025-08-03Chapman, Ross E Esq NEGOTIATION42Ioni Bowcher
1002Deepesh N OldroydSpain2025-07-08Feiner Bros UNQUALIFIED48Ivan Magalhaes
1003Tony A StensethJapan2025-07-25Rousseaux, Michael Esq PROPOSAL51Bernardo Dominic
1004Stacey V CaldareraFrance2025-07-19Feltz Printing Service RENEWAL48Xuxue Feng
1005Adams Y OldroydIndia2025-07-24Chanay, Jeffrey A Esq UNQUALIFIED22Asiya Javayant
1006Mayumi U SergiRussia2025-07-24Morlong Associates NEGOTIATION98Amy Elsner
1007David P WhobreyUnited Kingdom2025-07-30Rangoni Of Florence PROPOSAL20Ioni Bowcher
1008Smith T FerenczGermany2025-07-16Chapman, Ross E Esq NEGOTIATION25Ioni Bowcher
1009Greenwood Q NickaRussia2025-07-31Commercial Press NEGOTIATION24Amy Elsner
1010Ricardo T FlosiAustralia2025-07-21Chanay, Jeffrey A Esq PROPOSAL69Elwin Sharvill
1011Silvio Z WhobreyCanada2025-07-08Rangoni Of Florence NEW74Stephen Shaw
1012Smith V ShinkoBrazil2025-07-16Rousseaux, Michael Esq NEW83Ivan Magalhaes
1013Ricardo R NickaAustralia2025-07-09Benton, John B Jr PROPOSAL22Bernardo Dominic
1014Izzy E InouyeSpain2025-07-13King, Christopher A Esq UNQUALIFIED14Ioni Bowcher
1015James D SaylorsBrazil2025-07-23Truhlar And Truhlar Attys NEW79Stephen Shaw
1016Maisha Z RulapaughRussia2025-07-30King, Christopher A Esq NEGOTIATION57Stephen Shaw
1017Jones D AlbaresJapan2025-08-01Benton, John B Jr PROPOSAL4Anna Fali
1018Ashley W RutaRussia2025-08-04Truhlar And Truhlar Attys NEGOTIATION9Ioni Bowcher
1019Johnson Y VocelkaFrance2025-07-18Feltz Printing Service QUALIFIED5Xuxue Feng
1020Tony G RoysterItaly2025-08-01Feltz Printing Service NEW51Elwin Sharvill
1021Izzy J BologniaRussia2025-07-06Benton, John B Jr UNQUALIFIED82Asiya Javayant
1022Mujtaba W BologniaAustralia2025-07-27Printing Dimensions NEW55Bernardo Dominic
1023Aika I DarakjyRussia2025-07-25Morlong Associates RENEWAL45Anna Fali
1024Kaitlin E IturbideSpain2025-07-15Chapman, Ross E Esq PROPOSAL41Anna Fali
1025Cody G OstroskyBrazil2025-07-24Feiner Bros RENEWAL0Stephen Shaw
1026Johnson M OstroskyUnited Kingdom2025-07-21Benton, John B Jr QUALIFIED11Elwin Sharvill
1027Murillo W RulapaughArgentina2025-07-23King, Christopher A Esq PROPOSAL9Onyama Limba
1028Costa I BologniaJapan2025-07-08Commercial Press UNQUALIFIED6Asiya Javayant
1029Jeanfrancois P CaldareraFrance2025-07-15Rangoni Of Florence PROPOSAL36Asiya Javayant
1030Greenwood V PoquetteSpain2025-07-12Rousseaux, Michael Esq NEW20Bernardo Dominic
1031Deepesh E DarakjyIndia2025-07-26Truhlar And Truhlar Attys NEW76Elwin Sharvill
1032Aika W PaprockiArgentina2025-07-25Chanay, Jeffrey A Esq NEW87Ioni Bowcher
1033Ivar U FlosiCanada2025-07-18Feiner Bros NEW84Elwin Sharvill
1034Kadeem S DoeBrazil2025-07-27Chemel, James L Cpa RENEWAL77Xuxue Feng
1035Deepesh E IturbideArgentina2025-07-17Buckley Miller Wright NEW2Bernardo Dominic
1036Kaitlin R MacleadItaly2025-07-21Printing Dimensions RENEWAL93Stephen Shaw
1037Rodrigues U AmigonSpain2025-07-28Dorl, James J Esq NEGOTIATION94Anna Fali
1038Maisha G SaylorsIndia2025-07-13Rousseaux, Michael Esq RENEWAL76Ioni Bowcher
1039Kadeem O SchemmerSpain2025-07-10Dorl, James J Esq RENEWAL1Anna Fali
1040Cody Y PerinIndia2025-07-13King, Christopher A Esq NEGOTIATION10Elwin Sharvill
1041Jennifer A CaldareraIndia2025-07-17Commercial Press RENEWAL94Ioni Bowcher
1042Adams C FigeroaRussia2025-07-07Benton, John B Jr RENEWAL54Ioni Bowcher
1043Nicolas D MaletUnited Kingdom2025-08-04Feiner Bros NEGOTIATION22Amy Elsner
1044Deepesh I ShinkoFrance2025-07-13Truhlar And Truhlar Attys NEGOTIATION5Xuxue Feng
1045Mayumi W GillianItaly2025-07-10Buckley Miller Wright RENEWAL76Onyama Limba
1046Sinclair G FlosiGermany2025-08-02Buckley Miller Wright NEGOTIATION17Bernardo Dominic
1047Julie G DoeIndia2025-07-27Feiner Bros RENEWAL8Amy Elsner
1048Nicolas P MaletGermany2025-07-10Rangoni Of Florence UNQUALIFIED9Onyama Limba
1049Ivar Q ButtJapan2025-07-30Chemel, James L Cpa UNQUALIFIED66Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Deepesh N ShinkoRussiaAmy Elsner PROPOSAL
Smith Z IturbideIndiaIoni Bowcher NEGOTIATION
Aruna V PaprockiUnited KingdomStephen Shaw QUALIFIED
Ashley V SergiItalyBernardo Dominic QUALIFIED
Mujtaba O VenereGermanyIvan Magalhaes RENEWAL
Juan D CaudyAustraliaXuxue Feng RENEWAL
Greenwood Y InouyeAustraliaIvan Magalhaes RENEWAL
Greenwood R CaldareraSpainElwin Sharvill NEW
Mayumi F BriddickFranceOnyama Limba PROPOSAL
Misaki S DoeIndiaBernardo Dominic UNQUALIFIED
Emily T CaldareraAustraliaXuxue Feng UNQUALIFIED
Chavez I MaletBrazilElwin Sharvill UNQUALIFIED
Isabel T CaudySpainXuxue Feng QUALIFIED
Izzy D CaudyUnited KingdomIoni Bowcher QUALIFIED
Salvatore A KolmetzBrazilAmy Elsner UNQUALIFIED
Costa J SchemmerJapanAmy Elsner PROPOSAL
Ivar Z WieserBrazilIoni Bowcher UNQUALIFIED
Aditya W NestleIndiaAnna Fali QUALIFIED
Jefferson G GillianJapanOnyama Limba NEW
Aika M MaletIndiaBernardo Dominic QUALIFIED
Mayumi T PaprockiSpainAsiya Javayant PROPOSAL
Faith L RulapaughArgentinaAmy Elsner NEW
Mujtaba T PaprockiIndiaAmy Elsner NEGOTIATION
Kaitlin O RutaCanadaIvan Magalhaes RENEWAL
Jennifer K MacleadBrazilStephen Shaw NEW
Greenwood I RoysterGermanyElwin Sharvill QUALIFIED
Cody H DoeGermanyAsiya Javayant NEW
Smith U DarakjyAustraliaElwin Sharvill NEW
Clifford E VenereIndiaStephen Shaw RENEWAL
Nicolas R NickaSpainOnyama Limba NEGOTIATION
Kadeem I OstroskySpainAnna Fali NEGOTIATION
Salvatore R BologniaRussiaIoni Bowcher NEGOTIATION
Morrow R GauchoIndiaBernardo Dominic NEGOTIATION
Morrow G MorascaFranceXuxue Feng UNQUALIFIED
Murillo J RutaBrazilOnyama Limba UNQUALIFIED
Deepesh S CampainArgentinaIvan Magalhaes NEW
James S CaldareraArgentinaAmy Elsner NEW
Aruna C BriddickGermanyElwin Sharvill PROPOSAL
Isabel Q PoquetteBrazilAmy Elsner RENEWAL
Jones Q FlosiIndiaBernardo Dominic QUALIFIED
Greenwood S TollnerArgentinaStephen Shaw RENEWAL
Greenwood S GarufiGermanyIoni Bowcher PROPOSAL
Rodrigues B InouyeItalyIvan Magalhaes UNQUALIFIED
Aruna R PoquetteItalyXuxue Feng PROPOSAL
Mujtaba T SchemmerSpainElwin Sharvill UNQUALIFIED
Cody W MaletArgentinaAmy Elsner QUALIFIED
Clifford X CaldareraGermanyXuxue Feng UNQUALIFIED
Cody N StensethAustraliaXuxue Feng NEGOTIATION
Izzy X AmigonCanadaOnyama Limba RENEWAL
Cody V PoquetteSpainOnyama Limba QUALIFIED
Frozen Columns
Name
Juan P Caudy
Darci N Rulapaugh
Leon U Ferencz
Aika E Garufi
Wickens G Paprocki
Emily Q Dilliard
Greenwood T Stockham
Misaki O Kusko
Johnson C Briddick
Stacey U Royster
Darci K Campain
Alejandro U Dilliard
Salvatore H Venere
James T Morasca
Greenwood G Caudy
Maria J Nestle
Smith A Kusko
Aika D Morasca
Clifford B Sergi
Emily Q Caudy
Morrow T Perin
James W Garufi
Maisha G Inouye
Mujtaba G Whobrey
Murillo Z Gaucho
Alejandro Y Glick
Cody I Malet
Jones I Caldarera
Smith Y Albares
Emily Z Malet
Faith P Rulapaugh
Faith W Stenseth
Ricardo Z Ruta
Maria W Briddick
Ricardo S Marrier
Johnson F Stenseth
Cody M Flosi
Ricardo V Malet
Izzy L Stenseth
Leja U Malet
Adams R Amigon
Ricardo U Briddick
Aruna I Paprocki
Julie E Stenseth
Aika A Maclead
Morrow L Nestle
Mujtaba N Saylors
Kaitlin E Whobrey
Cody A Caldarera
Mayumi O Nestle
IdCountryDate
1000Canada2025-07-10
1001Japan2025-07-13
1002India2025-07-08
1003India2025-07-14
1004Russia2025-07-27
1005Brazil2025-07-11
1006Spain2025-07-29
1007Australia2025-07-17
1008Russia2025-07-26
1009United Kingdom2025-07-16
1010India2025-08-04
1011Canada2025-07-24
1012Germany2025-07-17
1013Japan2025-07-08
1014Argentina2025-08-01
1015Japan2025-08-03
1016Italy2025-08-04
1017India2025-07-26
1018Italy2025-08-01
1019United Kingdom2025-08-01
1020Russia2025-08-03
1021Germany2025-07-07
1022Russia2025-08-04
1023United Kingdom2025-07-24
1024Australia2025-07-09
1025Japan2025-07-26
1026Argentina2025-07-09
1027France2025-07-12
1028Spain2025-07-16
1029Brazil2025-07-29
1030United Kingdom2025-07-06
1031France2025-07-14
1032Brazil2025-07-19
1033Germany2025-07-13
1034Italy2025-07-06
1035Germany2025-07-23
1036Argentina2025-07-18
1037United Kingdom2025-07-15
1038Japan2025-07-24
1039France2025-07-26
1040France2025-07-21
1041Italy2025-08-02
1042Canada2025-07-29
1043Japan2025-07-29
1044Australia2025-07-19
1045Argentina2025-07-25
1046Italy2025-07-12
1047Argentina2025-07-20
1048India2025-07-30
1049Australia2025-07-09

On-Demand Data

NameIdCountryDate
Murillo H Campain1000France2025-07-16
Jeanfrancois E Gillian1001Germany2025-07-10
Rodrigues M Venere1002Australia2025-07-13
David V Ferencz1003Japan2025-07-06
Jeanfrancois K Rim1004Brazil2025-07-31
Munro Q Bolognia1005Canada2025-07-08
Silvio Z Foller1006Spain2025-07-19
Murillo W Ostrosky1007India2025-07-26
Maria S Campain1008Spain2025-07-13
Clifford Q Waycott1009Argentina2025-07-17
Kadeem T Sergi1010Canada2025-07-22
Maisha V Inouye1011Italy2025-07-16
Juan O Stenseth1012India2025-07-09
Salvatore J Glick1013Australia2025-07-29
Deepesh V Stenseth1014Japan2025-07-13
Claire D Marrier1015Canada2025-07-31
Ivar U Wieser1016Japan2025-07-31
Silvio O Slusarski1017Australia2025-08-04
Salvatore T Sergi1018Italy2025-07-11
Juan Z Ostrosky1019Spain2025-07-27
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jefferson V SergiSpainBernardo Dominic NEGOTIATION
David B DarakjyJapanOnyama Limba PROPOSAL
Aruna F AmigonGermanyIoni Bowcher NEGOTIATION
Silvio Y StensethArgentinaOnyama Limba RENEWAL
Claire J OstroskyIndiaXuxue Feng RENEWAL
Kaitlin A CaldareraJapanXuxue Feng NEW
Costa A RutaAustraliaIvan Magalhaes NEW
Julie Q GauchoRussiaIvan Magalhaes PROPOSAL
Maisha Y AlbaresJapanAnna Fali QUALIFIED
Sinclair B IturbideBrazilElwin Sharvill NEGOTIATION
Johnson W FerenczRussiaAmy Elsner NEGOTIATION
Greenwood R DoeArgentinaIvan Magalhaes UNQUALIFIED
Chavez G FerenczIndiaAmy Elsner UNQUALIFIED
Costa Q NickaRussiaAnna Fali PROPOSAL
Mayumi X ChuiCanadaXuxue Feng NEGOTIATION
James L AmigonFranceOnyama Limba UNQUALIFIED
Morrow A SergiFranceElwin Sharvill NEW
Adams F NickaSpainStephen Shaw QUALIFIED
Stacey Y AmigonUnited KingdomBernardo Dominic PROPOSAL
Ashley X ChuiCanadaAmy Elsner NEW
Johnson D BowleySpainXuxue Feng UNQUALIFIED
Ashley W AmigonAustraliaAmy Elsner QUALIFIED
Izzy H WhobreySpainIvan Magalhaes NEW
Mayumi A AlbaresIndiaIoni Bowcher QUALIFIED
Juan D FlosiCanadaIoni Bowcher RENEWAL
Emily E GillianGermanyStephen Shaw QUALIFIED
Juan U DilliardIndiaOnyama Limba NEGOTIATION
Clifford N SchemmerCanadaStephen Shaw NEGOTIATION
Emily N KolmetzSpainBernardo Dominic RENEWAL
Misaki D SchemmerBrazilXuxue Feng QUALIFIED
Munro O PoquetteSpainAsiya Javayant NEGOTIATION
Ashley T OstroskyRussiaAnna Fali UNQUALIFIED
Cody F RutaCanadaOnyama Limba UNQUALIFIED
Rodrigues I VocelkaAustraliaElwin Sharvill RENEWAL
Francesco C MaletCanadaStephen Shaw NEW
Clifford I InouyeUnited KingdomOnyama Limba UNQUALIFIED
Wickens S ShinkoIndiaElwin Sharvill NEW
Faith Y GauchoItalyAmy Elsner PROPOSAL
Darci T MacleadUnited KingdomElwin Sharvill NEGOTIATION
Silvio U WieserGermanyIvan Magalhaes QUALIFIED

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