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 D WhobreyJapanBernardo Dominic NEW
Julie K NestleUnited KingdomIoni Bowcher QUALIFIED
Darci N IturbideCanadaIvan Magalhaes QUALIFIED
Julie B FlosiRussiaOnyama Limba PROPOSAL
Cody C RimCanadaOnyama Limba UNQUALIFIED
Sinclair S CaldareraCanadaElwin Sharvill QUALIFIED
Arvin O WaycottUnited KingdomIvan Magalhaes RENEWAL
Wickens O PoquetteGermanyAnna Fali PROPOSAL
David E GauchoSpainIvan Magalhaes PROPOSAL
Aditya D BowleyUnited KingdomElwin Sharvill UNQUALIFIED
Jeanfrancois L FigeroaJapanElwin Sharvill NEGOTIATION
Maisha X KolmetzCanadaElwin Sharvill UNQUALIFIED
Octavia T RoysterItalyOnyama Limba RENEWAL
Isabel X CaldareraJapanElwin Sharvill NEW
Mayumi G VenereBrazilAsiya Javayant NEGOTIATION
Rodrigues S WaycottUnited KingdomElwin Sharvill PROPOSAL
Jefferson G VocelkaAustraliaAsiya Javayant UNQUALIFIED
Kaitlin N RulapaughIndiaIoni Bowcher UNQUALIFIED
Aika X AmigonIndiaAmy Elsner RENEWAL
Aruna B ChuiUnited KingdomIoni Bowcher QUALIFIED
Aruna Y FerenczUnited KingdomOnyama Limba UNQUALIFIED
Arvin B KolmetzJapanStephen Shaw NEGOTIATION
Jefferson E OldroydBrazilStephen Shaw QUALIFIED
Isabel Y SergiAustraliaAsiya Javayant UNQUALIFIED
David S ChuiSpainOnyama Limba PROPOSAL
Smith I FollerUnited KingdomOnyama Limba UNQUALIFIED
Misaki A OldroydFranceBernardo Dominic PROPOSAL
Morrow U AlbaresUnited KingdomAnna Fali UNQUALIFIED
Claire J StensethArgentinaIoni Bowcher PROPOSAL
David Q BowleyUnited KingdomAsiya Javayant PROPOSAL
Maria D SchemmerJapanBernardo Dominic NEGOTIATION
Ivar V BriddickArgentinaStephen Shaw UNQUALIFIED
Juan I BowleySpainBernardo Dominic PROPOSAL
David M SchemmerBrazilIoni Bowcher UNQUALIFIED
Stacey H MaletFranceElwin Sharvill NEW
Tony L AlbaresSpainStephen Shaw QUALIFIED
Clifford O RoysterSpainIoni Bowcher RENEWAL
Jennifer C WieserGermanyAsiya Javayant PROPOSAL
Claire D RimItalyXuxue Feng NEGOTIATION
Arvin W NestleCanadaIoni Bowcher NEW
Leon A BologniaIndiaElwin Sharvill QUALIFIED
Mayumi B VocelkaItalyXuxue Feng UNQUALIFIED
Leja N MaletUnited KingdomAmy Elsner QUALIFIED
Ivar L VocelkaItalyXuxue Feng PROPOSAL
Clifford Z BriddickFranceAsiya Javayant PROPOSAL
Costa G InouyeSpainAmy Elsner UNQUALIFIED
Darci O SchemmerAustraliaAmy Elsner RENEWAL
Deepesh N SchemmerJapanElwin Sharvill RENEWAL
Julie Q DilliardUnited KingdomAmy Elsner UNQUALIFIED
Smith U WhobreySpainOnyama Limba RENEWAL
Horizontal
NameCountryRepresentativeStatus
Claire Q FollerGermanyElwin Sharvill PROPOSAL
Wickens N StockhamIndiaIoni Bowcher QUALIFIED
Octavia R ButtRussiaIoni Bowcher RENEWAL
Silvio J SaylorsFranceOnyama Limba NEW
Jones L ShinkoSpainAnna Fali NEGOTIATION
Maisha K MacleadIndiaAsiya Javayant QUALIFIED
Stacey G NestleRussiaElwin Sharvill QUALIFIED
Ricardo P VocelkaRussiaElwin Sharvill NEW
Salvatore P FigeroaArgentinaXuxue Feng NEGOTIATION
Aditya J RoysterRussiaXuxue Feng RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Silvio X RoysterArgentina2025-08-02King, Christopher A Esq RENEWAL51Bernardo Dominic
1001Isabel L DarakjyFrance2025-08-10Feltz Printing Service NEGOTIATION85Xuxue Feng
1002Mujtaba P SergiArgentina2025-08-12Buckley Miller Wright RENEWAL81Elwin Sharvill
1003Francesco W NickaGermany2025-08-26Commercial Press NEW48Onyama Limba
1004Wickens U PaprockiGermany2025-07-31Truhlar And Truhlar Attys NEW67Xuxue Feng
1005Kaitlin Z WaycottCanada2025-08-15Chemel, James L Cpa NEW50Stephen Shaw
1006Mujtaba A StensethRussia2025-07-30Buckley Miller Wright NEGOTIATION77Onyama Limba
1007Rodrigues R AmigonCanada2025-08-22Feiner Bros PROPOSAL94Anna Fali
1008Jennifer C SchemmerFrance2025-08-05Rousseaux, Michael Esq NEW89Elwin Sharvill
1009Darci I WieserFrance2025-08-23Chanay, Jeffrey A Esq RENEWAL60Asiya Javayant
1010Maisha C NickaAustralia2025-08-12Printing Dimensions NEGOTIATION9Amy Elsner
1011Julie J CampainRussia2025-08-24King, Christopher A Esq NEW88Xuxue Feng
1012Greenwood S OstroskyJapan2025-08-13Dorl, James J Esq PROPOSAL62Asiya Javayant
1013Octavia W BowleyItaly2025-08-20Rousseaux, Michael Esq NEW16Anna Fali
1014Clifford F ButtArgentina2025-08-16Feltz Printing Service NEGOTIATION96Elwin Sharvill
1015Munro V MaletCanada2025-08-21Printing Dimensions PROPOSAL64Ioni Bowcher
1016David C InouyeAustralia2025-08-13Benton, John B Jr NEGOTIATION53Anna Fali
1017Francesco U AlbaresItaly2025-08-12Chapman, Ross E Esq NEW9Elwin Sharvill
1018James D KuskoGermany2025-08-18Benton, John B Jr PROPOSAL97Stephen Shaw
1019Aika M CampainArgentina2025-08-03Feltz Printing Service PROPOSAL75Amy Elsner
1020Stacey F MaletUnited Kingdom2025-08-01Commercial Press NEGOTIATION65Stephen Shaw
1021Greenwood Z MaletJapan2025-08-21Dorl, James J Esq NEW77Amy Elsner
1022Aditya S FerenczAustralia2025-08-18Rangoni Of Florence UNQUALIFIED78Asiya Javayant
1023Mujtaba Z MacleadUnited Kingdom2025-08-15Dorl, James J Esq NEW4Bernardo Dominic
1024Cody N SergiGermany2025-08-20Benton, John B Jr UNQUALIFIED33Ivan Magalhaes
1025James E DilliardSpain2025-07-29Chemel, James L Cpa NEW50Ioni Bowcher
1026Emily X ShinkoCanada2025-08-13Chanay, Jeffrey A Esq UNQUALIFIED28Elwin Sharvill
1027Jefferson D DarakjyJapan2025-08-25Feiner Bros QUALIFIED49Elwin Sharvill
1028Kadeem E OstroskyJapan2025-08-19Chapman, Ross E Esq QUALIFIED96Stephen Shaw
1029Morrow A AmigonRussia2025-08-14Chapman, Ross E Esq NEGOTIATION41Xuxue Feng
1030Cody L BriddickGermany2025-08-20Printing Dimensions UNQUALIFIED80Ivan Magalhaes
1031Emily S BologniaSpain2025-08-19Dorl, James J Esq UNQUALIFIED18Asiya Javayant
1032Johnson D BologniaGermany2025-07-28Dorl, James J Esq QUALIFIED95Ioni Bowcher
1033Ivar M MarrierAustralia2025-07-31Rousseaux, Michael Esq NEW73Bernardo Dominic
1034Murillo F KuskoIndia2025-08-06Rangoni Of Florence NEGOTIATION85Stephen Shaw
1035Darci S OldroydArgentina2025-07-28Buckley Miller Wright NEGOTIATION86Onyama Limba
1036Stacey W PoquetteFrance2025-08-23Buckley Miller Wright QUALIFIED48Stephen Shaw
1037Jennifer S RulapaughIndia2025-08-07Printing Dimensions QUALIFIED69Onyama Limba
1038Morrow K NestleItaly2025-08-09Dorl, James J Esq PROPOSAL70Ivan Magalhaes
1039Antonio Z PaprockiIndia2025-08-16Chapman, Ross E Esq NEW1Asiya Javayant
1040Murillo P DoeBrazil2025-08-04Rousseaux, Michael Esq RENEWAL81Bernardo Dominic
1041Francesco D WieserAustralia2025-08-15Morlong Associates RENEWAL75Elwin Sharvill
1042Aditya B WhobreyItaly2025-07-29King, Christopher A Esq QUALIFIED28Xuxue Feng
1043Clifford I SergiRussia2025-08-09King, Christopher A Esq QUALIFIED17Elwin Sharvill
1044Ricardo H NickaGermany2025-08-02Chanay, Jeffrey A Esq PROPOSAL99Ioni Bowcher
1045Costa C SaylorsAustralia2025-07-31Printing Dimensions NEW6Ioni Bowcher
1046Aditya J PoquetteSpain2025-08-19Morlong Associates QUALIFIED51Anna Fali
1047Salvatore K CaldareraRussia2025-08-07Feiner Bros QUALIFIED70Asiya Javayant
1048Aruna D CampainArgentina2025-08-01Dorl, James J Esq PROPOSAL24Xuxue Feng
1049Claire V BowleyArgentina2025-08-24Rousseaux, Michael Esq UNQUALIFIED65Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Ashley N AmigonJapanAnna Fali UNQUALIFIED
Costa C TollnerItalyBernardo Dominic NEGOTIATION
Costa P GarufiFranceStephen Shaw NEGOTIATION
Misaki J AmigonCanadaAnna Fali PROPOSAL
Darci W BologniaAustraliaAsiya Javayant PROPOSAL
Emily L NestleJapanAsiya Javayant PROPOSAL
Mayumi V PerinIndiaOnyama Limba PROPOSAL
Octavia L MaletIndiaXuxue Feng NEGOTIATION
Rodrigues S DilliardIndiaAnna Fali RENEWAL
Antonio S MarrierCanadaIvan Magalhaes RENEWAL
Alejandro O GarufiItalyAsiya Javayant UNQUALIFIED
Julie S MaletFranceStephen Shaw PROPOSAL
Arvin K SergiSpainElwin Sharvill NEW
Octavia R MaletArgentinaBernardo Dominic UNQUALIFIED
Munro R CaudySpainBernardo Dominic QUALIFIED
Salvatore X WieserBrazilXuxue Feng UNQUALIFIED
Kaitlin O CampainArgentinaAmy Elsner NEW
Stacey K MaletBrazilXuxue Feng NEGOTIATION
Antonio O ShinkoGermanyElwin Sharvill PROPOSAL
Leja A CaudyBrazilIoni Bowcher RENEWAL
Murillo Y GlickArgentinaXuxue Feng RENEWAL
Sinclair I BologniaBrazilBernardo Dominic NEGOTIATION
Kaitlin J BriddickUnited KingdomStephen Shaw RENEWAL
Isabel M WieserSpainStephen Shaw RENEWAL
Cody S MarrierSpainAmy Elsner UNQUALIFIED
Jefferson A StockhamGermanyXuxue Feng NEW
Ivar X InouyeCanadaAmy Elsner PROPOSAL
Costa E ChuiSpainElwin Sharvill NEGOTIATION
Emily R FerenczGermanyIoni Bowcher UNQUALIFIED
Clifford D FigeroaIndiaOnyama Limba QUALIFIED
Salvatore Z GlickUnited KingdomOnyama Limba NEW
Juan O AlbaresSpainAsiya Javayant RENEWAL
Octavia Q WhobreyRussiaElwin Sharvill QUALIFIED
Maisha U WieserBrazilIoni Bowcher UNQUALIFIED
Sinclair V WhobreyFranceAsiya Javayant RENEWAL
Costa S OstroskyRussiaXuxue Feng NEW
Leon E FerenczBrazilBernardo Dominic NEGOTIATION
Murillo J GauchoRussiaXuxue Feng RENEWAL
Julie N MaletJapanXuxue Feng PROPOSAL
Izzy G MacleadArgentinaAmy Elsner QUALIFIED
Aruna I DarakjyArgentinaBernardo Dominic PROPOSAL
Claire T SergiIndiaBernardo Dominic UNQUALIFIED
Ivar R DarakjyBrazilElwin Sharvill QUALIFIED
Faith B PerinFranceBernardo Dominic NEGOTIATION
Smith T RulapaughItalyBernardo Dominic PROPOSAL
Octavia Q MaletItalyXuxue Feng RENEWAL
Ivar N AlbaresBrazilOnyama Limba QUALIFIED
Tony Q RimUnited KingdomOnyama Limba PROPOSAL
Alejandro Y RulapaughAustraliaIoni Bowcher NEGOTIATION
Aditya A CaudyFranceBernardo Dominic RENEWAL
Frozen Columns
Name
Stacey W Ostrosky
James Z Kusko
Francesco N Morasca
Deepesh R Flosi
Kaitlin T Nicka
Antonio R Vocelka
Julie M Amigon
Clifford J Garufi
Aruna P Shinko
Chavez L Albares
Darci J Stockham
Murillo G Glick
Kadeem M Wieser
Alejandro U Darakjy
Misaki N Doe
Adams X Tollner
Costa W Butt
Ricardo R Morasca
Ashley O Darakjy
Salvatore P Schemmer
Ivar R Glick
Jefferson S Ostrosky
Leja M Shinko
Nicolas C Gaucho
Arvin U Slusarski
Aika T Royster
Munro Y Bowley
Wickens V Ruta
Aditya S Malet
Darci X Foller
David Z Stockham
Clifford N Stockham
David G Bowley
Alejandro L Iturbide
Ricardo I Caudy
Jennifer R Ruta
Cody G Briddick
James T Saylors
Silvio N Bolognia
Mayumi Q Ruta
Tony R Malet
Clifford D Caldarera
Jennifer S Perin
Mayumi U Ostrosky
Wickens B Caldarera
Leon R Caudy
Francesco R Stenseth
Costa H Malet
David J Caldarera
Ricardo P Butt
IdCountryDate
1000United Kingdom2025-08-14
1001Canada2025-08-04
1002Spain2025-08-05
1003Brazil2025-08-24
1004Germany2025-08-23
1005Canada2025-08-05
1006Germany2025-08-13
1007Russia2025-08-14
1008Argentina2025-07-30
1009Argentina2025-08-10
1010India2025-08-07
1011India2025-08-12
1012France2025-08-02
1013Italy2025-08-15
1014Japan2025-08-11
1015Argentina2025-08-09
1016France2025-08-02
1017United Kingdom2025-08-08
1018Italy2025-08-21
1019United Kingdom2025-08-17
1020Russia2025-08-02
1021India2025-08-25
1022Canada2025-08-04
1023Argentina2025-08-21
1024Italy2025-08-11
1025Spain2025-08-09
1026Australia2025-08-02
1027Russia2025-08-02
1028Italy2025-08-03
1029Italy2025-08-03
1030United Kingdom2025-08-08
1031Italy2025-08-16
1032India2025-08-26
1033United Kingdom2025-08-24
1034France2025-08-15
1035Italy2025-08-02
1036India2025-08-11
1037United Kingdom2025-08-12
1038Germany2025-08-16
1039Russia2025-08-14
1040Australia2025-08-18
1041Australia2025-07-30
1042France2025-08-16
1043United Kingdom2025-08-24
1044Italy2025-08-02
1045Japan2025-08-26
1046Japan2025-07-30
1047Australia2025-08-24
1048India2025-08-06
1049India2025-08-08

On-Demand Data

NameIdCountryDate
Octavia Q Saylors1000Germany2025-08-13
Emily Y Bowley1001France2025-08-13
Aruna O Royster1002France2025-08-15
Deepesh M Poquette1003India2025-08-19
Alejandro Z Morasca1004Spain2025-08-21
Murillo W Marrier1005Australia2025-08-11
Munro W Garufi1006Japan2025-08-04
Octavia P Schemmer1007Italy2025-08-17
Leon B Campain1008Japan2025-08-07
Ashley Y Doe1009Japan2025-08-08
Murillo B Wieser1010Canada2025-08-13
Ashley O Malet1011Canada2025-08-26
Misaki X Bowley1012Japan2025-07-28
Jeanfrancois U Whobrey1013Australia2025-08-07
Alejandro O Briddick1014Russia2025-08-03
Julie I Bolognia1015Australia2025-08-04
Aruna Q Briddick1016Canada2025-08-04
Silvio G Wieser1017Russia2025-08-02
Mayumi E Flosi1018India2025-08-17
Ivar H Wieser1019United Kingdom2025-08-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Tony O NickaAustraliaOnyama Limba RENEWAL
Julie I OstroskyFranceStephen Shaw UNQUALIFIED
Kaitlin E CaudySpainIoni Bowcher QUALIFIED
Nicolas N RulapaughCanadaXuxue Feng UNQUALIFIED
Octavia X OldroydUnited KingdomBernardo Dominic RENEWAL
Isabel J OstroskyRussiaStephen Shaw QUALIFIED
Francesco V CampainIndiaBernardo Dominic PROPOSAL
Morrow J TollnerIndiaOnyama Limba NEGOTIATION
Aditya C VenereGermanyXuxue Feng PROPOSAL
Maisha Y BriddickIndiaBernardo Dominic RENEWAL
Francesco S PaprockiGermanyIvan Magalhaes PROPOSAL
Emily O PerinBrazilXuxue Feng QUALIFIED
Deepesh U PaprockiBrazilIoni Bowcher NEW
Cody O SergiGermanyAmy Elsner UNQUALIFIED
Silvio J BologniaBrazilAsiya Javayant NEW
Leja Z FollerFranceAmy Elsner NEGOTIATION
Greenwood K MacleadJapanElwin Sharvill QUALIFIED
Aruna C OstroskyBrazilOnyama Limba UNQUALIFIED
Mujtaba N DilliardFranceAmy Elsner NEGOTIATION
Costa U NickaAustraliaAmy Elsner UNQUALIFIED
Greenwood V GauchoUnited KingdomElwin Sharvill NEW
Julie E PoquetteFranceAsiya Javayant UNQUALIFIED
Izzy Y WhobreyCanadaElwin Sharvill QUALIFIED
Misaki L FollerUnited KingdomIvan Magalhaes PROPOSAL
Arvin O PerinSpainAsiya Javayant PROPOSAL
Kadeem E SchemmerUnited KingdomAmy Elsner NEW
David Y KuskoArgentinaXuxue Feng RENEWAL
Isabel T FerenczGermanyElwin Sharvill RENEWAL
Alejandro Z OstroskyUnited KingdomStephen Shaw NEGOTIATION
Mayumi S SchemmerGermanyOnyama Limba UNQUALIFIED
Arvin R SchemmerBrazilOnyama Limba RENEWAL
Tony K RoysterItalyIoni Bowcher RENEWAL
Silvio O FerenczJapanStephen Shaw NEGOTIATION
Leja S StockhamArgentinaStephen Shaw UNQUALIFIED
Emily N RulapaughGermanyXuxue Feng NEW
Juan C NestleBrazilAnna Fali UNQUALIFIED
Johnson Y ShinkoArgentinaIoni Bowcher QUALIFIED
Jeanfrancois Q MacleadItalyElwin Sharvill RENEWAL
Leja W BowleyArgentinaXuxue Feng PROPOSAL
Munro A RutaSpainAmy Elsner NEGOTIATION

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