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 G BriddickArgentinaIoni Bowcher NEGOTIATION
Stacey R PaprockiGermanyIvan Magalhaes PROPOSAL
Munro H BriddickJapanStephen Shaw NEW
Murillo I GillianItalyXuxue Feng RENEWAL
Emily D OstroskyBrazilElwin Sharvill RENEWAL
Clifford R NestleCanadaIvan Magalhaes NEW
Ivar A BriddickIndiaStephen Shaw UNQUALIFIED
Emily B VocelkaIndiaElwin Sharvill NEW
Juan Z KolmetzIndiaIvan Magalhaes QUALIFIED
Maria P DilliardFranceAsiya Javayant UNQUALIFIED
Ricardo E DarakjyCanadaBernardo Dominic RENEWAL
Antonio V CampainBrazilXuxue Feng NEW
Misaki G RulapaughAustraliaAsiya Javayant NEW
Aruna S RulapaughUnited KingdomAmy Elsner RENEWAL
David G DilliardCanadaOnyama Limba QUALIFIED
Aruna B OstroskyItalyStephen Shaw RENEWAL
Isabel F OldroydIndiaAmy Elsner NEGOTIATION
Jeanfrancois Z ChuiRussiaIvan Magalhaes PROPOSAL
Chavez C CaldareraSpainAmy Elsner NEGOTIATION
Chavez C SchemmerIndiaStephen Shaw UNQUALIFIED
Johnson I WaycottJapanAsiya Javayant RENEWAL
Jefferson D KolmetzCanadaElwin Sharvill RENEWAL
Sinclair J OldroydUnited KingdomBernardo Dominic QUALIFIED
Isabel J NickaUnited KingdomOnyama Limba NEW
Julie X ButtCanadaAmy Elsner UNQUALIFIED
Faith Y FlosiGermanyBernardo Dominic PROPOSAL
Julie P BriddickRussiaAsiya Javayant QUALIFIED
Mujtaba V IturbideBrazilXuxue Feng QUALIFIED
Darci D GillianArgentinaXuxue Feng PROPOSAL
Ivar K KolmetzSpainStephen Shaw NEGOTIATION
Nicolas M BowleyAustraliaXuxue Feng UNQUALIFIED
Alejandro P PerinAustraliaElwin Sharvill NEGOTIATION
Rodrigues Y MaletArgentinaIoni Bowcher NEGOTIATION
Cody V ShinkoItalyAnna Fali UNQUALIFIED
Leon J PoquetteBrazilElwin Sharvill NEW
Darci L WieserSpainAmy Elsner RENEWAL
Darci E WaycottItalyAnna Fali QUALIFIED
Clifford Q DarakjyUnited KingdomAnna Fali RENEWAL
Isabel G MaletFranceElwin Sharvill UNQUALIFIED
Smith K BowleyJapanAmy Elsner UNQUALIFIED
Darci L ChuiFranceStephen Shaw QUALIFIED
Octavia F WieserUnited KingdomOnyama Limba RENEWAL
Cody W SchemmerItalyBernardo Dominic UNQUALIFIED
Nicolas C GauchoArgentinaXuxue Feng PROPOSAL
Francesco L MarrierSpainAnna Fali RENEWAL
Leon R CaudyUnited KingdomStephen Shaw PROPOSAL
Jefferson V CaudySpainBernardo Dominic QUALIFIED
Jefferson B FerenczJapanXuxue Feng PROPOSAL
Octavia Q FigeroaBrazilBernardo Dominic NEGOTIATION
Faith Q PerinCanadaAnna Fali UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Misaki G DilliardBrazilStephen Shaw UNQUALIFIED
Isabel M SlusarskiFranceAsiya Javayant QUALIFIED
Mujtaba O SlusarskiAustraliaStephen Shaw RENEWAL
Jeanfrancois H RoysterItalyAmy Elsner UNQUALIFIED
Rodrigues E WaycottGermanyStephen Shaw RENEWAL
Salvatore R MaletArgentinaIoni Bowcher RENEWAL
Stacey W MarrierIndiaIvan Magalhaes NEGOTIATION
Munro C GauchoBrazilElwin Sharvill QUALIFIED
David X VocelkaIndiaStephen Shaw PROPOSAL
Aruna J MarrierAustraliaXuxue Feng RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aruna R CaldareraRussia2026-08-23Benton, John B Jr NEGOTIATION61Bernardo Dominic
1001Nicolas G KuskoFrance2026-09-07Chanay, Jeffrey A Esq PROPOSAL87Xuxue Feng
1002Morrow O OldroydIndia2026-09-14Chapman, Ross E Esq PROPOSAL15Stephen Shaw
1003Leja R GarufiIndia2026-09-12Feltz Printing Service RENEWAL90Ivan Magalhaes
1004James P FollerUnited Kingdom2026-09-13Rousseaux, Michael Esq NEW13Elwin Sharvill
1005Jennifer R BologniaJapan2026-09-10Chanay, Jeffrey A Esq NEW15Onyama Limba
1006Nicolas K GauchoItaly2026-08-27Chanay, Jeffrey A Esq QUALIFIED48Bernardo Dominic
1007Arvin W SaylorsUnited Kingdom2026-09-06Morlong Associates UNQUALIFIED60Xuxue Feng
1008Claire F RimAustralia2026-09-15Chapman, Ross E Esq RENEWAL1Onyama Limba
1009Jones V NickaArgentina2026-09-12Chapman, Ross E Esq UNQUALIFIED79Xuxue Feng
1010Ricardo K WhobreyFrance2026-09-15Chanay, Jeffrey A Esq NEGOTIATION90Elwin Sharvill
1011Aruna D FlosiGermany2026-08-26Buckley Miller Wright NEW23Amy Elsner
1012Juan G VocelkaCanada2026-09-19Feltz Printing Service PROPOSAL11Xuxue Feng
1013Mujtaba O KuskoGermany2026-08-25Chanay, Jeffrey A Esq QUALIFIED68Bernardo Dominic
1014Faith O FerenczJapan2026-09-12King, Christopher A Esq PROPOSAL39Elwin Sharvill
1015Emily F KolmetzUnited Kingdom2026-08-28Morlong Associates NEW5Ivan Magalhaes
1016Jones M SaylorsRussia2026-09-17King, Christopher A Esq QUALIFIED12Stephen Shaw
1017Silvio D GarufiIndia2026-08-27Chemel, James L Cpa QUALIFIED39Onyama Limba
1018Darci S CampainAustralia2026-08-28Rousseaux, Michael Esq NEGOTIATION71Asiya Javayant
1019Leon D WhobreyFrance2026-09-04Commercial Press QUALIFIED50Ioni Bowcher
1020Kaitlin Y FigeroaArgentina2026-09-06Printing Dimensions PROPOSAL42Ivan Magalhaes
1021Adams V IturbideRussia2026-09-16Dorl, James J Esq PROPOSAL90Ioni Bowcher
1022Munro T MaletSpain2026-09-15Truhlar And Truhlar Attys PROPOSAL52Elwin Sharvill
1023Maria G KuskoRussia2026-09-02Buckley Miller Wright NEW86Amy Elsner
1024Smith G MaletFrance2026-09-05Buckley Miller Wright PROPOSAL6Amy Elsner
1025Deepesh P DarakjyArgentina2026-08-28Rangoni Of Florence QUALIFIED54Ivan Magalhaes
1026Isabel U RutaRussia2026-08-28Feltz Printing Service NEGOTIATION12Xuxue Feng
1027Adams Q StensethCanada2026-09-07Buckley Miller Wright QUALIFIED95Asiya Javayant
1028Mujtaba W TollnerAustralia2026-09-11Benton, John B Jr QUALIFIED38Amy Elsner
1029Izzy F KuskoAustralia2026-09-05Rousseaux, Michael Esq PROPOSAL3Ivan Magalhaes
1030Salvatore N FerenczGermany2026-09-19Benton, John B Jr UNQUALIFIED70Xuxue Feng
1031Jones M WaycottArgentina2026-08-29Rousseaux, Michael Esq NEGOTIATION11Asiya Javayant
1032Isabel U GillianBrazil2026-09-13Benton, John B Jr UNQUALIFIED78Bernardo Dominic
1033Kadeem M VenereItaly2026-09-02Feiner Bros RENEWAL94Anna Fali
1034Izzy X WieserBrazil2026-08-30Buckley Miller Wright QUALIFIED76Amy Elsner
1035Leja P MaletFrance2026-08-26Feltz Printing Service QUALIFIED35Ivan Magalhaes
1036Salvatore F MorascaIndia2026-09-06Feltz Printing Service NEW33Anna Fali
1037Maria W ChuiRussia2026-09-12Printing Dimensions NEW48Anna Fali
1038Deepesh J MaletFrance2026-09-17Commercial Press UNQUALIFIED60Anna Fali
1039Adams X GauchoUnited Kingdom2026-09-14Chemel, James L Cpa PROPOSAL74Xuxue Feng
1040Silvio K PaprockiGermany2026-09-21Commercial Press NEW27Asiya Javayant
1041Munro Q VenereArgentina2026-09-02Chemel, James L Cpa NEW75Xuxue Feng
1042Greenwood R PaprockiBrazil2026-09-08Chapman, Ross E Esq NEGOTIATION27Onyama Limba
1043Sinclair K SlusarskiJapan2026-09-10Truhlar And Truhlar Attys RENEWAL37Onyama Limba
1044Kadeem T RulapaughCanada2026-09-17Morlong Associates NEW24Stephen Shaw
1045Mujtaba W FlosiFrance2026-08-23Morlong Associates PROPOSAL46Elwin Sharvill
1046Aika Y MaletArgentina2026-09-02Benton, John B Jr PROPOSAL40Stephen Shaw
1047Smith I VocelkaUnited Kingdom2026-09-07Feiner Bros NEW76Elwin Sharvill
1048Silvio Q KuskoRussia2026-09-05King, Christopher A Esq QUALIFIED81Bernardo Dominic
1049Arvin Q FerenczJapan2026-09-14Commercial Press UNQUALIFIED59Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Wickens L FlosiRussiaOnyama Limba PROPOSAL
Adams F KolmetzArgentinaStephen Shaw PROPOSAL
Isabel G MacleadItalyAsiya Javayant RENEWAL
Kadeem Q AlbaresGermanyAnna Fali QUALIFIED
Julie W SchemmerItalyIvan Magalhaes NEGOTIATION
Deepesh Z SaylorsIndiaElwin Sharvill UNQUALIFIED
Murillo L MacleadItalyBernardo Dominic UNQUALIFIED
Wickens I AmigonBrazilAsiya Javayant RENEWAL
David O GauchoUnited KingdomOnyama Limba PROPOSAL
Clifford C DoeAustraliaIoni Bowcher QUALIFIED
Smith V SlusarskiGermanyIvan Magalhaes NEGOTIATION
Wickens U FigeroaRussiaAmy Elsner PROPOSAL
James V BowleyJapanIvan Magalhaes UNQUALIFIED
Ricardo B PoquetteAustraliaIoni Bowcher PROPOSAL
Chavez L AlbaresUnited KingdomAnna Fali PROPOSAL
Greenwood J GillianCanadaElwin Sharvill QUALIFIED
Ashley D OstroskyBrazilXuxue Feng NEW
Darci J FigeroaAustraliaIvan Magalhaes UNQUALIFIED
Alejandro A WhobreyAustraliaElwin Sharvill RENEWAL
Jones A OldroydItalyAmy Elsner QUALIFIED
Alejandro N GillianGermanyBernardo Dominic NEW
Rodrigues Y DoeFranceOnyama Limba NEGOTIATION
Nicolas I MaletArgentinaStephen Shaw UNQUALIFIED
Octavia S MacleadGermanyAnna Fali RENEWAL
Aruna H TollnerGermanyAnna Fali NEGOTIATION
Aditya R WaycottItalyElwin Sharvill NEW
Stacey V CampainRussiaElwin Sharvill PROPOSAL
Aruna B FigeroaAustraliaIoni Bowcher NEGOTIATION
Jeanfrancois S StockhamGermanyBernardo Dominic QUALIFIED
Kadeem V BowleyAustraliaOnyama Limba QUALIFIED
James N BowleyArgentinaAmy Elsner PROPOSAL
Costa L OstroskyUnited KingdomIvan Magalhaes NEGOTIATION
Izzy S AmigonRussiaAmy Elsner QUALIFIED
Johnson C VenereBrazilAnna Fali NEGOTIATION
Morrow P RulapaughIndiaStephen Shaw UNQUALIFIED
Munro B MaletCanadaOnyama Limba QUALIFIED
Stacey A NestleRussiaAmy Elsner RENEWAL
Mayumi N CampainSpainIoni Bowcher NEW
Ricardo V RulapaughJapanOnyama Limba RENEWAL
Murillo A MaletSpainOnyama Limba QUALIFIED
Kadeem C KolmetzItalyStephen Shaw PROPOSAL
Alejandro J DarakjyJapanIoni Bowcher RENEWAL
James P OstroskyCanadaStephen Shaw NEW
Jones S NickaUnited KingdomOnyama Limba PROPOSAL
Stacey J SergiArgentinaXuxue Feng QUALIFIED
Alejandro D NickaBrazilIoni Bowcher UNQUALIFIED
Mayumi I SergiRussiaAnna Fali NEW
Tony J IturbideAustraliaAnna Fali NEGOTIATION
Aditya T AmigonRussiaIoni Bowcher PROPOSAL
Leja Z TollnerItalyElwin Sharvill RENEWAL
Frozen Columns
Name
Munro O Nestle
Leon X Morasca
Kaitlin D Ostrosky
Nicolas O Marrier
Ivar D Kolmetz
Munro O Gillian
Mujtaba L Gillian
Greenwood E Kolmetz
Alejandro Y Bowley
Francesco N Royster
Aika C Gaucho
Kaitlin W Chui
Sinclair M Briddick
Ashley A Stockham
Adams T Venere
Leja J Doe
Darci R Vocelka
Juan K Darakjy
Octavia C Venere
Aditya M Rulapaugh
Jones O Morasca
Tony P Poquette
Ricardo W Darakjy
Julie O Doe
Murillo C Paprocki
Salvatore U Wieser
Francesco V Darakjy
Ivar D Shinko
Stacey R Venere
Murillo K Garufi
Aruna L Stockham
Leon M Nicka
Ivar O Doe
Leon M Iturbide
Morrow D Ferencz
Wickens N Wieser
Jeanfrancois E Nicka
Julie E Paprocki
Ricardo M Shinko
James D Flosi
Mayumi Y Gillian
Wickens C Campain
Ivar C Kolmetz
Adams W Foller
Stacey H Nestle
Misaki Y Garufi
Costa N Kolmetz
Faith Y Chui
Jones D Ostrosky
Leon C Garufi
IdCountryDate
1000Australia2026-09-15
1001Japan2026-09-11
1002Spain2026-09-07
1003Canada2026-08-27
1004Brazil2026-09-02
1005United Kingdom2026-09-18
1006Japan2026-08-27
1007India2026-08-27
1008Brazil2026-09-01
1009Canada2026-09-15
1010Russia2026-09-07
1011Russia2026-09-04
1012Argentina2026-09-10
1013Canada2026-09-08
1014United Kingdom2026-08-28
1015Russia2026-09-13
1016France2026-08-25
1017Italy2026-09-13
1018Brazil2026-09-13
1019France2026-09-07
1020Japan2026-09-11
1021Russia2026-09-10
1022Germany2026-09-10
1023Australia2026-09-16
1024Italy2026-09-20
1025Canada2026-08-27
1026Canada2026-09-01
1027Canada2026-09-05
1028Italy2026-09-15
1029Australia2026-08-26
1030India2026-09-03
1031United Kingdom2026-09-18
1032Canada2026-09-09
1033Spain2026-09-02
1034France2026-08-30
1035Russia2026-09-04
1036India2026-09-03
1037Germany2026-08-28
1038Italy2026-09-10
1039Brazil2026-09-03
1040Spain2026-09-14
1041Australia2026-08-30
1042India2026-09-07
1043Germany2026-08-25
1044Spain2026-08-25
1045Australia2026-09-14
1046Italy2026-09-14
1047Japan2026-09-11
1048Spain2026-08-31
1049United Kingdom2026-09-11

On-Demand Data

NameIdCountryDate
Darci I Wieser1000Germany2026-08-28
Chavez R Albares1001Australia2026-09-03
Kadeem N Inouye1002Argentina2026-09-01
Darci B Saylors1003Italy2026-09-16
Francesco O Slusarski1004Australia2026-08-30
Leon H Ruta1005United Kingdom2026-09-08
Julie U Rulapaugh1006Spain2026-09-18
Silvio C Campain1007Spain2026-09-06
Adams I Iturbide1008France2026-08-23
Ashley T Gillian1009Germany2026-09-20
Emily H Amigon1010Germany2026-09-21
Wickens G Stenseth1011Brazil2026-09-08
Kaitlin I Maclead1012Argentina2026-09-14
Misaki Y Iturbide1013India2026-09-15
Misaki F Rim1014Italy2026-09-08
Antonio Z Darakjy1015Germany2026-08-26
Kadeem I Foller1016Australia2026-09-11
Mayumi M Flosi1017France2026-09-17
David K Marrier1018Australia2026-09-12
Jennifer S Vocelka1019Germany2026-08-30
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jones A SchemmerJapanStephen Shaw UNQUALIFIED
James D GillianGermanyStephen Shaw RENEWAL
Izzy I MaletRussiaAmy Elsner PROPOSAL
Jeanfrancois R CampainUnited KingdomStephen Shaw NEGOTIATION
Izzy C ShinkoCanadaStephen Shaw UNQUALIFIED
Stacey U ChuiRussiaAsiya Javayant NEGOTIATION
Misaki J DarakjyCanadaIvan Magalhaes NEW
Ricardo L IturbideJapanElwin Sharvill NEW
Deepesh J MaletBrazilAnna Fali PROPOSAL
Smith M WhobreyBrazilIoni Bowcher NEW
Isabel S FerenczUnited KingdomStephen Shaw UNQUALIFIED
Mujtaba L RoysterGermanyAmy Elsner NEGOTIATION
Francesco G VenereGermanyStephen Shaw UNQUALIFIED
Jeanfrancois D FlosiUnited KingdomAnna Fali NEW
Mayumi V StensethBrazilOnyama Limba PROPOSAL
Silvio K SaylorsFranceStephen Shaw NEGOTIATION
Greenwood M SchemmerJapanElwin Sharvill RENEWAL
Stacey Q NickaIndiaElwin Sharvill QUALIFIED
Arvin Y BowleyAustraliaOnyama Limba PROPOSAL
Arvin W StensethRussiaIoni Bowcher QUALIFIED
Claire L RutaRussiaAsiya Javayant PROPOSAL
Aika I FlosiRussiaIoni Bowcher RENEWAL
Aika J MacleadRussiaXuxue Feng NEGOTIATION
Morrow G DarakjyBrazilStephen Shaw QUALIFIED
Deepesh C FigeroaUnited KingdomIvan Magalhaes PROPOSAL
Rodrigues B MaletJapanStephen Shaw UNQUALIFIED
Chavez F MacleadRussiaBernardo Dominic RENEWAL
Tony H OstroskyAustraliaIvan Magalhaes NEGOTIATION
Jennifer U SchemmerAustraliaAsiya Javayant NEW
Jefferson O AmigonJapanBernardo Dominic PROPOSAL
Silvio K GlickFranceAmy Elsner QUALIFIED
Isabel U RutaFranceXuxue Feng RENEWAL
Wickens T MarrierUnited KingdomStephen Shaw RENEWAL
Arvin P DilliardSpainOnyama Limba QUALIFIED
Stacey L PerinBrazilAnna Fali NEGOTIATION
Stacey C RoysterUnited KingdomIvan Magalhaes RENEWAL
Johnson J TollnerCanadaBernardo Dominic UNQUALIFIED
Nicolas N KuskoCanadaAmy Elsner RENEWAL
Emily X IturbideUnited KingdomElwin Sharvill PROPOSAL
Munro T RulapaughJapanIoni 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>