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
Maisha O WieserRussiaXuxue Feng NEW
Emily C GillianCanadaBernardo Dominic RENEWAL
Nicolas O OldroydUnited KingdomAsiya Javayant UNQUALIFIED
Jones H PerinUnited KingdomIoni Bowcher PROPOSAL
Ivar O GarufiRussiaAnna Fali NEGOTIATION
Johnson V ShinkoAustraliaAmy Elsner NEW
Smith C RutaAustraliaElwin Sharvill UNQUALIFIED
Arvin G MorascaBrazilIvan Magalhaes UNQUALIFIED
Morrow O DoeFranceElwin Sharvill UNQUALIFIED
Adams A KuskoSpainXuxue Feng NEW
Sinclair X CampainAustraliaIvan Magalhaes NEGOTIATION
Isabel U AlbaresCanadaIoni Bowcher UNQUALIFIED
Nicolas P MaletGermanyBernardo Dominic RENEWAL
Silvio O DilliardGermanyElwin Sharvill QUALIFIED
Isabel U CampainBrazilAmy Elsner NEGOTIATION
Mujtaba A PaprockiGermanyElwin Sharvill RENEWAL
Smith A WhobreyRussiaXuxue Feng PROPOSAL
Chavez M StensethGermanyAmy Elsner NEGOTIATION
Darci B SaylorsRussiaOnyama Limba NEGOTIATION
Maisha J RimBrazilAsiya Javayant PROPOSAL
James N IturbideRussiaAsiya Javayant RENEWAL
Smith C CampainRussiaBernardo Dominic UNQUALIFIED
Silvio A OstroskySpainElwin Sharvill PROPOSAL
Ricardo Z StockhamJapanAsiya Javayant RENEWAL
Maisha Q SaylorsItalyStephen Shaw PROPOSAL
Jeanfrancois B WhobreyFranceIoni Bowcher UNQUALIFIED
Octavia B DilliardArgentinaBernardo Dominic RENEWAL
David W CaldareraUnited KingdomIoni Bowcher NEGOTIATION
Ivar K BowleyUnited KingdomElwin Sharvill RENEWAL
Juan Z FerenczBrazilIoni Bowcher QUALIFIED
Alejandro O GlickCanadaElwin Sharvill NEW
Murillo B KolmetzSpainStephen Shaw PROPOSAL
Kadeem E GauchoItalyStephen Shaw NEGOTIATION
James V SlusarskiUnited KingdomAmy Elsner RENEWAL
David Q MacleadJapanIvan Magalhaes QUALIFIED
Ashley C FlosiUnited KingdomBernardo Dominic QUALIFIED
Aditya Q TollnerAustraliaIoni Bowcher NEW
Leon N ButtRussiaElwin Sharvill RENEWAL
Alejandro K MaletRussiaAnna Fali UNQUALIFIED
Darci Q WieserJapanStephen Shaw NEW
Munro U NestleRussiaOnyama Limba QUALIFIED
Kadeem L SchemmerJapanIvan Magalhaes RENEWAL
Leja V SchemmerArgentinaElwin Sharvill NEW
Rodrigues K SlusarskiSpainOnyama Limba UNQUALIFIED
Clifford B MacleadIndiaStephen Shaw RENEWAL
Costa P DoeRussiaBernardo Dominic RENEWAL
Leja X PerinIndiaOnyama Limba RENEWAL
Mayumi D SergiCanadaIvan Magalhaes UNQUALIFIED
Darci U CaldareraUnited KingdomStephen Shaw UNQUALIFIED
Ivar D ButtBrazilXuxue Feng RENEWAL
Horizontal
NameCountryRepresentativeStatus
Claire K RutaJapanElwin Sharvill NEW
Kaitlin H WaycottArgentinaOnyama Limba PROPOSAL
Faith D MaletJapanAsiya Javayant NEW
Nicolas K OldroydArgentinaAnna Fali NEW
Kadeem L MaletGermanyElwin Sharvill NEGOTIATION
Smith E StensethIndiaOnyama Limba PROPOSAL
Darci U GauchoRussiaElwin Sharvill UNQUALIFIED
Octavia H PerinGermanyIvan Magalhaes RENEWAL
Leon E VenereUnited KingdomXuxue Feng UNQUALIFIED
Aika D AmigonCanadaElwin Sharvill UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Maisha K TollnerGermany2026-10-30Chapman, Ross E Esq NEGOTIATION42Amy Elsner
1001James N GarufiAustralia2026-11-10Feltz Printing Service NEW80Bernardo Dominic
1002Sinclair J MorascaArgentina2026-10-19Commercial Press QUALIFIED78Bernardo Dominic
1003Tony E FlosiRussia2026-11-07Dorl, James J Esq RENEWAL61Stephen Shaw
1004Leon N NestleGermany2026-10-16King, Christopher A Esq PROPOSAL74Bernardo Dominic
1005Johnson G DilliardFrance2026-11-05Buckley Miller Wright UNQUALIFIED73Onyama Limba
1006Aika M CampainArgentina2026-10-17Chemel, James L Cpa QUALIFIED62Asiya Javayant
1007Costa H RutaArgentina2026-11-05King, Christopher A Esq UNQUALIFIED48Onyama Limba
1008Rodrigues P CaldareraUnited Kingdom2026-11-05Printing Dimensions NEW52Ivan Magalhaes
1009Francesco B AmigonIndia2026-10-26Feiner Bros QUALIFIED70Amy Elsner
1010Costa S FigeroaIndia2026-10-13Commercial Press PROPOSAL57Xuxue Feng
1011Jefferson S CaldareraRussia2026-10-15Chanay, Jeffrey A Esq PROPOSAL31Onyama Limba
1012Chavez M WieserSpain2026-10-12Feiner Bros PROPOSAL81Stephen Shaw
1013Adams B VocelkaAustralia2026-10-23Buckley Miller Wright NEGOTIATION87Stephen Shaw
1014Mayumi M GillianItaly2026-11-04Feltz Printing Service NEGOTIATION75Asiya Javayant
1015Claire J InouyeSpain2026-10-19Truhlar And Truhlar Attys NEW11Ivan Magalhaes
1016Kadeem N KuskoBrazil2026-10-23Morlong Associates NEW46Amy Elsner
1017Clifford V FigeroaBrazil2026-11-07Truhlar And Truhlar Attys RENEWAL23Asiya Javayant
1018Jennifer S FollerItaly2026-10-18King, Christopher A Esq NEGOTIATION65Ivan Magalhaes
1019Cody E NestleRussia2026-10-13Buckley Miller Wright UNQUALIFIED78Bernardo Dominic
1020Leon W InouyeIndia2026-10-19Chanay, Jeffrey A Esq NEGOTIATION81Asiya Javayant
1021Aika B SlusarskiArgentina2026-10-21Feiner Bros QUALIFIED96Ivan Magalhaes
1022Claire F DilliardIndia2026-10-25Chanay, Jeffrey A Esq NEGOTIATION58Asiya Javayant
1023Aika S GarufiAustralia2026-11-08Dorl, James J Esq RENEWAL17Ivan Magalhaes
1024James R CampainRussia2026-11-06Morlong Associates RENEWAL85Ioni Bowcher
1025Salvatore J WaycottFrance2026-11-10Rangoni Of Florence NEGOTIATION13Elwin Sharvill
1026Alejandro I SergiFrance2026-10-17Dorl, James J Esq UNQUALIFIED14Amy Elsner
1027Leon R ChuiGermany2026-11-07Chapman, Ross E Esq UNQUALIFIED9Anna Fali
1028Ricardo N FigeroaCanada2026-10-31Printing Dimensions PROPOSAL86Ivan Magalhaes
1029Johnson D SaylorsUnited Kingdom2026-10-18King, Christopher A Esq QUALIFIED32Onyama Limba
1030Maria Y StockhamArgentina2026-11-08Chapman, Ross E Esq PROPOSAL38Asiya Javayant
1031Juan K GlickCanada2026-10-17Truhlar And Truhlar Attys UNQUALIFIED93Asiya Javayant
1032Leon W BriddickBrazil2026-11-07Chemel, James L Cpa RENEWAL89Ioni Bowcher
1033Jennifer M MaletAustralia2026-11-04Buckley Miller Wright RENEWAL10Ioni Bowcher
1034Alejandro E AmigonFrance2026-10-31Chapman, Ross E Esq QUALIFIED31Ioni Bowcher
1035Silvio P FigeroaItaly2026-10-15Morlong Associates RENEWAL60Onyama Limba
1036Kadeem I MaletRussia2026-10-22Chemel, James L Cpa RENEWAL11Amy Elsner
1037Jeanfrancois R RutaArgentina2026-11-03Commercial Press UNQUALIFIED83Stephen Shaw
1038Adams D RulapaughArgentina2026-10-16Rangoni Of Florence NEGOTIATION6Asiya Javayant
1039Sinclair Q KolmetzUnited Kingdom2026-10-19Benton, John B Jr PROPOSAL75Ivan Magalhaes
1040Mujtaba W SchemmerArgentina2026-11-08Chapman, Ross E Esq UNQUALIFIED3Asiya Javayant
1041Izzy I TollnerBrazil2026-11-07Rousseaux, Michael Esq NEGOTIATION38Asiya Javayant
1042Greenwood T TollnerFrance2026-10-27Morlong Associates NEGOTIATION42Xuxue Feng
1043Francesco M MorascaIndia2026-10-15King, Christopher A Esq RENEWAL23Onyama Limba
1044Jefferson F PerinFrance2026-10-21Feiner Bros UNQUALIFIED86Ioni Bowcher
1045Ashley R PaprockiArgentina2026-10-18Buckley Miller Wright NEW11Onyama Limba
1046Ashley T CaudySpain2026-11-03Truhlar And Truhlar Attys QUALIFIED11Ivan Magalhaes
1047Octavia V FerenczIndia2026-10-28Printing Dimensions NEW63Ioni Bowcher
1048Deepesh I RutaFrance2026-10-15Dorl, James J Esq RENEWAL68Anna Fali
1049Maisha T BologniaIndia2026-10-29Feltz Printing Service QUALIFIED73Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
James M WhobreyFranceIoni Bowcher UNQUALIFIED
Claire M InouyeFranceAmy Elsner UNQUALIFIED
Maisha W MacleadBrazilAmy Elsner PROPOSAL
Jennifer R PerinItalyBernardo Dominic RENEWAL
Silvio U PoquetteArgentinaStephen Shaw NEGOTIATION
Clifford Z GlickCanadaAnna Fali UNQUALIFIED
Rodrigues R WhobreyItalyElwin Sharvill QUALIFIED
Ashley K CaldareraUnited KingdomAmy Elsner NEW
Kadeem I VocelkaJapanStephen Shaw QUALIFIED
Costa B KolmetzGermanyOnyama Limba NEGOTIATION
Arvin M VenereBrazilAnna Fali NEGOTIATION
Aditya O AmigonIndiaOnyama Limba PROPOSAL
Munro C PaprockiFranceIoni Bowcher UNQUALIFIED
Kaitlin K RimRussiaXuxue Feng RENEWAL
Munro T DilliardAustraliaElwin Sharvill NEGOTIATION
Aditya U MorascaFranceElwin Sharvill RENEWAL
Sinclair K WhobreyCanadaStephen Shaw RENEWAL
Arvin F AmigonRussiaElwin Sharvill RENEWAL
Wickens K PerinIndiaAnna Fali RENEWAL
Munro F InouyeRussiaElwin Sharvill UNQUALIFIED
Salvatore E FigeroaAustraliaStephen Shaw PROPOSAL
Aruna R MorascaJapanIoni Bowcher RENEWAL
Maria Q WhobreyCanadaBernardo Dominic UNQUALIFIED
Rodrigues R GillianRussiaStephen Shaw QUALIFIED
Salvatore J GlickIndiaElwin Sharvill NEW
Chavez O OstroskyFranceIvan Magalhaes UNQUALIFIED
Claire D PoquetteGermanyOnyama Limba RENEWAL
Adams H FlosiItalyXuxue Feng NEGOTIATION
Jennifer S PerinRussiaAnna Fali RENEWAL
Octavia A CaldareraArgentinaIoni Bowcher UNQUALIFIED
Jennifer C RoysterSpainAmy Elsner UNQUALIFIED
Aruna G FerenczUnited KingdomAmy Elsner RENEWAL
James E FollerFranceElwin Sharvill QUALIFIED
Smith A RulapaughUnited KingdomOnyama Limba PROPOSAL
Tony P SergiJapanAsiya Javayant NEW
Jones X SlusarskiItalyOnyama Limba RENEWAL
Chavez M IturbideItalyIoni Bowcher RENEWAL
Munro J GillianRussiaAnna Fali PROPOSAL
Cody Y DilliardFranceBernardo Dominic NEGOTIATION
Aditya X FlosiCanadaOnyama Limba NEW
Francesco O FerenczFranceAnna Fali NEW
Stacey C CampainAustraliaAsiya Javayant NEGOTIATION
Leja O FlosiSpainBernardo Dominic QUALIFIED
Mujtaba E GarufiUnited KingdomIvan Magalhaes UNQUALIFIED
Aika S GlickRussiaElwin Sharvill QUALIFIED
Misaki M SchemmerItalyIvan Magalhaes NEGOTIATION
Chavez Q MaletUnited KingdomIoni Bowcher RENEWAL
Nicolas F KolmetzRussiaAsiya Javayant PROPOSAL
Antonio F PerinSpainIoni Bowcher NEW
Costa V MarrierRussiaIoni Bowcher UNQUALIFIED
Frozen Columns
Name
Sinclair K Ferencz
Deepesh E Bolognia
Aditya C Wieser
Stacey L Stenseth
Kadeem O Dilliard
Deepesh G Gillian
Mujtaba M Poquette
Ashley M Briddick
Nicolas C Morasca
Mujtaba Y Stenseth
Clifford T Malet
Morrow S Vocelka
Johnson J Iturbide
Misaki P Marrier
Alejandro W Tollner
Salvatore X Wieser
Ashley M Caldarera
Kadeem K Stenseth
Juan B Gaucho
Julie D Slusarski
Juan V Waycott
Mujtaba Z Shinko
James J Perin
Stacey B Garufi
Wickens R Ostrosky
Misaki M Campain
Ashley J Waycott
Faith B Marrier
Arvin Q Butt
Adams F Kusko
Nicolas M Rim
Wickens H Gaucho
Isabel O Nicka
Arvin I Stockham
David G Stockham
Faith R Wieser
Aika S Oldroyd
Adams C Gaucho
Leja Z Nestle
Aruna X Bowley
Aika C Garufi
Aika E Morasca
Tony Q Campain
Julie I Bowley
Silvio E Rim
James K Schemmer
Rodrigues W Malet
Clifford H Garufi
Mujtaba M Caudy
Greenwood D Wieser
IdCountryDate
1000Brazil2026-11-02
1001Italy2026-11-10
1002Argentina2026-10-31
1003Italy2026-10-28
1004Germany2026-11-10
1005Brazil2026-10-18
1006Argentina2026-10-29
1007Argentina2026-11-09
1008Japan2026-10-16
1009Japan2026-10-24
1010Russia2026-10-23
1011Italy2026-10-29
1012Canada2026-10-29
1013Japan2026-10-29
1014France2026-10-15
1015Argentina2026-11-02
1016Italy2026-10-27
1017United Kingdom2026-10-25
1018Spain2026-10-28
1019Australia2026-10-18
1020United Kingdom2026-11-03
1021Argentina2026-10-25
1022Japan2026-10-21
1023Germany2026-10-25
1024Canada2026-10-22
1025Russia2026-10-12
1026Australia2026-11-10
1027Australia2026-11-09
1028India2026-10-12
1029Brazil2026-10-26
1030Germany2026-10-25
1031Germany2026-10-12
1032Canada2026-11-10
1033United Kingdom2026-11-01
1034Argentina2026-11-03
1035Russia2026-10-13
1036Canada2026-10-19
1037Canada2026-11-04
1038Italy2026-10-31
1039United Kingdom2026-10-18
1040France2026-10-15
1041United Kingdom2026-10-14
1042India2026-11-07
1043France2026-10-14
1044Italy2026-10-16
1045Australia2026-10-23
1046Argentina2026-10-22
1047Russia2026-10-23
1048Argentina2026-11-06
1049Germany2026-10-30

On-Demand Data

NameIdCountryDate
Arvin R Whobrey1000Argentina2026-10-18
Kadeem Y Vocelka1001Australia2026-10-21
Clifford W Caudy1002Brazil2026-10-31
Costa F Foller1003Brazil2026-10-16
Octavia W Ostrosky1004Italy2026-10-12
Alejandro O Perin1005Russia2026-10-17
James B Amigon1006India2026-11-01
Aruna O Nicka1007France2026-10-25
Morrow Y Butt1008India2026-10-18
Jennifer R Malet1009France2026-11-05
Ricardo S Albares1010United Kingdom2026-11-09
Kaitlin R Bowley1011Italy2026-11-08
Adams L Poquette1012Germany2026-10-29
Tony X Caudy1013Japan2026-10-27
Deepesh E Albares1014United Kingdom2026-11-01
Mujtaba I Stockham1015India2026-10-31
Faith O Wieser1016Japan2026-10-25
Salvatore T Inouye1017Spain2026-10-31
Kadeem A Schemmer1018United Kingdom2026-11-08
Izzy J Marrier1019Russia2026-10-19
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Mayumi J AmigonBrazilElwin Sharvill UNQUALIFIED
Misaki E NickaCanadaIoni Bowcher UNQUALIFIED
Nicolas Y RulapaughFranceAmy Elsner NEGOTIATION
Jefferson A MacleadAustraliaOnyama Limba UNQUALIFIED
Aika S OldroydIndiaAnna Fali RENEWAL
James O SchemmerRussiaAmy Elsner NEW
Izzy A RimIndiaAnna Fali PROPOSAL
Jones G DoeBrazilAmy Elsner NEW
Rodrigues J PaprockiBrazilAsiya Javayant RENEWAL
Costa A GillianFranceXuxue Feng NEGOTIATION
Johnson G MarrierRussiaAsiya Javayant NEW
Izzy J CaudyJapanAnna Fali RENEWAL
Adams Q StockhamRussiaElwin Sharvill UNQUALIFIED
Maria R PerinBrazilAsiya Javayant PROPOSAL
Wickens N DoeItalyXuxue Feng QUALIFIED
Cody C FigeroaUnited KingdomAsiya Javayant RENEWAL
Claire F FigeroaFranceAnna Fali NEW
Sinclair H WieserCanadaStephen Shaw NEW
Kadeem I InouyeSpainAmy Elsner PROPOSAL
Ashley G SlusarskiFranceIoni Bowcher QUALIFIED
Munro D ShinkoArgentinaIoni Bowcher NEW
Isabel Y PerinItalyXuxue Feng PROPOSAL
Adams O ChuiFranceAmy Elsner RENEWAL
Jefferson F MorascaUnited KingdomAmy Elsner NEGOTIATION
Kadeem F KuskoArgentinaStephen Shaw PROPOSAL
Smith U MarrierFranceStephen Shaw QUALIFIED
Mayumi I AlbaresSpainBernardo Dominic UNQUALIFIED
Greenwood V MarrierUnited KingdomStephen Shaw PROPOSAL
Aditya A VocelkaItalyAnna Fali NEGOTIATION
Nicolas O ButtAustraliaIvan Magalhaes RENEWAL
Izzy G ButtBrazilStephen Shaw QUALIFIED
Octavia B BriddickGermanyStephen Shaw PROPOSAL
Aika D MorascaJapanBernardo Dominic NEW
Munro F MaletAustraliaIvan Magalhaes NEGOTIATION
Maisha V StensethArgentinaStephen Shaw NEGOTIATION
Kaitlin E AmigonFranceAsiya Javayant RENEWAL
Tony J FigeroaAustraliaXuxue Feng NEW
Antonio K ButtItalyOnyama Limba PROPOSAL
Smith Y GillianSpainIoni Bowcher NEW
Isabel W MaletFranceElwin Sharvill 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>