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
Faith D ShinkoCanadaBernardo Dominic RENEWAL
Smith I DilliardRussiaStephen Shaw RENEWAL
Isabel P RutaFranceOnyama Limba NEGOTIATION
Misaki D WaycottArgentinaStephen Shaw UNQUALIFIED
Salvatore G WieserJapanBernardo Dominic NEGOTIATION
James X GlickArgentinaElwin Sharvill PROPOSAL
Tony P SergiItalyBernardo Dominic RENEWAL
Nicolas A PaprockiRussiaXuxue Feng RENEWAL
Francesco N WhobreySpainIvan Magalhaes NEW
Jennifer I CaldareraJapanBernardo Dominic NEGOTIATION
Aruna K PoquetteUnited KingdomAmy Elsner PROPOSAL
Johnson X RoysterRussiaXuxue Feng QUALIFIED
Stacey K RimIndiaXuxue Feng NEGOTIATION
Clifford D CampainUnited KingdomElwin Sharvill QUALIFIED
Chavez W SaylorsSpainIoni Bowcher UNQUALIFIED
Misaki S WhobreySpainAnna Fali QUALIFIED
Kadeem M InouyeItalyOnyama Limba NEGOTIATION
Izzy O BriddickItalyStephen Shaw RENEWAL
Tony H DarakjyJapanIoni Bowcher QUALIFIED
Juan M CaudyIndiaOnyama Limba PROPOSAL
Arvin Y PerinAustraliaBernardo Dominic PROPOSAL
Kaitlin H GlickUnited KingdomElwin Sharvill NEW
Alejandro U CaudyRussiaStephen Shaw PROPOSAL
Ricardo G GauchoRussiaIoni Bowcher RENEWAL
Tony R ButtJapanIvan Magalhaes NEW
Misaki G BriddickItalyAsiya Javayant UNQUALIFIED
Isabel Q MaletUnited KingdomIvan Magalhaes QUALIFIED
Octavia N SlusarskiCanadaIoni Bowcher NEGOTIATION
Leja F MorascaJapanElwin Sharvill NEW
Ivar P BowleySpainOnyama Limba NEGOTIATION
Alejandro Y SergiBrazilAnna Fali NEW
Murillo F CaldareraBrazilIoni Bowcher NEW
Jones H WhobreyArgentinaAmy Elsner NEW
Munro N DilliardUnited KingdomOnyama Limba UNQUALIFIED
Misaki X KuskoUnited KingdomAsiya Javayant NEGOTIATION
Juan Y RutaBrazilStephen Shaw NEGOTIATION
David R PoquetteArgentinaElwin Sharvill NEGOTIATION
Aika H GillianArgentinaAsiya Javayant PROPOSAL
Darci L ButtItalyStephen Shaw NEGOTIATION
Stacey Y FollerFranceXuxue Feng PROPOSAL
Chavez M MaletFranceStephen Shaw UNQUALIFIED
Cody C GlickBrazilAmy Elsner NEGOTIATION
Alejandro C SlusarskiItalyXuxue Feng NEGOTIATION
Ashley J ShinkoUnited KingdomBernardo Dominic NEGOTIATION
Emily C RutaItalyElwin Sharvill QUALIFIED
Maisha Z BologniaCanadaBernardo Dominic RENEWAL
Jones V IturbideJapanAmy Elsner RENEWAL
Mayumi Q FollerBrazilAmy Elsner UNQUALIFIED
Izzy T InouyeItalyElwin Sharvill RENEWAL
Morrow S NickaGermanyAnna Fali NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
James W MaletItalyAsiya Javayant NEGOTIATION
Ricardo S SchemmerFranceOnyama Limba PROPOSAL
Costa M StensethCanadaOnyama Limba UNQUALIFIED
Faith E MacleadIndiaAnna Fali RENEWAL
Kaitlin E SaylorsBrazilIvan Magalhaes NEGOTIATION
David R IturbideAustraliaStephen Shaw RENEWAL
Clifford K IturbideJapanBernardo Dominic UNQUALIFIED
Johnson U BriddickRussiaBernardo Dominic QUALIFIED
Francesco Y MacleadCanadaOnyama Limba NEW
Aditya A SlusarskiJapanAnna Fali NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Cody W WieserIndia2025-07-10Truhlar And Truhlar Attys UNQUALIFIED8Ivan Magalhaes
1001Kaitlin N PaprockiArgentina2025-07-07Benton, John B Jr UNQUALIFIED6Stephen Shaw
1002Salvatore X GauchoArgentina2025-07-08Printing Dimensions UNQUALIFIED44Elwin Sharvill
1003Cody B OstroskyIndia2025-06-26Chemel, James L Cpa UNQUALIFIED5Asiya Javayant
1004Misaki T BologniaCanada2025-07-11Dorl, James J Esq NEGOTIATION10Xuxue Feng
1005James I NestleArgentina2025-07-05Chanay, Jeffrey A Esq NEW28Elwin Sharvill
1006Faith B GlickFrance2025-07-03Commercial Press UNQUALIFIED85Ioni Bowcher
1007Morrow V ButtFrance2025-07-24Buckley Miller Wright NEW12Ivan Magalhaes
1008Darci M MorascaArgentina2025-07-01Printing Dimensions NEGOTIATION14Anna Fali
1009Octavia A KuskoGermany2025-07-08Rousseaux, Michael Esq UNQUALIFIED58Onyama Limba
1010Tony Q BologniaArgentina2025-06-26Rangoni Of Florence NEW71Elwin Sharvill
1011Wickens S KuskoCanada2025-06-25Morlong Associates UNQUALIFIED75Amy Elsner
1012Emily S CaudyArgentina2025-07-24Chapman, Ross E Esq NEGOTIATION39Amy Elsner
1013Francesco H OstroskyFrance2025-07-09Commercial Press UNQUALIFIED9Stephen Shaw
1014Jennifer W SergiFrance2025-07-01Rangoni Of Florence QUALIFIED13Elwin Sharvill
1015Isabel I MorascaRussia2025-07-17Feiner Bros UNQUALIFIED95Ioni Bowcher
1016Morrow N CaudyFrance2025-07-22Chanay, Jeffrey A Esq NEGOTIATION46Ivan Magalhaes
1017Tony D RutaJapan2025-06-29Commercial Press RENEWAL87Bernardo Dominic
1018Julie Z MaletJapan2025-06-30Chanay, Jeffrey A Esq QUALIFIED59Bernardo Dominic
1019Mujtaba N CaldareraIndia2025-07-14Rousseaux, Michael Esq QUALIFIED60Amy Elsner
1020Smith B RimAustralia2025-07-02Commercial Press RENEWAL15Asiya Javayant
1021Octavia U FlosiJapan2025-07-17Feltz Printing Service RENEWAL13Ioni Bowcher
1022Murillo K ShinkoItaly2025-07-14Chanay, Jeffrey A Esq NEGOTIATION36Xuxue Feng
1023Mayumi J BriddickArgentina2025-06-30Feltz Printing Service NEGOTIATION88Xuxue Feng
1024Francesco X PaprockiIndia2025-07-08Chanay, Jeffrey A Esq QUALIFIED70Bernardo Dominic
1025David O MorascaSpain2025-07-14Buckley Miller Wright QUALIFIED67Stephen Shaw
1026Octavia I KuskoRussia2025-07-01Morlong Associates NEW8Elwin Sharvill
1027Munro Q WhobreyRussia2025-07-15Printing Dimensions RENEWAL21Asiya Javayant
1028Emily C AmigonAustralia2025-07-04Commercial Press NEW90Ivan Magalhaes
1029Clifford T GarufiUnited Kingdom2025-07-21Morlong Associates PROPOSAL39Amy Elsner
1030Misaki X BowleyUnited Kingdom2025-07-09Dorl, James J Esq NEGOTIATION23Elwin Sharvill
1031David R DilliardUnited Kingdom2025-07-11Commercial Press PROPOSAL53Amy Elsner
1032Faith M StockhamIndia2025-07-01Chapman, Ross E Esq NEW14Elwin Sharvill
1033Johnson R PerinAustralia2025-07-01Chanay, Jeffrey A Esq UNQUALIFIED99Amy Elsner
1034Tony Y MarrierCanada2025-07-10Feiner Bros RENEWAL15Amy Elsner
1035Adams P OstroskyBrazil2025-07-14Dorl, James J Esq QUALIFIED37Stephen Shaw
1036Tony Q AlbaresSpain2025-07-18Truhlar And Truhlar Attys PROPOSAL30Bernardo Dominic
1037Arvin S BowleyIndia2025-06-25Chemel, James L Cpa PROPOSAL21Amy Elsner
1038Ricardo G FerenczAustralia2025-07-11Commercial Press PROPOSAL89Elwin Sharvill
1039Francesco D FigeroaSpain2025-07-22Chemel, James L Cpa PROPOSAL15Asiya Javayant
1040Kadeem S SlusarskiUnited Kingdom2025-07-02Printing Dimensions UNQUALIFIED30Xuxue Feng
1041Smith J WieserGermany2025-07-23Printing Dimensions NEGOTIATION82Anna Fali
1042Leja K KolmetzFrance2025-07-24Feiner Bros QUALIFIED22Amy Elsner
1043James U MaletGermany2025-06-28Printing Dimensions NEW6Stephen Shaw
1044Jones B FlosiCanada2025-07-07Rousseaux, Michael Esq PROPOSAL69Onyama Limba
1045Kadeem A GauchoBrazil2025-07-09Rangoni Of Florence QUALIFIED45Xuxue Feng
1046Murillo O OstroskyRussia2025-07-08Printing Dimensions NEGOTIATION23Ivan Magalhaes
1047Sinclair H MaletAustralia2025-07-07Chanay, Jeffrey A Esq UNQUALIFIED57Amy Elsner
1048Aika F GarufiCanada2025-07-24Rangoni Of Florence QUALIFIED52Elwin Sharvill
1049Wickens P PerinSpain2025-07-15King, Christopher A Esq NEGOTIATION60Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Aditya L CampainSpainStephen Shaw QUALIFIED
Tony Y NickaUnited KingdomStephen Shaw NEGOTIATION
Wickens B NickaArgentinaStephen Shaw RENEWAL
Greenwood W TollnerSpainXuxue Feng NEW
Jennifer E BowleyFranceOnyama Limba RENEWAL
Isabel J OldroydBrazilAmy Elsner NEW
David E KolmetzArgentinaIoni Bowcher UNQUALIFIED
Julie T WaycottGermanyOnyama Limba NEGOTIATION
James H DilliardJapanElwin Sharvill UNQUALIFIED
Kadeem Y MaletCanadaAmy Elsner UNQUALIFIED
Isabel R GauchoUnited KingdomStephen Shaw QUALIFIED
Francesco U MorascaItalyIvan Magalhaes PROPOSAL
James M RimSpainIoni Bowcher QUALIFIED
Emily T OstroskyIndiaBernardo Dominic UNQUALIFIED
Julie Q RulapaughIndiaStephen Shaw UNQUALIFIED
Ashley K FigeroaFranceAmy Elsner NEGOTIATION
Jennifer W PaprockiAustraliaAmy Elsner PROPOSAL
Tony W WaycottSpainAmy Elsner RENEWAL
Ivar V RutaJapanElwin Sharvill NEGOTIATION
Nicolas N KuskoArgentinaElwin Sharvill UNQUALIFIED
Darci C MarrierJapanOnyama Limba QUALIFIED
Misaki F MaletRussiaBernardo Dominic PROPOSAL
Claire B GillianGermanyXuxue Feng UNQUALIFIED
Chavez W GauchoIndiaAsiya Javayant RENEWAL
Nicolas D StockhamArgentinaXuxue Feng QUALIFIED
Johnson L GauchoAustraliaIvan Magalhaes QUALIFIED
Juan A InouyeFranceElwin Sharvill QUALIFIED
Maisha W CaudyRussiaIoni Bowcher NEW
Chavez J ShinkoIndiaBernardo Dominic NEGOTIATION
Greenwood R SchemmerGermanyIoni Bowcher UNQUALIFIED
Tony A RulapaughAustraliaAmy Elsner RENEWAL
Chavez G WhobreySpainAsiya Javayant PROPOSAL
Darci K NickaUnited KingdomOnyama Limba NEW
Chavez R MorascaRussiaAmy Elsner PROPOSAL
Isabel J WhobreyArgentinaXuxue Feng PROPOSAL
Ricardo R SaylorsFranceStephen Shaw NEW
Nicolas N CaudyUnited KingdomAsiya Javayant UNQUALIFIED
Aditya W AmigonUnited KingdomXuxue Feng UNQUALIFIED
Salvatore Y AmigonRussiaStephen Shaw NEGOTIATION
Julie A NickaItalyAsiya Javayant PROPOSAL
Rodrigues M PerinAustraliaAmy Elsner UNQUALIFIED
Jefferson Z WhobreyFranceAmy Elsner UNQUALIFIED
Jefferson T TollnerSpainElwin Sharvill RENEWAL
Smith G RimItalyStephen Shaw NEGOTIATION
Morrow B GarufiItalyIvan Magalhaes NEW
Octavia P KuskoRussiaElwin Sharvill RENEWAL
Greenwood Q AlbaresCanadaAsiya Javayant NEW
David X AmigonJapanBernardo Dominic NEGOTIATION
Deepesh P CaldareraItalyIoni Bowcher UNQUALIFIED
Sinclair N GarufiUnited KingdomStephen Shaw NEW
Frozen Columns
Name
Claire Y Rulapaugh
James N Marrier
Salvatore O Paprocki
Emily Q Venere
Julie Q Glick
Morrow K Venere
Rodrigues H Royster
Deepesh T Malet
Octavia C Nicka
Jeanfrancois G Doe
Costa S Kolmetz
Salvatore J Waycott
Maria G Saylors
Sinclair R Darakjy
Alejandro X Schemmer
Munro K Butt
Isabel W Gillian
Alejandro F Inouye
Emily X Wieser
Ricardo E Bolognia
Costa S Slusarski
Alejandro C Campain
Smith N Kolmetz
Nicolas Z Gaucho
Clifford M Flosi
Nicolas M Stenseth
Arvin X Venere
Cody W Ferencz
Costa L Tollner
Salvatore H Perin
Wickens W Marrier
David D Kusko
Rodrigues O Gaucho
Alejandro V Slusarski
Clifford K Bowley
Leja J Perin
Clifford J Nestle
Cody M Paprocki
Juan O Morasca
Morrow Z Briddick
Darci I Sergi
Maria Z Campain
Maria O Poquette
Leon Q Oldroyd
Aruna Z Briddick
Jeanfrancois M Wieser
Munro Q Doe
Mujtaba M Albares
Octavia I Iturbide
Ivar P Albares
IdCountryDate
1000Canada2025-07-15
1001Russia2025-07-13
1002Japan2025-07-23
1003France2025-07-14
1004Spain2025-07-05
1005Argentina2025-07-14
1006Spain2025-06-26
1007United Kingdom2025-07-20
1008Argentina2025-07-02
1009Australia2025-07-04
1010Spain2025-07-14
1011India2025-07-24
1012Canada2025-07-18
1013Argentina2025-07-24
1014Italy2025-07-13
1015Brazil2025-06-27
1016Australia2025-07-18
1017France2025-06-25
1018Brazil2025-07-11
1019Germany2025-07-01
1020France2025-06-27
1021India2025-07-06
1022Brazil2025-07-24
1023United Kingdom2025-07-11
1024Australia2025-07-20
1025Argentina2025-07-11
1026Spain2025-07-07
1027Italy2025-07-16
1028Brazil2025-07-24
1029Italy2025-07-19
1030Spain2025-07-14
1031Brazil2025-07-19
1032Japan2025-06-25
1033Argentina2025-07-16
1034Canada2025-06-27
1035Argentina2025-06-25
1036Spain2025-06-28
1037Japan2025-07-09
1038India2025-07-09
1039India2025-07-24
1040Brazil2025-06-29
1041India2025-07-03
1042Germany2025-07-18
1043France2025-07-21
1044Russia2025-06-25
1045United Kingdom2025-07-18
1046Brazil2025-06-28
1047United Kingdom2025-07-20
1048Brazil2025-07-11
1049Italy2025-07-08

On-Demand Data

NameIdCountryDate
Chavez Y Nicka1000Spain2025-07-19
Mujtaba O Butt1001Spain2025-07-09
Morrow V Waycott1002India2025-07-17
Arvin S Doe1003Russia2025-07-21
Arvin S Waycott1004United Kingdom2025-06-26
James G Sergi1005France2025-07-14
Jeanfrancois X Wieser1006United Kingdom2025-07-20
Aika U Schemmer1007Canada2025-06-25
Greenwood U Caldarera1008Germany2025-07-24
Faith B Bowley1009Australia2025-07-23
Isabel C Caldarera1010Brazil2025-06-28
Julie E Ferencz1011United Kingdom2025-07-24
Aruna M Caudy1012Russia2025-07-20
Johnson T Oldroyd1013Brazil2025-07-06
Stacey W Dilliard1014Canada2025-07-02
Maisha E Stenseth1015Germany2025-06-27
Kadeem H Dilliard1016Spain2025-07-08
Jefferson Q Kusko1017United Kingdom2025-07-18
Adams D Saylors1018Brazil2025-07-09
Jeanfrancois B Malet1019India2025-07-07
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Smith O DarakjyUnited KingdomOnyama Limba UNQUALIFIED
Smith M AmigonSpainOnyama Limba NEW
Salvatore P CampainBrazilStephen Shaw PROPOSAL
Stacey S FlosiCanadaStephen Shaw PROPOSAL
Faith A GarufiGermanyOnyama Limba NEW
Johnson J GlickArgentinaOnyama Limba NEGOTIATION
Aruna L PoquetteBrazilXuxue Feng PROPOSAL
Mujtaba O MaletRussiaStephen Shaw UNQUALIFIED
Rodrigues I SergiCanadaStephen Shaw NEGOTIATION
Tony E VenereBrazilAnna Fali RENEWAL
Wickens Y RulapaughRussiaAsiya Javayant QUALIFIED
Chavez D MaletFranceIvan Magalhaes PROPOSAL
Antonio N MacleadItalyOnyama Limba PROPOSAL
Izzy S FlosiCanadaXuxue Feng NEW
Arvin G RimSpainAsiya Javayant PROPOSAL
Isabel L MarrierRussiaXuxue Feng NEW
Ivar S DoeSpainIvan Magalhaes UNQUALIFIED
Maisha P SaylorsCanadaAmy Elsner UNQUALIFIED
Johnson X DarakjyJapanOnyama Limba PROPOSAL
Maisha T MorascaIndiaAsiya Javayant PROPOSAL
Wickens V MaletGermanyIoni Bowcher RENEWAL
Isabel H DoeCanadaOnyama Limba QUALIFIED
Smith I FerenczUnited KingdomAsiya Javayant QUALIFIED
Cody I VenereAustraliaIoni Bowcher QUALIFIED
Mayumi A MarrierBrazilElwin Sharvill RENEWAL
Smith W DoeItalyOnyama Limba QUALIFIED
Tony R WhobreyIndiaAnna Fali UNQUALIFIED
Ashley N OldroydFranceElwin Sharvill NEGOTIATION
Costa E ShinkoAustraliaAsiya Javayant UNQUALIFIED
Ivar J RutaItalyIoni Bowcher RENEWAL
Jefferson W RulapaughFranceIvan Magalhaes NEGOTIATION
Isabel U MaletCanadaAsiya Javayant NEGOTIATION
Arvin S OldroydRussiaAsiya Javayant RENEWAL
Jennifer G InouyeBrazilXuxue Feng QUALIFIED
Ricardo A FerenczArgentinaStephen Shaw RENEWAL
Cody V RutaSpainBernardo Dominic UNQUALIFIED
Emily F CaudyArgentinaBernardo Dominic UNQUALIFIED
Misaki C GauchoArgentinaOnyama Limba NEW
Jeanfrancois X RulapaughIndiaAsiya Javayant NEW
Juan G PerinSpainStephen Shaw 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>