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
Arvin E MaletCanadaAsiya Javayant NEW
Aika I DilliardCanadaAmy Elsner UNQUALIFIED
Greenwood D KuskoFranceOnyama Limba QUALIFIED
Wickens F MacleadAustraliaAsiya Javayant UNQUALIFIED
Mayumi R GauchoCanadaOnyama Limba RENEWAL
Kaitlin G RulapaughGermanyBernardo Dominic NEW
Smith I BriddickCanadaElwin Sharvill QUALIFIED
Aruna Z GlickAustraliaXuxue Feng QUALIFIED
Nicolas Q GillianAustraliaAsiya Javayant NEW
Jennifer W NestleBrazilAnna Fali QUALIFIED
Jefferson T SlusarskiAustraliaOnyama Limba RENEWAL
Smith Y DoeBrazilElwin Sharvill UNQUALIFIED
Aruna N BowleyArgentinaAsiya Javayant PROPOSAL
Deepesh B MaletSpainXuxue Feng UNQUALIFIED
Leon L CaudyCanadaAmy Elsner QUALIFIED
Munro J NestleRussiaIoni Bowcher NEW
Sinclair B NickaCanadaBernardo Dominic NEGOTIATION
Maisha L SlusarskiItalyAsiya Javayant RENEWAL
Greenwood M StockhamArgentinaAnna Fali RENEWAL
Leja N DilliardIndiaAmy Elsner UNQUALIFIED
Misaki O KolmetzIndiaAnna Fali RENEWAL
Faith E GillianGermanyAsiya Javayant RENEWAL
Kaitlin H WhobreyArgentinaOnyama Limba RENEWAL
Kadeem V MorascaJapanStephen Shaw PROPOSAL
Murillo L StensethGermanyElwin Sharvill QUALIFIED
Murillo F SlusarskiSpainXuxue Feng QUALIFIED
Darci T OldroydJapanAsiya Javayant NEW
Jennifer G DilliardGermanyOnyama Limba RENEWAL
Antonio D FlosiJapanBernardo Dominic QUALIFIED
Arvin E GauchoAustraliaAsiya Javayant NEGOTIATION
Greenwood K RoysterAustraliaAsiya Javayant RENEWAL
James P MarrierGermanyElwin Sharvill RENEWAL
Emily D DarakjyCanadaIvan Magalhaes NEW
Costa S ShinkoRussiaElwin Sharvill NEW
David O CaldareraRussiaAnna Fali NEGOTIATION
Aika F GlickJapanIvan Magalhaes UNQUALIFIED
Maisha X ButtRussiaIvan Magalhaes UNQUALIFIED
Maisha B DoeArgentinaXuxue Feng NEGOTIATION
Nicolas U DilliardSpainAmy Elsner UNQUALIFIED
Ricardo X AlbaresItalyElwin Sharvill UNQUALIFIED
Mujtaba R KuskoAustraliaElwin Sharvill PROPOSAL
James M IturbideCanadaBernardo Dominic NEW
Francesco Z WaycottSpainIvan Magalhaes UNQUALIFIED
Octavia Y MorascaGermanyAnna Fali QUALIFIED
Octavia V FigeroaCanadaAsiya Javayant PROPOSAL
Claire A WhobreyCanadaIoni Bowcher NEGOTIATION
Salvatore K ButtRussiaXuxue Feng UNQUALIFIED
Jones E DarakjyItalyOnyama Limba NEW
Munro E KuskoIndiaIoni Bowcher UNQUALIFIED
Morrow I MaletFranceIoni Bowcher QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Darci G MorascaCanadaElwin Sharvill UNQUALIFIED
Mujtaba E GillianAustraliaIvan Magalhaes QUALIFIED
Leja B InouyeArgentinaAsiya Javayant PROPOSAL
Izzy F OstroskyItalyAsiya Javayant NEW
Johnson D BriddickGermanyIvan Magalhaes RENEWAL
Cody Q VocelkaUnited KingdomAsiya Javayant NEGOTIATION
Jefferson M SlusarskiIndiaElwin Sharvill QUALIFIED
Silvio Z GarufiUnited KingdomIvan Magalhaes UNQUALIFIED
Maria T GlickCanadaStephen Shaw UNQUALIFIED
Costa D SchemmerItalyIvan Magalhaes QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Mujtaba J RoysterUnited Kingdom2025-09-24Chanay, Jeffrey A Esq UNQUALIFIED95Ivan Magalhaes
1001Cody W RoysterRussia2025-10-06Dorl, James J Esq RENEWAL0Elwin Sharvill
1002Jeanfrancois O KuskoUnited Kingdom2025-09-21Rangoni Of Florence UNQUALIFIED67Stephen Shaw
1003Wickens O VocelkaSpain2025-09-24Truhlar And Truhlar Attys NEGOTIATION10Amy Elsner
1004Misaki U IturbideSpain2025-10-10Rousseaux, Michael Esq UNQUALIFIED42Stephen Shaw
1005Kaitlin C NestleBrazil2025-09-24Chapman, Ross E Esq UNQUALIFIED4Xuxue Feng
1006Munro Y OstroskySpain2025-09-26Chapman, Ross E Esq PROPOSAL49Ivan Magalhaes
1007Clifford Y TollnerBrazil2025-10-06King, Christopher A Esq RENEWAL26Amy Elsner
1008Francesco F NickaIndia2025-10-07Feltz Printing Service RENEWAL74Elwin Sharvill
1009Francesco C FlosiArgentina2025-10-12Morlong Associates NEW89Stephen Shaw
1010Alejandro O RulapaughArgentina2025-09-23Feltz Printing Service NEW43Bernardo Dominic
1011Tony Q MorascaItaly2025-10-15Morlong Associates QUALIFIED7Asiya Javayant
1012Maria I RutaGermany2025-10-11King, Christopher A Esq UNQUALIFIED64Onyama Limba
1013Maisha I RutaFrance2025-09-28Dorl, James J Esq RENEWAL5Ioni Bowcher
1014Clifford D CaudyCanada2025-09-28Feiner Bros RENEWAL14Onyama Limba
1015Aika T FigeroaUnited Kingdom2025-10-08Chemel, James L Cpa RENEWAL42Xuxue Feng
1016Antonio N WaycottRussia2025-10-17Chanay, Jeffrey A Esq QUALIFIED8Stephen Shaw
1017Leja H DarakjyItaly2025-09-30Chemel, James L Cpa PROPOSAL3Asiya Javayant
1018Morrow H DoeCanada2025-10-10Feiner Bros UNQUALIFIED4Elwin Sharvill
1019Emily Y OstroskyFrance2025-10-19Chanay, Jeffrey A Esq NEW9Ioni Bowcher
1020Faith Q NickaSpain2025-09-22Printing Dimensions UNQUALIFIED36Onyama Limba
1021Misaki Y GlickGermany2025-10-15Chapman, Ross E Esq QUALIFIED76Stephen Shaw
1022Costa O BowleyItaly2025-10-15Rousseaux, Michael Esq PROPOSAL27Amy Elsner
1023Isabel Q TollnerIndia2025-10-09King, Christopher A Esq NEGOTIATION87Elwin Sharvill
1024Ricardo R CampainCanada2025-10-06Chemel, James L Cpa NEW31Ivan Magalhaes
1025Deepesh K WhobreyUnited Kingdom2025-09-24Commercial Press UNQUALIFIED11Ioni Bowcher
1026Isabel O RoysterRussia2025-09-23Commercial Press QUALIFIED11Onyama Limba
1027Costa X BriddickBrazil2025-10-06Buckley Miller Wright PROPOSAL22Amy Elsner
1028Greenwood K FerenczFrance2025-10-15Chanay, Jeffrey A Esq NEW66Elwin Sharvill
1029Francesco X RulapaughRussia2025-10-15King, Christopher A Esq NEW87Ioni Bowcher
1030Rodrigues C WhobreyJapan2025-09-27Chanay, Jeffrey A Esq QUALIFIED45Ioni Bowcher
1031Tony T RimSpain2025-09-23Printing Dimensions RENEWAL25Elwin Sharvill
1032Francesco N CaudyUnited Kingdom2025-10-12Truhlar And Truhlar Attys QUALIFIED39Anna Fali
1033Nicolas K WhobreySpain2025-10-05Rangoni Of Florence RENEWAL30Stephen Shaw
1034Emily M RoysterGermany2025-10-20Chemel, James L Cpa NEW76Elwin Sharvill
1035Francesco X IturbideIndia2025-09-21Benton, John B Jr PROPOSAL57Amy Elsner
1036Maisha B WaycottUnited Kingdom2025-10-11Morlong Associates QUALIFIED27Elwin Sharvill
1037Alejandro J GarufiCanada2025-09-28Feltz Printing Service NEGOTIATION3Bernardo Dominic
1038Munro R VenereCanada2025-09-22Chapman, Ross E Esq RENEWAL25Stephen Shaw
1039Emily X StockhamGermany2025-10-10Chemel, James L Cpa NEGOTIATION89Bernardo Dominic
1040Johnson S OstroskyGermany2025-09-22Truhlar And Truhlar Attys PROPOSAL20Bernardo Dominic
1041Julie N SchemmerSpain2025-09-21Buckley Miller Wright UNQUALIFIED64Amy Elsner
1042Ivar H ChuiSpain2025-09-22Feiner Bros NEGOTIATION81Elwin Sharvill
1043Adams U VenereAustralia2025-09-27Chapman, Ross E Esq QUALIFIED2Bernardo Dominic
1044Salvatore B WieserGermany2025-09-29Chanay, Jeffrey A Esq NEW68Elwin Sharvill
1045Nicolas G SaylorsIndia2025-10-20Truhlar And Truhlar Attys PROPOSAL11Asiya Javayant
1046Tony H AlbaresJapan2025-10-18Chapman, Ross E Esq PROPOSAL78Asiya Javayant
1047Maria G FerenczUnited Kingdom2025-09-21Rangoni Of Florence NEW80Anna Fali
1048Octavia J BowleyIndia2025-09-27King, Christopher A Esq NEGOTIATION10Asiya Javayant
1049Costa B PaprockiGermany2025-09-28Benton, John B Jr NEGOTIATION74Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Jones L GarufiItalyStephen Shaw NEW
Maisha H NestleRussiaIoni Bowcher NEW
Misaki O AmigonSpainAnna Fali NEW
Aruna E WhobreyGermanyBernardo Dominic PROPOSAL
Tony M VocelkaJapanAnna Fali RENEWAL
Arvin O WhobreyUnited KingdomAnna Fali QUALIFIED
Leon V BologniaBrazilStephen Shaw NEGOTIATION
Jefferson F RimIndiaAmy Elsner QUALIFIED
Arvin B GillianCanadaXuxue Feng NEGOTIATION
Arvin Y ShinkoCanadaStephen Shaw RENEWAL
Aruna A RoysterSpainOnyama Limba NEW
Jeanfrancois A BologniaJapanStephen Shaw NEW
Julie S RimSpainIoni Bowcher NEGOTIATION
Octavia T DarakjyArgentinaAmy Elsner PROPOSAL
Izzy P InouyeAustraliaIoni Bowcher NEGOTIATION
Morrow R RulapaughUnited KingdomAmy Elsner RENEWAL
Jeanfrancois C RoysterCanadaXuxue Feng NEGOTIATION
Jeanfrancois C BriddickUnited KingdomAmy Elsner QUALIFIED
Murillo N WieserIndiaBernardo Dominic UNQUALIFIED
Cody N SlusarskiBrazilStephen Shaw QUALIFIED
Mujtaba T AmigonRussiaXuxue Feng RENEWAL
Jeanfrancois J BowleyUnited KingdomIoni Bowcher UNQUALIFIED
Costa L TollnerBrazilIvan Magalhaes NEGOTIATION
Jeanfrancois K OldroydFranceBernardo Dominic PROPOSAL
James Q NickaGermanyIvan Magalhaes QUALIFIED
Sinclair J VenereJapanAnna Fali NEW
Ivar R KuskoJapanElwin Sharvill NEGOTIATION
Jeanfrancois C WieserItalyIvan Magalhaes UNQUALIFIED
James M FlosiIndiaOnyama Limba PROPOSAL
Darci P FlosiArgentinaStephen Shaw NEGOTIATION
Jefferson M DoeArgentinaAsiya Javayant QUALIFIED
Izzy A GarufiIndiaBernardo Dominic NEGOTIATION
Adams U MarrierAustraliaOnyama Limba UNQUALIFIED
Octavia R GauchoItalyIvan Magalhaes UNQUALIFIED
Munro W KuskoIndiaBernardo Dominic NEGOTIATION
Salvatore F StensethBrazilIvan Magalhaes PROPOSAL
Rodrigues N IturbideIndiaAnna Fali QUALIFIED
Maria S NickaIndiaXuxue Feng UNQUALIFIED
Juan U PoquetteIndiaElwin Sharvill PROPOSAL
Jeanfrancois P WaycottRussiaIvan Magalhaes UNQUALIFIED
Izzy W DarakjyJapanAmy Elsner UNQUALIFIED
Maria F FlosiRussiaIoni Bowcher NEGOTIATION
Aditya W MaletArgentinaIoni Bowcher UNQUALIFIED
Aruna O CampainItalyOnyama Limba QUALIFIED
Ashley C ButtJapanXuxue Feng NEGOTIATION
Jefferson H VenereAustraliaXuxue Feng RENEWAL
Adams W GauchoItalyXuxue Feng PROPOSAL
Jones E GauchoJapanAnna Fali PROPOSAL
Maria K MacleadSpainIoni Bowcher PROPOSAL
Jones E KuskoSpainIoni Bowcher QUALIFIED
Frozen Columns
Name
Francesco V Rim
Wickens O Perin
Morrow G Schemmer
Claire I Figeroa
Aruna A Poquette
David V Gillian
Alejandro K Perin
Smith M Morasca
Adams A Rim
Leja W Inouye
Alejandro R Tollner
Maria P Poquette
Jennifer N Morasca
Octavia H Campain
Ricardo Y Chui
Tony L Maclead
Maisha Y Albares
Alejandro O Poquette
Mujtaba Z Briddick
Francesco O Ostrosky
Rodrigues E Glick
Chavez M Saylors
Juan A Nestle
Aika Q Morasca
Costa B Chui
Misaki H Campain
Arvin G Wieser
Jefferson B Whobrey
Faith Z Figeroa
Leon N Glick
Ashley Z Rim
Arvin D Ferencz
Jennifer H Dilliard
Arvin W Nestle
Rodrigues U Campain
Johnson B Shinko
Murillo M Amigon
Silvio T Stenseth
Jones H Bowley
Jennifer M Vocelka
Costa Z Malet
Costa E Oldroyd
Rodrigues R Marrier
Jefferson J Royster
Kaitlin D Figeroa
Izzy W Caudy
Mayumi H Iturbide
Leon T Butt
Aditya A Marrier
Smith S Whobrey
IdCountryDate
1000Germany2025-10-13
1001India2025-10-05
1002United Kingdom2025-10-04
1003Brazil2025-09-29
1004Russia2025-10-04
1005United Kingdom2025-09-22
1006Canada2025-09-22
1007India2025-10-18
1008Japan2025-10-16
1009Russia2025-09-24
1010Russia2025-10-08
1011Italy2025-10-03
1012Spain2025-09-27
1013Russia2025-10-18
1014Russia2025-10-20
1015Germany2025-09-26
1016Brazil2025-10-09
1017Brazil2025-09-21
1018Russia2025-10-15
1019United Kingdom2025-10-19
1020Japan2025-09-21
1021India2025-10-06
1022Spain2025-10-10
1023United Kingdom2025-09-30
1024Spain2025-10-11
1025Japan2025-09-30
1026Australia2025-10-20
1027Italy2025-10-04
1028Germany2025-10-13
1029France2025-10-08
1030United Kingdom2025-10-10
1031Germany2025-10-09
1032Japan2025-10-10
1033United Kingdom2025-10-16
1034United Kingdom2025-10-17
1035Brazil2025-10-14
1036India2025-09-21
1037Italy2025-10-09
1038United Kingdom2025-09-23
1039United Kingdom2025-09-28
1040Japan2025-10-09
1041Spain2025-10-03
1042Argentina2025-10-13
1043France2025-09-24
1044France2025-09-23
1045Russia2025-10-18
1046India2025-10-02
1047Italy2025-09-21
1048United Kingdom2025-10-12
1049Italy2025-09-26

On-Demand Data

NameIdCountryDate
Greenwood X Darakjy1000Japan2025-09-26
Maisha U Royster1001Spain2025-09-30
Darci A Gillian1002India2025-10-12
Mayumi S Shinko1003United Kingdom2025-10-08
Tony F Tollner1004Italy2025-10-06
Isabel Y Briddick1005Italy2025-10-12
Aruna A Venere1006Brazil2025-10-09
Jefferson Z Doe1007Spain2025-10-01
Mujtaba X Stockham1008France2025-10-06
Jennifer A Campain1009Australia2025-10-02
Faith D Gaucho1010India2025-10-14
Adams D Figeroa1011Russia2025-10-08
Deepesh T Gillian1012Russia2025-10-13
Clifford C Waycott1013Japan2025-10-05
Ashley Z Ostrosky1014Canada2025-10-09
Ivar H Slusarski1015Russia2025-10-12
Sinclair N Schemmer1016Japan2025-10-20
Arvin X Foller1017Russia2025-09-29
Jennifer E Oldroyd1018Germany2025-10-08
Ricardo I Slusarski1019Australia2025-10-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Chavez S VenereRussiaIoni Bowcher NEGOTIATION
Wickens F MorascaCanadaBernardo Dominic NEW
Leja H GauchoCanadaBernardo Dominic UNQUALIFIED
Faith W MorascaAustraliaIoni Bowcher PROPOSAL
Clifford G AlbaresGermanyStephen Shaw NEGOTIATION
Alejandro E MacleadBrazilAnna Fali PROPOSAL
Misaki B OldroydBrazilXuxue Feng PROPOSAL
Ivar N StensethGermanyAnna Fali QUALIFIED
Costa H CampainAustraliaXuxue Feng RENEWAL
Kaitlin Y WaycottSpainStephen Shaw NEGOTIATION
Juan S ChuiFranceIvan Magalhaes QUALIFIED
Aditya C TollnerAustraliaAnna Fali NEW
Clifford A FollerUnited KingdomAnna Fali NEGOTIATION
Salvatore E MacleadIndiaStephen Shaw PROPOSAL
Jennifer M RulapaughArgentinaOnyama Limba NEW
Jefferson D WaycottAustraliaAmy Elsner QUALIFIED
Isabel U ChuiFranceAnna Fali RENEWAL
Octavia O AlbaresGermanyXuxue Feng NEW
Murillo T RutaRussiaElwin Sharvill NEW
Faith Y InouyeSpainAnna Fali UNQUALIFIED
Julie Z BowleyItalyAnna Fali PROPOSAL
Jennifer N WaycottAustraliaStephen Shaw PROPOSAL
Greenwood Q RoysterRussiaAsiya Javayant NEGOTIATION
Isabel A RoysterArgentinaBernardo Dominic NEGOTIATION
Kadeem D BologniaJapanElwin Sharvill NEW
Alejandro M SergiUnited KingdomXuxue Feng UNQUALIFIED
Johnson P WhobreyGermanyAmy Elsner NEGOTIATION
Arvin A WieserCanadaStephen Shaw QUALIFIED
Nicolas F NestleCanadaAsiya Javayant NEGOTIATION
Izzy E GillianCanadaElwin Sharvill QUALIFIED
Darci E RimJapanOnyama Limba PROPOSAL
David X MaletUnited KingdomStephen Shaw NEW
Cody I FigeroaAustraliaOnyama Limba RENEWAL
Aika D GauchoJapanXuxue Feng QUALIFIED
Claire Z DoeArgentinaOnyama Limba PROPOSAL
Izzy Z StensethCanadaIvan Magalhaes UNQUALIFIED
Maisha I GillianItalyStephen Shaw RENEWAL
Wickens B DoeSpainElwin Sharvill PROPOSAL
Julie D GillianRussiaStephen Shaw RENEWAL
Costa J OstroskyRussiaElwin Sharvill 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>