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
Murillo R AlbaresRussiaElwin Sharvill UNQUALIFIED
Claire G SaylorsAustraliaStephen Shaw QUALIFIED
Maria M SaylorsJapanAsiya Javayant PROPOSAL
Cody Z MarrierUnited KingdomIoni Bowcher PROPOSAL
Jefferson P FerenczUnited KingdomStephen Shaw PROPOSAL
Silvio R PoquetteItalyAsiya Javayant RENEWAL
Leja K GarufiSpainStephen Shaw PROPOSAL
Wickens F BologniaCanadaStephen Shaw QUALIFIED
Julie F DilliardAustraliaIoni Bowcher NEGOTIATION
Chavez S WieserRussiaAmy Elsner NEGOTIATION
Greenwood J GillianItalyElwin Sharvill NEGOTIATION
Sinclair L RutaIndiaIvan Magalhaes NEW
Deepesh M FollerItalyOnyama Limba NEGOTIATION
Jefferson N RoysterJapanElwin Sharvill RENEWAL
Emily M GauchoJapanAsiya Javayant QUALIFIED
Johnson O IturbideUnited KingdomElwin Sharvill RENEWAL
Salvatore M GauchoFranceAsiya Javayant UNQUALIFIED
Aika S CaldareraJapanAsiya Javayant NEGOTIATION
Kaitlin V NestleUnited KingdomAmy Elsner RENEWAL
Jennifer O DoeSpainOnyama Limba NEGOTIATION
Jefferson R SchemmerFranceAsiya Javayant QUALIFIED
Juan R GlickBrazilAmy Elsner NEGOTIATION
David Z FollerArgentinaIvan Magalhaes UNQUALIFIED
David L RutaRussiaElwin Sharvill UNQUALIFIED
James K SchemmerIndiaStephen Shaw UNQUALIFIED
Greenwood M SaylorsCanadaAsiya Javayant QUALIFIED
Ashley I WhobreyRussiaElwin Sharvill PROPOSAL
Maria Y OldroydArgentinaElwin Sharvill UNQUALIFIED
Emily P BriddickRussiaStephen Shaw RENEWAL
Maisha U WieserAustraliaIoni Bowcher PROPOSAL
Tony Y InouyeCanadaAnna Fali NEGOTIATION
Izzy J SergiFranceAnna Fali NEW
Stacey M SergiItalyBernardo Dominic NEGOTIATION
Aika Q GlickAustraliaAnna Fali NEGOTIATION
Silvio U GauchoIndiaAsiya Javayant RENEWAL
Salvatore H SergiFranceXuxue Feng NEW
Jones Y WaycottGermanyIvan Magalhaes NEW
Leja Q OldroydJapanElwin Sharvill UNQUALIFIED
Antonio O MorascaRussiaAmy Elsner PROPOSAL
Alejandro Q NickaRussiaXuxue Feng PROPOSAL
Murillo K OstroskyCanadaBernardo Dominic RENEWAL
Mayumi U CaldareraArgentinaIvan Magalhaes UNQUALIFIED
Chavez U RulapaughGermanyAsiya Javayant QUALIFIED
Wickens Q FlosiBrazilOnyama Limba UNQUALIFIED
Clifford R PerinIndiaOnyama Limba NEW
Jefferson D GlickCanadaElwin Sharvill NEW
Wickens A ShinkoIndiaElwin Sharvill NEW
Tony J SergiAustraliaAsiya Javayant QUALIFIED
Darci J FerenczRussiaIoni Bowcher UNQUALIFIED
Faith Z OstroskyJapanAmy Elsner NEW
Horizontal
NameCountryRepresentativeStatus
Silvio E KolmetzItalyOnyama Limba NEW
Chavez X FlosiJapanBernardo Dominic PROPOSAL
Tony O PaprockiRussiaOnyama Limba QUALIFIED
Costa C NestleIndiaOnyama Limba RENEWAL
Chavez Q KuskoUnited KingdomXuxue Feng PROPOSAL
Kadeem E OldroydSpainBernardo Dominic NEGOTIATION
Deepesh V AmigonRussiaXuxue Feng NEGOTIATION
Faith V WhobreyBrazilOnyama Limba NEW
Julie R IturbideSpainIoni Bowcher UNQUALIFIED
Ivar Q KuskoItalyIvan Magalhaes UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Alejandro G ChuiAustralia2025-09-20Dorl, James J Esq QUALIFIED12Stephen Shaw
1001Greenwood D VocelkaCanada2025-09-22Rousseaux, Michael Esq UNQUALIFIED9Ioni Bowcher
1002Faith Z OldroydArgentina2025-09-22Chanay, Jeffrey A Esq NEGOTIATION75Onyama Limba
1003Leja T ShinkoFrance2025-10-15Rousseaux, Michael Esq NEGOTIATION88Amy Elsner
1004David S SergiJapan2025-09-30Commercial Press RENEWAL15Ioni Bowcher
1005Murillo B FigeroaCanada2025-09-26Chapman, Ross E Esq QUALIFIED58Ioni Bowcher
1006Jefferson X GauchoBrazil2025-09-24Feiner Bros UNQUALIFIED69Ioni Bowcher
1007Antonio F AlbaresBrazil2025-10-02Benton, John B Jr NEW32Stephen Shaw
1008Octavia U WieserBrazil2025-10-03Commercial Press NEW81Stephen Shaw
1009Tony L NickaSpain2025-10-05Rousseaux, Michael Esq RENEWAL62Elwin Sharvill
1010Ashley P SchemmerGermany2025-10-04Morlong Associates QUALIFIED36Asiya Javayant
1011Claire W FigeroaBrazil2025-10-15Morlong Associates PROPOSAL50Amy Elsner
1012David Q IturbideRussia2025-09-30Rousseaux, Michael Esq RENEWAL25Ioni Bowcher
1013Emily F FerenczRussia2025-10-04Feiner Bros NEGOTIATION38Asiya Javayant
1014Maisha Q BologniaJapan2025-09-25Feiner Bros NEW82Bernardo Dominic
1015Misaki E CaudyAustralia2025-10-06Dorl, James J Esq QUALIFIED90Ioni Bowcher
1016Misaki H SlusarskiIndia2025-10-18Printing Dimensions QUALIFIED55Ivan Magalhaes
1017Sinclair Y MacleadFrance2025-10-12Rousseaux, Michael Esq UNQUALIFIED97Xuxue Feng
1018Murillo R VenereBrazil2025-09-28Printing Dimensions NEW88Asiya Javayant
1019Mujtaba G PerinSpain2025-10-07Rangoni Of Florence QUALIFIED83Amy Elsner
1020Ashley X AlbaresSpain2025-09-25Buckley Miller Wright PROPOSAL64Onyama Limba
1021Salvatore X FlosiCanada2025-09-24Chapman, Ross E Esq PROPOSAL47Amy Elsner
1022Kadeem R GauchoItaly2025-09-28Chapman, Ross E Esq UNQUALIFIED24Amy Elsner
1023James V PerinUnited Kingdom2025-10-15Truhlar And Truhlar Attys UNQUALIFIED67Elwin Sharvill
1024Chavez U GlickRussia2025-09-29Morlong Associates RENEWAL13Stephen Shaw
1025Smith V SergiUnited Kingdom2025-09-27Printing Dimensions RENEWAL18Stephen Shaw
1026Chavez V SlusarskiJapan2025-10-16Feltz Printing Service QUALIFIED70Asiya Javayant
1027Ivar T WieserJapan2025-10-17Commercial Press UNQUALIFIED21Ivan Magalhaes
1028Antonio K CaudyJapan2025-10-08Feiner Bros RENEWAL91Bernardo Dominic
1029Adams C KuskoUnited Kingdom2025-09-29Chemel, James L Cpa UNQUALIFIED29Asiya Javayant
1030Adams P StensethJapan2025-10-08Benton, John B Jr UNQUALIFIED90Anna Fali
1031Izzy W CaudyItaly2025-10-05Chemel, James L Cpa PROPOSAL21Stephen Shaw
1032Alejandro U VocelkaBrazil2025-10-13Feiner Bros NEW43Amy Elsner
1033Alejandro C NestleBrazil2025-10-09King, Christopher A Esq QUALIFIED65Xuxue Feng
1034Rodrigues I RimFrance2025-10-03Rousseaux, Michael Esq NEGOTIATION94Ioni Bowcher
1035Morrow P StockhamRussia2025-09-25Feltz Printing Service UNQUALIFIED75Ivan Magalhaes
1036Sinclair B MacleadJapan2025-10-01Printing Dimensions PROPOSAL71Amy Elsner
1037Ivar W DilliardIndia2025-09-25Chanay, Jeffrey A Esq RENEWAL2Onyama Limba
1038Morrow F TollnerArgentina2025-09-23Printing Dimensions NEW11Ioni Bowcher
1039Octavia A RoysterCanada2025-10-05King, Christopher A Esq RENEWAL19Ivan Magalhaes
1040Jones R AmigonAustralia2025-09-21Commercial Press NEW5Amy Elsner
1041Wickens B DoeSpain2025-10-11Commercial Press NEGOTIATION52Elwin Sharvill
1042Maisha P AmigonFrance2025-10-11Buckley Miller Wright UNQUALIFIED8Asiya Javayant
1043Aditya B PaprockiArgentina2025-10-05Dorl, James J Esq NEW71Asiya Javayant
1044Juan N FollerFrance2025-09-21Benton, John B Jr UNQUALIFIED71Onyama Limba
1045Ivar Z SaylorsArgentina2025-10-16Printing Dimensions NEW80Bernardo Dominic
1046Tony J WieserRussia2025-09-29Morlong Associates NEGOTIATION44Stephen Shaw
1047Misaki N MarrierGermany2025-10-18Benton, John B Jr NEW60Elwin Sharvill
1048Maria C WhobreyJapan2025-10-15Printing Dimensions NEGOTIATION86Bernardo Dominic
1049Chavez A GillianSpain2025-09-20Rangoni Of Florence PROPOSAL88Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Salvatore V IturbideAustraliaAmy Elsner NEGOTIATION
Jefferson F DoeBrazilIvan Magalhaes PROPOSAL
Munro C KuskoBrazilXuxue Feng PROPOSAL
Leja B SergiItalyXuxue Feng UNQUALIFIED
Murillo H WaycottGermanyElwin Sharvill QUALIFIED
Ricardo R CaudyJapanOnyama Limba PROPOSAL
Leja M GlickRussiaBernardo Dominic NEGOTIATION
Antonio W InouyeArgentinaAsiya Javayant QUALIFIED
Aditya D FlosiFranceXuxue Feng UNQUALIFIED
Jeanfrancois W InouyeRussiaStephen Shaw RENEWAL
Antonio Q MaletAustraliaXuxue Feng PROPOSAL
Mayumi X TollnerUnited KingdomAmy Elsner QUALIFIED
Mayumi Y CaldareraAustraliaOnyama Limba UNQUALIFIED
Jeanfrancois P MaletBrazilOnyama Limba UNQUALIFIED
Mayumi N CaldareraBrazilOnyama Limba QUALIFIED
Maisha K VenereArgentinaXuxue Feng UNQUALIFIED
Clifford K GauchoGermanyIvan Magalhaes NEGOTIATION
Francesco R CampainCanadaAnna Fali RENEWAL
Mayumi A SergiSpainBernardo Dominic PROPOSAL
Misaki G TollnerSpainXuxue Feng PROPOSAL
Jennifer K SergiUnited KingdomAnna Fali NEW
Clifford F MarrierGermanyStephen Shaw NEGOTIATION
Tony Z SergiGermanyOnyama Limba PROPOSAL
Claire F BologniaItalyElwin Sharvill QUALIFIED
Emily F CampainArgentinaAnna Fali NEW
Rodrigues B FerenczJapanIvan Magalhaes NEGOTIATION
Chavez L DoeIndiaStephen Shaw NEW
Faith X WhobreyIndiaOnyama Limba PROPOSAL
Chavez C FollerAustraliaIvan Magalhaes UNQUALIFIED
Salvatore L WaycottCanadaAsiya Javayant RENEWAL
Izzy W WhobreyUnited KingdomBernardo Dominic NEGOTIATION
Leja K StockhamCanadaAmy Elsner NEGOTIATION
Kadeem P NestleUnited KingdomAnna Fali PROPOSAL
Munro F ShinkoGermanyOnyama Limba UNQUALIFIED
Jennifer P GlickItalyElwin Sharvill QUALIFIED
Jeanfrancois D VenereSpainOnyama Limba QUALIFIED
Kadeem K RimCanadaIvan Magalhaes NEGOTIATION
David N IturbideUnited KingdomIvan Magalhaes QUALIFIED
Faith C VenereGermanyStephen Shaw UNQUALIFIED
Clifford D FigeroaItalyAnna Fali NEGOTIATION
Silvio T KuskoBrazilStephen Shaw QUALIFIED
Francesco Y DilliardSpainBernardo Dominic RENEWAL
Jeanfrancois O RulapaughFranceIvan Magalhaes RENEWAL
Mujtaba L SchemmerCanadaXuxue Feng UNQUALIFIED
Mujtaba Y DilliardIndiaAsiya Javayant PROPOSAL
Antonio J DoeArgentinaIoni Bowcher NEW
Maisha I SaylorsGermanyIvan Magalhaes QUALIFIED
Chavez G KuskoGermanyIvan Magalhaes NEGOTIATION
Claire O PoquetteUnited KingdomXuxue Feng NEW
Jefferson U PerinArgentinaAmy Elsner RENEWAL
Frozen Columns
Name
James G Slusarski
Adams H Ruta
Mayumi E Royster
Clifford W Perin
Costa J Gillian
Salvatore M Gaucho
Silvio W Stenseth
Ricardo R Sergi
Leon M Foller
Tony O Nestle
Kaitlin Q Venere
Isabel G Dilliard
Nicolas X Shinko
Isabel Z Gaucho
Izzy V Figeroa
Cody F Shinko
Antonio W Flosi
Adams S Glick
David X Perin
Maisha V Slusarski
Ivar V Caudy
Kaitlin P Chui
Morrow R Shinko
Jeanfrancois I Doe
Leja F Campain
Costa S Gaucho
Greenwood N Morasca
Sinclair T Chui
Murillo P Caldarera
Antonio Y Saylors
Stacey M Bowley
Antonio L Malet
Jennifer U Morasca
Maisha P Nicka
Deepesh S Waycott
Rodrigues E Stenseth
Deepesh C Nestle
Salvatore H Stockham
Greenwood S Foller
Munro Y Doe
Darci V Shinko
Morrow P Figeroa
Aika V Ferencz
Sinclair O Waycott
Silvio P Marrier
Clifford P Caldarera
Julie V Butt
Isabel W Figeroa
Emily L Oldroyd
Ricardo D Whobrey
IdCountryDate
1000Russia2025-10-09
1001Australia2025-10-19
1002Argentina2025-10-13
1003United Kingdom2025-10-16
1004France2025-09-21
1005India2025-10-14
1006Spain2025-09-20
1007France2025-09-28
1008Russia2025-10-09
1009Canada2025-10-18
1010India2025-10-02
1011Argentina2025-10-09
1012Russia2025-10-15
1013India2025-10-14
1014Germany2025-09-27
1015Russia2025-10-08
1016Germany2025-10-15
1017Russia2025-10-06
1018Japan2025-09-20
1019Italy2025-10-04
1020Canada2025-10-06
1021Spain2025-10-13
1022Germany2025-09-25
1023Argentina2025-09-29
1024Italy2025-09-28
1025Spain2025-09-28
1026Russia2025-10-10
1027Argentina2025-10-08
1028Australia2025-10-17
1029Italy2025-10-15
1030Germany2025-10-11
1031France2025-10-08
1032Russia2025-09-21
1033Spain2025-10-09
1034Spain2025-10-11
1035Germany2025-10-17
1036Russia2025-10-13
1037Spain2025-10-04
1038Russia2025-10-12
1039France2025-09-24
1040Canada2025-09-22
1041Australia2025-09-20
1042Russia2025-10-06
1043France2025-09-26
1044India2025-09-26
1045United Kingdom2025-10-17
1046Russia2025-09-30
1047Canada2025-10-09
1048United Kingdom2025-10-15
1049India2025-10-05

On-Demand Data

NameIdCountryDate
Wickens W Venere1000Italy2025-09-20
Maria I Ruta1001Russia2025-10-09
Aditya V Vocelka1002Argentina2025-10-04
Stacey Z Glick1003Japan2025-10-10
Aruna C Caudy1004Spain2025-10-08
Aika R Nestle1005France2025-09-29
Stacey P Poquette1006France2025-09-21
Izzy B Figeroa1007Germany2025-10-11
Silvio C Morasca1008Russia2025-10-07
Jennifer S Ostrosky1009France2025-10-10
Misaki Z Paprocki1010Argentina2025-10-02
Faith X Tollner1011France2025-09-27
Ashley A Foller1012United Kingdom2025-10-17
Faith L Chui1013Japan2025-10-03
Izzy I Shinko1014France2025-09-28
Juan W Caldarera1015Brazil2025-10-17
Jefferson K Venere1016India2025-10-13
Aika S Sergi1017Russia2025-10-19
Isabel F Nestle1018Italy2025-10-12
David U Bolognia1019Spain2025-09-21
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Clifford E GillianCanadaAmy Elsner NEGOTIATION
Leja Y WaycottSpainAmy Elsner NEGOTIATION
Murillo W BowleyCanadaXuxue Feng UNQUALIFIED
Misaki E StockhamRussiaBernardo Dominic RENEWAL
Leon K OstroskyGermanyElwin Sharvill UNQUALIFIED
Aika M MaletGermanyStephen Shaw PROPOSAL
Wickens U StockhamAustraliaAmy Elsner QUALIFIED
Salvatore D MorascaCanadaAsiya Javayant NEW
Ashley H CampainFranceIoni Bowcher NEGOTIATION
Francesco O NickaCanadaOnyama Limba NEGOTIATION
Nicolas H NestleAustraliaBernardo Dominic PROPOSAL
Leja U NickaItalyIoni Bowcher PROPOSAL
Johnson Z SergiFranceAnna Fali UNQUALIFIED
Kadeem D WaycottGermanyIoni Bowcher NEW
Francesco Y RulapaughIndiaElwin Sharvill RENEWAL
Claire B DoeAustraliaOnyama Limba UNQUALIFIED
Tony O GauchoFranceIvan Magalhaes NEW
David D CaudySpainBernardo Dominic QUALIFIED
Aruna P OldroydCanadaStephen Shaw RENEWAL
Silvio J CaudyCanadaIvan Magalhaes PROPOSAL
James T WhobreyUnited KingdomAnna Fali RENEWAL
Costa E NickaFranceIvan Magalhaes UNQUALIFIED
Antonio T SchemmerJapanIvan Magalhaes PROPOSAL
Kaitlin B PoquetteGermanyIvan Magalhaes QUALIFIED
James I GauchoBrazilXuxue Feng UNQUALIFIED
Rodrigues O PerinUnited KingdomStephen Shaw NEGOTIATION
Johnson G BriddickJapanElwin Sharvill NEW
Misaki G SchemmerUnited KingdomAnna Fali QUALIFIED
Leja K CaldareraSpainXuxue Feng UNQUALIFIED
Murillo R BologniaGermanyStephen Shaw PROPOSAL
Salvatore U PoquetteIndiaAmy Elsner UNQUALIFIED
James U BowleyJapanBernardo Dominic QUALIFIED
Jones R NestleCanadaOnyama Limba NEW
Tony F KolmetzGermanyBernardo Dominic PROPOSAL
Rodrigues Z SlusarskiBrazilXuxue Feng UNQUALIFIED
Murillo I WieserItalyAnna Fali QUALIFIED
Stacey P PerinFranceIvan Magalhaes NEGOTIATION
Ivar B SaylorsJapanIvan Magalhaes UNQUALIFIED
Rodrigues N VocelkaRussiaElwin Sharvill UNQUALIFIED
Chavez S PaprockiItalyBernardo Dominic 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>