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
Salvatore M RoysterArgentinaElwin Sharvill PROPOSAL
Aditya C FlosiItalyXuxue Feng QUALIFIED
Arvin T FollerSpainOnyama Limba NEGOTIATION
Arvin L RutaItalyElwin Sharvill PROPOSAL
Aruna T KolmetzItalyElwin Sharvill QUALIFIED
Cody B RoysterItalyXuxue Feng PROPOSAL
Costa O MorascaUnited KingdomIoni Bowcher QUALIFIED
Cody X GarufiRussiaBernardo Dominic PROPOSAL
Morrow D RimRussiaElwin Sharvill RENEWAL
Antonio H RutaCanadaIvan Magalhaes QUALIFIED
Julie P StensethIndiaIvan Magalhaes NEW
Leon A OstroskyFranceElwin Sharvill UNQUALIFIED
Sinclair Y FigeroaCanadaIoni Bowcher NEGOTIATION
James N CampainCanadaOnyama Limba NEW
James R BowleyCanadaXuxue Feng RENEWAL
Stacey V SchemmerAustraliaAmy Elsner NEW
Izzy A RulapaughGermanyStephen Shaw NEW
Alejandro E MorascaArgentinaBernardo Dominic UNQUALIFIED
Murillo V GillianJapanXuxue Feng NEW
Mujtaba X VenereFranceIvan Magalhaes UNQUALIFIED
Adams D SergiAustraliaElwin Sharvill RENEWAL
Munro Q NestleRussiaXuxue Feng RENEWAL
Morrow M PoquetteAustraliaAnna Fali PROPOSAL
Izzy U AmigonItalyAsiya Javayant QUALIFIED
Alejandro M KolmetzRussiaStephen Shaw PROPOSAL
Adams Z NestleUnited KingdomAmy Elsner NEGOTIATION
Salvatore Y FigeroaRussiaIvan Magalhaes RENEWAL
Murillo W RutaGermanyBernardo Dominic QUALIFIED
Mayumi Z PerinGermanyAnna Fali NEW
Kaitlin D MaletUnited KingdomAmy Elsner UNQUALIFIED
Claire V CaudyCanadaAsiya Javayant PROPOSAL
Aditya K MaletUnited KingdomBernardo Dominic RENEWAL
Mayumi T DarakjyJapanIvan Magalhaes UNQUALIFIED
Greenwood E RimSpainXuxue Feng NEGOTIATION
Darci Y NickaUnited KingdomBernardo Dominic UNQUALIFIED
Faith B AlbaresItalyAsiya Javayant UNQUALIFIED
Silvio Z PaprockiFranceOnyama Limba QUALIFIED
Stacey F PaprockiBrazilBernardo Dominic QUALIFIED
Aika Q GauchoItalyAnna Fali UNQUALIFIED
David W VenereAustraliaElwin Sharvill NEW
Morrow O BologniaGermanyIoni Bowcher RENEWAL
Claire D FerenczCanadaIoni Bowcher NEGOTIATION
Alejandro C GarufiRussiaStephen Shaw UNQUALIFIED
Leja Q DoeJapanIoni Bowcher UNQUALIFIED
Leon T MaletBrazilElwin Sharvill RENEWAL
James K BowleyJapanIvan Magalhaes NEGOTIATION
Rodrigues U NickaBrazilOnyama Limba QUALIFIED
Leja A RutaFranceOnyama Limba QUALIFIED
Jefferson W MacleadJapanXuxue Feng NEGOTIATION
Jones G BriddickGermanyElwin Sharvill QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Leja O RutaFranceOnyama Limba NEW
Leon I AlbaresGermanyAmy Elsner NEGOTIATION
James E RutaGermanyXuxue Feng QUALIFIED
Juan R PaprockiCanadaIoni Bowcher UNQUALIFIED
Munro H SergiAustraliaAsiya Javayant PROPOSAL
David H PaprockiBrazilIvan Magalhaes RENEWAL
Murillo E ButtUnited KingdomAmy Elsner UNQUALIFIED
Faith Z RoysterFranceIvan Magalhaes NEW
Juan O SaylorsCanadaAsiya Javayant NEGOTIATION
Deepesh Q VenereCanadaIvan Magalhaes QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Kadeem Z PaprockiJapan2025-07-18Chanay, Jeffrey A Esq PROPOSAL83Ioni Bowcher
1001Tony G CaudyAustralia2025-08-06Printing Dimensions NEW3Bernardo Dominic
1002Mayumi Y CampainSpain2025-08-06Feiner Bros QUALIFIED6Xuxue Feng
1003Arvin N FlosiGermany2025-07-29Chemel, James L Cpa RENEWAL16Ioni Bowcher
1004Silvio W BowleyGermany2025-07-28Truhlar And Truhlar Attys NEW99Ioni Bowcher
1005Murillo R PaprockiIndia2025-07-27Buckley Miller Wright PROPOSAL6Xuxue Feng
1006Cody O WieserUnited Kingdom2025-07-21Commercial Press UNQUALIFIED55Stephen Shaw
1007Murillo V SlusarskiSpain2025-07-30Buckley Miller Wright RENEWAL59Asiya Javayant
1008Misaki M WieserItaly2025-08-10Printing Dimensions PROPOSAL12Asiya Javayant
1009Ivar G StockhamRussia2025-07-23Chemel, James L Cpa PROPOSAL12Onyama Limba
1010Juan P WhobreyItaly2025-07-27Chanay, Jeffrey A Esq RENEWAL95Amy Elsner
1011Murillo J NestleSpain2025-08-07Morlong Associates RENEWAL64Amy Elsner
1012Faith L NestleGermany2025-08-02Feltz Printing Service PROPOSAL81Anna Fali
1013Ricardo P ChuiJapan2025-07-16Printing Dimensions NEW34Stephen Shaw
1014Arvin T MaletAustralia2025-07-21Chanay, Jeffrey A Esq NEW60Asiya Javayant
1015Claire X AlbaresAustralia2025-07-25Printing Dimensions UNQUALIFIED16Bernardo Dominic
1016Julie N StensethUnited Kingdom2025-07-15Printing Dimensions QUALIFIED46Bernardo Dominic
1017Izzy W PaprockiCanada2025-08-06Chanay, Jeffrey A Esq NEGOTIATION74Onyama Limba
1018Maisha P ChuiIndia2025-08-07Chemel, James L Cpa RENEWAL57Bernardo Dominic
1019Maisha D RutaArgentina2025-07-24Morlong Associates NEW99Stephen Shaw
1020Murillo W FerenczUnited Kingdom2025-07-15Morlong Associates QUALIFIED98Onyama Limba
1021Faith L FerenczCanada2025-08-04Feltz Printing Service NEW44Stephen Shaw
1022Mujtaba Q MaletFrance2025-08-06Feiner Bros QUALIFIED64Stephen Shaw
1023Clifford L InouyeSpain2025-08-03Feiner Bros QUALIFIED27Amy Elsner
1024Murillo C FollerIndia2025-07-25Chemel, James L Cpa UNQUALIFIED72Asiya Javayant
1025Jefferson D FerenczCanada2025-07-24Feltz Printing Service PROPOSAL53Amy Elsner
1026Alejandro T PaprockiUnited Kingdom2025-07-15King, Christopher A Esq NEGOTIATION36Amy Elsner
1027Kaitlin W MorascaBrazil2025-07-29Feltz Printing Service UNQUALIFIED3Onyama Limba
1028Aditya V MacleadCanada2025-08-04Dorl, James J Esq RENEWAL23Bernardo Dominic
1029Chavez A BowleyRussia2025-07-14Feiner Bros QUALIFIED99Onyama Limba
1030Jeanfrancois D FlosiFrance2025-07-15Dorl, James J Esq PROPOSAL48Xuxue Feng
1031Greenwood W PerinFrance2025-08-04Rousseaux, Michael Esq UNQUALIFIED42Xuxue Feng
1032Salvatore L FerenczGermany2025-07-30Feiner Bros PROPOSAL48Stephen Shaw
1033Murillo X VocelkaGermany2025-07-24King, Christopher A Esq NEGOTIATION68Onyama Limba
1034Wickens V OstroskyBrazil2025-07-17Rousseaux, Michael Esq RENEWAL76Stephen Shaw
1035Kadeem T RoysterUnited Kingdom2025-07-14Commercial Press PROPOSAL78Stephen Shaw
1036Aika D StockhamAustralia2025-07-27Feiner Bros NEGOTIATION90Ioni Bowcher
1037Juan Q KuskoUnited Kingdom2025-07-16King, Christopher A Esq UNQUALIFIED19Xuxue Feng
1038Izzy A StockhamArgentina2025-07-16Rousseaux, Michael Esq UNQUALIFIED6Amy Elsner
1039David V CaldareraAustralia2025-07-31Buckley Miller Wright PROPOSAL66Xuxue Feng
1040Leon J KolmetzUnited Kingdom2025-07-14Feiner Bros PROPOSAL11Xuxue Feng
1041Mujtaba A NickaCanada2025-07-26Dorl, James J Esq NEW37Stephen Shaw
1042Wickens K PoquetteItaly2025-07-21Rangoni Of Florence PROPOSAL33Asiya Javayant
1043Alejandro R PoquetteItaly2025-07-28Printing Dimensions RENEWAL39Xuxue Feng
1044Leon U OstroskyBrazil2025-07-17Feiner Bros NEW56Xuxue Feng
1045Clifford F KuskoFrance2025-08-05Commercial Press UNQUALIFIED52Onyama Limba
1046Julie M KolmetzSpain2025-07-14Morlong Associates UNQUALIFIED54Onyama Limba
1047Morrow M CaudyJapan2025-08-08Morlong Associates RENEWAL57Ivan Magalhaes
1048Aruna F SchemmerItaly2025-08-02Morlong Associates QUALIFIED21Anna Fali
1049Mujtaba N CaudyRussia2025-07-16Printing Dimensions NEGOTIATION5Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Wickens U OldroydJapanIoni Bowcher NEW
Ivar B CaudyFranceIoni Bowcher RENEWAL
Ashley R OstroskyJapanAsiya Javayant RENEWAL
Sinclair Z SaylorsBrazilAsiya Javayant NEGOTIATION
Faith G RulapaughGermanyAsiya Javayant RENEWAL
Alejandro W MacleadArgentinaIoni Bowcher RENEWAL
Deepesh Z CaudyJapanAsiya Javayant UNQUALIFIED
Silvio Z ShinkoRussiaIoni Bowcher UNQUALIFIED
Izzy R ButtIndiaStephen Shaw RENEWAL
Clifford Q WaycottArgentinaAnna Fali QUALIFIED
Jeanfrancois X GlickRussiaElwin Sharvill UNQUALIFIED
Mayumi Q InouyeFranceIvan Magalhaes NEGOTIATION
Maria N DoeArgentinaIvan Magalhaes UNQUALIFIED
Maisha M ChuiJapanOnyama Limba PROPOSAL
Jefferson T RulapaughGermanyXuxue Feng PROPOSAL
Adams N DilliardItalyAnna Fali NEW
Clifford D FlosiSpainAnna Fali RENEWAL
James X PaprockiIndiaIoni Bowcher NEGOTIATION
Jennifer X GillianBrazilStephen Shaw UNQUALIFIED
Costa B CampainCanadaAnna Fali UNQUALIFIED
Jefferson Q DoeBrazilAmy Elsner RENEWAL
Greenwood V WhobreyFranceAmy Elsner RENEWAL
James W StockhamCanadaAsiya Javayant QUALIFIED
Octavia F OldroydUnited KingdomElwin Sharvill RENEWAL
Johnson P MacleadArgentinaAsiya Javayant PROPOSAL
Aditya V FerenczIndiaStephen Shaw NEGOTIATION
Faith F MacleadItalyStephen Shaw NEW
Rodrigues O VocelkaGermanyIvan Magalhaes UNQUALIFIED
Aruna M FigeroaAustraliaIoni Bowcher NEGOTIATION
Rodrigues U MaletArgentinaBernardo Dominic RENEWAL
James K DoeIndiaIoni Bowcher QUALIFIED
James K FerenczArgentinaAnna Fali NEGOTIATION
Emily R ChuiBrazilAnna Fali RENEWAL
Deepesh W InouyeBrazilAmy Elsner NEW
Juan L ButtBrazilElwin Sharvill PROPOSAL
Jeanfrancois F CaldareraBrazilAmy Elsner QUALIFIED
Juan R MorascaArgentinaAmy Elsner PROPOSAL
Jefferson L KolmetzItalyAmy Elsner NEGOTIATION
Adams X WaycottItalyElwin Sharvill RENEWAL
Antonio D StensethJapanStephen Shaw NEGOTIATION
Ivar Y MarrierCanadaElwin Sharvill NEW
Leja K GauchoArgentinaOnyama Limba QUALIFIED
Silvio B MaletUnited KingdomElwin Sharvill QUALIFIED
Ricardo Y NestleAustraliaAsiya Javayant PROPOSAL
Wickens Z SchemmerGermanyAsiya Javayant QUALIFIED
Octavia Y MaletIndiaBernardo Dominic QUALIFIED
Aruna M TollnerCanadaElwin Sharvill UNQUALIFIED
Antonio J MorascaCanadaAmy Elsner UNQUALIFIED
Clifford W NickaUnited KingdomOnyama Limba QUALIFIED
Kadeem O RutaRussiaIoni Bowcher NEGOTIATION
Frozen Columns
Name
Jones H Rulapaugh
Munro L Nicka
Munro I Nestle
Jeanfrancois I Darakjy
Jeanfrancois V Darakjy
Stacey M Rim
Costa T Royster
Ivar H Gaucho
Alejandro C Shinko
Smith O Royster
Sinclair J Figeroa
Sinclair J Wieser
Wickens Z Campain
Arvin O Albares
Mujtaba W Royster
Costa E Ferencz
Isabel X Stockham
Rodrigues W Bowley
Silvio I Ferencz
Salvatore M Doe
Tony F Gillian
Aruna O Caudy
Kaitlin V Whobrey
Silvio D Ruta
David Q Paprocki
Chavez U Oldroyd
Smith Q Stenseth
Kaitlin Z Royster
Aruna N Saylors
Ashley K Saylors
Johnson G Kusko
Julie X Caudy
Chavez P Ferencz
Rodrigues E Bowley
Ashley Y Vocelka
Tony M Dilliard
Wickens X Vocelka
Mujtaba R Ruta
Munro R Waycott
Francesco T Ferencz
Maisha P Ruta
Aruna V Royster
Smith J Foller
Chavez C Stockham
Ivar A Bowley
Mayumi W Gaucho
Tony I Malet
Deepesh Q Sergi
Mayumi T Butt
Ivar Q Slusarski
IdCountryDate
1000United Kingdom2025-08-04
1001Russia2025-07-23
1002Brazil2025-08-11
1003United Kingdom2025-07-26
1004Russia2025-07-31
1005Canada2025-07-16
1006Germany2025-08-01
1007Canada2025-07-29
1008Australia2025-07-19
1009Argentina2025-07-29
1010Italy2025-07-20
1011Russia2025-07-26
1012Brazil2025-07-19
1013Italy2025-07-30
1014Japan2025-07-29
1015Russia2025-08-01
1016Brazil2025-07-14
1017Russia2025-07-18
1018France2025-07-18
1019Italy2025-07-14
1020Japan2025-07-23
1021India2025-08-07
1022Russia2025-07-31
1023Russia2025-08-12
1024Argentina2025-07-23
1025Italy2025-07-17
1026India2025-08-10
1027Canada2025-07-31
1028Canada2025-07-31
1029Russia2025-07-24
1030Germany2025-07-23
1031Germany2025-08-06
1032France2025-07-19
1033Russia2025-07-24
1034Spain2025-07-31
1035Australia2025-07-22
1036Brazil2025-07-16
1037Italy2025-08-09
1038Australia2025-08-03
1039Spain2025-08-08
1040Brazil2025-08-03
1041Spain2025-08-04
1042Japan2025-07-21
1043Italy2025-08-10
1044Germany2025-07-26
1045Italy2025-08-11
1046Italy2025-07-20
1047India2025-07-19
1048Japan2025-08-10
1049Germany2025-08-05

On-Demand Data

NameIdCountryDate
Aditya Y Caldarera1000United Kingdom2025-07-25
Isabel P Maclead1001Japan2025-08-03
Arvin D Tollner1002Australia2025-07-20
Johnson S Darakjy1003Spain2025-07-24
Leon R Campain1004United Kingdom2025-08-09
Smith I Bowley1005Italy2025-08-09
Jones K Bowley1006Italy2025-07-15
Misaki T Royster1007India2025-08-01
Darci O Nicka1008Canada2025-07-16
Jones M Caldarera1009Russia2025-07-19
Nicolas U Glick1010Australia2025-07-30
James K Royster1011Italy2025-08-02
Leon M Ferencz1012Argentina2025-07-30
Stacey E Wieser1013Spain2025-08-09
Morrow S Campain1014Argentina2025-08-05
Greenwood N Briddick1015Japan2025-08-12
Ivar E Rulapaugh1016Japan2025-07-27
Antonio E Garufi1017France2025-08-05
Leja I Schemmer1018Argentina2025-07-28
Greenwood H Gaucho1019Russia2025-07-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Wickens X TollnerAustraliaXuxue Feng PROPOSAL
Cody Y AlbaresJapanIoni Bowcher NEGOTIATION
Juan Y FigeroaUnited KingdomOnyama Limba NEGOTIATION
Izzy M WaycottGermanyOnyama Limba QUALIFIED
Izzy K DilliardRussiaAnna Fali NEGOTIATION
Murillo M RulapaughAustraliaElwin Sharvill QUALIFIED
Tony I OldroydGermanyBernardo Dominic PROPOSAL
Ashley O SchemmerItalyAnna Fali NEW
Aditya H TollnerAustraliaIvan Magalhaes PROPOSAL
Izzy V RimArgentinaBernardo Dominic UNQUALIFIED
Octavia Q WhobreyBrazilAmy Elsner QUALIFIED
Antonio T StensethFranceOnyama Limba UNQUALIFIED
Francesco X FigeroaAustraliaIoni Bowcher NEGOTIATION
Aruna H BologniaCanadaBernardo Dominic PROPOSAL
Morrow Y IturbideCanadaOnyama Limba PROPOSAL
James U TollnerCanadaElwin Sharvill NEGOTIATION
Chavez J RoysterCanadaXuxue Feng UNQUALIFIED
Mujtaba B CaldareraRussiaOnyama Limba NEW
Stacey U StockhamSpainElwin Sharvill UNQUALIFIED
Rodrigues J FlosiBrazilIvan Magalhaes NEW
Ashley I BriddickAustraliaAnna Fali UNQUALIFIED
Julie D ButtAustraliaXuxue Feng PROPOSAL
Johnson R KuskoAustraliaStephen Shaw PROPOSAL
Izzy L FlosiRussiaAmy Elsner UNQUALIFIED
Ashley P SlusarskiRussiaIvan Magalhaes QUALIFIED
Silvio V KolmetzRussiaBernardo Dominic NEW
Johnson Y BologniaFranceIvan Magalhaes QUALIFIED
Isabel A RimIndiaAmy Elsner NEW
Greenwood S AmigonUnited KingdomIoni Bowcher QUALIFIED
Faith O CampainJapanAsiya Javayant NEGOTIATION
Aika V WhobreySpainAmy Elsner QUALIFIED
Tony B WhobreyFranceAmy Elsner PROPOSAL
Mayumi B BriddickBrazilStephen Shaw NEGOTIATION
Arvin Y AmigonCanadaXuxue Feng PROPOSAL
Greenwood K MaletRussiaAmy Elsner RENEWAL
Ricardo P KolmetzUnited KingdomXuxue Feng QUALIFIED
Ricardo P SlusarskiArgentinaAmy Elsner PROPOSAL
Mujtaba P InouyeItalyIvan Magalhaes NEGOTIATION
Tony O PerinIndiaAnna Fali PROPOSAL
Antonio F WaycottAustraliaIvan Magalhaes RENEWAL

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