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
Aika H TollnerItalyIvan Magalhaes NEGOTIATION
Octavia C MarrierArgentinaStephen Shaw UNQUALIFIED
Faith J FollerArgentinaAnna Fali RENEWAL
Ivar O SchemmerAustraliaAsiya Javayant NEW
Chavez X FigeroaFranceStephen Shaw QUALIFIED
Costa O WhobreyGermanyIvan Magalhaes NEW
Leja D IturbideIndiaIvan Magalhaes PROPOSAL
Francesco Z SlusarskiCanadaXuxue Feng NEGOTIATION
Aika P VenereBrazilIoni Bowcher PROPOSAL
Morrow U SlusarskiItalyElwin Sharvill UNQUALIFIED
Adams S ShinkoFranceBernardo Dominic QUALIFIED
Costa B FerenczIndiaAnna Fali NEW
Ricardo B MaletAustraliaAmy Elsner UNQUALIFIED
Claire X CaldareraAustraliaIoni Bowcher UNQUALIFIED
Ashley D MarrierGermanyIoni Bowcher QUALIFIED
Silvio V RimGermanyStephen Shaw RENEWAL
Adams A CaudyBrazilAnna Fali PROPOSAL
Aika M SchemmerGermanyIoni Bowcher NEGOTIATION
Rodrigues D VenereJapanAmy Elsner NEW
Jefferson N VenereUnited KingdomIvan Magalhaes UNQUALIFIED
Aditya C GauchoCanadaAsiya Javayant UNQUALIFIED
Sinclair Q CampainJapanAmy Elsner NEW
Johnson B ButtItalyIoni Bowcher PROPOSAL
David E SaylorsGermanyAmy Elsner NEW
Aditya G DarakjyBrazilAnna Fali QUALIFIED
Maria K GauchoBrazilElwin Sharvill NEW
Aika M BriddickItalyIoni Bowcher UNQUALIFIED
Stacey L WaycottUnited KingdomBernardo Dominic NEW
Maria R ChuiFranceElwin Sharvill PROPOSAL
Aditya G BowleyIndiaAmy Elsner QUALIFIED
Francesco B DoeCanadaBernardo Dominic QUALIFIED
Johnson J BriddickRussiaElwin Sharvill QUALIFIED
Francesco S KolmetzIndiaIvan Magalhaes QUALIFIED
Aditya Y AlbaresBrazilOnyama Limba NEW
Nicolas L PoquetteGermanyAnna Fali UNQUALIFIED
Kaitlin D IturbideCanadaElwin Sharvill RENEWAL
Smith Z RoysterUnited KingdomBernardo Dominic PROPOSAL
Stacey K DoeJapanIvan Magalhaes NEW
Smith P FigeroaSpainAnna Fali QUALIFIED
Misaki Z CaudyArgentinaIoni Bowcher RENEWAL
Chavez O FlosiAustraliaAsiya Javayant NEW
Francesco Z FollerUnited KingdomIvan Magalhaes PROPOSAL
Jennifer L FollerArgentinaOnyama Limba UNQUALIFIED
Emily G RutaUnited KingdomIvan Magalhaes QUALIFIED
Munro U PoquetteBrazilIvan Magalhaes UNQUALIFIED
Octavia M OldroydJapanOnyama Limba NEGOTIATION
David E GillianBrazilOnyama Limba QUALIFIED
Aika F CampainCanadaBernardo Dominic UNQUALIFIED
Claire F BologniaIndiaBernardo Dominic QUALIFIED
Misaki M DarakjySpainIoni Bowcher NEW
Horizontal
NameCountryRepresentativeStatus
Smith K KolmetzIndiaXuxue Feng RENEWAL
Costa O FerenczArgentinaElwin Sharvill NEW
Aika L RimJapanIvan Magalhaes PROPOSAL
Greenwood N FollerRussiaOnyama Limba UNQUALIFIED
Costa V AlbaresIndiaAmy Elsner NEGOTIATION
Aditya X DoeFranceAmy Elsner NEW
Ivar Y CaudyRussiaElwin Sharvill PROPOSAL
Kadeem K SergiUnited KingdomElwin Sharvill NEGOTIATION
Ricardo T StensethRussiaAnna Fali RENEWAL
Mujtaba A BowleyGermanyElwin Sharvill PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Deepesh X AmigonCanada2025-10-03Rangoni Of Florence NEGOTIATION11Amy Elsner
1001Clifford Y KolmetzUnited Kingdom2025-10-15Chanay, Jeffrey A Esq QUALIFIED32Stephen Shaw
1002Ashley G KuskoBrazil2025-10-11Chanay, Jeffrey A Esq UNQUALIFIED48Asiya Javayant
1003Chavez Y GarufiAustralia2025-10-13Chanay, Jeffrey A Esq NEGOTIATION93Bernardo Dominic
1004Maisha G RoysterRussia2025-09-25Buckley Miller Wright RENEWAL81Bernardo Dominic
1005Francesco Q MaletIndia2025-10-08Morlong Associates QUALIFIED55Ivan Magalhaes
1006Leon O DoeAustralia2025-10-09Buckley Miller Wright NEW20Stephen Shaw
1007Kaitlin R PerinBrazil2025-10-02Chemel, James L Cpa RENEWAL60Elwin Sharvill
1008Ashley B AlbaresFrance2025-10-14Printing Dimensions PROPOSAL89Elwin Sharvill
1009Kadeem K FigeroaIndia2025-10-03King, Christopher A Esq RENEWAL33Onyama Limba
1010James R MacleadGermany2025-10-14Printing Dimensions NEW8Elwin Sharvill
1011Clifford P MarrierItaly2025-09-18Commercial Press PROPOSAL11Stephen Shaw
1012Isabel A PoquetteGermany2025-09-25Feiner Bros RENEWAL30Asiya Javayant
1013James U DoeAustralia2025-10-08Feiner Bros PROPOSAL53Ioni Bowcher
1014Stacey E SlusarskiJapan2025-09-19Dorl, James J Esq NEW0Ioni Bowcher
1015Aika Z StockhamJapan2025-10-03Printing Dimensions RENEWAL43Amy Elsner
1016Jones B SaylorsGermany2025-10-02Printing Dimensions RENEWAL97Ioni Bowcher
1017Deepesh V NestleSpain2025-10-01Benton, John B Jr UNQUALIFIED51Anna Fali
1018Sinclair D FerenczItaly2025-10-11King, Christopher A Esq RENEWAL56Ioni Bowcher
1019Darci V KuskoRussia2025-09-28Dorl, James J Esq RENEWAL82Bernardo Dominic
1020Izzy B PerinItaly2025-09-20King, Christopher A Esq NEGOTIATION57Asiya Javayant
1021Misaki P GillianItaly2025-09-22Chemel, James L Cpa QUALIFIED84Anna Fali
1022Tony Z KuskoJapan2025-10-01Benton, John B Jr UNQUALIFIED71Stephen Shaw
1023Jeanfrancois R DarakjyIndia2025-09-29King, Christopher A Esq QUALIFIED94Xuxue Feng
1024Faith U VocelkaArgentina2025-10-03Buckley Miller Wright NEGOTIATION26Bernardo Dominic
1025Mayumi V WhobreyBrazil2025-09-23Rousseaux, Michael Esq NEW14Elwin Sharvill
1026Ivar Q NestleAustralia2025-10-03Truhlar And Truhlar Attys QUALIFIED71Elwin Sharvill
1027Adams P FollerItaly2025-10-06Printing Dimensions NEGOTIATION65Stephen Shaw
1028Smith G SlusarskiRussia2025-10-09Chanay, Jeffrey A Esq QUALIFIED11Xuxue Feng
1029Silvio W PoquetteAustralia2025-10-17Feltz Printing Service UNQUALIFIED57Bernardo Dominic
1030Munro W SergiFrance2025-09-29Chapman, Ross E Esq PROPOSAL93Anna Fali
1031Aruna A RimItaly2025-10-03Feiner Bros PROPOSAL22Elwin Sharvill
1032Faith Z WaycottUnited Kingdom2025-09-26Feltz Printing Service QUALIFIED59Ioni Bowcher
1033Jeanfrancois A WieserCanada2025-09-18Benton, John B Jr UNQUALIFIED49Bernardo Dominic
1034David W PoquetteJapan2025-09-20Feiner Bros NEGOTIATION9Bernardo Dominic
1035Jeanfrancois M VenereItaly2025-10-03Morlong Associates NEGOTIATION7Ivan Magalhaes
1036Aruna Y PerinSpain2025-09-24Feiner Bros QUALIFIED82Asiya Javayant
1037Arvin V MorascaBrazil2025-09-19Chemel, James L Cpa NEW0Stephen Shaw
1038Stacey R StockhamJapan2025-09-28Commercial Press QUALIFIED26Ivan Magalhaes
1039Kaitlin I FollerArgentina2025-10-07Chapman, Ross E Esq QUALIFIED93Xuxue Feng
1040Mujtaba S DoeArgentina2025-09-30King, Christopher A Esq UNQUALIFIED85Ioni Bowcher
1041Kadeem V WaycottItaly2025-10-16Commercial Press UNQUALIFIED60Elwin Sharvill
1042Leja K AlbaresItaly2025-09-29Chemel, James L Cpa RENEWAL51Stephen Shaw
1043Emily C FerenczRussia2025-10-12Buckley Miller Wright UNQUALIFIED58Anna Fali
1044Francesco N WieserIndia2025-10-14Feiner Bros NEGOTIATION0Amy Elsner
1045Clifford R SergiFrance2025-09-26Printing Dimensions RENEWAL9Anna Fali
1046Ricardo T MarrierFrance2025-10-01Chemel, James L Cpa NEGOTIATION46Asiya Javayant
1047Maisha U NickaUnited Kingdom2025-09-21Morlong Associates QUALIFIED85Xuxue Feng
1048Johnson S FollerItaly2025-09-27Chemel, James L Cpa NEW7Asiya Javayant
1049Maria B FollerJapan2025-09-18Benton, John B Jr RENEWAL23Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Greenwood N WhobreyAustraliaIoni Bowcher NEGOTIATION
Mujtaba Q RoysterSpainBernardo Dominic UNQUALIFIED
Ricardo A WaycottGermanyIvan Magalhaes NEGOTIATION
Kadeem H SchemmerIndiaBernardo Dominic RENEWAL
Costa U TollnerArgentinaElwin Sharvill PROPOSAL
Clifford Y ChuiFranceIvan Magalhaes QUALIFIED
Arvin E CampainBrazilXuxue Feng NEGOTIATION
Rodrigues U RoysterFranceStephen Shaw NEW
Jefferson I DarakjyBrazilXuxue Feng UNQUALIFIED
Jefferson R RoysterArgentinaStephen Shaw RENEWAL
Leon S WieserItalyAnna Fali UNQUALIFIED
Ricardo D KuskoGermanyElwin Sharvill QUALIFIED
Maisha R GauchoRussiaAmy Elsner NEW
Maria V SaylorsBrazilAnna Fali NEW
Alejandro F SlusarskiItalyAnna Fali UNQUALIFIED
Nicolas I AmigonArgentinaIoni Bowcher PROPOSAL
Emily T AlbaresSpainBernardo Dominic NEW
Arvin U OstroskyGermanyIoni Bowcher QUALIFIED
James H StockhamItalyStephen Shaw QUALIFIED
Smith X VenereArgentinaAnna Fali NEGOTIATION
Stacey S SlusarskiCanadaOnyama Limba PROPOSAL
Ashley C SlusarskiRussiaElwin Sharvill NEGOTIATION
Mayumi V GauchoRussiaElwin Sharvill NEGOTIATION
Stacey C DoeGermanyBernardo Dominic RENEWAL
Misaki G MacleadJapanIvan Magalhaes NEW
Leja W CaudyJapanBernardo Dominic RENEWAL
Arvin J IturbideJapanAnna Fali RENEWAL
Emily B CaldareraIndiaIvan Magalhaes QUALIFIED
Adams W GlickAustraliaIvan Magalhaes NEGOTIATION
Silvio Y GauchoFranceElwin Sharvill UNQUALIFIED
Mayumi H RulapaughAustraliaStephen Shaw QUALIFIED
Silvio V AmigonBrazilBernardo Dominic PROPOSAL
Wickens J SergiGermanyAnna Fali NEGOTIATION
Izzy J CampainFranceStephen Shaw UNQUALIFIED
Izzy I GillianCanadaBernardo Dominic QUALIFIED
Juan X FerenczRussiaBernardo Dominic PROPOSAL
Chavez Y WhobreyArgentinaAmy Elsner PROPOSAL
Rodrigues E NestleJapanAmy Elsner UNQUALIFIED
Izzy L PaprockiJapanAnna Fali NEW
Nicolas K AlbaresSpainElwin Sharvill PROPOSAL
Murillo V StensethJapanIvan Magalhaes RENEWAL
Ivar T ChuiUnited KingdomStephen Shaw PROPOSAL
Kadeem R StensethUnited KingdomIoni Bowcher PROPOSAL
Adams K CaudyBrazilIoni Bowcher NEW
Izzy I BriddickRussiaAmy Elsner QUALIFIED
Faith K AmigonJapanStephen Shaw UNQUALIFIED
Costa A FlosiRussiaOnyama Limba RENEWAL
Faith X MacleadUnited KingdomBernardo Dominic NEGOTIATION
Emily B WhobreyFranceIvan Magalhaes PROPOSAL
Wickens Y SlusarskiUnited KingdomAsiya Javayant NEGOTIATION
Frozen Columns
Name
Tony R Inouye
Costa E Royster
Aditya W Darakjy
Emily M Slusarski
Octavia J Caldarera
Ashley K Kolmetz
Leon K Poquette
Aditya Q Foller
Morrow D Inouye
Morrow G Bowley
Ivar T Perin
Johnson A Venere
Mujtaba F Albares
Salvatore S Waycott
Maisha U Inouye
Kadeem B Darakjy
Sinclair K Poquette
Jennifer O Rim
Mujtaba G Caldarera
Costa V Ruta
Maria B Schemmer
Maria A Nestle
Wickens D Bolognia
Jennifer D Chui
Sinclair H Marrier
Morrow W Amigon
Munro W Gillian
Leja I Ruta
Isabel G Schemmer
Jones X Perin
Aditya A Glick
Stacey P Oldroyd
James X Flosi
Cody F Albares
Francesco E Royster
Costa S Butt
Jeanfrancois I Butt
Mujtaba A Briddick
Jennifer O Amigon
Alejandro Y Caldarera
Smith B Caldarera
Aditya N Ruta
Jefferson Z Bowley
Sinclair J Briddick
Clifford S Venere
Julie S Saylors
Nicolas G Nestle
Nicolas Y Campain
Ricardo X Iturbide
Clifford B Stenseth
IdCountryDate
1000Canada2025-10-08
1001Canada2025-10-03
1002Italy2025-10-03
1003Italy2025-09-23
1004Australia2025-09-23
1005Spain2025-10-04
1006Japan2025-09-22
1007United Kingdom2025-09-27
1008Australia2025-10-11
1009Argentina2025-10-06
1010India2025-10-01
1011India2025-09-20
1012India2025-09-20
1013Canada2025-10-15
1014Japan2025-10-08
1015Germany2025-09-22
1016Germany2025-10-01
1017Australia2025-09-30
1018France2025-10-15
1019Australia2025-09-24
1020Japan2025-09-18
1021Brazil2025-09-20
1022Australia2025-10-17
1023Russia2025-10-13
1024Spain2025-10-15
1025Russia2025-10-12
1026France2025-09-23
1027Australia2025-09-20
1028France2025-09-25
1029Russia2025-09-18
1030Russia2025-09-19
1031Italy2025-10-14
1032Australia2025-10-07
1033Argentina2025-09-30
1034Brazil2025-10-15
1035United Kingdom2025-09-20
1036Australia2025-10-09
1037Canada2025-09-25
1038India2025-09-21
1039Germany2025-10-17
1040Russia2025-10-16
1041Japan2025-10-08
1042Spain2025-10-12
1043Spain2025-09-21
1044Italy2025-09-26
1045India2025-10-09
1046Canada2025-10-06
1047Brazil2025-09-23
1048Germany2025-10-06
1049Brazil2025-10-09

On-Demand Data

NameIdCountryDate
Maria R Stenseth1000Germany2025-10-16
Octavia F Perin1001Italy2025-10-11
Silvio N Slusarski1002Japan2025-10-03
Munro O Morasca1003Spain2025-09-27
Jennifer M Oldroyd1004Australia2025-10-06
Sinclair T Tollner1005Spain2025-09-25
Emily Q Figeroa1006Italy2025-10-16
Antonio H Wieser1007Brazil2025-09-26
Ashley H Campain1008United Kingdom2025-09-23
Aika G Gillian1009Germany2025-10-15
Isabel Q Amigon1010Argentina2025-10-09
James E Malet1011United Kingdom2025-10-11
Antonio T Whobrey1012Argentina2025-10-14
Mujtaba Y Oldroyd1013Canada2025-10-11
Greenwood E Gaucho1014Argentina2025-09-18
Kaitlin C Albares1015France2025-09-26
Ricardo Z Oldroyd1016Russia2025-10-15
Salvatore E Butt1017Germany2025-09-19
Isabel T Butt1018United Kingdom2025-10-09
Alejandro I Maclead1019Germany2025-09-20
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Rodrigues Q SlusarskiJapanStephen Shaw NEGOTIATION
Smith D RoysterArgentinaBernardo Dominic QUALIFIED
Maisha U SaylorsBrazilElwin Sharvill QUALIFIED
Ricardo T NestleRussiaOnyama Limba RENEWAL
Costa X PoquetteIndiaAsiya Javayant PROPOSAL
James T GarufiUnited KingdomStephen Shaw NEW
Johnson O MacleadAustraliaStephen Shaw NEW
Nicolas C BowleyGermanyAnna Fali QUALIFIED
Aditya E GlickArgentinaXuxue Feng UNQUALIFIED
Greenwood R VenereIndiaAsiya Javayant NEGOTIATION
Claire G MaletUnited KingdomStephen Shaw NEGOTIATION
Wickens W CaudyCanadaAnna Fali NEW
Claire F StockhamUnited KingdomAsiya Javayant PROPOSAL
Francesco A RutaSpainAnna Fali NEW
Nicolas J SchemmerUnited KingdomAsiya Javayant PROPOSAL
Isabel C SaylorsGermanyIvan Magalhaes NEW
Jeanfrancois W SergiCanadaStephen Shaw PROPOSAL
Octavia E ButtCanadaBernardo Dominic UNQUALIFIED
Darci H FigeroaBrazilAmy Elsner NEW
Faith H MaletFranceOnyama Limba UNQUALIFIED
Leon S SergiSpainOnyama Limba QUALIFIED
Aditya F PaprockiBrazilAsiya Javayant NEGOTIATION
Faith X IturbideGermanyBernardo Dominic NEGOTIATION
Wickens F GlickUnited KingdomAnna Fali NEGOTIATION
Jefferson W PoquetteArgentinaAsiya Javayant RENEWAL
Ricardo W CampainArgentinaOnyama Limba RENEWAL
Jones P ChuiIndiaStephen Shaw UNQUALIFIED
Sinclair L SchemmerIndiaAmy Elsner NEW
Cody B StensethGermanyIvan Magalhaes NEW
Jones Q GillianItalyBernardo Dominic QUALIFIED
Johnson I KuskoCanadaBernardo Dominic QUALIFIED
Julie U RulapaughBrazilIvan Magalhaes RENEWAL
Octavia L InouyeRussiaAnna Fali QUALIFIED
Ricardo C FigeroaGermanyElwin Sharvill NEGOTIATION
Tony A RoysterCanadaXuxue Feng RENEWAL
Juan G ButtArgentinaBernardo Dominic NEGOTIATION
Kaitlin M GarufiFranceXuxue Feng QUALIFIED
Faith F VenereSpainIvan Magalhaes QUALIFIED
Smith Q GlickJapanAsiya Javayant NEGOTIATION
Izzy H PoquetteItalyOnyama Limba 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>