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
Morrow L WhobreySpainOnyama Limba NEGOTIATION
Leja V BriddickUnited KingdomAmy Elsner PROPOSAL
Wickens O BowleyGermanyElwin Sharvill UNQUALIFIED
Sinclair D PerinIndiaAmy Elsner NEGOTIATION
Kadeem L GauchoCanadaAmy Elsner NEW
Wickens G GillianGermanyAnna Fali PROPOSAL
Greenwood L DilliardGermanyAmy Elsner NEGOTIATION
Misaki F BowleyUnited KingdomElwin Sharvill UNQUALIFIED
Chavez R MacleadSpainAnna Fali UNQUALIFIED
Deepesh O DoeItalyElwin Sharvill NEGOTIATION
Aditya R CaldareraJapanBernardo Dominic UNQUALIFIED
Wickens Y MacleadAustraliaStephen Shaw UNQUALIFIED
Ivar V PaprockiArgentinaAmy Elsner QUALIFIED
Smith O RimSpainAsiya Javayant UNQUALIFIED
Aditya L WhobreyBrazilAnna Fali UNQUALIFIED
Emily B VenereCanadaXuxue Feng RENEWAL
Isabel O PaprockiAustraliaBernardo Dominic NEGOTIATION
Silvio M RimFranceIvan Magalhaes UNQUALIFIED
Mayumi F KuskoGermanyAmy Elsner PROPOSAL
Cody R BologniaCanadaIvan Magalhaes NEW
Greenwood N SchemmerIndiaBernardo Dominic NEGOTIATION
Ricardo A VocelkaCanadaBernardo Dominic NEGOTIATION
Clifford C WaycottRussiaAmy Elsner RENEWAL
Kadeem L PoquetteArgentinaAmy Elsner PROPOSAL
Jones G PoquetteSpainXuxue Feng RENEWAL
Deepesh U ShinkoGermanyOnyama Limba NEGOTIATION
Morrow V RulapaughIndiaStephen Shaw QUALIFIED
Faith B CaldareraFranceElwin Sharvill UNQUALIFIED
Tony M BologniaBrazilAnna Fali UNQUALIFIED
Darci T MorascaItalyAsiya Javayant NEGOTIATION
Claire X TollnerIndiaAnna Fali PROPOSAL
Faith P RimCanadaStephen Shaw RENEWAL
Greenwood D WhobreyArgentinaAsiya Javayant NEGOTIATION
Leon N GlickGermanyAsiya Javayant UNQUALIFIED
Salvatore Z KolmetzCanadaStephen Shaw PROPOSAL
Cody C CampainIndiaElwin Sharvill NEGOTIATION
Sinclair R VenereSpainAnna Fali NEW
Darci C InouyeUnited KingdomStephen Shaw NEGOTIATION
Jennifer S MaletArgentinaBernardo Dominic QUALIFIED
Alejandro V GarufiRussiaOnyama Limba NEGOTIATION
Silvio S OldroydItalyBernardo Dominic NEW
Clifford J SlusarskiCanadaAmy Elsner UNQUALIFIED
Mayumi O CaudyAustraliaBernardo Dominic PROPOSAL
Aditya D StensethItalyStephen Shaw PROPOSAL
Ashley W PoquetteIndiaIvan Magalhaes UNQUALIFIED
Emily U FigeroaItalyXuxue Feng PROPOSAL
Jones G SergiItalyIvan Magalhaes PROPOSAL
Murillo D StockhamIndiaStephen Shaw NEW
Maria R BowleyAustraliaElwin Sharvill UNQUALIFIED
Murillo E WaycottUnited KingdomBernardo Dominic NEW
Horizontal
NameCountryRepresentativeStatus
James W MarrierAustraliaStephen Shaw PROPOSAL
Chavez U ChuiFranceBernardo Dominic NEW
Misaki A PerinGermanyIoni Bowcher PROPOSAL
Greenwood E GillianUnited KingdomAnna Fali NEGOTIATION
Aika H VocelkaCanadaIoni Bowcher UNQUALIFIED
Jefferson M BologniaItalyStephen Shaw RENEWAL
Nicolas Z BologniaGermanyOnyama Limba PROPOSAL
Costa U BologniaSpainAmy Elsner QUALIFIED
Wickens C CampainBrazilElwin Sharvill RENEWAL
Jennifer Q SlusarskiBrazilAmy Elsner QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Chavez W StockhamJapan2026-10-21Chapman, Ross E Esq RENEWAL38Elwin Sharvill
1001Smith G StockhamFrance2026-10-05Commercial Press NEW28Onyama Limba
1002Kaitlin M CampainArgentina2026-11-02Feltz Printing Service NEW91Amy Elsner
1003Faith S WaycottUnited Kingdom2026-10-21Chapman, Ross E Esq NEW49Ivan Magalhaes
1004Jennifer T MaletSpain2026-10-25Printing Dimensions NEW38Stephen Shaw
1005Salvatore E RulapaughArgentina2026-10-04Chanay, Jeffrey A Esq NEW97Asiya Javayant
1006Aruna R KuskoGermany2026-10-28King, Christopher A Esq NEGOTIATION18Stephen Shaw
1007Isabel Q SchemmerJapan2026-10-15Chapman, Ross E Esq RENEWAL89Elwin Sharvill
1008Leon L VocelkaFrance2026-10-30Dorl, James J Esq RENEWAL47Elwin Sharvill
1009Julie Q FerenczArgentina2026-10-06Rangoni Of Florence NEGOTIATION58Bernardo Dominic
1010Faith U PaprockiItaly2026-10-10Benton, John B Jr NEW1Bernardo Dominic
1011Ricardo K AlbaresFrance2026-10-22Feiner Bros QUALIFIED25Elwin Sharvill
1012Wickens D TollnerIndia2026-10-18Feiner Bros QUALIFIED94Bernardo Dominic
1013Ricardo Y GillianFrance2026-10-28Buckley Miller Wright PROPOSAL96Xuxue Feng
1014Stacey C PaprockiFrance2026-10-12Rousseaux, Michael Esq NEGOTIATION42Onyama Limba
1015Maria U GarufiIndia2026-10-05Chapman, Ross E Esq NEGOTIATION13Anna Fali
1016Darci L GlickSpain2026-10-06Truhlar And Truhlar Attys PROPOSAL7Asiya Javayant
1017Salvatore L ButtRussia2026-10-15Feiner Bros UNQUALIFIED91Stephen Shaw
1018Silvio P RimCanada2026-10-31King, Christopher A Esq NEW72Ioni Bowcher
1019Deepesh I DoeGermany2026-10-05Buckley Miller Wright NEGOTIATION84Xuxue Feng
1020Kaitlin X MaletJapan2026-10-28Morlong Associates RENEWAL29Xuxue Feng
1021Julie Q CampainArgentina2026-10-11Dorl, James J Esq RENEWAL34Asiya Javayant
1022Smith D OldroydIndia2026-10-19Buckley Miller Wright NEW23Xuxue Feng
1023Misaki F SlusarskiArgentina2026-10-17Buckley Miller Wright NEW59Elwin Sharvill
1024Mujtaba T SaylorsRussia2026-10-08Printing Dimensions NEW79Ivan Magalhaes
1025Jones H ButtSpain2026-10-19Feiner Bros UNQUALIFIED73Onyama Limba
1026Cody N AlbaresSpain2026-10-23Benton, John B Jr NEW56Asiya Javayant
1027Claire X MarrierIndia2026-10-21Buckley Miller Wright NEGOTIATION64Amy Elsner
1028Maria U BriddickGermany2026-10-24Feiner Bros RENEWAL15Ivan Magalhaes
1029Maisha Y SergiUnited Kingdom2026-10-21Chanay, Jeffrey A Esq PROPOSAL12Amy Elsner
1030Leja I StensethBrazil2026-10-06Dorl, James J Esq UNQUALIFIED53Onyama Limba
1031Claire Q RimAustralia2026-10-23King, Christopher A Esq NEW76Onyama Limba
1032Smith U RutaJapan2026-10-24Feltz Printing Service NEW32Ioni Bowcher
1033Rodrigues V RimItaly2026-10-18Commercial Press NEW31Xuxue Feng
1034Leon D PaprockiGermany2026-10-25Chanay, Jeffrey A Esq PROPOSAL62Ioni Bowcher
1035Antonio G MaletUnited Kingdom2026-10-18Truhlar And Truhlar Attys NEGOTIATION91Bernardo Dominic
1036Emily W ShinkoBrazil2026-10-17King, Christopher A Esq NEGOTIATION92Ioni Bowcher
1037Kadeem U GarufiJapan2026-10-23Chanay, Jeffrey A Esq NEGOTIATION58Elwin Sharvill
1038James V InouyeBrazil2026-10-12King, Christopher A Esq PROPOSAL3Anna Fali
1039Sinclair E SchemmerBrazil2026-10-08Rousseaux, Michael Esq NEGOTIATION9Bernardo Dominic
1040James J SergiItaly2026-10-21Rangoni Of Florence UNQUALIFIED85Amy Elsner
1041Jones T DilliardItaly2026-10-07Chapman, Ross E Esq NEW97Bernardo Dominic
1042Kadeem W VocelkaBrazil2026-10-16Rousseaux, Michael Esq RENEWAL71Ioni Bowcher
1043Morrow X InouyeCanada2026-10-04Chapman, Ross E Esq QUALIFIED17Ioni Bowcher
1044Ricardo A ChuiFrance2026-10-06Rangoni Of Florence QUALIFIED27Bernardo Dominic
1045Arvin R ChuiBrazil2026-10-14Printing Dimensions QUALIFIED66Amy Elsner
1046Tony J RutaArgentina2026-10-26Chapman, Ross E Esq PROPOSAL3Onyama Limba
1047Aika S CaldareraIndia2026-10-26Rousseaux, Michael Esq PROPOSAL43Anna Fali
1048Costa W TollnerJapan2026-10-06Rangoni Of Florence UNQUALIFIED53Ioni Bowcher
1049Aruna Y SergiUnited Kingdom2026-10-06Commercial Press RENEWAL69Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Isabel W AlbaresCanadaXuxue Feng QUALIFIED
Ashley C IturbideGermanyAnna Fali PROPOSAL
David G KuskoFranceXuxue Feng QUALIFIED
Stacey R TollnerGermanyXuxue Feng RENEWAL
Adams G MaletCanadaElwin Sharvill UNQUALIFIED
Aruna K GauchoItalyStephen Shaw UNQUALIFIED
Ashley G ChuiBrazilStephen Shaw PROPOSAL
Rodrigues N KolmetzGermanyBernardo Dominic UNQUALIFIED
Kadeem U KolmetzFranceBernardo Dominic UNQUALIFIED
Misaki B BowleySpainAsiya Javayant UNQUALIFIED
Costa Z SergiJapanStephen Shaw UNQUALIFIED
Sinclair T SergiIndiaStephen Shaw UNQUALIFIED
Arvin L StensethJapanAsiya Javayant NEW
Leon G IturbideJapanXuxue Feng PROPOSAL
Wickens W GarufiUnited KingdomIvan Magalhaes PROPOSAL
Smith Q FerenczAustraliaAmy Elsner PROPOSAL
James W PaprockiArgentinaBernardo Dominic RENEWAL
Arvin I PerinItalyAsiya Javayant QUALIFIED
Nicolas I RutaIndiaIoni Bowcher NEW
Izzy W PaprockiArgentinaOnyama Limba QUALIFIED
Francesco H RoysterAustraliaXuxue Feng NEGOTIATION
Francesco N MaletArgentinaStephen Shaw UNQUALIFIED
David U SergiIndiaAmy Elsner NEGOTIATION
Mayumi Y CampainCanadaStephen Shaw NEGOTIATION
Aruna G WhobreyRussiaAsiya Javayant QUALIFIED
David N NickaAustraliaAmy Elsner NEGOTIATION
Cody X CaudyRussiaAsiya Javayant NEW
Greenwood C GauchoArgentinaAsiya Javayant QUALIFIED
Mayumi K StensethBrazilOnyama Limba NEGOTIATION
Rodrigues E CampainJapanIvan Magalhaes PROPOSAL
Silvio H BriddickJapanAsiya Javayant NEGOTIATION
James D FollerGermanyElwin Sharvill UNQUALIFIED
Morrow X SaylorsItalyOnyama Limba RENEWAL
Juan I FollerArgentinaAsiya Javayant PROPOSAL
Aditya R MorascaBrazilIoni Bowcher NEGOTIATION
Deepesh H RutaJapanXuxue Feng QUALIFIED
Kaitlin J MaletItalyAnna Fali QUALIFIED
Alejandro G MorascaIndiaOnyama Limba NEGOTIATION
Stacey A PoquetteAustraliaAnna Fali UNQUALIFIED
David W MorascaIndiaAsiya Javayant PROPOSAL
Aika O GlickArgentinaAsiya Javayant NEW
Sinclair K NestleArgentinaIvan Magalhaes UNQUALIFIED
Francesco C MaletSpainOnyama Limba NEW
Kadeem D MarrierBrazilIvan Magalhaes QUALIFIED
Tony H TollnerUnited KingdomElwin Sharvill UNQUALIFIED
Wickens B GillianCanadaAsiya Javayant NEGOTIATION
David X BriddickIndiaXuxue Feng PROPOSAL
Munro H BowleyItalyXuxue Feng UNQUALIFIED
Octavia O DoeSpainXuxue Feng PROPOSAL
Claire G GlickGermanyOnyama Limba NEGOTIATION
Frozen Columns
Name
Octavia K Gaucho
Ashley I Nestle
Morrow Z Venere
Nicolas C Doe
Izzy R Perin
Leon Z Nestle
Aruna A Glick
Faith O Ruta
Aditya B Sergi
Munro J Stockham
Juan Q Iturbide
Costa Y Gaucho
Silvio A Bowley
Faith X Ostrosky
Rodrigues G Ruta
Aditya H Foller
Misaki G Paprocki
Tony N Darakjy
Ashley F Stockham
James W Malet
Murillo L Gaucho
Julie Q Schemmer
Jeanfrancois J Malet
Munro I Doe
Faith M Saylors
Adams A Shinko
Nicolas P Ferencz
David R Gaucho
Darci O Schemmer
Greenwood R Campain
Aruna S Garufi
Jefferson Q Stenseth
Claire I Malet
Wickens Z Kusko
Chavez S Ostrosky
Izzy E Ruta
Antonio K Kusko
Wickens I Dilliard
Jeanfrancois L Rim
Greenwood N Paprocki
Morrow D Inouye
Jones V Gaucho
Salvatore I Albares
Mujtaba R Garufi
Stacey D Morasca
Aruna X Perin
Kadeem G Darakjy
Chavez V Bowley
Jeanfrancois G Poquette
Mayumi T Ostrosky
IdCountryDate
1000Italy2026-10-05
1001Germany2026-10-10
1002United Kingdom2026-10-09
1003Italy2026-10-11
1004Argentina2026-10-08
1005Australia2026-10-26
1006France2026-10-20
1007United Kingdom2026-10-07
1008Japan2026-11-01
1009Italy2026-10-18
1010Spain2026-10-06
1011India2026-10-27
1012Germany2026-10-06
1013United Kingdom2026-11-01
1014Canada2026-10-26
1015Russia2026-10-13
1016Spain2026-10-28
1017Russia2026-10-12
1018Japan2026-10-16
1019Argentina2026-10-28
1020Argentina2026-10-05
1021Spain2026-10-17
1022United Kingdom2026-10-19
1023Japan2026-11-02
1024Japan2026-10-08
1025United Kingdom2026-10-14
1026United Kingdom2026-10-13
1027Brazil2026-10-21
1028France2026-10-13
1029United Kingdom2026-10-26
1030Brazil2026-10-19
1031Japan2026-10-18
1032United Kingdom2026-10-23
1033India2026-10-09
1034Japan2026-10-25
1035France2026-10-24
1036Argentina2026-10-16
1037Italy2026-10-11
1038Australia2026-10-16
1039Russia2026-10-10
1040Brazil2026-10-17
1041Canada2026-10-11
1042Brazil2026-10-16
1043Japan2026-10-05
1044France2026-10-11
1045Japan2026-10-06
1046Canada2026-11-01
1047Australia2026-10-08
1048Argentina2026-10-20
1049France2026-10-22

On-Demand Data

NameIdCountryDate
Sinclair B Nestle1000Australia2026-10-07
Stacey T Doe1001France2026-10-23
Johnson C Figeroa1002Australia2026-10-24
Jeanfrancois A Bolognia1003Australia2026-10-20
Cody G Slusarski1004Russia2026-10-05
Johnson B Kolmetz1005Germany2026-10-07
Emily A Flosi1006Russia2026-10-26
Sinclair F Shinko1007United Kingdom2026-10-13
Sinclair B Glick1008Australia2026-10-20
Emily W Briddick1009Argentina2026-10-06
Antonio T Ruta1010Brazil2026-11-02
Deepesh W Stockham1011Australia2026-10-25
Rodrigues D Slusarski1012Argentina2026-10-05
Kaitlin O Tollner1013Canada2026-10-14
Juan F Shinko1014Canada2026-10-22
Tony A Sergi1015Canada2026-10-07
Mujtaba K Saylors1016Argentina2026-10-18
Aditya K Saylors1017Italy2026-10-13
Stacey V Tollner1018Italy2026-10-13
Ivar K Ruta1019Canada2026-10-07
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leon N OstroskyFranceElwin Sharvill QUALIFIED
Costa C CaldareraBrazilAmy Elsner NEGOTIATION
Julie K VenereSpainBernardo Dominic QUALIFIED
Cody V PoquetteSpainOnyama Limba QUALIFIED
Ashley U AlbaresUnited KingdomIoni Bowcher NEGOTIATION
Leon B StensethJapanElwin Sharvill PROPOSAL
Jeanfrancois Q AlbaresUnited KingdomElwin Sharvill NEW
Ivar T OstroskyRussiaAmy Elsner UNQUALIFIED
Nicolas U ButtSpainAsiya Javayant RENEWAL
Aruna F RoysterItalyAnna Fali PROPOSAL
Aika O NickaArgentinaAsiya Javayant NEW
Aika C SaylorsCanadaIoni Bowcher QUALIFIED
Mayumi O GillianCanadaIvan Magalhaes NEGOTIATION
Maria Q IturbideRussiaIoni Bowcher NEGOTIATION
Rodrigues O KuskoIndiaAnna Fali RENEWAL
Sinclair U OldroydJapanStephen Shaw PROPOSAL
Morrow M AmigonFranceIoni Bowcher RENEWAL
Leja Q StockhamBrazilStephen Shaw NEGOTIATION
David O NickaCanadaAsiya Javayant PROPOSAL
Aditya H SchemmerCanadaXuxue Feng PROPOSAL
Clifford F NestleSpainAsiya Javayant RENEWAL
Deepesh L KuskoJapanIoni Bowcher NEW
Mujtaba V DarakjyItalyIoni Bowcher UNQUALIFIED
Adams K SlusarskiJapanXuxue Feng QUALIFIED
Murillo Y ButtFranceAsiya Javayant NEGOTIATION
Misaki K GillianArgentinaStephen Shaw NEW
Greenwood G WaycottBrazilAsiya Javayant NEGOTIATION
Tony N PerinJapanStephen Shaw QUALIFIED
Claire W KuskoAustraliaAmy Elsner NEGOTIATION
Aditya J DarakjyJapanAsiya Javayant UNQUALIFIED
Murillo O StensethSpainIoni Bowcher PROPOSAL
Arvin S WieserAustraliaIvan Magalhaes RENEWAL
Johnson D CaldareraArgentinaBernardo Dominic RENEWAL
Arvin U NickaIndiaAnna Fali PROPOSAL
Faith T RutaArgentinaIvan Magalhaes RENEWAL
Clifford M BologniaAustraliaOnyama Limba NEW
Greenwood R SchemmerItalyAmy Elsner PROPOSAL
Cody T DarakjyJapanAnna Fali RENEWAL
Alejandro J GlickGermanyElwin Sharvill NEGOTIATION
Mujtaba N CampainBrazilIoni Bowcher QUALIFIED

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