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
Jefferson I BowleyRussiaOnyama Limba NEW
Kaitlin C KolmetzGermanyOnyama Limba NEGOTIATION
Emily B KolmetzAustraliaAsiya Javayant QUALIFIED
Jones U NestleRussiaAnna Fali UNQUALIFIED
James J VocelkaArgentinaAnna Fali PROPOSAL
Jones S BowleyItalyAmy Elsner NEGOTIATION
Maria G FollerAustraliaBernardo Dominic NEW
Tony A RutaCanadaAmy Elsner UNQUALIFIED
Adams X PerinIndiaOnyama Limba NEW
Julie M IturbideSpainOnyama Limba NEW
Ivar B DoeRussiaOnyama Limba PROPOSAL
Munro L FlosiAustraliaXuxue Feng QUALIFIED
Misaki H AmigonFranceStephen Shaw QUALIFIED
Mujtaba V CaudyArgentinaAnna Fali PROPOSAL
Cody H CaudyAustraliaStephen Shaw UNQUALIFIED
Nicolas E StensethAustraliaAnna Fali PROPOSAL
Smith P RoysterBrazilAnna Fali PROPOSAL
Clifford E RutaCanadaStephen Shaw NEW
Costa A OstroskyIndiaAmy Elsner PROPOSAL
Julie J WaycottRussiaElwin Sharvill NEW
Misaki C CaldareraSpainAsiya Javayant UNQUALIFIED
Alejandro W SaylorsFranceOnyama Limba PROPOSAL
Murillo K CampainUnited KingdomOnyama Limba NEW
Leon L DoeRussiaXuxue Feng PROPOSAL
Adams T GarufiRussiaAsiya Javayant NEW
Darci K RoysterBrazilOnyama Limba NEW
Aika K AmigonFranceIvan Magalhaes QUALIFIED
Johnson R SaylorsUnited KingdomAsiya Javayant RENEWAL
Murillo G RutaUnited KingdomXuxue Feng NEGOTIATION
Wickens I DoeUnited KingdomOnyama Limba PROPOSAL
Francesco M InouyeItalyOnyama Limba RENEWAL
Kadeem E RoysterIndiaStephen Shaw PROPOSAL
Rodrigues I WhobreyUnited KingdomAsiya Javayant PROPOSAL
Alejandro F IturbideIndiaIvan Magalhaes PROPOSAL
Murillo X AmigonSpainXuxue Feng PROPOSAL
Mayumi L NestleRussiaAsiya Javayant PROPOSAL
Ashley T WhobreyArgentinaAnna Fali PROPOSAL
Rodrigues H NestleFranceXuxue Feng NEW
Jones E MaletJapanAnna Fali UNQUALIFIED
Sinclair C FlosiBrazilAmy Elsner UNQUALIFIED
Clifford J RulapaughJapanIoni Bowcher PROPOSAL
Francesco G CampainAustraliaBernardo Dominic RENEWAL
Faith F OstroskyBrazilAmy Elsner UNQUALIFIED
Munro H RulapaughAustraliaBernardo Dominic UNQUALIFIED
Jefferson S DoeFranceAnna Fali UNQUALIFIED
Mujtaba H GarufiUnited KingdomOnyama Limba QUALIFIED
Izzy E GillianRussiaStephen Shaw RENEWAL
Jefferson E GlickItalyBernardo Dominic NEW
Antonio D ChuiUnited KingdomAnna Fali UNQUALIFIED
Maisha U DoeUnited KingdomIoni Bowcher NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Jones D SlusarskiBrazilIvan Magalhaes UNQUALIFIED
Silvio F MarrierGermanyAmy Elsner NEGOTIATION
Morrow Q AmigonBrazilIoni Bowcher PROPOSAL
Nicolas Z SergiRussiaAmy Elsner QUALIFIED
Cody F StockhamJapanStephen Shaw UNQUALIFIED
Nicolas D DarakjyBrazilIvan Magalhaes PROPOSAL
Stacey N GarufiRussiaAnna Fali PROPOSAL
Kaitlin W PerinBrazilXuxue Feng QUALIFIED
Francesco W GarufiJapanXuxue Feng NEW
Costa I FigeroaIndiaAmy Elsner PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jones O CaldareraJapan2026-09-04Printing Dimensions UNQUALIFIED75Xuxue Feng
1001Leja L OstroskyJapan2026-09-15Truhlar And Truhlar Attys PROPOSAL61Anna Fali
1002Kaitlin O DilliardJapan2026-09-26Chapman, Ross E Esq QUALIFIED8Xuxue Feng
1003Isabel N CaldareraAustralia2026-09-02Buckley Miller Wright PROPOSAL60Amy Elsner
1004Ricardo R PaprockiRussia2026-09-18Rangoni Of Florence PROPOSAL90Bernardo Dominic
1005Silvio S NickaCanada2026-09-03Printing Dimensions UNQUALIFIED49Stephen Shaw
1006Murillo D VenereSpain2026-09-13Morlong Associates NEW58Elwin Sharvill
1007Maria I MarrierFrance2026-09-07Chanay, Jeffrey A Esq UNQUALIFIED85Stephen Shaw
1008Francesco R BriddickJapan2026-09-08Rousseaux, Michael Esq PROPOSAL61Anna Fali
1009Greenwood P SergiRussia2026-09-01Dorl, James J Esq QUALIFIED92Onyama Limba
1010Deepesh I GarufiIndia2026-09-17Chapman, Ross E Esq NEW29Amy Elsner
1011Salvatore L DarakjyCanada2026-09-15Printing Dimensions RENEWAL96Bernardo Dominic
1012Antonio Q NestleItaly2026-09-20Commercial Press RENEWAL52Amy Elsner
1013Aika G CaldareraJapan2026-09-14Rangoni Of Florence PROPOSAL81Anna Fali
1014Smith L BologniaUnited Kingdom2026-09-09Morlong Associates NEGOTIATION13Anna Fali
1015Octavia A MaletBrazil2026-09-27Feltz Printing Service NEGOTIATION13Anna Fali
1016Arvin L ShinkoBrazil2026-09-11Printing Dimensions NEGOTIATION50Anna Fali
1017Aditya Q BriddickRussia2026-09-03Rousseaux, Michael Esq PROPOSAL21Xuxue Feng
1018Rodrigues Q RoysterUnited Kingdom2026-09-11Printing Dimensions PROPOSAL51Amy Elsner
1019Kaitlin R PaprockiItaly2026-09-20Printing Dimensions QUALIFIED2Ivan Magalhaes
1020Julie M WaycottItaly2026-09-24Morlong Associates PROPOSAL32Elwin Sharvill
1021Johnson S BriddickBrazil2026-09-19Rousseaux, Michael Esq NEGOTIATION45Onyama Limba
1022Cody E OstroskyAustralia2026-09-20Benton, John B Jr NEW65Bernardo Dominic
1023Salvatore L StensethItaly2026-09-24Chanay, Jeffrey A Esq UNQUALIFIED14Asiya Javayant
1024Octavia R VocelkaFrance2026-09-16King, Christopher A Esq NEGOTIATION38Ioni Bowcher
1025Izzy E ChuiFrance2026-09-19Chapman, Ross E Esq QUALIFIED46Bernardo Dominic
1026Claire J WieserItaly2026-09-02Chanay, Jeffrey A Esq UNQUALIFIED25Asiya Javayant
1027Ivar U WaycottCanada2026-09-09Benton, John B Jr NEW95Onyama Limba
1028Adams Q CaldareraItaly2026-09-13Rangoni Of Florence NEGOTIATION69Ioni Bowcher
1029Cody S DarakjyFrance2026-09-26Rousseaux, Michael Esq NEGOTIATION48Onyama Limba
1030Juan Y CaldareraAustralia2026-08-30Morlong Associates UNQUALIFIED56Anna Fali
1031Isabel J CaudyFrance2026-09-01Rousseaux, Michael Esq QUALIFIED65Xuxue Feng
1032Deepesh Y ChuiFrance2026-08-29Feiner Bros QUALIFIED49Asiya Javayant
1033Nicolas D GillianAustralia2026-09-21Feltz Printing Service NEGOTIATION0Ivan Magalhaes
1034Adams T DoeRussia2026-09-03Dorl, James J Esq RENEWAL41Xuxue Feng
1035Faith X SaylorsRussia2026-09-24Truhlar And Truhlar Attys PROPOSAL6Ioni Bowcher
1036Deepesh W MorascaUnited Kingdom2026-09-03Dorl, James J Esq PROPOSAL5Anna Fali
1037Deepesh N CaldareraCanada2026-09-13Rangoni Of Florence NEGOTIATION47Amy Elsner
1038Tony K ChuiArgentina2026-09-21Chanay, Jeffrey A Esq PROPOSAL55Asiya Javayant
1039Juan A InouyeGermany2026-09-24Rangoni Of Florence RENEWAL54Asiya Javayant
1040Juan I IturbideFrance2026-08-31Dorl, James J Esq PROPOSAL64Ivan Magalhaes
1041Kadeem W SaylorsRussia2026-09-15Chemel, James L Cpa UNQUALIFIED54Amy Elsner
1042Claire I SergiAustralia2026-08-31Rangoni Of Florence NEGOTIATION34Stephen Shaw
1043Izzy S PoquetteGermany2026-08-30Printing Dimensions NEGOTIATION3Elwin Sharvill
1044Jennifer D CaldareraFrance2026-09-05Benton, John B Jr PROPOSAL59Elwin Sharvill
1045Leja J PaprockiBrazil2026-08-31Truhlar And Truhlar Attys NEGOTIATION63Onyama Limba
1046Jeanfrancois B GauchoGermany2026-09-07Printing Dimensions PROPOSAL85Anna Fali
1047Faith N MarrierFrance2026-09-14King, Christopher A Esq UNQUALIFIED52Onyama Limba
1048Octavia Z SchemmerIndia2026-09-20Rousseaux, Michael Esq QUALIFIED38Onyama Limba
1049Ivar T MaletBrazil2026-09-09Benton, John B Jr NEGOTIATION96Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Silvio Y SaylorsBrazilOnyama Limba UNQUALIFIED
Morrow O OldroydGermanyStephen Shaw PROPOSAL
Salvatore Y AmigonFranceXuxue Feng UNQUALIFIED
Darci N OldroydAustraliaBernardo Dominic PROPOSAL
Chavez T CampainArgentinaAsiya Javayant QUALIFIED
Sinclair X KolmetzCanadaIoni Bowcher PROPOSAL
Alejandro D StockhamArgentinaXuxue Feng UNQUALIFIED
Deepesh E FigeroaUnited KingdomAsiya Javayant NEW
Ivar D VocelkaItalyStephen Shaw NEW
Alejandro D OstroskyRussiaBernardo Dominic UNQUALIFIED
Kadeem N IturbideJapanAnna Fali QUALIFIED
Salvatore R StensethRussiaAmy Elsner NEW
Octavia G MaletAustraliaAmy Elsner NEGOTIATION
Claire P PaprockiUnited KingdomIvan Magalhaes UNQUALIFIED
Ivar M PerinIndiaAsiya Javayant QUALIFIED
Claire J ButtItalyBernardo Dominic UNQUALIFIED
Salvatore O RulapaughJapanElwin Sharvill NEW
Smith C RulapaughJapanBernardo Dominic QUALIFIED
Jeanfrancois J VenereGermanyXuxue Feng QUALIFIED
Ashley A ChuiSpainStephen Shaw PROPOSAL
Isabel X SaylorsGermanyStephen Shaw UNQUALIFIED
Kaitlin P KuskoIndiaIoni Bowcher QUALIFIED
Munro F CaldareraSpainOnyama Limba QUALIFIED
Morrow D DarakjyGermanyIoni Bowcher NEW
Jennifer F GlickItalyIvan Magalhaes RENEWAL
Stacey B VenereBrazilIoni Bowcher NEGOTIATION
Kaitlin B InouyeCanadaBernardo Dominic NEGOTIATION
Nicolas T SergiSpainIoni Bowcher QUALIFIED
Kadeem T SchemmerIndiaIvan Magalhaes NEGOTIATION
Morrow N RimBrazilXuxue Feng NEGOTIATION
Ricardo C CaudyItalyAmy Elsner PROPOSAL
Octavia H DarakjyRussiaAnna Fali RENEWAL
David N SlusarskiGermanyIoni Bowcher RENEWAL
Arvin Q BologniaRussiaOnyama Limba UNQUALIFIED
Salvatore N SaylorsItalyAsiya Javayant PROPOSAL
Julie B BowleyFranceOnyama Limba NEW
Deepesh U MacleadArgentinaElwin Sharvill NEW
Julie U AlbaresFranceOnyama Limba PROPOSAL
Juan N SergiSpainElwin Sharvill RENEWAL
Rodrigues K VocelkaGermanyAmy Elsner PROPOSAL
Ricardo R PaprockiCanadaIvan Magalhaes UNQUALIFIED
Greenwood X FigeroaSpainAnna Fali QUALIFIED
Aika O FigeroaRussiaAsiya Javayant NEGOTIATION
Aruna R DarakjyJapanElwin Sharvill PROPOSAL
Aika T GauchoIndiaAsiya Javayant UNQUALIFIED
Ashley S RulapaughSpainIvan Magalhaes NEGOTIATION
Emily C GillianGermanyStephen Shaw NEW
Murillo J AmigonRussiaAmy Elsner PROPOSAL
Claire J GauchoItalyXuxue Feng UNQUALIFIED
Jefferson D StensethArgentinaAnna Fali PROPOSAL
Frozen Columns
Name
Greenwood B Kusko
Cody A Rim
Salvatore W Stenseth
Ricardo N Stenseth
Kadeem Q Marrier
Claire X Stockham
Adams G Waycott
Clifford J Ostrosky
Greenwood Z Malet
Salvatore Z Foller
Alejandro O Garufi
Misaki Y Foller
Nicolas P Ostrosky
Sinclair C Ostrosky
Stacey W Malet
Mujtaba E Nestle
Julie Z Schemmer
Adams E Bolognia
Jeanfrancois D Darakjy
Costa N Bolognia
Isabel R Sergi
Kaitlin A Saylors
Jeanfrancois L Inouye
Francesco L Doe
Munro J Oldroyd
Claire M Whobrey
Kaitlin A Stenseth
Sinclair M Tollner
Chavez X Morasca
Tony R Rim
Izzy Q Venere
Adams T Venere
Costa E Bolognia
Jennifer S Morasca
Alejandro J Bolognia
Misaki K Foller
Leja W Maclead
Kadeem Z Vocelka
Claire M Kolmetz
Maria D Saylors
Sinclair V Stenseth
Johnson K Kusko
Emily D Albares
Munro Y Waycott
Francesco U Nicka
Misaki D Paprocki
Costa A Malet
Faith U Gaucho
Jennifer C Royster
Leja A Kolmetz
IdCountryDate
1000United Kingdom2026-09-26
1001Russia2026-09-03
1002Spain2026-09-03
1003Japan2026-09-15
1004India2026-08-29
1005Brazil2026-08-30
1006Argentina2026-09-17
1007Canada2026-09-05
1008Argentina2026-09-15
1009France2026-09-20
1010France2026-09-24
1011Japan2026-08-31
1012Australia2026-09-03
1013France2026-09-10
1014Brazil2026-09-23
1015India2026-09-24
1016Japan2026-09-02
1017Australia2026-09-05
1018Germany2026-09-04
1019Brazil2026-09-24
1020Argentina2026-09-05
1021United Kingdom2026-09-21
1022United Kingdom2026-09-25
1023Japan2026-09-07
1024Argentina2026-09-10
1025Spain2026-09-08
1026India2026-09-26
1027Germany2026-09-22
1028Spain2026-09-01
1029Argentina2026-09-04
1030Canada2026-09-11
1031Japan2026-09-13
1032Spain2026-09-08
1033Spain2026-09-01
1034France2026-09-20
1035Canada2026-09-02
1036France2026-09-13
1037Australia2026-08-29
1038Brazil2026-09-13
1039Germany2026-09-23
1040Spain2026-08-29
1041Italy2026-09-17
1042Russia2026-08-29
1043United Kingdom2026-09-23
1044Germany2026-09-02
1045Canada2026-09-25
1046Japan2026-08-31
1047United Kingdom2026-09-21
1048Italy2026-09-24
1049Canada2026-09-23

On-Demand Data

NameIdCountryDate
Nicolas L Kusko1000Canada2026-09-25
Munro O Amigon1001Germany2026-09-23
Aika K Perin1002India2026-08-30
Leja S Poquette1003Russia2026-09-14
Darci J Perin1004Argentina2026-09-21
Misaki S Morasca1005India2026-09-19
Stacey N Chui1006Brazil2026-09-17
Izzy V Whobrey1007France2026-09-16
Darci A Gillian1008Japan2026-08-31
Leon R Dilliard1009Australia2026-09-24
Greenwood Q Campain1010Italy2026-09-24
Aika V Stenseth1011Italy2026-09-19
Sinclair N Ruta1012Japan2026-09-18
Mayumi I Morasca1013India2026-09-15
Smith J Wieser1014Spain2026-09-22
Mayumi X Campain1015Argentina2026-09-03
Morrow R Iturbide1016Russia2026-09-20
Smith L Gillian1017Italy2026-09-26
Tony Q Malet1018United Kingdom2026-08-30
Cody N Ruta1019Germany2026-09-27
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leja J FerenczFranceIvan Magalhaes QUALIFIED
Darci B NickaJapanElwin Sharvill UNQUALIFIED
Leja J SlusarskiUnited KingdomStephen Shaw NEW
Maria N MaletItalyAsiya Javayant QUALIFIED
Johnson Z SergiUnited KingdomOnyama Limba PROPOSAL
Ricardo M CaudyUnited KingdomElwin Sharvill NEW
Mujtaba X MarrierCanadaStephen Shaw UNQUALIFIED
Smith Z DilliardAustraliaElwin Sharvill NEGOTIATION
Chavez I StensethJapanXuxue Feng RENEWAL
Jones G FerenczBrazilIvan Magalhaes PROPOSAL
Aditya Z FigeroaRussiaElwin Sharvill QUALIFIED
Leja R DoeBrazilAnna Fali QUALIFIED
Ashley O MarrierBrazilAsiya Javayant NEW
Darci X FigeroaBrazilBernardo Dominic QUALIFIED
Mayumi I SchemmerCanadaStephen Shaw RENEWAL
Alejandro J ButtIndiaOnyama Limba RENEWAL
Cody Y WhobreyArgentinaAnna Fali RENEWAL
Emily U FerenczRussiaAsiya Javayant RENEWAL
Aika F StockhamIndiaStephen Shaw RENEWAL
Arvin L KolmetzBrazilStephen Shaw RENEWAL
Deepesh S MaletArgentinaIoni Bowcher NEGOTIATION
Francesco N StockhamBrazilIvan Magalhaes NEW
Deepesh X MacleadArgentinaAnna Fali RENEWAL
Chavez F ButtArgentinaAsiya Javayant PROPOSAL
Jefferson P NestleArgentinaAmy Elsner UNQUALIFIED
James C GauchoJapanXuxue Feng RENEWAL
Johnson M KuskoRussiaAsiya Javayant NEGOTIATION
Maria H StockhamIndiaElwin Sharvill RENEWAL
Arvin M ShinkoItalyAsiya Javayant UNQUALIFIED
Aruna V BriddickAustraliaOnyama Limba NEW
Jeanfrancois G RutaCanadaStephen Shaw RENEWAL
Johnson T WhobreyArgentinaElwin Sharvill NEGOTIATION
Alejandro X MorascaItalyOnyama Limba NEGOTIATION
Leon V DarakjyGermanyStephen Shaw NEGOTIATION
Octavia L StensethCanadaIoni Bowcher NEW
Claire L BowleyRussiaAsiya Javayant RENEWAL
Stacey B OstroskyFranceAnna Fali RENEWAL
Darci J AlbaresCanadaAmy Elsner PROPOSAL
Rodrigues U VocelkaFranceAsiya Javayant QUALIFIED
Misaki L ShinkoArgentinaIvan Magalhaes 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>