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
Clifford V DilliardRussiaIvan Magalhaes NEW
Munro D DarakjyGermanyBernardo Dominic PROPOSAL
Darci R ButtRussiaAmy Elsner RENEWAL
Kadeem V BologniaArgentinaXuxue Feng RENEWAL
Jones Q PaprockiBrazilAnna Fali NEGOTIATION
Maria G KolmetzIndiaOnyama Limba NEW
David Y SaylorsFranceStephen Shaw QUALIFIED
Nicolas Y TollnerGermanyIvan Magalhaes NEW
Julie P WhobreyGermanyXuxue Feng NEGOTIATION
Mayumi R MorascaBrazilAsiya Javayant PROPOSAL
Morrow M MaletCanadaAmy Elsner UNQUALIFIED
Ricardo E StensethRussiaAnna Fali RENEWAL
Leon F GlickRussiaBernardo Dominic UNQUALIFIED
Ricardo Z MarrierSpainAnna Fali RENEWAL
Aruna O NestleAustraliaIvan Magalhaes NEGOTIATION
Faith U InouyeUnited KingdomBernardo Dominic NEGOTIATION
Mayumi P CaudyFranceBernardo Dominic NEW
Ivar C RoysterGermanyAsiya Javayant QUALIFIED
Chavez A ShinkoSpainAnna Fali NEW
Claire B SlusarskiIndiaIvan Magalhaes NEGOTIATION
Francesco K KuskoCanadaAnna Fali UNQUALIFIED
Munro S FollerJapanAnna Fali RENEWAL
Deepesh N PoquetteIndiaOnyama Limba UNQUALIFIED
Wickens N DoeUnited KingdomStephen Shaw QUALIFIED
Claire G MaletIndiaAsiya Javayant UNQUALIFIED
Maria Y GarufiGermanyStephen Shaw NEW
Aruna X OldroydAustraliaStephen Shaw PROPOSAL
Smith C DilliardArgentinaAmy Elsner RENEWAL
Julie V RutaCanadaElwin Sharvill RENEWAL
Izzy V PerinAustraliaAsiya Javayant QUALIFIED
Maria N FlosiJapanAmy Elsner RENEWAL
Izzy I SlusarskiAustraliaXuxue Feng PROPOSAL
Tony N FigeroaAustraliaOnyama Limba PROPOSAL
Ashley Q GauchoItalyAmy Elsner NEGOTIATION
Tony I WieserBrazilAnna Fali NEGOTIATION
Ashley Y TollnerCanadaStephen Shaw NEW
Isabel H IturbideArgentinaAmy Elsner QUALIFIED
Mayumi I ShinkoJapanBernardo Dominic PROPOSAL
Morrow A VenereRussiaAsiya Javayant QUALIFIED
Johnson M CampainAustraliaStephen Shaw QUALIFIED
Wickens I AlbaresFranceAsiya Javayant QUALIFIED
David M KolmetzItalyStephen Shaw QUALIFIED
Julie X SlusarskiItalyStephen Shaw UNQUALIFIED
Arvin C ChuiItalyBernardo Dominic NEGOTIATION
Izzy J AmigonJapanElwin Sharvill PROPOSAL
Arvin U IturbideUnited KingdomOnyama Limba NEW
Ashley B BowleyRussiaXuxue Feng PROPOSAL
Ashley M AmigonCanadaElwin Sharvill UNQUALIFIED
Smith E NestleGermanyBernardo Dominic NEGOTIATION
Deepesh F MarrierUnited KingdomAsiya Javayant PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Octavia P WaycottIndiaIvan Magalhaes NEW
Smith L RulapaughGermanyElwin Sharvill RENEWAL
James F DarakjyJapanElwin Sharvill RENEWAL
Rodrigues D RimBrazilAsiya Javayant UNQUALIFIED
Wickens R NickaBrazilOnyama Limba RENEWAL
Julie K DilliardBrazilAsiya Javayant PROPOSAL
Jones M StockhamItalyBernardo Dominic PROPOSAL
Chavez Q KolmetzRussiaIoni Bowcher NEW
Costa D AmigonJapanIoni Bowcher QUALIFIED
Wickens X BologniaSpainOnyama Limba NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000David Y GlickFrance2026-10-04Dorl, James J Esq PROPOSAL46Ioni Bowcher
1001Kadeem Y DoeRussia2026-10-21Printing Dimensions UNQUALIFIED21Asiya Javayant
1002Izzy L CaudyCanada2026-10-15Benton, John B Jr QUALIFIED62Xuxue Feng
1003Faith N GarufiArgentina2026-10-14Commercial Press NEW56Ioni Bowcher
1004Mujtaba L KolmetzRussia2026-10-25Feiner Bros RENEWAL67Elwin Sharvill
1005Jefferson A SaylorsAustralia2026-10-06Rangoni Of Florence NEGOTIATION57Onyama Limba
1006Jefferson U MaletItaly2026-10-18Rangoni Of Florence PROPOSAL94Xuxue Feng
1007Claire N PoquetteRussia2026-10-07Feiner Bros UNQUALIFIED46Elwin Sharvill
1008Salvatore U DilliardFrance2026-10-11Chapman, Ross E Esq QUALIFIED53Xuxue Feng
1009Salvatore Y DoeCanada2026-10-06Buckley Miller Wright NEGOTIATION89Bernardo Dominic
1010Kadeem E SaylorsJapan2026-10-28Feltz Printing Service NEGOTIATION66Onyama Limba
1011Mujtaba E WaycottBrazil2026-10-13Chanay, Jeffrey A Esq RENEWAL15Bernardo Dominic
1012Maisha B SlusarskiFrance2026-10-23Chemel, James L Cpa PROPOSAL58Anna Fali
1013Stacey B WieserAustralia2026-10-15Feltz Printing Service PROPOSAL52Elwin Sharvill
1014Cody J RoysterRussia2026-10-27Chanay, Jeffrey A Esq PROPOSAL43Elwin Sharvill
1015Claire Y VenereItaly2026-10-10Chemel, James L Cpa UNQUALIFIED34Ioni Bowcher
1016Jones Y GlickJapan2026-10-04Rousseaux, Michael Esq PROPOSAL0Anna Fali
1017James V BowleyRussia2026-10-24Feltz Printing Service NEW37Elwin Sharvill
1018Juan J FigeroaArgentina2026-10-10Dorl, James J Esq QUALIFIED32Xuxue Feng
1019Aditya B NestleBrazil2026-10-11Truhlar And Truhlar Attys RENEWAL25Bernardo Dominic
1020Sinclair L VenereItaly2026-10-31Rousseaux, Michael Esq RENEWAL49Ioni Bowcher
1021Maisha B PoquetteAustralia2026-10-07Morlong Associates PROPOSAL76Ioni Bowcher
1022Stacey O OldroydGermany2026-10-14Printing Dimensions NEW48Anna Fali
1023Misaki X AmigonFrance2026-10-22Buckley Miller Wright NEGOTIATION86Onyama Limba
1024Misaki R RulapaughItaly2026-10-22Feiner Bros RENEWAL15Xuxue Feng
1025Wickens I MacleadRussia2026-10-06Dorl, James J Esq PROPOSAL3Ivan Magalhaes
1026Kaitlin C OldroydGermany2026-10-17Morlong Associates NEGOTIATION80Onyama Limba
1027Tony V OldroydSpain2026-10-04Chapman, Ross E Esq QUALIFIED97Elwin Sharvill
1028Faith B FlosiArgentina2026-10-14Dorl, James J Esq RENEWAL55Stephen Shaw
1029Morrow Q WaycottCanada2026-10-19Buckley Miller Wright RENEWAL23Elwin Sharvill
1030Cody E MarrierFrance2026-10-17Chanay, Jeffrey A Esq QUALIFIED13Elwin Sharvill
1031Deepesh K TollnerCanada2026-10-18Morlong Associates NEGOTIATION39Stephen Shaw
1032Adams N WaycottGermany2026-10-06Chanay, Jeffrey A Esq UNQUALIFIED26Ioni Bowcher
1033Antonio K OstroskyFrance2026-10-24Printing Dimensions NEGOTIATION58Stephen Shaw
1034Izzy E OstroskyIndia2026-10-20Buckley Miller Wright NEGOTIATION43Ioni Bowcher
1035Izzy U CaldareraGermany2026-10-16Feltz Printing Service RENEWAL72Stephen Shaw
1036Antonio F ButtJapan2026-10-04King, Christopher A Esq PROPOSAL32Amy Elsner
1037James G BriddickFrance2026-10-24Dorl, James J Esq NEGOTIATION29Xuxue Feng
1038Rodrigues R InouyeItaly2026-10-26Rangoni Of Florence QUALIFIED84Elwin Sharvill
1039Cody V VocelkaGermany2026-10-05Feiner Bros NEGOTIATION98Asiya Javayant
1040Jennifer C AmigonJapan2026-10-17Chanay, Jeffrey A Esq NEW16Stephen Shaw
1041Salvatore A AmigonJapan2026-10-16Rousseaux, Michael Esq NEW96Anna Fali
1042Ricardo E GillianRussia2026-10-28Commercial Press NEGOTIATION92Amy Elsner
1043Francesco V RulapaughItaly2026-10-06Buckley Miller Wright RENEWAL29Ioni Bowcher
1044Leja F GillianAustralia2026-10-12Chapman, Ross E Esq QUALIFIED41Asiya Javayant
1045Jefferson P RoysterJapan2026-10-13Feltz Printing Service QUALIFIED57Ivan Magalhaes
1046Nicolas P MacleadUnited Kingdom2026-10-12Chapman, Ross E Esq UNQUALIFIED53Ivan Magalhaes
1047Aruna M FollerIndia2026-10-09Printing Dimensions QUALIFIED34Anna Fali
1048Jennifer I InouyeSpain2026-10-28Truhlar And Truhlar Attys NEGOTIATION10Ioni Bowcher
1049Alejandro S PoquetteUnited Kingdom2026-10-25Truhlar And Truhlar Attys NEGOTIATION6Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Maria W MarrierArgentinaIvan Magalhaes QUALIFIED
Wickens U KolmetzJapanOnyama Limba QUALIFIED
Deepesh R FerenczRussiaAsiya Javayant NEW
Aika C BowleyJapanAnna Fali QUALIFIED
Deepesh B OstroskyFranceXuxue Feng NEW
David R WieserSpainBernardo Dominic UNQUALIFIED
Claire F GarufiArgentinaAmy Elsner UNQUALIFIED
Jeanfrancois T PaprockiGermanyBernardo Dominic QUALIFIED
Salvatore V NestleSpainIoni Bowcher NEW
Kaitlin L ButtFranceBernardo Dominic UNQUALIFIED
Leja T RoysterBrazilIvan Magalhaes PROPOSAL
Cody E KolmetzIndiaIoni Bowcher QUALIFIED
Claire R MarrierBrazilBernardo Dominic NEW
Aruna W DoeBrazilAmy Elsner NEGOTIATION
Maria J IturbideIndiaAnna Fali QUALIFIED
Greenwood Q RulapaughJapanAnna Fali NEGOTIATION
Sinclair N IturbideUnited KingdomIvan Magalhaes RENEWAL
Leja R WhobreyBrazilElwin Sharvill NEGOTIATION
Sinclair R AmigonSpainBernardo Dominic RENEWAL
Octavia Z AlbaresCanadaIvan Magalhaes PROPOSAL
Francesco K GauchoGermanyIvan Magalhaes UNQUALIFIED
Adams N DilliardArgentinaStephen Shaw RENEWAL
Nicolas S GlickJapanAsiya Javayant NEGOTIATION
Ricardo X MacleadItalyBernardo Dominic QUALIFIED
Costa I RoysterCanadaXuxue Feng NEGOTIATION
Stacey L AmigonBrazilXuxue Feng NEGOTIATION
Kadeem S NickaItalyStephen Shaw NEW
Wickens D FollerItalyOnyama Limba UNQUALIFIED
Aditya X GarufiIndiaXuxue Feng NEW
Misaki N NestleCanadaStephen Shaw UNQUALIFIED
Mujtaba C KolmetzCanadaIoni Bowcher RENEWAL
David D RimGermanyAmy Elsner NEGOTIATION
Tony J ChuiFranceIoni Bowcher PROPOSAL
Munro Z PaprockiArgentinaIvan Magalhaes PROPOSAL
Cody U GarufiGermanyAsiya Javayant NEW
Nicolas K SaylorsFranceAmy Elsner QUALIFIED
Leja S FigeroaFranceXuxue Feng NEGOTIATION
Sinclair I ButtBrazilAsiya Javayant UNQUALIFIED
Jeanfrancois N RimItalyStephen Shaw UNQUALIFIED
Sinclair A DarakjyGermanyBernardo Dominic PROPOSAL
Arvin P AlbaresUnited KingdomElwin Sharvill NEGOTIATION
Murillo A FlosiCanadaOnyama Limba PROPOSAL
Aditya W RulapaughUnited KingdomIoni Bowcher PROPOSAL
Salvatore E AmigonBrazilIvan Magalhaes PROPOSAL
Costa B RoysterItalyAnna Fali QUALIFIED
Aruna F IturbideGermanyBernardo Dominic PROPOSAL
Claire R RulapaughArgentinaBernardo Dominic QUALIFIED
James D GlickUnited KingdomAmy Elsner PROPOSAL
Silvio X GillianJapanOnyama Limba UNQUALIFIED
Sinclair H OldroydGermanyAnna Fali NEW
Frozen Columns
Name
Juan N Ruta
Chavez U Nicka
Ivar P Malet
Misaki R Ostrosky
Alejandro J Kusko
Wickens N Rulapaugh
Costa T Nicka
Nicolas C Caldarera
Mujtaba G Malet
Aika V Sergi
Mayumi L Stenseth
Kadeem Z Poquette
Mayumi N Nicka
Murillo U Gaucho
Jeanfrancois X Dilliard
James T Kolmetz
Sinclair R Caldarera
Salvatore P Caldarera
Tony H Rim
Mujtaba R Iturbide
Morrow O Tollner
Greenwood P Ostrosky
Aditya Y Malet
Deepesh G Amigon
Ricardo U Albares
Deepesh Q Dilliard
Jeanfrancois T Vocelka
Silvio V Iturbide
Emily P Tollner
Sinclair V Whobrey
Greenwood Q Slusarski
Silvio N Schemmer
Aruna P Paprocki
Mayumi G Inouye
Clifford W Oldroyd
Claire A Caudy
Jones J Venere
Greenwood R Campain
Salvatore V Flosi
Jefferson V Waycott
Mujtaba O Venere
Arvin G Maclead
Mayumi G Inouye
Alejandro W Doe
Leon N Butt
Darci H Wieser
Johnson G Briddick
Cody Q Kolmetz
David Q Bolognia
Jefferson Q Chui
IdCountryDate
1000Australia2026-10-13
1001Canada2026-10-24
1002India2026-10-02
1003United Kingdom2026-10-13
1004United Kingdom2026-10-18
1005Italy2026-10-28
1006Italy2026-10-21
1007Japan2026-10-04
1008United Kingdom2026-10-10
1009Australia2026-10-05
1010Italy2026-10-16
1011Italy2026-10-23
1012Argentina2026-10-21
1013India2026-10-29
1014Russia2026-10-10
1015Japan2026-10-17
1016France2026-10-23
1017Italy2026-10-22
1018France2026-10-19
1019Spain2026-10-16
1020Germany2026-10-10
1021United Kingdom2026-10-19
1022Spain2026-10-24
1023Japan2026-10-30
1024Argentina2026-10-24
1025France2026-10-18
1026Italy2026-10-18
1027United Kingdom2026-10-15
1028Canada2026-10-04
1029Japan2026-10-02
1030India2026-10-03
1031Italy2026-10-30
1032Russia2026-10-21
1033Brazil2026-10-19
1034Russia2026-10-29
1035Italy2026-10-08
1036Russia2026-10-26
1037Russia2026-10-10
1038Spain2026-10-31
1039India2026-10-06
1040India2026-10-10
1041Australia2026-10-25
1042Canada2026-10-10
1043Brazil2026-10-14
1044Australia2026-10-23
1045Australia2026-10-28
1046Russia2026-10-06
1047Spain2026-10-30
1048Argentina2026-10-15
1049Spain2026-10-03

On-Demand Data

NameIdCountryDate
Maisha M Malet1000Italy2026-10-24
Darci U Bolognia1001United Kingdom2026-10-24
Maisha A Royster1002Japan2026-10-30
Tony J Amigon1003Australia2026-10-23
Aruna Y Marrier1004Germany2026-10-23
Smith L Caldarera1005Japan2026-10-22
Izzy Q Briddick1006Italy2026-10-03
Munro A Kolmetz1007France2026-10-19
David N Garufi1008Argentina2026-10-20
Darci U Saylors1009Brazil2026-10-24
Cody V Briddick1010Brazil2026-10-04
Claire L Wieser1011Spain2026-10-15
Aditya A Garufi1012Canada2026-10-03
Jefferson D Flosi1013Brazil2026-10-16
Greenwood Q Stenseth1014France2026-10-25
Sinclair R Rim1015Russia2026-10-19
Maria H Whobrey1016Italy2026-10-25
Jefferson D Inouye1017Canada2026-10-23
James P Venere1018Canada2026-10-23
Smith H Vocelka1019Japan2026-10-26
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Smith X MarrierJapanAsiya Javayant QUALIFIED
Wickens M RoysterFranceIoni Bowcher UNQUALIFIED
Ivar M NickaUnited KingdomAmy Elsner PROPOSAL
Izzy M BologniaArgentinaIvan Magalhaes QUALIFIED
Julie B FerenczArgentinaStephen Shaw QUALIFIED
Johnson Y NickaBrazilAnna Fali NEGOTIATION
Kaitlin G RutaRussiaBernardo Dominic RENEWAL
Ashley W WieserArgentinaAnna Fali QUALIFIED
Costa Q CaudyAustraliaIvan Magalhaes NEGOTIATION
Salvatore W FlosiItalyIoni Bowcher NEGOTIATION
Greenwood R KolmetzJapanAmy Elsner UNQUALIFIED
Emily K WhobreyJapanAmy Elsner QUALIFIED
Ivar Z SergiAustraliaOnyama Limba PROPOSAL
Greenwood B KolmetzRussiaOnyama Limba RENEWAL
Izzy L MaletArgentinaAmy Elsner QUALIFIED
Mujtaba J StensethAustraliaBernardo Dominic UNQUALIFIED
Claire R TollnerJapanStephen Shaw PROPOSAL
Octavia U ShinkoFranceBernardo Dominic UNQUALIFIED
Emily S IturbideFranceAnna Fali PROPOSAL
Wickens B OstroskyRussiaIvan Magalhaes RENEWAL
Mujtaba Y GauchoBrazilAmy Elsner NEW
Darci X PaprockiSpainIvan Magalhaes QUALIFIED
Leja T BowleyArgentinaXuxue Feng QUALIFIED
Izzy P FlosiCanadaBernardo Dominic RENEWAL
Jones F GillianRussiaOnyama Limba NEW
Maria R BowleyUnited KingdomAsiya Javayant UNQUALIFIED
Jennifer T PoquetteArgentinaXuxue Feng NEGOTIATION
Greenwood N FollerBrazilXuxue Feng NEW
Ashley Y InouyeFranceAmy Elsner RENEWAL
Kaitlin W PerinCanadaStephen Shaw PROPOSAL
Jennifer V GillianFranceIoni Bowcher NEW
Arvin H FlosiGermanyStephen Shaw RENEWAL
Wickens L SlusarskiItalyStephen Shaw QUALIFIED
Mayumi A TollnerRussiaBernardo Dominic UNQUALIFIED
Munro Y AlbaresJapanIoni Bowcher PROPOSAL
Juan W WaycottUnited KingdomIoni Bowcher NEGOTIATION
Mujtaba R GauchoSpainBernardo Dominic UNQUALIFIED
Claire R FlosiAustraliaXuxue Feng NEGOTIATION
Isabel M FigeroaUnited KingdomAmy Elsner QUALIFIED
Juan Y FigeroaUnited KingdomStephen Shaw 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>