November Deals: Limited Coupons Available! 🎁 Claim Your Coupon

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
Alejandro J GauchoIndiaStephen Shaw NEW
Nicolas X MaletJapanAmy Elsner NEW
Jennifer O WhobreyRussiaAsiya Javayant RENEWAL
Wickens Z BowleyIndiaAnna Fali NEGOTIATION
Antonio F KuskoIndiaElwin Sharvill NEW
Smith Q DarakjyUnited KingdomIvan Magalhaes NEW
Adams B RoysterAustraliaAnna Fali PROPOSAL
Juan A AmigonIndiaXuxue Feng RENEWAL
James R WieserArgentinaElwin Sharvill NEW
Greenwood I FerenczGermanyAnna Fali PROPOSAL
Silvio X SchemmerJapanOnyama Limba PROPOSAL
Juan N DarakjySpainElwin Sharvill PROPOSAL
Jeanfrancois Z BriddickArgentinaStephen Shaw NEW
Morrow T ButtFranceAmy Elsner PROPOSAL
Francesco R DarakjyUnited KingdomAnna Fali NEGOTIATION
Faith U OstroskyGermanyAsiya Javayant RENEWAL
Faith N MaletIndiaIvan Magalhaes RENEWAL
Claire V DarakjyRussiaIoni Bowcher UNQUALIFIED
Faith Z MacleadJapanBernardo Dominic NEGOTIATION
Wickens A CaudyItalyIoni Bowcher NEW
Maisha G InouyeFranceAnna Fali QUALIFIED
Kaitlin X DoeAustraliaElwin Sharvill PROPOSAL
Jeanfrancois N RoysterAustraliaOnyama Limba PROPOSAL
Jennifer P NickaCanadaStephen Shaw QUALIFIED
Jones U CaudyUnited KingdomXuxue Feng UNQUALIFIED
Isabel L NestleGermanyBernardo Dominic UNQUALIFIED
Stacey O OstroskyAustraliaBernardo Dominic RENEWAL
Aruna A DilliardCanadaIoni Bowcher PROPOSAL
Jefferson H SergiFranceIvan Magalhaes NEGOTIATION
Silvio S SchemmerItalyElwin Sharvill UNQUALIFIED
James E KolmetzArgentinaIvan Magalhaes PROPOSAL
Maisha E FerenczUnited KingdomAsiya Javayant UNQUALIFIED
Aika Q BowleyCanadaAmy Elsner RENEWAL
James U MaletJapanIvan Magalhaes PROPOSAL
Jennifer W PerinIndiaAnna Fali UNQUALIFIED
Maisha P CaldareraUnited KingdomOnyama Limba UNQUALIFIED
Alejandro Z RulapaughRussiaStephen Shaw PROPOSAL
Johnson V StockhamIndiaXuxue Feng UNQUALIFIED
David L GlickFranceAsiya Javayant UNQUALIFIED
Salvatore G RutaCanadaAmy Elsner PROPOSAL
Aditya U MarrierItalyIvan Magalhaes UNQUALIFIED
Maria Q RulapaughArgentinaAmy Elsner NEGOTIATION
Ivar Y WieserIndiaXuxue Feng NEW
Juan M BologniaFranceBernardo Dominic UNQUALIFIED
Nicolas E MarrierUnited KingdomAnna Fali QUALIFIED
Octavia X GillianCanadaElwin Sharvill RENEWAL
Clifford W PaprockiArgentinaAsiya Javayant NEGOTIATION
Rodrigues B MacleadCanadaIvan Magalhaes RENEWAL
Murillo K CaldareraGermanyElwin Sharvill NEW
Morrow W NestleIndiaXuxue Feng UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Munro V CampainIndiaStephen Shaw PROPOSAL
Jeanfrancois E MarrierGermanyIvan Magalhaes NEW
Jefferson J StockhamAustraliaIoni Bowcher UNQUALIFIED
Jennifer N VenereIndiaAnna Fali RENEWAL
Kadeem J BowleyGermanyAnna Fali NEGOTIATION
Francesco Y CaldareraRussiaElwin Sharvill UNQUALIFIED
Leja S DilliardJapanXuxue Feng RENEWAL
Jones E FigeroaItalyXuxue Feng QUALIFIED
Aruna D MaletItalyAsiya Javayant RENEWAL
Alejandro D PaprockiCanadaIoni Bowcher NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Deepesh X DoeFrance2026-10-10Feltz Printing Service QUALIFIED65Xuxue Feng
1001Jeanfrancois F NestleIndia2026-10-30Rousseaux, Michael Esq UNQUALIFIED28Onyama Limba
1002Jefferson V GlickGermany2026-10-21Rangoni Of Florence RENEWAL89Xuxue Feng
1003Murillo B PaprockiArgentina2026-10-29Chemel, James L Cpa UNQUALIFIED8Amy Elsner
1004Adams K PoquetteAustralia2026-10-04Rousseaux, Michael Esq NEW23Amy Elsner
1005Nicolas L ShinkoArgentina2026-10-09Feiner Bros QUALIFIED59Elwin Sharvill
1006Silvio L CaudyItaly2026-10-05Chemel, James L Cpa UNQUALIFIED7Onyama Limba
1007Sinclair K IturbideAustralia2026-10-03Rangoni Of Florence QUALIFIED6Stephen Shaw
1008Ashley P BologniaGermany2026-10-03Rousseaux, Michael Esq RENEWAL98Elwin Sharvill
1009Jones O ShinkoItaly2026-10-12Morlong Associates QUALIFIED39Ivan Magalhaes
1010Sinclair T FlosiAustralia2026-10-13Truhlar And Truhlar Attys NEW31Amy Elsner
1011Izzy X WieserAustralia2026-10-12Chapman, Ross E Esq NEGOTIATION88Xuxue Feng
1012Aditya E MaletFrance2026-10-13Dorl, James J Esq QUALIFIED22Ivan Magalhaes
1013Maria I OstroskyRussia2026-10-02King, Christopher A Esq PROPOSAL16Ioni Bowcher
1014Sinclair B GillianJapan2026-10-10Chanay, Jeffrey A Esq UNQUALIFIED44Bernardo Dominic
1015Claire W KolmetzUnited Kingdom2026-10-07Buckley Miller Wright NEW98Xuxue Feng
1016Arvin X KuskoRussia2026-10-15Chapman, Ross E Esq QUALIFIED69Ioni Bowcher
1017Claire T RulapaughArgentina2026-10-31Feiner Bros NEW55Anna Fali
1018Francesco W BologniaSpain2026-10-08Feiner Bros QUALIFIED65Bernardo Dominic
1019Aditya O KolmetzIndia2026-10-06Rousseaux, Michael Esq QUALIFIED48Amy Elsner
1020Claire V IturbideBrazil2026-10-05Chemel, James L Cpa UNQUALIFIED89Ivan Magalhaes
1021Wickens G ButtBrazil2026-10-16Morlong Associates NEGOTIATION78Bernardo Dominic
1022Ivar A SlusarskiItaly2026-10-30Feiner Bros RENEWAL7Onyama Limba
1023Morrow Y IturbideBrazil2026-10-10Benton, John B Jr NEW26Onyama Limba
1024Octavia L KolmetzSpain2026-10-31Chemel, James L Cpa NEW76Ioni Bowcher
1025Maisha U WhobreyAustralia2026-10-13Rousseaux, Michael Esq QUALIFIED67Elwin Sharvill
1026Nicolas P StockhamFrance2026-10-03King, Christopher A Esq PROPOSAL93Ioni Bowcher
1027Kaitlin S PerinFrance2026-10-27Buckley Miller Wright QUALIFIED95Stephen Shaw
1028Jefferson M RutaJapan2026-10-19Feltz Printing Service RENEWAL41Anna Fali
1029Mayumi U MorascaGermany2026-10-02Rangoni Of Florence PROPOSAL18Anna Fali
1030Octavia Y CampainBrazil2026-10-11Chanay, Jeffrey A Esq PROPOSAL95Onyama Limba
1031James D TollnerRussia2026-10-10Commercial Press RENEWAL14Elwin Sharvill
1032David E NickaUnited Kingdom2026-10-21Truhlar And Truhlar Attys RENEWAL18Elwin Sharvill
1033Leon B VocelkaArgentina2026-10-30Commercial Press UNQUALIFIED94Bernardo Dominic
1034Darci Z RimFrance2026-10-06Chapman, Ross E Esq QUALIFIED25Ivan Magalhaes
1035Morrow Z WieserSpain2026-10-12Truhlar And Truhlar Attys RENEWAL0Amy Elsner
1036Jennifer J AmigonGermany2026-10-03Chapman, Ross E Esq NEGOTIATION21Xuxue Feng
1037Emily N RoysterItaly2026-10-20Rangoni Of Florence NEW43Ioni Bowcher
1038Johnson O BriddickFrance2026-10-07Feltz Printing Service NEGOTIATION18Amy Elsner
1039Salvatore W GauchoAustralia2026-10-05Feltz Printing Service NEW4Ivan Magalhaes
1040Sinclair K GillianBrazil2026-10-12Benton, John B Jr NEW66Onyama Limba
1041Rodrigues F StensethSpain2026-10-11Chanay, Jeffrey A Esq PROPOSAL25Stephen Shaw
1042Greenwood R MaletIndia2026-10-02Commercial Press RENEWAL82Ivan Magalhaes
1043Greenwood M CampainUnited Kingdom2026-10-21Dorl, James J Esq PROPOSAL94Xuxue Feng
1044Maisha X NestleSpain2026-10-05Dorl, James J Esq NEW25Onyama Limba
1045Tony Y FerenczAustralia2026-10-30Printing Dimensions QUALIFIED7Asiya Javayant
1046Leja P AlbaresRussia2026-10-21Truhlar And Truhlar Attys QUALIFIED86Xuxue Feng
1047Jones V StensethAustralia2026-10-03Commercial Press NEW53Xuxue Feng
1048Kadeem X FollerJapan2026-10-26Commercial Press NEW1Onyama Limba
1049Jefferson D SlusarskiAustralia2026-10-13Truhlar And Truhlar Attys RENEWAL1Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Jennifer I VocelkaArgentinaIoni Bowcher UNQUALIFIED
Wickens U FlosiUnited KingdomXuxue Feng UNQUALIFIED
Izzy M PerinArgentinaXuxue Feng NEW
James D StensethGermanyAnna Fali NEW
Juan R SergiAustraliaAnna Fali NEGOTIATION
Clifford Z ShinkoIndiaAsiya Javayant NEW
Munro Z NickaBrazilAnna Fali UNQUALIFIED
Emily I AlbaresItalyOnyama Limba QUALIFIED
Jones T StockhamUnited KingdomAnna Fali UNQUALIFIED
Costa L RutaCanadaAnna Fali QUALIFIED
Maisha O WhobreyRussiaAnna Fali NEW
Sinclair M DoeCanadaAsiya Javayant NEW
Leon T FollerUnited KingdomIoni Bowcher PROPOSAL
Aika L AmigonFranceElwin Sharvill UNQUALIFIED
Adams M ButtRussiaIvan Magalhaes NEW
Alejandro K SchemmerArgentinaStephen Shaw NEGOTIATION
Leja F RulapaughBrazilAnna Fali RENEWAL
Claire V KolmetzSpainIoni Bowcher UNQUALIFIED
Ivar A MaletCanadaElwin Sharvill UNQUALIFIED
Johnson T VocelkaArgentinaIvan Magalhaes NEGOTIATION
Mujtaba L FlosiBrazilAmy Elsner QUALIFIED
Aika X SaylorsFranceAsiya Javayant UNQUALIFIED
Antonio G MarrierUnited KingdomAmy Elsner UNQUALIFIED
Maisha M RimCanadaXuxue Feng PROPOSAL
Aditya B VocelkaIndiaBernardo Dominic PROPOSAL
Jones G StockhamFranceAmy Elsner UNQUALIFIED
Jefferson Q BologniaJapanStephen Shaw PROPOSAL
Aditya U MarrierIndiaStephen Shaw UNQUALIFIED
James V MacleadGermanyElwin Sharvill NEGOTIATION
Darci D PerinIndiaAsiya Javayant UNQUALIFIED
Munro J MaletGermanyXuxue Feng RENEWAL
Maisha V MorascaUnited KingdomElwin Sharvill NEGOTIATION
Kadeem A SaylorsArgentinaOnyama Limba RENEWAL
Salvatore Y GarufiArgentinaStephen Shaw NEGOTIATION
Adams W SaylorsArgentinaBernardo Dominic PROPOSAL
Julie X BowleyBrazilAnna Fali RENEWAL
Tony W StockhamIndiaAmy Elsner PROPOSAL
David C SergiAustraliaAsiya Javayant UNQUALIFIED
Tony X WieserArgentinaOnyama Limba NEW
Deepesh J ShinkoIndiaXuxue Feng NEW
Aditya U SaylorsArgentinaStephen Shaw RENEWAL
Munro T NickaFranceBernardo Dominic UNQUALIFIED
Chavez M SaylorsIndiaAmy Elsner NEW
Faith U DilliardItalyIvan Magalhaes QUALIFIED
Johnson R MarrierIndiaAmy Elsner PROPOSAL
Misaki O MaletArgentinaBernardo Dominic RENEWAL
James R GillianGermanyAsiya Javayant RENEWAL
Leja R KuskoGermanyXuxue Feng NEW
Ivar U StensethBrazilStephen Shaw QUALIFIED
Mujtaba T MorascaArgentinaAmy Elsner NEGOTIATION
Frozen Columns
Name
Cody M Campain
Sinclair A Figeroa
Greenwood M Whobrey
Jennifer S Paprocki
Aditya F Rim
Adams O Waycott
Alejandro I Nicka
Izzy I Iturbide
Isabel W Maclead
Claire C Royster
Darci O Amigon
Emily N Foller
Leja Y Amigon
Rodrigues K Doe
Cody M Nestle
Jeanfrancois O Inouye
Silvio I Bowley
Maisha K Ruta
Mayumi C Whobrey
Antonio Z Malet
Mayumi K Foller
Maria P Amigon
Aika I Foller
Leja K Venere
Faith G Ruta
Jeanfrancois Y Vocelka
Leja I Saylors
Octavia T Albares
Aika B Amigon
Francesco G Stenseth
Antonio W Caudy
Alejandro Q Marrier
Faith A Rim
Clifford U Royster
Maria X Malet
Octavia V Oldroyd
Johnson U Rulapaugh
Greenwood Z Butt
Izzy T Whobrey
Ashley V Ostrosky
Murillo W Iturbide
Julie E Whobrey
Ashley A Malet
Sinclair I Kusko
Morrow B Slusarski
Ashley I Whobrey
Emily O Campain
Deepesh X Darakjy
Juan T Vocelka
Silvio O Dilliard
IdCountryDate
1000Germany2026-10-20
1001Argentina2026-10-18
1002Canada2026-10-21
1003United Kingdom2026-10-23
1004Spain2026-10-08
1005France2026-10-04
1006United Kingdom2026-10-08
1007Brazil2026-10-20
1008India2026-10-08
1009Argentina2026-10-04
1010Australia2026-10-22
1011Italy2026-10-22
1012Spain2026-10-09
1013Argentina2026-10-02
1014India2026-10-29
1015United Kingdom2026-10-30
1016Canada2026-10-19
1017France2026-10-04
1018Australia2026-10-24
1019Japan2026-10-08
1020Russia2026-10-23
1021United Kingdom2026-10-29
1022Brazil2026-10-31
1023Argentina2026-10-14
1024Brazil2026-10-22
1025Germany2026-10-10
1026India2026-10-11
1027Russia2026-10-25
1028Canada2026-10-24
1029Spain2026-10-03
1030Brazil2026-10-07
1031India2026-10-12
1032Russia2026-10-19
1033Japan2026-10-27
1034United Kingdom2026-10-19
1035Italy2026-10-06
1036India2026-10-29
1037Brazil2026-10-17
1038Russia2026-10-31
1039France2026-10-14
1040United Kingdom2026-10-23
1041India2026-10-23
1042Germany2026-10-05
1043Brazil2026-10-19
1044Japan2026-10-05
1045India2026-10-19
1046Spain2026-10-24
1047Brazil2026-10-05
1048India2026-10-14
1049Spain2026-10-20

On-Demand Data

NameIdCountryDate
Silvio U Shinko1000France2026-10-04
Aruna Q Amigon1001Japan2026-10-06
Wickens B Maclead1002Russia2026-10-16
Chavez U Rulapaugh1003France2026-10-19
Antonio K Kusko1004France2026-10-21
Jeanfrancois F Nestle1005United Kingdom2026-10-04
Nicolas H Rulapaugh1006Japan2026-10-09
Jennifer X Iturbide1007India2026-10-30
Chavez T Royster1008United Kingdom2026-10-29
Claire J Briddick1009Argentina2026-10-27
Murillo G Maclead1010Spain2026-10-28
Murillo O Saylors1011Russia2026-10-17
Sinclair D Caudy1012Italy2026-10-27
Izzy T Vocelka1013France2026-10-07
Silvio W Garufi1014France2026-10-04
Leon U Chui1015France2026-10-25
Aditya I Malet1016Australia2026-10-10
Chavez F Figeroa1017Japan2026-10-07
Jeanfrancois X Rim1018Argentina2026-10-24
Greenwood L Royster1019India2026-10-06
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Nicolas R BriddickJapanAnna Fali QUALIFIED
Ivar R InouyeSpainIvan Magalhaes RENEWAL
Jefferson N BologniaArgentinaAnna Fali NEW
Jones U PoquetteAustraliaBernardo Dominic NEGOTIATION
Faith O FollerGermanyOnyama Limba NEGOTIATION
Wickens P NickaJapanBernardo Dominic PROPOSAL
Smith E CaldareraBrazilAmy Elsner NEW
Johnson G WieserBrazilAsiya Javayant PROPOSAL
Jeanfrancois S CampainCanadaAmy Elsner NEW
Cody J GauchoJapanIvan Magalhaes PROPOSAL
Ricardo A StockhamFranceStephen Shaw NEGOTIATION
Wickens Y StensethCanadaOnyama Limba NEW
Claire F ShinkoItalyOnyama Limba NEGOTIATION
Wickens Y ButtItalyAsiya Javayant NEW
Aika Z PoquetteBrazilAsiya Javayant RENEWAL
Alejandro Z TollnerRussiaOnyama Limba QUALIFIED
Aika X AlbaresJapanElwin Sharvill QUALIFIED
Izzy R VocelkaCanadaElwin Sharvill NEGOTIATION
Tony X NickaArgentinaOnyama Limba QUALIFIED
James H ChuiGermanyElwin Sharvill NEW
Isabel D TollnerFranceAnna Fali QUALIFIED
Adams Z DarakjyFranceAnna Fali QUALIFIED
Ashley C AmigonAustraliaAsiya Javayant NEGOTIATION
Jeanfrancois L ChuiBrazilStephen Shaw UNQUALIFIED
Antonio F RutaFranceOnyama Limba NEW
Cody A SchemmerAustraliaAnna Fali QUALIFIED
Aika A ChuiAustraliaBernardo Dominic QUALIFIED
Antonio M VocelkaRussiaAmy Elsner UNQUALIFIED
David V FollerRussiaIvan Magalhaes RENEWAL
Julie S RutaJapanIvan Magalhaes UNQUALIFIED
Wickens C DoeCanadaAmy Elsner RENEWAL
James P GillianIndiaAmy Elsner QUALIFIED
Chavez F RulapaughArgentinaIoni Bowcher NEGOTIATION
Kadeem L PoquetteFranceElwin Sharvill PROPOSAL
Arvin N WhobreyBrazilIoni Bowcher NEW
Adams N InouyeCanadaIoni Bowcher PROPOSAL
James G BowleyUnited KingdomStephen Shaw RENEWAL
Isabel U GlickUnited KingdomXuxue Feng PROPOSAL
Leja V OstroskyUnited KingdomXuxue Feng QUALIFIED
Octavia O KolmetzArgentinaBernardo Dominic 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>