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
Jefferson P RimIndiaXuxue Feng NEGOTIATION
Smith W GauchoItalyIoni Bowcher UNQUALIFIED
James H GauchoGermanyIoni Bowcher PROPOSAL
Silvio V WhobreyBrazilXuxue Feng PROPOSAL
Jefferson L OstroskySpainOnyama Limba QUALIFIED
Ivar S MaletRussiaStephen Shaw UNQUALIFIED
Ricardo V ButtArgentinaOnyama Limba NEW
Arvin P OstroskyFranceElwin Sharvill NEGOTIATION
Juan A FollerBrazilAsiya Javayant NEW
Morrow M AmigonBrazilStephen Shaw PROPOSAL
Alejandro T PoquetteFranceAnna Fali RENEWAL
Kaitlin U BologniaItalyAnna Fali UNQUALIFIED
Munro D FigeroaIndiaAsiya Javayant QUALIFIED
Julie Y WhobreyBrazilBernardo Dominic NEW
Kadeem Q NickaAustraliaXuxue Feng PROPOSAL
Julie W DilliardIndiaIvan Magalhaes NEGOTIATION
Leon L AmigonCanadaAnna Fali PROPOSAL
Misaki O BowleyUnited KingdomIvan Magalhaes NEW
Munro L WhobreyBrazilAmy Elsner UNQUALIFIED
Silvio H KolmetzItalyAsiya Javayant PROPOSAL
Rodrigues O GauchoJapanOnyama Limba QUALIFIED
Smith I SlusarskiGermanyAnna Fali RENEWAL
Murillo N ChuiGermanyOnyama Limba UNQUALIFIED
Jones X VocelkaGermanyAsiya Javayant UNQUALIFIED
Murillo F GauchoGermanyIvan Magalhaes QUALIFIED
Darci S FigeroaRussiaOnyama Limba RENEWAL
James E KolmetzIndiaAnna Fali QUALIFIED
Ricardo K KolmetzRussiaOnyama Limba NEW
Jefferson L MaletSpainXuxue Feng RENEWAL
Emily C VenereArgentinaOnyama Limba PROPOSAL
Adams X ShinkoAustraliaIoni Bowcher NEGOTIATION
Faith R NickaGermanyAsiya Javayant PROPOSAL
Costa L GlickAustraliaBernardo Dominic NEW
Ricardo X GarufiRussiaOnyama Limba NEW
David J GillianBrazilBernardo Dominic UNQUALIFIED
Emily C MaletJapanXuxue Feng NEW
Adams F KuskoJapanXuxue Feng QUALIFIED
Stacey A FigeroaArgentinaIoni Bowcher NEW
Jones E PaprockiCanadaIvan Magalhaes NEW
Stacey X SchemmerSpainOnyama Limba QUALIFIED
Cody D BriddickBrazilIoni Bowcher NEW
Aditya O SaylorsUnited KingdomAsiya Javayant NEGOTIATION
Maisha A OldroydBrazilIoni Bowcher PROPOSAL
Maria B WieserJapanBernardo Dominic PROPOSAL
Munro Z VenereFranceXuxue Feng RENEWAL
Stacey F WieserAustraliaIvan Magalhaes NEGOTIATION
Greenwood F SergiAustraliaOnyama Limba NEW
Kadeem Q PaprockiIndiaOnyama Limba PROPOSAL
Silvio U GauchoBrazilStephen Shaw NEW
Maria Z RimIndiaIoni Bowcher UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Jones E SchemmerSpainElwin Sharvill UNQUALIFIED
Aika W ShinkoFranceIoni Bowcher RENEWAL
Izzy Q WieserJapanAmy Elsner NEW
Octavia J MacleadBrazilOnyama Limba NEW
David A BowleyAustraliaStephen Shaw QUALIFIED
Emily V TollnerJapanAsiya Javayant UNQUALIFIED
Stacey L GlickFranceElwin Sharvill UNQUALIFIED
Tony X MaletAustraliaIvan Magalhaes QUALIFIED
Sinclair O StockhamFranceOnyama Limba PROPOSAL
Octavia H GauchoFranceElwin Sharvill PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Deepesh H MaletFrance2025-08-19Morlong Associates PROPOSAL73Xuxue Feng
1001Jennifer J StensethArgentina2025-09-08Benton, John B Jr QUALIFIED4Stephen Shaw
1002Ricardo M MorascaAustralia2025-09-10Chapman, Ross E Esq UNQUALIFIED96Elwin Sharvill
1003Mujtaba R StockhamRussia2025-09-11Chanay, Jeffrey A Esq RENEWAL54Asiya Javayant
1004Francesco L MacleadAustralia2025-09-08Chemel, James L Cpa RENEWAL23Xuxue Feng
1005Jennifer H RoysterBrazil2025-08-29Rousseaux, Michael Esq NEW44Ivan Magalhaes
1006Aruna U MorascaCanada2025-08-26Chapman, Ross E Esq QUALIFIED37Ioni Bowcher
1007Maria T RoysterBrazil2025-08-17Chapman, Ross E Esq UNQUALIFIED20Onyama Limba
1008Isabel Z RutaFrance2025-08-19Rousseaux, Michael Esq RENEWAL28Asiya Javayant
1009Sinclair B TollnerRussia2025-08-21Truhlar And Truhlar Attys PROPOSAL1Anna Fali
1010Leon O FigeroaFrance2025-08-24Buckley Miller Wright PROPOSAL62Amy Elsner
1011Jefferson Y NestleBrazil2025-09-01Chemel, James L Cpa NEGOTIATION9Onyama Limba
1012Aditya H GarufiJapan2025-08-27Commercial Press NEGOTIATION92Bernardo Dominic
1013Misaki W NickaItaly2025-08-31Commercial Press NEGOTIATION13Ivan Magalhaes
1014Juan Y DoeBrazil2025-08-22Buckley Miller Wright NEW75Ivan Magalhaes
1015Misaki P FlosiArgentina2025-08-25Printing Dimensions PROPOSAL83Elwin Sharvill
1016Jefferson U FigeroaBrazil2025-09-13Rangoni Of Florence NEW36Ivan Magalhaes
1017Silvio Y StensethItaly2025-08-21Chanay, Jeffrey A Esq UNQUALIFIED43Stephen Shaw
1018James M GlickJapan2025-09-04King, Christopher A Esq NEW2Asiya Javayant
1019Aruna R BriddickArgentina2025-08-25Rousseaux, Michael Esq NEGOTIATION56Elwin Sharvill
1020Rodrigues R RulapaughFrance2025-08-17Feltz Printing Service NEGOTIATION93Anna Fali
1021Aika U BriddickCanada2025-09-04Feiner Bros QUALIFIED99Bernardo Dominic
1022Costa G SergiItaly2025-09-06Truhlar And Truhlar Attys RENEWAL68Asiya Javayant
1023Maisha K StensethIndia2025-09-13Feiner Bros UNQUALIFIED78Anna Fali
1024Aditya B PoquetteCanada2025-08-19Buckley Miller Wright NEW65Onyama Limba
1025Maisha O KolmetzArgentina2025-08-28Rousseaux, Michael Esq NEW71Onyama Limba
1026Morrow C PerinGermany2025-09-07King, Christopher A Esq UNQUALIFIED31Stephen Shaw
1027Antonio X InouyeCanada2025-08-21Chanay, Jeffrey A Esq PROPOSAL54Onyama Limba
1028Murillo I WhobreyIndia2025-08-19Feltz Printing Service NEW4Bernardo Dominic
1029Maria O GarufiCanada2025-09-04Truhlar And Truhlar Attys RENEWAL7Stephen Shaw
1030Clifford N WhobreyArgentina2025-08-17Truhlar And Truhlar Attys PROPOSAL91Stephen Shaw
1031Juan S VocelkaUnited Kingdom2025-08-18Feltz Printing Service NEGOTIATION13Onyama Limba
1032Wickens W GlickBrazil2025-08-22Dorl, James J Esq RENEWAL11Onyama Limba
1033Leon T MorascaAustralia2025-09-02Feiner Bros NEGOTIATION48Ivan Magalhaes
1034Ivar G MaletIndia2025-09-07Chanay, Jeffrey A Esq UNQUALIFIED2Bernardo Dominic
1035Chavez Z OstroskyArgentina2025-09-11Printing Dimensions NEGOTIATION14Amy Elsner
1036Jefferson R PoquetteJapan2025-08-18Dorl, James J Esq NEGOTIATION42Onyama Limba
1037Costa P VenereFrance2025-08-27Rangoni Of Florence RENEWAL24Stephen Shaw
1038Julie V ShinkoUnited Kingdom2025-08-28Benton, John B Jr NEGOTIATION4Amy Elsner
1039Kaitlin Z WhobreyArgentina2025-09-03Commercial Press NEW33Anna Fali
1040Ivar W SergiCanada2025-08-22Rousseaux, Michael Esq UNQUALIFIED20Anna Fali
1041Chavez S SlusarskiUnited Kingdom2025-08-24Truhlar And Truhlar Attys RENEWAL48Amy Elsner
1042Ashley N BowleyUnited Kingdom2025-09-09King, Christopher A Esq UNQUALIFIED19Ioni Bowcher
1043Clifford K StockhamSpain2025-08-24Chemel, James L Cpa PROPOSAL81Asiya Javayant
1044Ashley U AmigonAustralia2025-09-08Truhlar And Truhlar Attys NEW7Elwin Sharvill
1045James L RulapaughArgentina2025-08-24Rousseaux, Michael Esq NEW84Stephen Shaw
1046Jefferson Q WhobreyUnited Kingdom2025-09-10Truhlar And Truhlar Attys PROPOSAL85Ioni Bowcher
1047Jeanfrancois W VenereArgentina2025-09-11Truhlar And Truhlar Attys RENEWAL87Bernardo Dominic
1048Jeanfrancois P BologniaArgentina2025-09-13Feiner Bros UNQUALIFIED26Bernardo Dominic
1049Stacey L GarufiIndia2025-08-20Rangoni Of Florence QUALIFIED25Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Tony S MorascaItalyIoni Bowcher RENEWAL
Mujtaba A FollerRussiaElwin Sharvill RENEWAL
Sinclair V NestleAustraliaOnyama Limba PROPOSAL
Greenwood V MacleadAustraliaStephen Shaw PROPOSAL
Leon G FigeroaJapanAmy Elsner PROPOSAL
Clifford I TollnerGermanyBernardo Dominic NEW
Stacey G NickaUnited KingdomAsiya Javayant UNQUALIFIED
Silvio R RimItalyBernardo Dominic RENEWAL
Jeanfrancois I FigeroaArgentinaAmy Elsner NEW
Octavia J VocelkaItalyXuxue Feng QUALIFIED
Mujtaba E DoeSpainStephen Shaw PROPOSAL
Costa Z PerinGermanyStephen Shaw RENEWAL
Chavez W StensethItalyAsiya Javayant QUALIFIED
Julie K PoquetteAustraliaIvan Magalhaes UNQUALIFIED
Wickens V NickaRussiaStephen Shaw QUALIFIED
Munro D CaldareraJapanIoni Bowcher RENEWAL
Ashley Q CaudyBrazilElwin Sharvill NEGOTIATION
Claire G MarrierIndiaAmy Elsner QUALIFIED
Jefferson F PerinFranceAnna Fali QUALIFIED
Jeanfrancois V RutaUnited KingdomStephen Shaw NEGOTIATION
Aditya E PoquetteItalyAmy Elsner QUALIFIED
Izzy H AmigonArgentinaAmy Elsner NEW
Aika G PoquetteJapanElwin Sharvill NEGOTIATION
Izzy F IturbideGermanyAmy Elsner PROPOSAL
Greenwood E KolmetzArgentinaBernardo Dominic NEGOTIATION
Aditya E WhobreyBrazilAnna Fali NEGOTIATION
Smith J OstroskyJapanElwin Sharvill QUALIFIED
Tony A ChuiArgentinaElwin Sharvill RENEWAL
Juan R MorascaAustraliaAnna Fali RENEWAL
Julie B VenereUnited KingdomElwin Sharvill PROPOSAL
Faith B FerenczGermanyElwin Sharvill UNQUALIFIED
Isabel J BowleyBrazilAnna Fali PROPOSAL
Rodrigues W WieserArgentinaIvan Magalhaes UNQUALIFIED
Emily F RoysterFranceAsiya Javayant RENEWAL
Mayumi W CaldareraIndiaIvan Magalhaes UNQUALIFIED
Mujtaba S RutaBrazilIvan Magalhaes NEW
Julie A SchemmerGermanyElwin Sharvill RENEWAL
Darci Y DoeRussiaBernardo Dominic RENEWAL
Jones V AlbaresRussiaAsiya Javayant NEW
Tony H AlbaresIndiaElwin Sharvill PROPOSAL
Jefferson Z ChuiSpainBernardo Dominic NEW
James K ChuiCanadaOnyama Limba QUALIFIED
Greenwood A GillianJapanIvan Magalhaes UNQUALIFIED
Leja K FlosiJapanElwin Sharvill UNQUALIFIED
Leja X SchemmerCanadaElwin Sharvill NEGOTIATION
Kadeem H PoquetteSpainStephen Shaw RENEWAL
Ivar R ShinkoSpainElwin Sharvill RENEWAL
Cody Q MorascaCanadaOnyama Limba PROPOSAL
Chavez D SlusarskiAustraliaBernardo Dominic UNQUALIFIED
Ashley L AlbaresSpainStephen Shaw QUALIFIED
Frozen Columns
Name
Tony Y Waycott
Arvin J Ferencz
Jeanfrancois J Saylors
Aditya X Venere
Kadeem O Rulapaugh
Juan P Kolmetz
Salvatore B Perin
Greenwood L Glick
Morrow R Slusarski
Izzy P Saylors
Munro K Caudy
Murillo I Dilliard
Aruna Y Ostrosky
Wickens B Bolognia
Greenwood X Stenseth
Juan O Gaucho
Silvio K Vocelka
David H Vocelka
Chavez H Whobrey
Murillo F Nicka
Octavia X Butt
Julie P Waycott
Rodrigues Q Gillian
Costa N Marrier
Ivar S Foller
Kadeem K Darakjy
Kadeem X Slusarski
Ivar Q Royster
Jefferson A Kusko
Salvatore R Paprocki
Murillo Z Maclead
Morrow A Gillian
Johnson Y Iturbide
Silvio X Wieser
Silvio V Malet
Faith F Kusko
Juan P Dilliard
Kaitlin W Bowley
Maria E Nestle
Greenwood R Malet
Salvatore E Bowley
Aruna N Kusko
Leon Y Amigon
Murillo M Ostrosky
Chavez K Dilliard
Jennifer M Stenseth
Leon X Darakjy
Ricardo H Kolmetz
Sinclair U Ferencz
Nicolas M Figeroa
IdCountryDate
1000France2025-09-09
1001Australia2025-08-19
1002Brazil2025-09-08
1003Argentina2025-08-30
1004Brazil2025-08-29
1005Australia2025-09-11
1006France2025-08-24
1007Canada2025-09-08
1008Italy2025-09-12
1009France2025-09-06
1010United Kingdom2025-09-14
1011Germany2025-08-25
1012Argentina2025-08-28
1013United Kingdom2025-09-07
1014Germany2025-09-04
1015Canada2025-09-10
1016Argentina2025-08-24
1017Spain2025-09-01
1018Brazil2025-09-08
1019United Kingdom2025-09-05
1020France2025-08-27
1021United Kingdom2025-08-30
1022Brazil2025-09-11
1023Canada2025-09-13
1024Canada2025-09-08
1025Brazil2025-09-02
1026Russia2025-09-02
1027India2025-08-21
1028Australia2025-09-01
1029France2025-08-29
1030Russia2025-08-20
1031Australia2025-08-20
1032India2025-09-11
1033India2025-09-13
1034Spain2025-08-17
1035United Kingdom2025-09-02
1036Argentina2025-08-19
1037Germany2025-09-05
1038Germany2025-09-12
1039Brazil2025-09-09
1040Brazil2025-09-08
1041Canada2025-09-05
1042Canada2025-08-26
1043France2025-09-07
1044Russia2025-08-23
1045India2025-08-25
1046Germany2025-08-17
1047Australia2025-08-18
1048France2025-09-06
1049Germany2025-08-19

On-Demand Data

NameIdCountryDate
Jeanfrancois I Kolmetz1000United Kingdom2025-08-27
Jones P Darakjy1001United Kingdom2025-09-02
Johnson F Stenseth1002Germany2025-09-02
Salvatore Q Schemmer1003Japan2025-08-22
Costa M Garufi1004United Kingdom2025-09-10
Stacey I Sergi1005Russia2025-08-17
Kadeem N Gaucho1006Italy2025-08-21
Mujtaba N Inouye1007India2025-09-07
Isabel K Foller1008France2025-08-20
Leon C Marrier1009Brazil2025-09-05
Adams E Nestle1010Italy2025-08-17
Arvin Q Tollner1011Spain2025-08-22
Izzy H Royster1012Argentina2025-09-11
Leja N Poquette1013Australia2025-09-12
Chavez C Shinko1014Italy2025-08-22
Clifford W Darakjy1015Italy2025-09-02
Isabel W Schemmer1016Australia2025-08-21
Jones Y Wieser1017France2025-09-09
Isabel D Ruta1018France2025-09-09
Jones V Schemmer1019Australia2025-09-09
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aika A RoysterSpainBernardo Dominic UNQUALIFIED
Stacey U PerinAustraliaAsiya Javayant RENEWAL
Chavez N SergiJapanAsiya Javayant UNQUALIFIED
Kaitlin J NestleAustraliaOnyama Limba NEW
Aruna T FerenczBrazilIvan Magalhaes RENEWAL
Juan K RoysterGermanyIoni Bowcher UNQUALIFIED
Alejandro N KuskoItalyElwin Sharvill NEGOTIATION
Aika V DilliardJapanAnna Fali PROPOSAL
Jefferson I PerinCanadaStephen Shaw QUALIFIED
Maria M GauchoSpainIvan Magalhaes PROPOSAL
Mujtaba N SergiItalyElwin Sharvill QUALIFIED
Greenwood A StockhamIndiaIoni Bowcher NEGOTIATION
Clifford S RimGermanyIoni Bowcher RENEWAL
Octavia U VocelkaIndiaXuxue Feng RENEWAL
Jennifer D WieserAustraliaAmy Elsner UNQUALIFIED
Costa D WaycottRussiaXuxue Feng UNQUALIFIED
Emily A VenereSpainIoni Bowcher NEW
Murillo H VocelkaItalyElwin Sharvill QUALIFIED
Wickens K TollnerFranceIvan Magalhaes NEW
Jefferson J StensethIndiaAnna Fali UNQUALIFIED
Jennifer N RulapaughBrazilIoni Bowcher RENEWAL
Claire D CampainJapanOnyama Limba NEGOTIATION
Aruna X RulapaughAustraliaAmy Elsner UNQUALIFIED
Francesco Z GarufiJapanXuxue Feng PROPOSAL
Ashley L CampainFranceAsiya Javayant QUALIFIED
Mujtaba D MacleadAustraliaAmy Elsner NEGOTIATION
Jennifer O RulapaughIndiaBernardo Dominic QUALIFIED
Francesco R RoysterCanadaIoni Bowcher UNQUALIFIED
Antonio E KuskoBrazilAsiya Javayant UNQUALIFIED
Adams I SlusarskiIndiaIoni Bowcher UNQUALIFIED
Morrow L DoeGermanyOnyama Limba NEGOTIATION
Rodrigues M DarakjyRussiaAsiya Javayant NEW
Arvin Y MarrierItalyXuxue Feng QUALIFIED
Jefferson O OldroydArgentinaBernardo Dominic PROPOSAL
Salvatore E DoeUnited KingdomElwin Sharvill UNQUALIFIED
Emily Y FlosiRussiaOnyama Limba UNQUALIFIED
Cody O ShinkoArgentinaAmy Elsner NEW
Leon P StensethIndiaBernardo Dominic QUALIFIED
Mujtaba C NestleGermanyAmy Elsner PROPOSAL
Murillo P BowleyRussiaIoni Bowcher 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>