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
Mujtaba A RulapaughIndiaStephen Shaw RENEWAL
Aditya J NickaRussiaBernardo Dominic NEGOTIATION
Izzy L SchemmerSpainAmy Elsner RENEWAL
Antonio T GauchoItalyIvan Magalhaes NEW
Cody G RulapaughGermanyElwin Sharvill QUALIFIED
Aruna D ShinkoArgentinaOnyama Limba NEW
Kadeem I GillianAustraliaXuxue Feng NEW
Ricardo W BologniaItalyBernardo Dominic QUALIFIED
Ricardo M DilliardCanadaStephen Shaw RENEWAL
Tony H OldroydGermanyIvan Magalhaes UNQUALIFIED
Nicolas W GauchoRussiaAsiya Javayant RENEWAL
Deepesh P BologniaRussiaElwin Sharvill UNQUALIFIED
Mayumi H AmigonBrazilAmy Elsner NEGOTIATION
Maria V DarakjyJapanOnyama Limba QUALIFIED
Murillo F WaycottRussiaAmy Elsner UNQUALIFIED
Maisha X RoysterAustraliaIoni Bowcher UNQUALIFIED
Munro D GillianFranceAsiya Javayant QUALIFIED
Mayumi V RoysterBrazilIoni Bowcher UNQUALIFIED
Nicolas S MorascaGermanyStephen Shaw NEGOTIATION
Clifford J DoeGermanyBernardo Dominic PROPOSAL
Juan E CaldareraJapanStephen Shaw PROPOSAL
Darci N OldroydAustraliaIoni Bowcher UNQUALIFIED
Maria O SchemmerItalyXuxue Feng PROPOSAL
Smith G MarrierJapanAmy Elsner QUALIFIED
Darci L PoquetteIndiaAmy Elsner UNQUALIFIED
Antonio L ShinkoCanadaAmy Elsner PROPOSAL
Octavia T DarakjyCanadaOnyama Limba QUALIFIED
Maria E PerinFranceBernardo Dominic UNQUALIFIED
Stacey W DoeArgentinaStephen Shaw NEW
Faith V SergiAustraliaAsiya Javayant PROPOSAL
David T SlusarskiSpainOnyama Limba QUALIFIED
Costa U SlusarskiArgentinaAnna Fali RENEWAL
Aditya E CaudyJapanIvan Magalhaes NEW
Darci P NestleFranceIoni Bowcher QUALIFIED
Munro Z PerinUnited KingdomOnyama Limba UNQUALIFIED
Chavez N OstroskyUnited KingdomStephen Shaw PROPOSAL
Darci Y AmigonGermanyOnyama Limba NEW
Maria R BriddickIndiaOnyama Limba NEGOTIATION
Adams L NestleBrazilAsiya Javayant NEGOTIATION
James O RoysterJapanAmy Elsner RENEWAL
Johnson Z MacleadSpainAmy Elsner NEGOTIATION
Rodrigues O WieserIndiaXuxue Feng NEGOTIATION
Adams F CampainCanadaElwin Sharvill RENEWAL
Stacey U VenereSpainElwin Sharvill QUALIFIED
Jeanfrancois X ChuiFranceBernardo Dominic RENEWAL
Maisha W PerinItalyElwin Sharvill NEW
Johnson F KuskoJapanIvan Magalhaes RENEWAL
Wickens B RutaIndiaStephen Shaw UNQUALIFIED
Silvio V FollerBrazilAmy Elsner UNQUALIFIED
Wickens T SergiSpainAsiya Javayant NEW
Horizontal
NameCountryRepresentativeStatus
Smith N MacleadArgentinaIoni Bowcher NEW
Claire Q WaycottGermanyElwin Sharvill NEW
Julie L CaudyCanadaAsiya Javayant PROPOSAL
Arvin M MaletSpainIoni Bowcher PROPOSAL
Greenwood I NickaRussiaStephen Shaw QUALIFIED
Leja E VocelkaRussiaStephen Shaw NEW
Johnson Z MarrierBrazilIoni Bowcher PROPOSAL
Isabel N PoquetteGermanyXuxue Feng NEGOTIATION
David T CampainAustraliaAnna Fali QUALIFIED
Tony Y ButtArgentinaAnna Fali RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Julie M ChuiUnited Kingdom2026-08-13Rangoni Of Florence RENEWAL77Amy Elsner
1001Jefferson J CampainArgentina2026-08-26Commercial Press NEW38Ivan Magalhaes
1002Misaki N CaudyJapan2026-08-21Benton, John B Jr RENEWAL31Asiya Javayant
1003Jennifer D RutaCanada2026-08-11Chapman, Ross E Esq UNQUALIFIED13Xuxue Feng
1004Jeanfrancois X RulapaughJapan2026-08-23Benton, John B Jr NEGOTIATION55Asiya Javayant
1005Arvin T FerenczBrazil2026-08-04Commercial Press PROPOSAL40Ivan Magalhaes
1006Johnson E BologniaBrazil2026-08-25Buckley Miller Wright NEW69Elwin Sharvill
1007Tony P MaletFrance2026-08-14Feltz Printing Service QUALIFIED85Elwin Sharvill
1008Silvio C ChuiIndia2026-08-07Commercial Press NEW45Xuxue Feng
1009Sinclair W CampainCanada2026-08-15Chapman, Ross E Esq NEGOTIATION82Bernardo Dominic
1010Julie F FigeroaUnited Kingdom2026-08-17Commercial Press UNQUALIFIED7Elwin Sharvill
1011Adams K RoysterBrazil2026-08-24Chapman, Ross E Esq QUALIFIED96Stephen Shaw
1012Leja O AmigonBrazil2026-08-24Buckley Miller Wright QUALIFIED40Elwin Sharvill
1013Nicolas F DoeBrazil2026-08-07Buckley Miller Wright NEW20Amy Elsner
1014Kaitlin Q InouyeFrance2026-08-12Feltz Printing Service RENEWAL96Ivan Magalhaes
1015Jefferson C PoquetteJapan2026-08-26Dorl, James J Esq NEGOTIATION54Anna Fali
1016Juan T MorascaBrazil2026-08-24Dorl, James J Esq NEGOTIATION43Bernardo Dominic
1017Francesco M OldroydFrance2026-08-19Chanay, Jeffrey A Esq QUALIFIED60Onyama Limba
1018Misaki P TollnerArgentina2026-08-08Feltz Printing Service RENEWAL99Bernardo Dominic
1019Arvin Y CampainBrazil2026-08-16Buckley Miller Wright NEGOTIATION30Bernardo Dominic
1020Adams B IturbideJapan2026-08-14Dorl, James J Esq RENEWAL31Asiya Javayant
1021Tony J KuskoItaly2026-08-29King, Christopher A Esq NEW31Asiya Javayant
1022Jones O AmigonCanada2026-08-31Feltz Printing Service NEW44Anna Fali
1023Jefferson O NestleJapan2026-08-30Morlong Associates RENEWAL74Ivan Magalhaes
1024Antonio B BowleyCanada2026-08-10Truhlar And Truhlar Attys QUALIFIED55Anna Fali
1025Isabel M CaudyBrazil2026-08-16Feltz Printing Service PROPOSAL78Anna Fali
1026Misaki N BriddickAustralia2026-08-09Dorl, James J Esq NEW26Elwin Sharvill
1027Mayumi X TollnerJapan2026-08-05Buckley Miller Wright RENEWAL17Elwin Sharvill
1028Deepesh O GauchoRussia2026-08-18Feiner Bros RENEWAL2Amy Elsner
1029Johnson C NickaIndia2026-08-28Printing Dimensions QUALIFIED27Stephen Shaw
1030Aika F PaprockiAustralia2026-08-05Rousseaux, Michael Esq NEW35Amy Elsner
1031Darci F FlosiAustralia2026-08-04Rangoni Of Florence QUALIFIED41Onyama Limba
1032Salvatore G SaylorsBrazil2026-08-22Rangoni Of Florence RENEWAL71Ivan Magalhaes
1033Silvio Q FigeroaIndia2026-08-26Commercial Press PROPOSAL92Ivan Magalhaes
1034Alejandro C DarakjyRussia2026-08-06Feiner Bros NEGOTIATION57Onyama Limba
1035Jennifer N MorascaItaly2026-08-24Chapman, Ross E Esq NEGOTIATION47Asiya Javayant
1036Octavia L ShinkoAustralia2026-08-25Chanay, Jeffrey A Esq NEW91Onyama Limba
1037Darci M FollerJapan2026-08-15Printing Dimensions RENEWAL98Ioni Bowcher
1038Maisha G GillianItaly2026-08-20Buckley Miller Wright PROPOSAL94Asiya Javayant
1039Rodrigues I GillianBrazil2026-08-23Feltz Printing Service QUALIFIED30Anna Fali
1040Salvatore O ShinkoGermany2026-08-28King, Christopher A Esq RENEWAL90Ivan Magalhaes
1041Octavia S NickaJapan2026-08-27Printing Dimensions PROPOSAL78Onyama Limba
1042Antonio B PaprockiRussia2026-08-05Morlong Associates PROPOSAL52Asiya Javayant
1043Julie T GarufiBrazil2026-08-13Printing Dimensions NEW82Elwin Sharvill
1044Octavia L WieserRussia2026-08-31King, Christopher A Esq UNQUALIFIED19Amy Elsner
1045Smith M FerenczUnited Kingdom2026-08-11King, Christopher A Esq NEW1Xuxue Feng
1046Kadeem K OstroskyUnited Kingdom2026-08-10Dorl, James J Esq QUALIFIED30Elwin Sharvill
1047Chavez M DarakjyFrance2026-08-06Morlong Associates QUALIFIED12Anna Fali
1048Darci B BologniaArgentina2026-08-05Dorl, James J Esq NEGOTIATION12Anna Fali
1049Greenwood W WaycottRussia2026-08-30Benton, John B Jr NEGOTIATION94Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Claire E MarrierGermanyAmy Elsner UNQUALIFIED
Kaitlin P GarufiUnited KingdomAsiya Javayant QUALIFIED
Darci J BriddickFranceAmy Elsner QUALIFIED
Aditya T SergiRussiaStephen Shaw NEGOTIATION
Salvatore C RulapaughAustraliaOnyama Limba QUALIFIED
Clifford V WieserSpainIvan Magalhaes UNQUALIFIED
Francesco C WaycottRussiaAmy Elsner NEW
Arvin X SaylorsFranceBernardo Dominic QUALIFIED
Mujtaba C PaprockiGermanyAmy Elsner NEGOTIATION
Emily Z FlosiCanadaIoni Bowcher QUALIFIED
Darci K BowleyIndiaIvan Magalhaes PROPOSAL
Maisha Q RoysterAustraliaAnna Fali NEGOTIATION
Salvatore B VocelkaAustraliaBernardo Dominic NEGOTIATION
Sinclair I ChuiUnited KingdomStephen Shaw RENEWAL
Ashley B VocelkaArgentinaIvan Magalhaes PROPOSAL
Smith F ButtFranceStephen Shaw QUALIFIED
Mujtaba B AlbaresJapanOnyama Limba QUALIFIED
Leja K FerenczArgentinaElwin Sharvill RENEWAL
Munro T SlusarskiRussiaIvan Magalhaes UNQUALIFIED
Juan I FigeroaArgentinaXuxue Feng RENEWAL
Jones Q VocelkaGermanyXuxue Feng NEGOTIATION
Isabel K OldroydAustraliaBernardo Dominic RENEWAL
Aika O AmigonGermanyElwin Sharvill UNQUALIFIED
Maisha J ButtSpainAsiya Javayant QUALIFIED
Morrow V MarrierSpainBernardo Dominic NEW
Wickens M StockhamSpainAsiya Javayant QUALIFIED
Alejandro F FollerBrazilIoni Bowcher UNQUALIFIED
Murillo D DilliardBrazilAnna Fali NEW
Salvatore K DarakjyItalyStephen Shaw PROPOSAL
Octavia Y SergiFranceElwin Sharvill NEGOTIATION
Silvio S ShinkoSpainStephen Shaw NEGOTIATION
Cody E StensethUnited KingdomAsiya Javayant PROPOSAL
Ashley B RimBrazilBernardo Dominic PROPOSAL
Ashley Q RimAustraliaIoni Bowcher NEGOTIATION
Kaitlin Y OstroskyBrazilElwin Sharvill UNQUALIFIED
Julie H DarakjyItalyXuxue Feng UNQUALIFIED
Kadeem H RoysterArgentinaIoni Bowcher PROPOSAL
Aika G OldroydCanadaOnyama Limba QUALIFIED
Ricardo V GauchoArgentinaAnna Fali UNQUALIFIED
Ricardo G BowleySpainBernardo Dominic NEGOTIATION
Faith S DoeFranceAnna Fali NEW
Nicolas M OldroydUnited KingdomBernardo Dominic NEW
Julie T KolmetzFranceXuxue Feng PROPOSAL
Izzy U CaldareraUnited KingdomAmy Elsner NEGOTIATION
Clifford G KolmetzAustraliaAsiya Javayant RENEWAL
Jeanfrancois D InouyeCanadaOnyama Limba RENEWAL
Nicolas L DarakjyAustraliaBernardo Dominic PROPOSAL
Octavia X BologniaAustraliaBernardo Dominic UNQUALIFIED
Leon T MarrierCanadaAnna Fali NEW
Maisha D PoquetteAustraliaXuxue Feng NEGOTIATION
Frozen Columns
Name
Mayumi T Perin
Wickens B Malet
Jefferson L Nestle
Antonio A Glick
Aruna W Gaucho
Misaki F Figeroa
Ricardo C Ruta
Ricardo W Amigon
Francesco S Ostrosky
Maisha V Paprocki
Jefferson G Nestle
Antonio D Ostrosky
Greenwood K Ostrosky
Mayumi C Ferencz
David U Shinko
Emily G Whobrey
Munro Q Slusarski
Misaki V Waycott
Faith H Whobrey
Jennifer A Malet
Deepesh J Gillian
Kaitlin Y Garufi
Murillo V Kolmetz
Greenwood P Oldroyd
Greenwood T Slusarski
Maisha Q Gaucho
Misaki F Kolmetz
James X Foller
Jefferson L Figeroa
Clifford G Inouye
Francesco S Nicka
Francesco H Inouye
Aika M Amigon
Antonio A Perin
Leon T Malet
Jones J Caldarera
Leja B Inouye
Emily D Maclead
Mujtaba P Royster
Murillo Q Foller
Rodrigues S Garufi
Ricardo S Venere
Salvatore F Oldroyd
Cody R Glick
Salvatore R Schemmer
Ashley D Malet
Leon X Gaucho
Rodrigues B Caudy
Cody P Amigon
Aruna B Shinko
IdCountryDate
1000United Kingdom2026-08-08
1001Spain2026-08-18
1002Russia2026-08-23
1003Brazil2026-08-22
1004Russia2026-08-19
1005Germany2026-08-13
1006Russia2026-08-31
1007Italy2026-08-18
1008Japan2026-08-31
1009France2026-08-28
1010Brazil2026-09-01
1011Russia2026-08-08
1012United Kingdom2026-08-10
1013France2026-08-14
1014Japan2026-08-14
1015Italy2026-09-02
1016France2026-08-29
1017Germany2026-08-06
1018Japan2026-08-20
1019France2026-08-22
1020Brazil2026-08-07
1021Germany2026-08-13
1022Italy2026-08-22
1023Italy2026-08-13
1024Spain2026-08-26
1025Italy2026-08-24
1026Japan2026-08-26
1027Australia2026-08-29
1028United Kingdom2026-08-21
1029Australia2026-08-16
1030India2026-08-05
1031Japan2026-08-08
1032India2026-08-21
1033Australia2026-08-23
1034India2026-08-13
1035India2026-08-12
1036Italy2026-08-23
1037United Kingdom2026-08-13
1038Canada2026-08-28
1039Russia2026-08-29
1040India2026-08-13
1041Canada2026-08-04
1042Brazil2026-08-24
1043Germany2026-08-11
1044Spain2026-08-05
1045Russia2026-08-13
1046Japan2026-08-16
1047Canada2026-08-24
1048Japan2026-08-22
1049Canada2026-08-16

On-Demand Data

NameIdCountryDate
Aruna H Darakjy1000Spain2026-08-14
Nicolas O Poquette1001Australia2026-08-07
Jefferson Y Venere1002Argentina2026-08-08
Stacey C Morasca1003Canada2026-08-14
Adams J Garufi1004United Kingdom2026-08-20
Ricardo O Dilliard1005Australia2026-08-15
Aruna W Bolognia1006Brazil2026-08-12
Darci U Malet1007Japan2026-08-04
Leon C Doe1008France2026-08-17
Aika X Poquette1009Japan2026-08-31
Maria Z Malet1010Australia2026-08-09
Faith D Marrier1011Argentina2026-08-14
Greenwood Y Doe1012Italy2026-08-07
Kadeem S Nestle1013Australia2026-08-08
Misaki E Morasca1014Russia2026-08-30
Darci Q Schemmer1015United Kingdom2026-08-11
Octavia X Malet1016Brazil2026-08-28
Claire P Malet1017Italy2026-08-21
Stacey D Kolmetz1018Germany2026-08-30
Jones K Waycott1019India2026-08-15
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Izzy C RutaAustraliaAmy Elsner NEGOTIATION
Julie P WieserIndiaAmy Elsner UNQUALIFIED
Julie R InouyeAustraliaBernardo Dominic PROPOSAL
Mujtaba M AmigonCanadaAmy Elsner RENEWAL
Wickens G OldroydBrazilAmy Elsner QUALIFIED
Mujtaba T PoquetteIndiaIvan Magalhaes NEW
Leon O GarufiCanadaXuxue Feng PROPOSAL
Tony I SchemmerCanadaStephen Shaw RENEWAL
James I SchemmerJapanIvan Magalhaes PROPOSAL
Rodrigues J BologniaItalyStephen Shaw QUALIFIED
Claire Z DarakjyJapanAmy Elsner RENEWAL
Morrow J CaudyUnited KingdomBernardo Dominic NEGOTIATION
Costa W IturbideUnited KingdomElwin Sharvill QUALIFIED
Ricardo S SchemmerCanadaXuxue Feng PROPOSAL
Leja A KolmetzCanadaAmy Elsner NEGOTIATION
Mayumi W BologniaCanadaAsiya Javayant PROPOSAL
Emily Y ButtUnited KingdomAsiya Javayant QUALIFIED
Murillo W FlosiItalyXuxue Feng NEGOTIATION
Ivar L DilliardGermanyAmy Elsner NEGOTIATION
Jennifer H RutaItalyIoni Bowcher UNQUALIFIED
Emily V OstroskyItalyAsiya Javayant UNQUALIFIED
Ricardo L AlbaresArgentinaOnyama Limba QUALIFIED
Chavez B ChuiBrazilBernardo Dominic QUALIFIED
Smith D PaprockiItalyBernardo Dominic PROPOSAL
Jeanfrancois T PerinGermanyElwin Sharvill UNQUALIFIED
James Z StensethJapanAnna Fali NEGOTIATION
Sinclair F ButtFranceStephen Shaw PROPOSAL
Faith C VocelkaJapanAsiya Javayant NEGOTIATION
Munro D FlosiSpainOnyama Limba PROPOSAL
Francesco V AmigonSpainIoni Bowcher UNQUALIFIED
Cody A GillianCanadaIoni Bowcher NEW
Ashley G TollnerFranceIoni Bowcher PROPOSAL
Juan T OstroskyUnited KingdomBernardo Dominic NEGOTIATION
Jeanfrancois X MorascaFranceOnyama Limba RENEWAL
Greenwood X MaletAustraliaOnyama Limba QUALIFIED
Cody V MorascaBrazilElwin Sharvill NEGOTIATION
Maria Z FerenczItalyIvan Magalhaes UNQUALIFIED
Munro U DoeItalyStephen Shaw NEGOTIATION
Aditya Q WaycottAustraliaElwin Sharvill NEW
Octavia U AlbaresAustraliaIoni Bowcher UNQUALIFIED

<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>