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
Isabel B OldroydUnited KingdomOnyama Limba UNQUALIFIED
Ashley U NestleSpainElwin Sharvill RENEWAL
Smith J PoquetteSpainIvan Magalhaes PROPOSAL
Salvatore D ChuiArgentinaBernardo Dominic QUALIFIED
Alejandro M TollnerItalyStephen Shaw UNQUALIFIED
Murillo D WaycottAustraliaAmy Elsner PROPOSAL
Wickens S GlickGermanyXuxue Feng NEW
Aika V DarakjyItalyIoni Bowcher QUALIFIED
Morrow D BologniaRussiaOnyama Limba NEGOTIATION
James H GauchoAustraliaBernardo Dominic PROPOSAL
Wickens K MarrierGermanyOnyama Limba PROPOSAL
Maisha I SlusarskiIndiaOnyama Limba NEGOTIATION
Maria X DarakjyFranceOnyama Limba PROPOSAL
Silvio G RulapaughAustraliaIvan Magalhaes RENEWAL
Stacey H OldroydBrazilOnyama Limba UNQUALIFIED
Johnson L RutaSpainIvan Magalhaes NEW
Munro V ButtCanadaIvan Magalhaes PROPOSAL
Aruna B SergiSpainIoni Bowcher NEW
Julie A OldroydSpainIvan Magalhaes QUALIFIED
Aruna C FigeroaRussiaIoni Bowcher QUALIFIED
Octavia D DilliardSpainOnyama Limba NEW
Adams S VenereArgentinaAmy Elsner NEW
Antonio X MaletArgentinaBernardo Dominic PROPOSAL
Rodrigues H IturbideGermanyIoni Bowcher QUALIFIED
Sinclair X FollerArgentinaElwin Sharvill UNQUALIFIED
Mujtaba N OldroydSpainAmy Elsner PROPOSAL
Sinclair B RoysterGermanyOnyama Limba UNQUALIFIED
Isabel J RoysterAustraliaAsiya Javayant NEW
Claire G ChuiGermanyIoni Bowcher UNQUALIFIED
Aruna B WhobreyIndiaAnna Fali QUALIFIED
Isabel A DoeGermanyAmy Elsner RENEWAL
Morrow Y VocelkaSpainXuxue Feng PROPOSAL
Faith X WhobreyJapanElwin Sharvill NEW
Jennifer N AlbaresJapanIvan Magalhaes PROPOSAL
James M FerenczFranceAnna Fali UNQUALIFIED
James K AmigonArgentinaAsiya Javayant NEW
Smith W VocelkaUnited KingdomAmy Elsner NEW
Isabel P MacleadGermanyStephen Shaw QUALIFIED
Cody T FerenczArgentinaElwin Sharvill PROPOSAL
Alejandro R GlickArgentinaIvan Magalhaes QUALIFIED
Antonio Y BriddickUnited KingdomIvan Magalhaes RENEWAL
Tony T TollnerRussiaBernardo Dominic PROPOSAL
James A MaletItalyAmy Elsner NEW
Ricardo U InouyeFranceOnyama Limba UNQUALIFIED
Emily C DilliardAustraliaAmy Elsner PROPOSAL
Juan B RutaSpainIvan Magalhaes NEW
Ivar I KuskoCanadaAsiya Javayant RENEWAL
Aditya E RimCanadaAnna Fali UNQUALIFIED
Jennifer W SaylorsArgentinaXuxue Feng UNQUALIFIED
Izzy Z MorascaItalyIvan Magalhaes PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Costa P WhobreyArgentinaIvan Magalhaes NEGOTIATION
Mujtaba P AlbaresItalyAnna Fali QUALIFIED
Murillo X NickaIndiaBernardo Dominic PROPOSAL
Aika A DoeGermanyElwin Sharvill UNQUALIFIED
Tony X SaylorsCanadaXuxue Feng RENEWAL
Deepesh P MorascaSpainStephen Shaw UNQUALIFIED
Costa C ChuiFranceXuxue Feng NEGOTIATION
Isabel N BriddickAustraliaOnyama Limba NEGOTIATION
Chavez H StensethSpainBernardo Dominic NEGOTIATION
Maria Z PaprockiGermanyAmy Elsner NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Octavia K CaudySpain2025-09-26Chanay, Jeffrey A Esq UNQUALIFIED93Bernardo Dominic
1001Murillo X GarufiSpain2025-10-12King, Christopher A Esq QUALIFIED29Xuxue Feng
1002Greenwood O RimSpain2025-10-02Feiner Bros NEW1Bernardo Dominic
1003Costa L FigeroaJapan2025-09-18Chanay, Jeffrey A Esq QUALIFIED94Onyama Limba
1004Silvio D GlickJapan2025-09-23Chanay, Jeffrey A Esq UNQUALIFIED64Stephen Shaw
1005Stacey E MaletJapan2025-10-07Chemel, James L Cpa PROPOSAL58Onyama Limba
1006Stacey C DarakjyRussia2025-09-30King, Christopher A Esq QUALIFIED90Asiya Javayant
1007Isabel T BriddickRussia2025-10-03Chanay, Jeffrey A Esq UNQUALIFIED43Anna Fali
1008Faith H MaletFrance2025-09-23Dorl, James J Esq UNQUALIFIED7Anna Fali
1009Ashley F CaldareraArgentina2025-09-24Truhlar And Truhlar Attys PROPOSAL50Amy Elsner
1010Emily W FigeroaRussia2025-10-04Rangoni Of Florence RENEWAL86Stephen Shaw
1011Izzy R WaycottUnited Kingdom2025-10-07Rousseaux, Michael Esq UNQUALIFIED62Ivan Magalhaes
1012Stacey L RoysterItaly2025-10-09Truhlar And Truhlar Attys NEGOTIATION53Anna Fali
1013Maisha E GillianCanada2025-10-12Chanay, Jeffrey A Esq QUALIFIED37Ioni Bowcher
1014Munro L StensethIndia2025-09-17King, Christopher A Esq NEW46Xuxue Feng
1015Maisha N KuskoSpain2025-09-26Dorl, James J Esq NEGOTIATION73Ioni Bowcher
1016Greenwood U MacleadJapan2025-10-02Benton, John B Jr PROPOSAL66Asiya Javayant
1017Jeanfrancois U PaprockiIndia2025-09-16Chanay, Jeffrey A Esq QUALIFIED59Elwin Sharvill
1018Emily K BologniaRussia2025-10-09Dorl, James J Esq NEGOTIATION68Bernardo Dominic
1019Octavia Y PerinRussia2025-09-13Morlong Associates NEGOTIATION26Asiya Javayant
1020Sinclair F RulapaughBrazil2025-10-07Chanay, Jeffrey A Esq RENEWAL37Bernardo Dominic
1021Misaki Z MarrierCanada2025-10-02Printing Dimensions QUALIFIED86Xuxue Feng
1022Misaki O MarrierArgentina2025-10-11Printing Dimensions UNQUALIFIED5Amy Elsner
1023Munro Z DilliardJapan2025-09-22Printing Dimensions PROPOSAL51Anna Fali
1024Mayumi S GarufiGermany2025-10-01Truhlar And Truhlar Attys QUALIFIED85Xuxue Feng
1025Octavia P NickaRussia2025-09-19Buckley Miller Wright QUALIFIED18Asiya Javayant
1026Cody L SergiArgentina2025-09-28Rangoni Of Florence NEW13Xuxue Feng
1027Jennifer Y FollerArgentina2025-09-19Feiner Bros QUALIFIED43Onyama Limba
1028Aditya R MorascaFrance2025-09-19Truhlar And Truhlar Attys NEW21Anna Fali
1029Costa O MarrierAustralia2025-10-10Rousseaux, Michael Esq NEW4Ioni Bowcher
1030Francesco O TollnerRussia2025-09-23Rangoni Of Florence NEW33Amy Elsner
1031Francesco B BologniaItaly2025-09-20Printing Dimensions PROPOSAL57Amy Elsner
1032Clifford J FerenczIndia2025-09-17Benton, John B Jr NEGOTIATION49Ivan Magalhaes
1033Silvio V BologniaSpain2025-09-20Chemel, James L Cpa UNQUALIFIED69Ivan Magalhaes
1034Kaitlin J PerinRussia2025-09-24Commercial Press PROPOSAL39Onyama Limba
1035Smith Q ChuiRussia2025-09-28Morlong Associates UNQUALIFIED85Bernardo Dominic
1036Faith F GauchoGermany2025-09-20Feiner Bros NEGOTIATION62Xuxue Feng
1037Wickens B PerinBrazil2025-09-13Dorl, James J Esq PROPOSAL53Amy Elsner
1038Darci X SaylorsItaly2025-10-08Dorl, James J Esq UNQUALIFIED49Ivan Magalhaes
1039Clifford O DarakjySpain2025-09-24Chapman, Ross E Esq PROPOSAL12Ivan Magalhaes
1040Kaitlin C WhobreyGermany2025-10-06Commercial Press RENEWAL30Asiya Javayant
1041Murillo S SchemmerRussia2025-09-17Morlong Associates NEW60Elwin Sharvill
1042Nicolas K OldroydAustralia2025-09-18Chemel, James L Cpa NEGOTIATION86Ivan Magalhaes
1043Isabel B TollnerUnited Kingdom2025-10-12Morlong Associates NEGOTIATION1Anna Fali
1044Jefferson M WhobreyAustralia2025-09-21Printing Dimensions PROPOSAL88Asiya Javayant
1045Tony Z KolmetzGermany2025-09-20Chapman, Ross E Esq RENEWAL94Amy Elsner
1046Arvin K NickaCanada2025-09-26Feiner Bros PROPOSAL26Amy Elsner
1047Jones L MorascaSpain2025-09-25Printing Dimensions NEGOTIATION83Anna Fali
1048Wickens W CampainIndia2025-09-13Dorl, James J Esq NEGOTIATION76Anna Fali
1049Octavia E WaycottArgentina2025-10-05Chemel, James L Cpa NEGOTIATION71Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Maria Y KuskoSpainOnyama Limba QUALIFIED
Aruna K RutaJapanElwin Sharvill NEGOTIATION
Jefferson J MarrierSpainElwin Sharvill QUALIFIED
James N VocelkaJapanIvan Magalhaes RENEWAL
Murillo A KuskoAustraliaIoni Bowcher NEGOTIATION
Claire V RulapaughFranceBernardo Dominic PROPOSAL
Jefferson X IturbideGermanyAnna Fali RENEWAL
Mayumi S AlbaresBrazilIvan Magalhaes RENEWAL
David R SchemmerFranceOnyama Limba QUALIFIED
Stacey H AmigonCanadaIvan Magalhaes NEGOTIATION
Silvio B MaletUnited KingdomAsiya Javayant RENEWAL
Johnson K ShinkoArgentinaIvan Magalhaes UNQUALIFIED
Jeanfrancois G ButtIndiaAmy Elsner PROPOSAL
Adams U SchemmerArgentinaIoni Bowcher UNQUALIFIED
Aditya E SlusarskiUnited KingdomBernardo Dominic NEW
Jones I RoysterIndiaOnyama Limba NEGOTIATION
Misaki F FlosiGermanyOnyama Limba RENEWAL
Wickens E AlbaresUnited KingdomXuxue Feng RENEWAL
Izzy H MacleadSpainElwin Sharvill UNQUALIFIED
Kaitlin M GlickCanadaAsiya Javayant UNQUALIFIED
David M NestleRussiaXuxue Feng QUALIFIED
Julie O WaycottFranceIvan Magalhaes RENEWAL
Chavez V WhobreyAustraliaIvan Magalhaes NEW
Salvatore Q WaycottSpainIoni Bowcher NEGOTIATION
Adams B WhobreySpainIoni Bowcher NEW
Wickens Q KolmetzItalyOnyama Limba UNQUALIFIED
Jeanfrancois J GillianArgentinaAnna Fali QUALIFIED
Silvio N ChuiJapanAnna Fali NEW
Costa I MaletCanadaElwin Sharvill UNQUALIFIED
Jefferson H ShinkoJapanAmy Elsner QUALIFIED
Aika I PoquetteJapanElwin Sharvill PROPOSAL
Adams G OstroskyFranceAsiya Javayant UNQUALIFIED
Stacey K CampainUnited KingdomStephen Shaw NEGOTIATION
Aika E OstroskyArgentinaElwin Sharvill NEGOTIATION
Munro L FollerFranceBernardo Dominic PROPOSAL
Clifford X StensethFranceElwin Sharvill UNQUALIFIED
Nicolas R FlosiAustraliaElwin Sharvill RENEWAL
Octavia J WieserItalyOnyama Limba RENEWAL
Darci G DilliardFranceOnyama Limba UNQUALIFIED
Nicolas D FerenczSpainAnna Fali QUALIFIED
Chavez U WieserRussiaBernardo Dominic NEW
Deepesh R StensethItalyBernardo Dominic NEW
Smith R MaletRussiaElwin Sharvill RENEWAL
Nicolas V FerenczIndiaXuxue Feng NEW
Aditya U BologniaUnited KingdomOnyama Limba NEW
Alejandro Q CampainArgentinaAnna Fali NEGOTIATION
Darci E GillianRussiaAsiya Javayant UNQUALIFIED
Clifford W GauchoJapanIoni Bowcher UNQUALIFIED
Smith X GarufiCanadaOnyama Limba QUALIFIED
Leon R TollnerAustraliaIvan Magalhaes NEGOTIATION
Frozen Columns
Name
Leon S Briddick
Mujtaba L Marrier
Greenwood K Ostrosky
Greenwood C Waycott
Juan W Amigon
Rodrigues D Briddick
Johnson H Waycott
Francesco Y Amigon
Izzy Y Perin
Izzy O Waycott
Deepesh L Stockham
Maisha N Figeroa
Aika J Bowley
Wickens N Rulapaugh
Jones Q Gillian
Arvin L Poquette
Leja D Briddick
Cody F Chui
Jones X Albares
Wickens I Nestle
Darci W Ferencz
Darci H Caldarera
Jeanfrancois W Royster
James Z Wieser
Francesco N Rulapaugh
Adams I Caldarera
Chavez E Albares
Greenwood R Ferencz
Octavia T Poquette
Claire G Dilliard
Cody A Saylors
Octavia D Campain
Ricardo E Malet
Leja E Marrier
Jefferson D Sergi
Jones D Ruta
Ivar E Rulapaugh
Wickens T Whobrey
Cody W Butt
Morrow A Venere
Leon E Poquette
Mayumi Q Doe
David L Ferencz
Nicolas X Butt
Emily P Rim
Aika Y Briddick
Jefferson G Shinko
Adams X Poquette
Maria S Glick
Stacey H Caudy
IdCountryDate
1000France2025-09-15
1001Argentina2025-09-26
1002Spain2025-09-13
1003Australia2025-09-29
1004India2025-09-23
1005Spain2025-09-30
1006Argentina2025-10-04
1007Italy2025-09-29
1008Brazil2025-09-15
1009Germany2025-09-20
1010United Kingdom2025-10-12
1011Germany2025-09-23
1012Japan2025-09-27
1013United Kingdom2025-09-29
1014Spain2025-09-25
1015United Kingdom2025-09-15
1016Japan2025-10-07
1017Japan2025-10-08
1018Brazil2025-09-20
1019India2025-10-06
1020Japan2025-09-20
1021Germany2025-09-22
1022Japan2025-10-06
1023India2025-10-03
1024Spain2025-09-22
1025Germany2025-09-19
1026Brazil2025-09-28
1027Spain2025-10-08
1028Italy2025-09-19
1029France2025-09-21
1030Brazil2025-09-28
1031Russia2025-09-29
1032United Kingdom2025-09-25
1033Canada2025-10-09
1034France2025-10-02
1035United Kingdom2025-09-16
1036India2025-09-23
1037Brazil2025-09-13
1038Brazil2025-10-09
1039Spain2025-09-28
1040Spain2025-09-23
1041India2025-10-04
1042United Kingdom2025-10-06
1043Argentina2025-10-08
1044India2025-09-19
1045Argentina2025-09-13
1046Spain2025-10-10
1047Russia2025-10-01
1048Australia2025-09-19
1049Spain2025-10-03

On-Demand Data

NameIdCountryDate
Kaitlin J Amigon1000Australia2025-10-11
Wickens Y Iturbide1001Spain2025-09-21
Munro W Bolognia1002Germany2025-09-18
Jones E Foller1003Spain2025-09-30
Misaki W Albares1004Spain2025-10-08
Cody C Amigon1005Germany2025-09-17
Jennifer C Gillian1006India2025-09-19
Leon Z Ruta1007Canada2025-10-06
Mayumi V Wieser1008Australia2025-09-14
Faith R Albares1009Brazil2025-10-07
Leon Z Morasca1010Australia2025-09-14
Misaki K Schemmer1011United Kingdom2025-10-04
Murillo Y Kolmetz1012India2025-10-08
Octavia F Glick1013Canada2025-09-17
Emily U Stenseth1014France2025-10-02
Adams X Briddick1015Italy2025-09-20
Adams S Bowley1016Argentina2025-09-13
Jefferson Z Iturbide1017Canada2025-09-15
Mayumi D Rim1018Australia2025-09-14
Nicolas D Glick1019Japan2025-09-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aika R BowleyAustraliaStephen Shaw NEGOTIATION
Emily F WaycottSpainStephen Shaw QUALIFIED
Leon A IturbideArgentinaAsiya Javayant UNQUALIFIED
Maisha C WaycottJapanIoni Bowcher RENEWAL
Alejandro U BriddickItalyIoni Bowcher NEGOTIATION
Maria I CaudyBrazilElwin Sharvill PROPOSAL
Leon P ChuiUnited KingdomOnyama Limba PROPOSAL
Jennifer U GillianUnited KingdomAmy Elsner RENEWAL
Emily Z TollnerArgentinaAsiya Javayant QUALIFIED
Mayumi Y OstroskyFranceAmy Elsner QUALIFIED
Kaitlin U WaycottCanadaAmy Elsner NEGOTIATION
Juan B SergiIndiaAnna Fali PROPOSAL
Emily E MarrierRussiaElwin Sharvill NEGOTIATION
Wickens B StockhamUnited KingdomElwin Sharvill UNQUALIFIED
Sinclair G VocelkaFranceOnyama Limba NEGOTIATION
Wickens W OldroydCanadaBernardo Dominic UNQUALIFIED
Clifford I GlickBrazilAsiya Javayant NEGOTIATION
Tony P BologniaItalyStephen Shaw PROPOSAL
Jeanfrancois E IturbideSpainAnna Fali RENEWAL
Jeanfrancois D RimGermanyStephen Shaw RENEWAL
Aruna W NickaItalyIvan Magalhaes NEW
Jeanfrancois B KolmetzAustraliaOnyama Limba UNQUALIFIED
Deepesh F VenereArgentinaAmy Elsner RENEWAL
Aruna S FigeroaSpainIoni Bowcher RENEWAL
Misaki Q DilliardUnited KingdomAsiya Javayant NEGOTIATION
Jeanfrancois E MarrierIndiaElwin Sharvill RENEWAL
Kaitlin T WaycottItalyElwin Sharvill UNQUALIFIED
Morrow B RimIndiaAsiya Javayant QUALIFIED
Salvatore A WhobreyFranceStephen Shaw QUALIFIED
Ivar Y CaldareraArgentinaOnyama Limba PROPOSAL
Ricardo X RoysterIndiaElwin Sharvill NEW
Maria M WhobreySpainAmy Elsner NEW
Costa Q ButtUnited KingdomAnna Fali QUALIFIED
Johnson C ButtFranceAmy Elsner QUALIFIED
Aditya J KuskoRussiaAnna Fali UNQUALIFIED
Alejandro T FollerSpainIoni Bowcher UNQUALIFIED
Izzy C CampainItalyElwin Sharvill NEGOTIATION
Tony Y BriddickItalyXuxue Feng NEGOTIATION
Jennifer R BologniaBrazilStephen Shaw PROPOSAL
Aika V WieserSpainStephen Shaw 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>