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
Deepesh I PaprockiUnited KingdomAnna Fali NEW
Rodrigues H SergiIndiaAsiya Javayant UNQUALIFIED
Sinclair E FigeroaRussiaIvan Magalhaes QUALIFIED
Chavez D VenereUnited KingdomStephen Shaw UNQUALIFIED
Costa Q GarufiIndiaAnna Fali UNQUALIFIED
Deepesh M KolmetzFranceAnna Fali NEGOTIATION
Greenwood F WaycottIndiaIoni Bowcher NEGOTIATION
Alejandro W SchemmerArgentinaIoni Bowcher NEW
Maisha I WaycottRussiaBernardo Dominic NEGOTIATION
Leon S CaldareraAustraliaStephen Shaw RENEWAL
Wickens X MaletAustraliaBernardo Dominic NEW
Murillo A DoeSpainIvan Magalhaes UNQUALIFIED
Deepesh F SlusarskiGermanyIoni Bowcher UNQUALIFIED
Izzy B VenereGermanyStephen Shaw PROPOSAL
Mujtaba O BowleyItalyXuxue Feng PROPOSAL
Misaki D FerenczArgentinaIvan Magalhaes NEGOTIATION
Cody C DilliardAustraliaXuxue Feng RENEWAL
Leon V MorascaIndiaAsiya Javayant NEW
Silvio G GillianGermanyAsiya Javayant NEGOTIATION
James K BologniaSpainAmy Elsner NEW
Stacey B FerenczGermanyIoni Bowcher NEGOTIATION
Darci C SergiUnited KingdomIvan Magalhaes PROPOSAL
Octavia E KuskoGermanyXuxue Feng UNQUALIFIED
Cody Z AmigonSpainAsiya Javayant RENEWAL
Clifford A RulapaughUnited KingdomAmy Elsner UNQUALIFIED
Rodrigues G GarufiUnited KingdomBernardo Dominic PROPOSAL
Kadeem L TollnerBrazilAnna Fali PROPOSAL
Aruna G PaprockiFranceAmy Elsner UNQUALIFIED
Wickens X MacleadCanadaAnna Fali PROPOSAL
Sinclair L ButtIndiaOnyama Limba UNQUALIFIED
Arvin J CaldareraCanadaBernardo Dominic RENEWAL
Leja S PaprockiRussiaOnyama Limba PROPOSAL
Mayumi M InouyeSpainAmy Elsner QUALIFIED
Wickens Z GauchoCanadaAnna Fali QUALIFIED
Misaki R PoquetteIndiaXuxue Feng UNQUALIFIED
Ashley S ButtArgentinaBernardo Dominic NEGOTIATION
Aruna Q VenereIndiaAnna Fali UNQUALIFIED
Munro Z PaprockiCanadaAnna Fali PROPOSAL
Leja A StensethJapanIvan Magalhaes NEW
Deepesh T MarrierCanadaXuxue Feng NEGOTIATION
Murillo M RulapaughUnited KingdomElwin Sharvill QUALIFIED
Alejandro S VocelkaIndiaIvan Magalhaes QUALIFIED
Costa J ShinkoItalyIoni Bowcher RENEWAL
Kaitlin Q NickaSpainBernardo Dominic PROPOSAL
Deepesh G FigeroaArgentinaXuxue Feng PROPOSAL
Sinclair S GauchoSpainAmy Elsner UNQUALIFIED
Leja Q BriddickJapanIvan Magalhaes UNQUALIFIED
Leon D MarrierUnited KingdomXuxue Feng PROPOSAL
Greenwood R RulapaughCanadaIvan Magalhaes QUALIFIED
Ricardo V AlbaresSpainAmy Elsner UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Alejandro S PoquetteUnited KingdomAsiya Javayant NEW
Morrow O WhobreyIndiaStephen Shaw QUALIFIED
Deepesh G DilliardArgentinaXuxue Feng NEW
Greenwood O TollnerSpainAmy Elsner QUALIFIED
Mayumi C DilliardFranceStephen Shaw QUALIFIED
Munro T MorascaGermanyAnna Fali RENEWAL
Adams A PoquetteUnited KingdomBernardo Dominic QUALIFIED
Leja A WieserFranceElwin Sharvill RENEWAL
Tony G FigeroaSpainIoni Bowcher NEW
Mujtaba Q MaletItalyBernardo Dominic QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Johnson V SergiCanada2025-07-30Rousseaux, Michael Esq PROPOSAL73Stephen Shaw
1001Juan S InouyeBrazil2025-07-20Commercial Press NEW91Ioni Bowcher
1002Smith K GillianIndia2025-07-19Dorl, James J Esq NEW20Ioni Bowcher
1003Greenwood W SaylorsArgentina2025-08-02Benton, John B Jr NEGOTIATION52Elwin Sharvill
1004Costa U AlbaresGermany2025-07-20Truhlar And Truhlar Attys PROPOSAL7Xuxue Feng
1005Juan V NickaItaly2025-07-18Dorl, James J Esq RENEWAL16Elwin Sharvill
1006Tony J TollnerUnited Kingdom2025-07-21Morlong Associates QUALIFIED90Amy Elsner
1007Misaki X KolmetzGermany2025-07-23Rangoni Of Florence RENEWAL81Xuxue Feng
1008Kaitlin J DarakjyBrazil2025-08-02Feiner Bros NEW53Anna Fali
1009Arvin H BologniaJapan2025-07-13Dorl, James J Esq QUALIFIED81Ivan Magalhaes
1010Salvatore W WieserIndia2025-07-11Printing Dimensions QUALIFIED18Ioni Bowcher
1011Ricardo A KuskoArgentina2025-07-20Benton, John B Jr PROPOSAL75Ioni Bowcher
1012Munro Y ChuiUnited Kingdom2025-07-28Chemel, James L Cpa NEGOTIATION82Elwin Sharvill
1013Kaitlin C StockhamJapan2025-07-06Chapman, Ross E Esq UNQUALIFIED50Anna Fali
1014Rodrigues B PerinItaly2025-07-08Chanay, Jeffrey A Esq PROPOSAL86Onyama Limba
1015Jeanfrancois C FollerBrazil2025-07-08Rangoni Of Florence QUALIFIED83Onyama Limba
1016Aika C MaletUnited Kingdom2025-07-15Rangoni Of Florence UNQUALIFIED50Stephen Shaw
1017Isabel C SergiGermany2025-07-11Buckley Miller Wright PROPOSAL90Onyama Limba
1018Emily P MorascaArgentina2025-07-13Chemel, James L Cpa RENEWAL88Asiya Javayant
1019Mayumi T BriddickUnited Kingdom2025-08-03Feltz Printing Service PROPOSAL39Ivan Magalhaes
1020Kadeem F VenereAustralia2025-07-27Feiner Bros QUALIFIED97Elwin Sharvill
1021Leon L CampainRussia2025-07-30Rangoni Of Florence QUALIFIED30Onyama Limba
1022Kaitlin H SchemmerSpain2025-07-07Morlong Associates RENEWAL39Ioni Bowcher
1023Kadeem L MaletUnited Kingdom2025-07-21Commercial Press PROPOSAL7Asiya Javayant
1024Alejandro I TollnerUnited Kingdom2025-07-07Feiner Bros NEW35Onyama Limba
1025Johnson O NestleBrazil2025-07-09Rousseaux, Michael Esq NEGOTIATION58Elwin Sharvill
1026Antonio V PoquetteFrance2025-07-05Rousseaux, Michael Esq QUALIFIED64Stephen Shaw
1027Jones K StockhamCanada2025-07-13Commercial Press UNQUALIFIED73Anna Fali
1028Jeanfrancois X SergiAustralia2025-07-31Printing Dimensions QUALIFIED36Stephen Shaw
1029Mujtaba Y StockhamJapan2025-07-27King, Christopher A Esq NEW20Amy Elsner
1030Cody G GauchoAustralia2025-07-14Rousseaux, Michael Esq PROPOSAL69Ivan Magalhaes
1031Faith I FigeroaJapan2025-07-24Chapman, Ross E Esq NEW15Onyama Limba
1032Murillo Y PoquetteCanada2025-07-29Feltz Printing Service NEGOTIATION43Stephen Shaw
1033Chavez F MaletItaly2025-07-25Dorl, James J Esq UNQUALIFIED92Xuxue Feng
1034Aruna S NickaSpain2025-07-16Chanay, Jeffrey A Esq QUALIFIED55Xuxue Feng
1035Johnson V GillianIndia2025-07-13Truhlar And Truhlar Attys NEW2Amy Elsner
1036Aika Z BologniaCanada2025-07-24Truhlar And Truhlar Attys NEW95Bernardo Dominic
1037Jeanfrancois Y OstroskyCanada2025-07-10Rousseaux, Michael Esq RENEWAL14Xuxue Feng
1038Adams K MaletItaly2025-07-29Printing Dimensions PROPOSAL79Ioni Bowcher
1039James D MacleadIndia2025-08-02Benton, John B Jr RENEWAL84Stephen Shaw
1040Murillo F BriddickCanada2025-07-08Chanay, Jeffrey A Esq NEGOTIATION20Elwin Sharvill
1041Rodrigues R VenereJapan2025-08-02Chanay, Jeffrey A Esq NEGOTIATION19Amy Elsner
1042Octavia X FollerFrance2025-07-17King, Christopher A Esq NEGOTIATION25Amy Elsner
1043James Z MaletUnited Kingdom2025-07-18Feltz Printing Service UNQUALIFIED12Xuxue Feng
1044Isabel Y PoquetteRussia2025-07-29Commercial Press NEW18Elwin Sharvill
1045Octavia F KolmetzJapan2025-07-30Rousseaux, Michael Esq UNQUALIFIED98Ivan Magalhaes
1046Emily L WaycottBrazil2025-07-30Chapman, Ross E Esq PROPOSAL41Xuxue Feng
1047Stacey H VocelkaFrance2025-07-20Rangoni Of Florence RENEWAL25Xuxue Feng
1048Faith S KuskoJapan2025-07-25Printing Dimensions PROPOSAL67Elwin Sharvill
1049Ivar C CaudyJapan2025-07-07Feltz Printing Service NEW40Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Deepesh X OldroydCanadaXuxue Feng RENEWAL
Antonio O InouyeJapanBernardo Dominic QUALIFIED
Wickens G OldroydSpainAsiya Javayant PROPOSAL
Jefferson E NestleItalyIoni Bowcher PROPOSAL
Mayumi N BowleyRussiaIvan Magalhaes UNQUALIFIED
Claire R ShinkoFranceAmy Elsner QUALIFIED
Clifford V ButtJapanAmy Elsner PROPOSAL
Smith K RimJapanIoni Bowcher NEW
Mayumi Q ButtArgentinaStephen Shaw PROPOSAL
Deepesh M InouyeRussiaStephen Shaw UNQUALIFIED
Jennifer E DoeJapanAmy Elsner NEGOTIATION
Salvatore W SergiUnited KingdomAsiya Javayant NEW
Leja B GlickCanadaOnyama Limba UNQUALIFIED
Adams C DilliardItalyOnyama Limba QUALIFIED
Sinclair O ButtJapanAsiya Javayant UNQUALIFIED
Aruna K SergiArgentinaElwin Sharvill QUALIFIED
David C PoquetteBrazilAmy Elsner QUALIFIED
Antonio Q AmigonArgentinaStephen Shaw NEW
Arvin V BologniaUnited KingdomAsiya Javayant RENEWAL
Claire M RimCanadaAsiya Javayant UNQUALIFIED
Jefferson T MacleadRussiaElwin Sharvill NEW
Maisha Y StensethSpainIoni Bowcher QUALIFIED
Aika N CampainFranceIvan Magalhaes PROPOSAL
Francesco Z DarakjyBrazilOnyama Limba PROPOSAL
Greenwood L FigeroaCanadaElwin Sharvill QUALIFIED
Jones X DoeBrazilXuxue Feng NEW
Munro T FerenczCanadaAsiya Javayant PROPOSAL
Octavia S WaycottFranceStephen Shaw NEGOTIATION
Isabel A StockhamArgentinaXuxue Feng PROPOSAL
Izzy L SergiItalyAsiya Javayant UNQUALIFIED
Maisha T InouyeBrazilIoni Bowcher UNQUALIFIED
Munro H DarakjyIndiaAnna Fali RENEWAL
Kadeem W NickaBrazilOnyama Limba PROPOSAL
Deepesh G DoeGermanyIvan Magalhaes UNQUALIFIED
Ricardo S IturbideJapanOnyama Limba RENEWAL
Kadeem U StensethAustraliaAmy Elsner NEGOTIATION
Jeanfrancois U MaletBrazilElwin Sharvill NEGOTIATION
Sinclair J MaletGermanyStephen Shaw RENEWAL
Izzy D NestleBrazilAsiya Javayant NEGOTIATION
Jeanfrancois I StensethSpainOnyama Limba NEGOTIATION
Morrow A ShinkoCanadaAmy Elsner PROPOSAL
Ivar Q NestleFranceStephen Shaw QUALIFIED
James Z RimFranceIvan Magalhaes NEGOTIATION
Kadeem L StensethArgentinaAmy Elsner UNQUALIFIED
Maria F GauchoRussiaAnna Fali NEW
Sinclair A InouyeRussiaIvan Magalhaes NEGOTIATION
Darci L NestleItalyIvan Magalhaes NEGOTIATION
Tony U VenereSpainAnna Fali PROPOSAL
Juan F SlusarskiJapanOnyama Limba QUALIFIED
Darci M DilliardJapanOnyama Limba QUALIFIED
Frozen Columns
Name
Morrow M Figeroa
Darci J Wieser
Maisha J Rim
Murillo Z Foller
Sinclair G Rim
Francesco A Schemmer
Murillo D Kusko
Isabel K Foller
Aditya N Nicka
Wickens B Tollner
Smith W Waycott
Rodrigues V Rulapaugh
Murillo Z Waycott
Jones S Campain
Aditya H Campain
Ricardo E Stenseth
Francesco P Vocelka
Misaki U Kusko
David E Ferencz
Munro L Iturbide
Darci B Amigon
Maria W Saylors
Aruna P Briddick
Rodrigues P Wieser
Chavez Y Doe
Chavez O Morasca
Morrow A Briddick
Aruna E Poquette
Faith A Amigon
Adams V Caldarera
Jefferson O Saylors
Faith S Bolognia
Stacey M Shinko
Sinclair Q Caldarera
Johnson T Malet
Jones O Dilliard
Aika F Stenseth
Izzy S Perin
Kadeem F Morasca
Mayumi L Garufi
David L Saylors
Costa H Figeroa
Costa D Marrier
Cody T Shinko
Ricardo I Ruta
Salvatore C Butt
Maisha K Foller
Rodrigues J Stenseth
Smith X Malet
Murillo T Nestle
IdCountryDate
1000Spain2025-07-17
1001United Kingdom2025-07-12
1002Australia2025-07-08
1003Japan2025-07-06
1004Australia2025-07-09
1005United Kingdom2025-07-06
1006Germany2025-07-16
1007Italy2025-08-01
1008Australia2025-08-02
1009Japan2025-07-26
1010India2025-07-23
1011Argentina2025-07-05
1012United Kingdom2025-07-17
1013Italy2025-07-30
1014France2025-07-09
1015Italy2025-07-15
1016Argentina2025-07-30
1017Argentina2025-07-14
1018India2025-08-02
1019Brazil2025-07-26
1020Italy2025-07-24
1021Canada2025-07-16
1022India2025-07-12
1023Japan2025-08-01
1024United Kingdom2025-07-10
1025Russia2025-08-01
1026Germany2025-07-31
1027Russia2025-07-13
1028Russia2025-07-20
1029Russia2025-07-12
1030Canada2025-08-03
1031Germany2025-07-17
1032Brazil2025-07-31
1033Spain2025-07-16
1034Canada2025-07-27
1035Spain2025-07-12
1036Japan2025-07-24
1037France2025-07-22
1038United Kingdom2025-07-29
1039Australia2025-07-28
1040Argentina2025-08-01
1041Japan2025-07-16
1042Italy2025-07-09
1043Japan2025-07-30
1044United Kingdom2025-07-23
1045Japan2025-07-26
1046Argentina2025-07-11
1047Russia2025-07-08
1048India2025-07-26
1049Italy2025-07-29

On-Demand Data

NameIdCountryDate
Mayumi G Wieser1000Argentina2025-07-21
Julie O Stockham1001Argentina2025-07-11
Aika T Perin1002United Kingdom2025-08-03
Jennifer Q Stockham1003India2025-07-18
Misaki E Perin1004Japan2025-08-02
Wickens S Perin1005India2025-07-10
Jefferson W Saylors1006Canada2025-08-03
Ashley F Nestle1007Canada2025-07-17
Greenwood E Campain1008Italy2025-07-27
Jefferson Z Royster1009Australia2025-07-09
Sinclair Y Glick1010Australia2025-08-03
Greenwood P Gaucho1011Japan2025-07-19
Costa Y Butt1012Japan2025-07-18
Salvatore T Stenseth1013Brazil2025-07-23
Smith U Iturbide1014Brazil2025-07-29
Wickens A Gaucho1015Canada2025-07-21
Deepesh M Rulapaugh1016Australia2025-07-18
Adams A Darakjy1017Japan2025-07-22
James F Sergi1018Spain2025-07-19
Salvatore M Shinko1019Russia2025-07-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Darci T WhobreyArgentinaAmy Elsner NEGOTIATION
Aruna Q RulapaughCanadaBernardo Dominic PROPOSAL
Aditya W BriddickGermanyAnna Fali RENEWAL
Aruna R FollerUnited KingdomIoni Bowcher RENEWAL
Isabel S PoquetteRussiaStephen Shaw NEW
Antonio B SaylorsJapanOnyama Limba NEGOTIATION
Morrow I CaldareraCanadaXuxue Feng NEW
Mujtaba N VocelkaArgentinaAnna Fali UNQUALIFIED
Rodrigues V FigeroaIndiaOnyama Limba RENEWAL
Rodrigues J AlbaresAustraliaXuxue Feng NEW
Faith R PerinItalyOnyama Limba RENEWAL
Jennifer J InouyeAustraliaAsiya Javayant PROPOSAL
Costa R CaldareraArgentinaElwin Sharvill NEW
Rodrigues T FlosiSpainBernardo Dominic NEGOTIATION
Jennifer S DarakjyJapanIvan Magalhaes UNQUALIFIED
Octavia L GauchoIndiaAsiya Javayant RENEWAL
Izzy S MarrierRussiaIoni Bowcher PROPOSAL
Tony F MacleadItalyIvan Magalhaes NEGOTIATION
Alejandro Q SergiCanadaIvan Magalhaes PROPOSAL
Leon X IturbideBrazilAmy Elsner RENEWAL
Misaki V FigeroaSpainIvan Magalhaes NEGOTIATION
Octavia P CaldareraUnited KingdomElwin Sharvill NEGOTIATION
Isabel X BologniaJapanAsiya Javayant RENEWAL
Nicolas A StockhamRussiaIvan Magalhaes RENEWAL
Jennifer I BologniaFranceAnna Fali RENEWAL
Aditya R WhobreyUnited KingdomBernardo Dominic UNQUALIFIED
Murillo N IturbideAustraliaXuxue Feng PROPOSAL
Costa V MarrierRussiaIoni Bowcher NEGOTIATION
Arvin O KolmetzJapanXuxue Feng PROPOSAL
Nicolas D OldroydCanadaBernardo Dominic NEGOTIATION
Isabel A ChuiBrazilIvan Magalhaes QUALIFIED
Arvin O KolmetzArgentinaAmy Elsner NEW
Mayumi Q KuskoJapanStephen Shaw UNQUALIFIED
Alejandro H OldroydUnited KingdomElwin Sharvill QUALIFIED
Juan G MacleadGermanyAmy Elsner QUALIFIED
Aruna L BowleyGermanyAnna Fali RENEWAL
Claire L GillianBrazilStephen Shaw RENEWAL
Silvio M RoysterRussiaElwin Sharvill NEGOTIATION
Nicolas L NestleGermanyAsiya Javayant QUALIFIED
Adams U CaldareraRussiaStephen 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>