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
Smith B WhobreyGermanyElwin Sharvill NEW
Aditya Q DilliardRussiaIvan Magalhaes QUALIFIED
Ricardo R VenereSpainAnna Fali RENEWAL
Ashley N CaldareraArgentinaElwin Sharvill UNQUALIFIED
Munro N KuskoJapanIvan Magalhaes NEW
Salvatore Y DilliardBrazilAnna Fali UNQUALIFIED
Emily H MaletAustraliaIoni Bowcher UNQUALIFIED
Alejandro D ShinkoUnited KingdomIvan Magalhaes PROPOSAL
Juan O DilliardBrazilAsiya Javayant RENEWAL
Francesco I CaudyItalyAmy Elsner NEGOTIATION
Adams U StockhamFranceAsiya Javayant PROPOSAL
Antonio P AmigonArgentinaIvan Magalhaes PROPOSAL
Faith K NestleJapanOnyama Limba NEGOTIATION
Mayumi E TollnerFranceIvan Magalhaes NEW
David D FigeroaCanadaElwin Sharvill NEGOTIATION
Leja A RulapaughAustraliaOnyama Limba NEGOTIATION
Mujtaba C TollnerCanadaIvan Magalhaes QUALIFIED
Silvio R SlusarskiItalyBernardo Dominic NEW
Arvin H GarufiCanadaStephen Shaw QUALIFIED
Jennifer Q AlbaresUnited KingdomOnyama Limba PROPOSAL
Faith P DarakjyCanadaAsiya Javayant UNQUALIFIED
David T TollnerArgentinaOnyama Limba RENEWAL
Tony V GarufiJapanIoni Bowcher NEGOTIATION
Izzy I AmigonAustraliaElwin Sharvill UNQUALIFIED
Munro S NickaItalyAsiya Javayant QUALIFIED
Emily O MarrierCanadaStephen Shaw RENEWAL
Maisha U SaylorsFranceAnna Fali NEW
Costa J GillianIndiaBernardo Dominic NEW
Aditya B WieserAustraliaOnyama Limba QUALIFIED
Octavia G KolmetzItalyIvan Magalhaes RENEWAL
Claire F BologniaGermanyAsiya Javayant UNQUALIFIED
Aruna R OstroskyJapanElwin Sharvill UNQUALIFIED
Nicolas O WhobreyUnited KingdomIvan Magalhaes PROPOSAL
Aditya W FollerItalyXuxue Feng QUALIFIED
Cody B GillianAustraliaBernardo Dominic UNQUALIFIED
Tony Y FigeroaUnited KingdomStephen Shaw RENEWAL
Aruna Z StensethItalyXuxue Feng NEW
Kadeem I FlosiArgentinaStephen Shaw QUALIFIED
Cody E DilliardGermanyOnyama Limba NEGOTIATION
Morrow V AmigonFranceElwin Sharvill UNQUALIFIED
Maria Y GlickArgentinaOnyama Limba RENEWAL
Costa I FigeroaCanadaIoni Bowcher PROPOSAL
Kadeem P StockhamFranceOnyama Limba NEGOTIATION
Tony Z RutaJapanStephen Shaw NEGOTIATION
Rodrigues O KuskoArgentinaAsiya Javayant NEW
Greenwood V TollnerCanadaOnyama Limba PROPOSAL
Aika M WieserAustraliaXuxue Feng PROPOSAL
Morrow N MarrierIndiaElwin Sharvill NEGOTIATION
Tony G FerenczUnited KingdomOnyama Limba NEGOTIATION
Arvin R IturbideItalyAmy Elsner QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Jennifer U MorascaAustraliaIvan Magalhaes UNQUALIFIED
Costa L GauchoUnited KingdomIoni Bowcher NEGOTIATION
Sinclair O CaudyArgentinaAnna Fali UNQUALIFIED
Leja P DoeAustraliaOnyama Limba NEGOTIATION
Clifford C FollerGermanyBernardo Dominic NEGOTIATION
Octavia R VenereJapanElwin Sharvill PROPOSAL
Aditya Q FollerUnited KingdomElwin Sharvill NEGOTIATION
Antonio G RimAustraliaStephen Shaw NEW
Alejandro U FerenczJapanAsiya Javayant QUALIFIED
Sinclair I WieserJapanIoni Bowcher QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Chavez G MacleadCanada2026-11-14Rousseaux, Michael Esq NEGOTIATION8Asiya Javayant
1001Aditya X BriddickItaly2026-10-21Feltz Printing Service UNQUALIFIED13Bernardo Dominic
1002Morrow B InouyeArgentina2026-11-12Printing Dimensions UNQUALIFIED18Ivan Magalhaes
1003Mayumi G OldroydJapan2026-10-25Feltz Printing Service QUALIFIED2Onyama Limba
1004Alejandro Z StensethRussia2026-10-28Buckley Miller Wright UNQUALIFIED66Asiya Javayant
1005Darci W PerinAustralia2026-11-10Printing Dimensions NEGOTIATION9Xuxue Feng
1006Faith R GarufiUnited Kingdom2026-10-28Truhlar And Truhlar Attys QUALIFIED38Elwin Sharvill
1007Ricardo U MaletCanada2026-10-22Chapman, Ross E Esq NEW13Elwin Sharvill
1008Jeanfrancois F IturbideRussia2026-11-05Chapman, Ross E Esq NEGOTIATION66Elwin Sharvill
1009Jefferson Y WhobreySpain2026-10-28Feltz Printing Service RENEWAL63Anna Fali
1010Isabel P InouyeUnited Kingdom2026-10-19Dorl, James J Esq PROPOSAL93Ivan Magalhaes
1011Isabel F IturbideAustralia2026-11-10King, Christopher A Esq RENEWAL7Anna Fali
1012Octavia I BologniaArgentina2026-11-05Chapman, Ross E Esq UNQUALIFIED34Ioni Bowcher
1013Leja V BologniaBrazil2026-10-25Feltz Printing Service QUALIFIED38Bernardo Dominic
1014Juan K SaylorsRussia2026-10-23Feltz Printing Service QUALIFIED60Bernardo Dominic
1015Adams C RimRussia2026-11-11Chemel, James L Cpa NEW47Stephen Shaw
1016James Z MacleadRussia2026-11-14Morlong Associates RENEWAL6Elwin Sharvill
1017Kaitlin N AlbaresFrance2026-10-17Chanay, Jeffrey A Esq NEGOTIATION7Ioni Bowcher
1018Aruna R FlosiBrazil2026-10-16Feiner Bros NEW17Asiya Javayant
1019Juan P AlbaresUnited Kingdom2026-11-08Commercial Press NEGOTIATION96Ioni Bowcher
1020Munro G OstroskyFrance2026-11-02Rousseaux, Michael Esq NEGOTIATION1Onyama Limba
1021Smith W OldroydIndia2026-11-02Feltz Printing Service UNQUALIFIED15Xuxue Feng
1022Deepesh E StockhamUnited Kingdom2026-11-11Printing Dimensions RENEWAL16Elwin Sharvill
1023Kaitlin S BriddickSpain2026-10-28Feiner Bros NEGOTIATION79Asiya Javayant
1024Mayumi G PoquetteItaly2026-10-25Chapman, Ross E Esq NEGOTIATION45Amy Elsner
1025Munro S DarakjyIndia2026-11-04Rangoni Of Florence QUALIFIED92Ivan Magalhaes
1026Francesco Y AmigonRussia2026-10-28Rangoni Of Florence PROPOSAL63Onyama Limba
1027Rodrigues B StockhamFrance2026-10-18King, Christopher A Esq NEW2Anna Fali
1028Mujtaba K RoysterUnited Kingdom2026-10-19King, Christopher A Esq PROPOSAL6Anna Fali
1029Ashley U RutaIndia2026-10-31Printing Dimensions PROPOSAL46Ivan Magalhaes
1030Wickens P RutaUnited Kingdom2026-10-26Chanay, Jeffrey A Esq QUALIFIED30Ivan Magalhaes
1031Salvatore X RulapaughGermany2026-11-07Chapman, Ross E Esq RENEWAL55Ioni Bowcher
1032James P NickaIndia2026-11-14Dorl, James J Esq QUALIFIED62Bernardo Dominic
1033Tony R MorascaGermany2026-10-29Rousseaux, Michael Esq QUALIFIED53Bernardo Dominic
1034Jennifer N VocelkaCanada2026-10-19Rousseaux, Michael Esq UNQUALIFIED78Asiya Javayant
1035Clifford Y CaldareraCanada2026-10-23Truhlar And Truhlar Attys UNQUALIFIED89Ioni Bowcher
1036Wickens A ShinkoItaly2026-10-21Chemel, James L Cpa UNQUALIFIED18Ivan Magalhaes
1037Aika T VenereJapan2026-11-02King, Christopher A Esq PROPOSAL15Elwin Sharvill
1038Izzy T TollnerGermany2026-10-22Chanay, Jeffrey A Esq NEGOTIATION69Elwin Sharvill
1039Misaki S BologniaUnited Kingdom2026-10-31Rousseaux, Michael Esq PROPOSAL41Elwin Sharvill
1040Nicolas Z BriddickRussia2026-11-08Dorl, James J Esq RENEWAL7Anna Fali
1041Octavia W GlickItaly2026-11-02Truhlar And Truhlar Attys UNQUALIFIED5Xuxue Feng
1042Stacey U AlbaresArgentina2026-11-01Buckley Miller Wright NEW47Onyama Limba
1043Aruna Q MarrierIndia2026-10-26Buckley Miller Wright NEW43Onyama Limba
1044Antonio I FigeroaUnited Kingdom2026-11-06Chanay, Jeffrey A Esq UNQUALIFIED15Elwin Sharvill
1045Ashley Z VocelkaBrazil2026-10-31Buckley Miller Wright UNQUALIFIED27Ioni Bowcher
1046Ashley I CaldareraUnited Kingdom2026-11-01Rangoni Of Florence NEGOTIATION26Bernardo Dominic
1047Clifford D IturbideIndia2026-11-04King, Christopher A Esq RENEWAL1Ivan Magalhaes
1048Deepesh P FollerAustralia2026-11-07Feiner Bros RENEWAL63Xuxue Feng
1049Deepesh J VenereArgentina2026-11-05Feltz Printing Service RENEWAL44Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Faith E GlickUnited KingdomAsiya Javayant UNQUALIFIED
Clifford D CaldareraItalyBernardo Dominic NEW
Murillo C GlickBrazilAsiya Javayant NEGOTIATION
Ashley W ShinkoBrazilOnyama Limba QUALIFIED
Arvin N DilliardIndiaAsiya Javayant PROPOSAL
Adams X PerinIndiaElwin Sharvill RENEWAL
Isabel L FollerUnited KingdomStephen Shaw RENEWAL
Costa E GlickItalyElwin Sharvill RENEWAL
David S GauchoArgentinaAnna Fali UNQUALIFIED
Isabel T StockhamIndiaElwin Sharvill NEW
Jones N GlickSpainAnna Fali NEW
Murillo S SlusarskiAustraliaOnyama Limba PROPOSAL
Kadeem X MaletGermanyIoni Bowcher PROPOSAL
Octavia N SlusarskiSpainAnna Fali NEW
Munro G TollnerJapanElwin Sharvill RENEWAL
Maria I CampainItalyElwin Sharvill RENEWAL
Faith T WaycottAustraliaIoni Bowcher QUALIFIED
Maria O PerinFranceAsiya Javayant RENEWAL
Maisha S SaylorsItalyXuxue Feng NEGOTIATION
Deepesh Q PerinGermanyIoni Bowcher QUALIFIED
Claire B PerinFranceStephen Shaw NEW
Costa C MaletIndiaXuxue Feng NEGOTIATION
Izzy R OstroskySpainStephen Shaw NEGOTIATION
Maria A FollerIndiaBernardo Dominic QUALIFIED
Silvio A WaycottFranceIoni Bowcher NEW
Sinclair A ShinkoCanadaElwin Sharvill UNQUALIFIED
Murillo A AlbaresItalyOnyama Limba UNQUALIFIED
Munro F WieserIndiaStephen Shaw NEGOTIATION
Rodrigues O FerenczArgentinaIvan Magalhaes NEGOTIATION
Maisha A GlickUnited KingdomIoni Bowcher RENEWAL
Aditya B CaldareraBrazilXuxue Feng NEGOTIATION
Murillo P CaudyFranceIoni Bowcher QUALIFIED
Aika E NestleFranceIoni Bowcher UNQUALIFIED
Rodrigues A ChuiFranceIoni Bowcher UNQUALIFIED
Wickens P KolmetzItalyAnna Fali RENEWAL
Izzy F ShinkoSpainAmy Elsner PROPOSAL
Ashley P ChuiFranceAmy Elsner UNQUALIFIED
James D CaudyBrazilAsiya Javayant UNQUALIFIED
Rodrigues X BriddickUnited KingdomAsiya Javayant QUALIFIED
Maria F MaletJapanAmy Elsner QUALIFIED
Kadeem I OldroydBrazilIoni Bowcher NEGOTIATION
Wickens H MaletAustraliaStephen Shaw NEGOTIATION
Faith K ShinkoIndiaAsiya Javayant QUALIFIED
Kaitlin S NestleAustraliaXuxue Feng NEW
Tony E SlusarskiSpainBernardo Dominic NEGOTIATION
Aruna W PoquetteFranceXuxue Feng PROPOSAL
Jones Z ButtAustraliaAnna Fali RENEWAL
Chavez E SchemmerArgentinaStephen Shaw NEGOTIATION
Izzy T FerenczBrazilAmy Elsner QUALIFIED
Smith S ButtJapanBernardo Dominic NEW
Frozen Columns
Name
Murillo D Whobrey
Julie C Tollner
Aruna M Waycott
Jennifer B Amigon
Leja Z Shinko
Cody H Amigon
Arvin J Vocelka
Julie R Campain
Juan X Malet
Misaki L Doe
Kaitlin S Poquette
Murillo E Shinko
Tony H Rim
Jennifer C Tollner
Stacey M Maclead
Nicolas M Foller
David S Shinko
Francesco X Flosi
Antonio S Perin
Ricardo I Perin
Sinclair R Iturbide
Sinclair S Caldarera
Greenwood M Foller
Octavia H Schemmer
Adams C Royster
Morrow F Nicka
Rodrigues C Oldroyd
Juan J Kolmetz
James C Waycott
Izzy D Bowley
Leja D Sergi
Aditya N Stockham
James N Inouye
Munro W Saylors
Murillo O Briddick
Aditya V Ferencz
Murillo V Ostrosky
Faith S Chui
Leon N Chui
Julie U Caldarera
Aditya K Kolmetz
Silvio E Maclead
Chavez B Nestle
Murillo F Tollner
Juan C Vocelka
Deepesh O Chui
Morrow W Flosi
Stacey A Ferencz
Jeanfrancois G Kolmetz
Stacey G Darakjy
IdCountryDate
1000India2026-11-06
1001Germany2026-11-11
1002Canada2026-10-30
1003Canada2026-11-07
1004Australia2026-10-27
1005France2026-11-13
1006Spain2026-11-07
1007Japan2026-10-18
1008Argentina2026-11-14
1009Argentina2026-11-05
1010France2026-11-14
1011Germany2026-10-19
1012India2026-10-24
1013United Kingdom2026-10-22
1014Russia2026-11-04
1015India2026-11-12
1016United Kingdom2026-11-06
1017Australia2026-10-25
1018Italy2026-10-23
1019Germany2026-10-31
1020United Kingdom2026-10-16
1021France2026-11-08
1022Germany2026-11-14
1023Canada2026-10-31
1024Italy2026-10-18
1025Germany2026-11-09
1026Canada2026-10-19
1027Canada2026-11-09
1028France2026-11-09
1029Australia2026-10-22
1030Argentina2026-11-07
1031France2026-10-24
1032Italy2026-10-29
1033Canada2026-10-21
1034Brazil2026-10-24
1035Italy2026-11-07
1036United Kingdom2026-10-19
1037Argentina2026-11-05
1038Russia2026-10-28
1039Australia2026-10-22
1040Japan2026-10-21
1041Australia2026-11-04
1042Italy2026-11-08
1043Russia2026-10-27
1044Australia2026-11-03
1045Italy2026-10-21
1046Australia2026-10-27
1047United Kingdom2026-11-12
1048United Kingdom2026-11-03
1049Brazil2026-10-23

On-Demand Data

NameIdCountryDate
Misaki N Slusarski1000United Kingdom2026-11-10
Julie Z Gaucho1001Argentina2026-10-26
Darci Q Iturbide1002Spain2026-10-30
Jefferson Y Bowley1003France2026-10-23
Emily M Schemmer1004Japan2026-10-19
Antonio J Gillian1005Russia2026-11-10
Maria B Foller1006Germany2026-10-24
Isabel Q Stockham1007Japan2026-11-09
Julie Q Dilliard1008Brazil2026-10-18
Stacey W Inouye1009Russia2026-11-13
Stacey I Waycott1010Brazil2026-10-30
Stacey P Ruta1011Argentina2026-10-21
Claire B Royster1012Canada2026-10-19
Alejandro Y Foller1013Spain2026-11-03
Adams L Caudy1014India2026-10-21
Tony F Venere1015Canada2026-10-28
Leon Q Wieser1016Spain2026-10-30
Leon G Nicka1017Australia2026-10-17
Chavez U Rulapaugh1018Brazil2026-11-10
Silvio M Schemmer1019Argentina2026-10-27
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Sinclair L KuskoAustraliaAsiya Javayant QUALIFIED
Aruna X DilliardRussiaAmy Elsner PROPOSAL
Rodrigues X KuskoArgentinaBernardo Dominic NEW
David F WieserJapanBernardo Dominic PROPOSAL
Jones B KolmetzAustraliaOnyama Limba UNQUALIFIED
Izzy I AmigonIndiaIvan Magalhaes PROPOSAL
Salvatore W BowleyAustraliaStephen Shaw NEW
Cody U StockhamGermanyIvan Magalhaes RENEWAL
Mujtaba A OldroydSpainIoni Bowcher UNQUALIFIED
Costa T FlosiJapanIoni Bowcher QUALIFIED
Silvio G GauchoAustraliaIvan Magalhaes PROPOSAL
Octavia H VenereSpainBernardo Dominic QUALIFIED
Alejandro H NestleBrazilXuxue Feng NEGOTIATION
Julie Y MaletFranceXuxue Feng PROPOSAL
Aika D DarakjyUnited KingdomXuxue Feng QUALIFIED
Murillo G ShinkoArgentinaStephen Shaw NEGOTIATION
Salvatore E DilliardArgentinaOnyama Limba NEGOTIATION
Maisha M InouyeItalyXuxue Feng NEGOTIATION
Chavez R GlickJapanStephen Shaw PROPOSAL
Francesco H CaldareraIndiaIvan Magalhaes UNQUALIFIED
Aika S StensethCanadaAmy Elsner QUALIFIED
Deepesh D StockhamUnited KingdomIoni Bowcher NEGOTIATION
Murillo C MarrierRussiaXuxue Feng PROPOSAL
Wickens Z FerenczAustraliaOnyama Limba QUALIFIED
Greenwood W MorascaCanadaAsiya Javayant QUALIFIED
Arvin F GillianUnited KingdomIvan Magalhaes NEW
Kaitlin H AmigonFranceOnyama Limba NEW
Jones P SchemmerBrazilAnna Fali NEGOTIATION
Munro E InouyeItalyOnyama Limba QUALIFIED
Kaitlin G ShinkoItalyIvan Magalhaes RENEWAL
Jefferson X NestleGermanyStephen Shaw UNQUALIFIED
Arvin I SergiFranceBernardo Dominic NEGOTIATION
Faith A OldroydGermanyElwin Sharvill NEW
Francesco V WieserIndiaOnyama Limba QUALIFIED
Kaitlin N RoysterArgentinaElwin Sharvill QUALIFIED
Costa T GarufiFranceElwin Sharvill UNQUALIFIED
Antonio P WaycottSpainStephen Shaw NEW
Rodrigues X OstroskyGermanyStephen Shaw RENEWAL
Mayumi A SlusarskiItalyIvan Magalhaes PROPOSAL
Jones O SlusarskiRussiaAmy Elsner 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>