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
Darci L FollerIndiaOnyama Limba QUALIFIED
Ivar H GillianUnited KingdomStephen Shaw PROPOSAL
Mujtaba B GlickFranceBernardo Dominic RENEWAL
Aika H MarrierAustraliaOnyama Limba UNQUALIFIED
Sinclair Z StockhamAustraliaOnyama Limba NEW
Julie A GlickArgentinaAsiya Javayant PROPOSAL
Costa X AlbaresSpainStephen Shaw NEW
Munro C KolmetzBrazilAsiya Javayant NEGOTIATION
Arvin N InouyeIndiaIoni Bowcher PROPOSAL
Izzy A OldroydRussiaElwin Sharvill PROPOSAL
Silvio P ButtItalyXuxue Feng NEW
Maria T RimAustraliaAmy Elsner PROPOSAL
Arvin G MaletAustraliaAnna Fali NEGOTIATION
Arvin C ChuiCanadaAmy Elsner NEW
Greenwood V BriddickIndiaIvan Magalhaes QUALIFIED
Izzy A PoquetteJapanAmy Elsner PROPOSAL
Wickens M FigeroaBrazilAmy Elsner NEGOTIATION
Francesco C SlusarskiUnited KingdomStephen Shaw RENEWAL
Morrow Y NickaAustraliaBernardo Dominic QUALIFIED
Clifford S InouyeRussiaXuxue Feng NEW
Maria H BologniaCanadaIvan Magalhaes UNQUALIFIED
Adams C GillianAustraliaOnyama Limba UNQUALIFIED
Aruna T RulapaughUnited KingdomAmy Elsner QUALIFIED
Wickens B DarakjyFranceElwin Sharvill NEGOTIATION
Munro O GlickItalyIoni Bowcher NEGOTIATION
Jeanfrancois W FollerGermanyAmy Elsner NEGOTIATION
Greenwood Z RulapaughArgentinaBernardo Dominic RENEWAL
Costa R NestleCanadaIoni Bowcher RENEWAL
Ivar T GauchoSpainAmy Elsner NEGOTIATION
Costa X SlusarskiArgentinaXuxue Feng RENEWAL
Silvio C SergiAustraliaAmy Elsner UNQUALIFIED
Silvio A OstroskyRussiaStephen Shaw NEGOTIATION
Aditya J VocelkaItalyElwin Sharvill NEGOTIATION
Aditya W InouyeAustraliaStephen Shaw RENEWAL
Jefferson S SchemmerRussiaIoni Bowcher NEW
Adams P BologniaBrazilStephen Shaw RENEWAL
David A OldroydRussiaAnna Fali RENEWAL
Maria W VocelkaAustraliaStephen Shaw UNQUALIFIED
Antonio T ButtGermanyAsiya Javayant UNQUALIFIED
Murillo E GauchoCanadaOnyama Limba NEW
Ivar L NestleJapanIvan Magalhaes RENEWAL
Johnson X PerinGermanyIoni Bowcher NEW
David W SlusarskiGermanyElwin Sharvill PROPOSAL
Julie U SlusarskiJapanStephen Shaw RENEWAL
Darci R VenereCanadaAnna Fali NEW
Arvin B MaletBrazilBernardo Dominic NEGOTIATION
Leon K GlickSpainAmy Elsner RENEWAL
Smith P NickaGermanyBernardo Dominic UNQUALIFIED
Rodrigues V InouyeSpainIvan Magalhaes NEW
Mujtaba O AmigonFranceIoni Bowcher NEW
Horizontal
NameCountryRepresentativeStatus
Jones J DoeSpainElwin Sharvill NEW
Emily W MaletSpainIvan Magalhaes PROPOSAL
Julie D RimIndiaBernardo Dominic PROPOSAL
Jennifer C FlosiArgentinaIvan Magalhaes UNQUALIFIED
Morrow I RoysterBrazilElwin Sharvill UNQUALIFIED
Aika C WieserSpainOnyama Limba UNQUALIFIED
Murillo F AlbaresGermanyElwin Sharvill NEGOTIATION
Greenwood I KuskoItalyIoni Bowcher NEGOTIATION
Jefferson G SlusarskiSpainAnna Fali UNQUALIFIED
Rodrigues O NickaIndiaOnyama Limba NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Octavia O GillianBrazil2025-10-01Benton, John B Jr NEGOTIATION40Xuxue Feng
1001Ricardo U GauchoRussia2025-10-15Benton, John B Jr NEW85Onyama Limba
1002Sinclair D OldroydJapan2025-10-10Commercial Press QUALIFIED56Ivan Magalhaes
1003Jefferson N DarakjyBrazil2025-09-29Benton, John B Jr NEGOTIATION87Stephen Shaw
1004Kadeem M SlusarskiAustralia2025-10-05Dorl, James J Esq NEGOTIATION82Ivan Magalhaes
1005Kaitlin R ChuiArgentina2025-10-05King, Christopher A Esq UNQUALIFIED96Stephen Shaw
1006Maria R RimCanada2025-10-03Buckley Miller Wright QUALIFIED20Anna Fali
1007Leja C BriddickAustralia2025-09-21Chapman, Ross E Esq QUALIFIED38Ivan Magalhaes
1008Ricardo W KolmetzUnited Kingdom2025-10-09Printing Dimensions NEGOTIATION81Ivan Magalhaes
1009Johnson T GlickArgentina2025-10-09Feiner Bros RENEWAL24Ivan Magalhaes
1010Cody K ShinkoBrazil2025-10-10Morlong Associates UNQUALIFIED14Anna Fali
1011Rodrigues F ButtGermany2025-09-28Truhlar And Truhlar Attys QUALIFIED14Amy Elsner
1012Morrow I FigeroaCanada2025-09-27Benton, John B Jr PROPOSAL39Ivan Magalhaes
1013Kaitlin C NestleFrance2025-10-11Chemel, James L Cpa RENEWAL58Anna Fali
1014Arvin S TollnerBrazil2025-10-18Chemel, James L Cpa RENEWAL2Elwin Sharvill
1015Stacey J FerenczUnited Kingdom2025-10-12Rangoni Of Florence NEW52Bernardo Dominic
1016Jefferson Y VocelkaRussia2025-09-23Chanay, Jeffrey A Esq NEGOTIATION7Amy Elsner
1017Arvin Y RimItaly2025-09-27King, Christopher A Esq PROPOSAL12Ioni Bowcher
1018Leon O VenereSpain2025-09-21Feltz Printing Service NEW60Ivan Magalhaes
1019Antonio J AmigonArgentina2025-10-19Printing Dimensions QUALIFIED38Stephen Shaw
1020Smith Q DilliardGermany2025-10-19Chanay, Jeffrey A Esq UNQUALIFIED5Onyama Limba
1021Mujtaba Z ChuiIndia2025-10-02Benton, John B Jr RENEWAL48Ivan Magalhaes
1022Julie I RimJapan2025-09-29Rangoni Of Florence RENEWAL5Ivan Magalhaes
1023Tony W ChuiArgentina2025-10-19Rousseaux, Michael Esq NEGOTIATION47Elwin Sharvill
1024Jefferson W VocelkaUnited Kingdom2025-10-04Dorl, James J Esq QUALIFIED20Ivan Magalhaes
1025James G ChuiAustralia2025-10-03Morlong Associates QUALIFIED24Ivan Magalhaes
1026Morrow X KolmetzBrazil2025-10-06Rousseaux, Michael Esq NEW8Elwin Sharvill
1027Arvin F FerenczBrazil2025-09-26Chapman, Ross E Esq NEW37Asiya Javayant
1028Jeanfrancois A FlosiBrazil2025-10-05Feltz Printing Service PROPOSAL48Ioni Bowcher
1029Deepesh C CaldareraAustralia2025-09-28Chanay, Jeffrey A Esq NEW0Elwin Sharvill
1030Wickens Y StensethJapan2025-09-25Feltz Printing Service UNQUALIFIED85Amy Elsner
1031Rodrigues F InouyeJapan2025-09-30Feiner Bros NEGOTIATION85Anna Fali
1032Deepesh Q DoeItaly2025-10-05Truhlar And Truhlar Attys PROPOSAL55Bernardo Dominic
1033Tony K KolmetzUnited Kingdom2025-10-12Rousseaux, Michael Esq RENEWAL50Xuxue Feng
1034Kaitlin L CaldareraSpain2025-10-09Chapman, Ross E Esq UNQUALIFIED66Elwin Sharvill
1035Tony N VocelkaFrance2025-10-13Chanay, Jeffrey A Esq RENEWAL41Asiya Javayant
1036Aditya D BriddickSpain2025-10-19Morlong Associates QUALIFIED43Onyama Limba
1037Jennifer F AmigonItaly2025-10-15Benton, John B Jr NEGOTIATION87Bernardo Dominic
1038Jennifer Y MorascaIndia2025-10-03Commercial Press QUALIFIED2Anna Fali
1039Tony M InouyeUnited Kingdom2025-10-01Printing Dimensions RENEWAL69Ivan Magalhaes
1040Cody Y AlbaresIndia2025-09-26Buckley Miller Wright PROPOSAL53Ioni Bowcher
1041Francesco X RulapaughCanada2025-10-18Benton, John B Jr RENEWAL61Ioni Bowcher
1042Emily I MacleadGermany2025-10-20King, Christopher A Esq NEGOTIATION76Onyama Limba
1043Juan Y SlusarskiUnited Kingdom2025-10-12Feltz Printing Service NEGOTIATION31Ioni Bowcher
1044Izzy Q KuskoGermany2025-10-13Chemel, James L Cpa UNQUALIFIED45Anna Fali
1045Murillo J FollerAustralia2025-09-24Chanay, Jeffrey A Esq UNQUALIFIED39Asiya Javayant
1046Claire A NickaRussia2025-10-16Truhlar And Truhlar Attys PROPOSAL37Asiya Javayant
1047Johnson B MarrierArgentina2025-10-07Buckley Miller Wright UNQUALIFIED58Ivan Magalhaes
1048Juan H SergiAustralia2025-10-11Commercial Press NEW48Anna Fali
1049Misaki O SergiAustralia2025-09-21Rangoni Of Florence PROPOSAL31Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Leon G CaldareraRussiaIoni Bowcher QUALIFIED
Greenwood E FollerAustraliaIvan Magalhaes QUALIFIED
Emily G StensethAustraliaAnna Fali QUALIFIED
Clifford G DilliardCanadaXuxue Feng NEGOTIATION
Kadeem J VenereUnited KingdomAmy Elsner NEW
Leja H ShinkoGermanyOnyama Limba QUALIFIED
Cody R KuskoCanadaIvan Magalhaes NEGOTIATION
Ashley Y BriddickFranceBernardo Dominic PROPOSAL
Jefferson I RulapaughBrazilAmy Elsner UNQUALIFIED
Juan M ChuiAustraliaOnyama Limba RENEWAL
Greenwood W GillianIndiaAmy Elsner NEW
Silvio Y ShinkoCanadaAnna Fali UNQUALIFIED
Darci E AmigonAustraliaBernardo Dominic QUALIFIED
David M IturbideAustraliaOnyama Limba NEGOTIATION
Jefferson A MarrierItalyXuxue Feng NEGOTIATION
Salvatore L PerinIndiaAnna Fali QUALIFIED
Francesco X AmigonSpainXuxue Feng RENEWAL
Silvio K CampainRussiaXuxue Feng UNQUALIFIED
Sinclair H ShinkoJapanOnyama Limba RENEWAL
Maisha B VenereAustraliaStephen Shaw QUALIFIED
Octavia Q DarakjyCanadaAmy Elsner UNQUALIFIED
Silvio P MorascaCanadaOnyama Limba PROPOSAL
Jennifer R RulapaughIndiaXuxue Feng NEW
Aditya V MaletGermanyAnna Fali QUALIFIED
Costa R CampainFranceStephen Shaw QUALIFIED
Izzy K ButtArgentinaAnna Fali RENEWAL
Leja M FollerIndiaAnna Fali PROPOSAL
Ricardo J SergiAustraliaAnna Fali RENEWAL
Jennifer R CampainAustraliaStephen Shaw NEW
Ashley L KuskoSpainStephen Shaw NEW
Mujtaba W NickaSpainXuxue Feng UNQUALIFIED
Wickens P RimBrazilAnna Fali NEW
Murillo J MaletRussiaAsiya Javayant RENEWAL
Faith R CaldareraGermanyXuxue Feng UNQUALIFIED
David V CaudyCanadaAnna Fali NEW
Jeanfrancois I IturbideJapanAsiya Javayant NEW
Kadeem S ChuiRussiaAmy Elsner QUALIFIED
David E IturbideIndiaOnyama Limba NEGOTIATION
Jones L RutaArgentinaIoni Bowcher UNQUALIFIED
Ricardo T WhobreyFranceIvan Magalhaes NEW
Silvio L StockhamCanadaIoni Bowcher NEW
Clifford R StensethUnited KingdomAmy Elsner NEGOTIATION
Darci T AmigonJapanIoni Bowcher PROPOSAL
Isabel E RimRussiaOnyama Limba RENEWAL
David I DarakjyJapanAnna Fali NEW
Rodrigues A KolmetzBrazilAnna Fali RENEWAL
Clifford S FerenczCanadaStephen Shaw NEGOTIATION
Maria T NickaCanadaStephen Shaw RENEWAL
Izzy O DarakjyRussiaIoni Bowcher NEW
Sinclair U AmigonItalyIvan Magalhaes QUALIFIED
Frozen Columns
Name
Emily T Nestle
Aditya L Doe
Ashley D Garufi
Isabel P Malet
Leja W Shinko
Wickens K Vocelka
Murillo C Kolmetz
Deepesh H Dilliard
Octavia G Perin
Silvio C Malet
Maria X Whobrey
Tony I Campain
Smith H Stockham
Mayumi Y Royster
Octavia N Slusarski
Maisha W Caldarera
Smith B Stenseth
Smith D Marrier
Leja B Glick
Misaki N Nicka
Nicolas A Perin
Aditya U Gaucho
Aika V Kolmetz
Cody W Malet
Tony S Butt
Faith F Kusko
Maisha Q Caldarera
Ricardo G Poquette
Leja Q Briddick
Alejandro I Gillian
Silvio I Garufi
Wickens X Butt
Mayumi L Nestle
Jennifer W Gillian
Ricardo F Dilliard
Ivar U Nicka
Johnson O Gaucho
Chavez Y Waycott
Darci W Caudy
Costa D Oldroyd
Maisha Z Bolognia
Julie F Stockham
Jones K Slusarski
Smith N Sergi
Deepesh C Malet
Jennifer J Glick
Maisha R Glick
Greenwood R Bowley
Maisha D Tollner
Chavez M Maclead
IdCountryDate
1000India2025-10-17
1001Brazil2025-09-23
1002India2025-09-28
1003Japan2025-10-11
1004Russia2025-10-04
1005Germany2025-10-04
1006United Kingdom2025-09-25
1007France2025-10-13
1008Argentina2025-10-04
1009Brazil2025-10-04
1010United Kingdom2025-10-06
1011Italy2025-09-21
1012United Kingdom2025-10-10
1013Brazil2025-09-29
1014India2025-10-07
1015Italy2025-09-22
1016Australia2025-09-30
1017Brazil2025-10-07
1018Germany2025-10-06
1019Italy2025-09-21
1020Australia2025-10-16
1021France2025-10-11
1022Japan2025-09-30
1023Russia2025-09-28
1024Italy2025-10-08
1025United Kingdom2025-10-07
1026Germany2025-10-16
1027United Kingdom2025-10-14
1028United Kingdom2025-09-23
1029Japan2025-10-15
1030Argentina2025-10-08
1031United Kingdom2025-10-02
1032Italy2025-09-21
1033Italy2025-10-20
1034United Kingdom2025-10-05
1035Brazil2025-10-03
1036Italy2025-10-15
1037Australia2025-10-10
1038Spain2025-09-21
1039Italy2025-09-27
1040Argentina2025-09-22
1041Spain2025-10-06
1042Japan2025-09-29
1043Japan2025-09-24
1044Canada2025-10-08
1045Australia2025-10-05
1046Spain2025-10-17
1047United Kingdom2025-10-12
1048United Kingdom2025-10-02
1049India2025-10-12

On-Demand Data

NameIdCountryDate
Morrow B Darakjy1000France2025-10-04
Francesco C Stenseth1001France2025-10-17
Munro X Paprocki1002Germany2025-09-26
Jones P Venere1003Germany2025-10-10
Johnson V Chui1004Argentina2025-09-21
Munro U Malet1005France2025-09-24
Izzy C Inouye1006Russia2025-10-02
Arvin T Vocelka1007Spain2025-10-19
Johnson M Wieser1008India2025-10-08
Tony N Garufi1009Argentina2025-10-20
Munro J Stenseth1010Spain2025-10-18
Leja G Doe1011Australia2025-10-17
Ricardo I Albares1012Italy2025-10-20
Isabel L Whobrey1013Australia2025-09-23
Mujtaba O Butt1014France2025-10-11
Ricardo S Vocelka1015United Kingdom2025-10-12
Ashley Z Campain1016Germany2025-10-18
Sinclair M Malet1017India2025-10-10
Juan O Oldroyd1018Argentina2025-10-10
Misaki P Glick1019Brazil2025-10-12
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Sinclair U GarufiAustraliaElwin Sharvill RENEWAL
Arvin U RimAustraliaXuxue Feng QUALIFIED
Francesco T ChuiJapanXuxue Feng PROPOSAL
Ricardo W NestleCanadaBernardo Dominic QUALIFIED
Adams Q BologniaFranceOnyama Limba UNQUALIFIED
David E MarrierRussiaAnna Fali UNQUALIFIED
Chavez D SchemmerRussiaOnyama Limba NEW
Greenwood N SchemmerUnited KingdomStephen Shaw PROPOSAL
James A CaudySpainAnna Fali NEW
Clifford R TollnerBrazilStephen Shaw NEW
Clifford Q FerenczBrazilElwin Sharvill QUALIFIED
Clifford M GarufiJapanAmy Elsner QUALIFIED
Wickens C DoeItalyXuxue Feng PROPOSAL
Wickens U AlbaresFranceElwin Sharvill PROPOSAL
Arvin M ShinkoJapanBernardo Dominic RENEWAL
Sinclair H FigeroaRussiaXuxue Feng RENEWAL
Johnson L ShinkoCanadaStephen Shaw NEW
Kaitlin H FollerArgentinaOnyama Limba QUALIFIED
Ivar W CaudySpainStephen Shaw PROPOSAL
Munro I AlbaresCanadaAmy Elsner NEGOTIATION
Leja T RutaSpainElwin Sharvill NEW
Faith R SlusarskiFranceElwin Sharvill PROPOSAL
Aika F SchemmerIndiaXuxue Feng NEGOTIATION
Greenwood D RimCanadaAsiya Javayant UNQUALIFIED
Silvio Y StockhamIndiaAmy Elsner UNQUALIFIED
Maisha Z DoeIndiaOnyama Limba NEW
Claire X WhobreyBrazilIvan Magalhaes QUALIFIED
Darci P VenereRussiaAmy Elsner NEGOTIATION
Sinclair T PerinBrazilAsiya Javayant QUALIFIED
Wickens P ShinkoArgentinaBernardo Dominic UNQUALIFIED
Chavez W KolmetzItalyStephen Shaw PROPOSAL
Aruna V MorascaCanadaOnyama Limba NEGOTIATION
Nicolas U BriddickUnited KingdomBernardo Dominic RENEWAL
Ricardo R RoysterUnited KingdomOnyama Limba RENEWAL
Sinclair U CaudySpainIoni Bowcher QUALIFIED
Octavia Y SergiJapanXuxue Feng RENEWAL
Ricardo A WhobreySpainBernardo Dominic PROPOSAL
Jennifer I CaudyRussiaOnyama Limba NEGOTIATION
Alejandro S FerenczUnited KingdomOnyama Limba NEGOTIATION
Octavia Q IturbideArgentinaOnyama Limba UNQUALIFIED

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