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
Munro H ButtUnited KingdomElwin Sharvill NEGOTIATION
Maisha D FerenczBrazilAmy Elsner PROPOSAL
Chavez I OldroydAustraliaAsiya Javayant RENEWAL
Stacey G SlusarskiAustraliaStephen Shaw NEGOTIATION
Murillo W RutaFranceAmy Elsner QUALIFIED
Johnson B DilliardUnited KingdomStephen Shaw QUALIFIED
Jeanfrancois G FlosiArgentinaBernardo Dominic NEGOTIATION
Costa N InouyeUnited KingdomElwin Sharvill NEW
Nicolas C MarrierSpainAsiya Javayant UNQUALIFIED
David M DilliardGermanyXuxue Feng NEGOTIATION
Jennifer F MorascaJapanXuxue Feng QUALIFIED
James B RutaSpainAnna Fali NEGOTIATION
Francesco V CaudyUnited KingdomBernardo Dominic NEW
Maria Z WhobreyBrazilXuxue Feng NEGOTIATION
Silvio E MaletIndiaElwin Sharvill PROPOSAL
Sinclair R TollnerGermanyIvan Magalhaes QUALIFIED
Maisha A CampainGermanyStephen Shaw PROPOSAL
Kadeem I RoysterGermanyAsiya Javayant PROPOSAL
Misaki I GillianArgentinaIvan Magalhaes PROPOSAL
Clifford T BologniaItalyAsiya Javayant NEGOTIATION
Faith T FlosiCanadaStephen Shaw RENEWAL
Jefferson Z SchemmerRussiaIoni Bowcher NEGOTIATION
Salvatore S PerinFranceIvan Magalhaes NEGOTIATION
Mayumi Z SergiRussiaStephen Shaw PROPOSAL
Cody Q MorascaBrazilOnyama Limba NEW
Cody R CampainIndiaIoni Bowcher PROPOSAL
Costa V MacleadArgentinaAsiya Javayant PROPOSAL
Costa Z CampainIndiaStephen Shaw NEW
Maria F VenereFranceBernardo Dominic RENEWAL
Misaki G AlbaresAustraliaOnyama Limba PROPOSAL
Claire N FlosiFranceElwin Sharvill NEGOTIATION
Rodrigues F AlbaresItalyIoni Bowcher PROPOSAL
Leja U SaylorsArgentinaStephen Shaw UNQUALIFIED
Jeanfrancois A GlickSpainAnna Fali NEW
Claire I MaletArgentinaXuxue Feng PROPOSAL
Mujtaba K RutaRussiaIvan Magalhaes QUALIFIED
Clifford U MacleadSpainAsiya Javayant RENEWAL
Antonio Y DoeArgentinaAsiya Javayant NEGOTIATION
Cody M OstroskyCanadaElwin Sharvill PROPOSAL
Jones W MaletJapanStephen Shaw RENEWAL
Deepesh G FollerAustraliaBernardo Dominic RENEWAL
Ricardo W NestleJapanBernardo Dominic PROPOSAL
Misaki A PerinJapanBernardo Dominic NEW
Misaki H ChuiFranceAsiya Javayant RENEWAL
Nicolas Y AlbaresJapanElwin Sharvill QUALIFIED
Darci W DoeItalyAsiya Javayant UNQUALIFIED
Salvatore E RulapaughUnited KingdomAnna Fali QUALIFIED
Octavia F BriddickUnited KingdomAsiya Javayant UNQUALIFIED
Cody Y RimIndiaOnyama Limba NEW
Sinclair M MarrierArgentinaBernardo Dominic UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Aika F RutaUnited KingdomElwin Sharvill NEGOTIATION
Morrow Q FollerBrazilStephen Shaw NEGOTIATION
Kadeem C BowleyIndiaAmy Elsner RENEWAL
Johnson I SergiItalyIvan Magalhaes NEGOTIATION
James A GauchoRussiaXuxue Feng NEW
Jennifer W GarufiAustraliaXuxue Feng QUALIFIED
Mayumi H ButtAustraliaIvan Magalhaes RENEWAL
Leon F IturbideBrazilElwin Sharvill UNQUALIFIED
Aruna C InouyeSpainAmy Elsner UNQUALIFIED
Clifford G VenereGermanyAnna Fali PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Johnson C FerenczItaly2026-10-31Feiner Bros NEGOTIATION56Asiya Javayant
1001Silvio Z AmigonRussia2026-11-05Chemel, James L Cpa RENEWAL11Ivan Magalhaes
1002Murillo Y KuskoFrance2026-10-20Morlong Associates UNQUALIFIED70Ioni Bowcher
1003Morrow H RutaArgentina2026-11-05Buckley Miller Wright RENEWAL88Ioni Bowcher
1004Deepesh U PaprockiJapan2026-10-20Dorl, James J Esq UNQUALIFIED57Ivan Magalhaes
1005Adams Y SergiAustralia2026-10-12Rousseaux, Michael Esq PROPOSAL5Asiya Javayant
1006Deepesh V AmigonUnited Kingdom2026-10-26Truhlar And Truhlar Attys NEW58Amy Elsner
1007Adams B MaletRussia2026-10-21Feltz Printing Service NEW52Amy Elsner
1008Aika B CaudyFrance2026-11-03Dorl, James J Esq UNQUALIFIED93Ioni Bowcher
1009Aika Q NestleBrazil2026-11-07Rousseaux, Michael Esq PROPOSAL52Asiya Javayant
1010Izzy J WaycottIndia2026-10-16Chanay, Jeffrey A Esq PROPOSAL57Bernardo Dominic
1011Leja O BriddickCanada2026-11-04Chemel, James L Cpa PROPOSAL77Amy Elsner
1012Greenwood A CampainGermany2026-10-29Morlong Associates NEGOTIATION9Ioni Bowcher
1013Ricardo I NestleSpain2026-10-23King, Christopher A Esq NEGOTIATION51Ivan Magalhaes
1014Aditya Q DarakjyFrance2026-10-31Chemel, James L Cpa UNQUALIFIED5Stephen Shaw
1015Aruna C FerenczFrance2026-10-11King, Christopher A Esq RENEWAL89Ivan Magalhaes
1016Emily G FollerUnited Kingdom2026-11-05Dorl, James J Esq NEW82Stephen Shaw
1017Silvio I OstroskyAustralia2026-11-07Benton, John B Jr NEGOTIATION82Asiya Javayant
1018Wickens N AmigonRussia2026-10-12Rousseaux, Michael Esq RENEWAL38Elwin Sharvill
1019Costa T ChuiUnited Kingdom2026-10-11Rousseaux, Michael Esq QUALIFIED69Stephen Shaw
1020Julie P PaprockiJapan2026-10-28Rousseaux, Michael Esq RENEWAL78Asiya Javayant
1021Nicolas R MaletRussia2026-11-03Rangoni Of Florence PROPOSAL83Anna Fali
1022Aruna D BowleyGermany2026-11-08Printing Dimensions NEW89Onyama Limba
1023Faith M PoquetteJapan2026-10-12Chemel, James L Cpa QUALIFIED61Ivan Magalhaes
1024Ricardo J SlusarskiJapan2026-10-31Rangoni Of Florence UNQUALIFIED26Onyama Limba
1025Wickens Q KolmetzRussia2026-10-21Chemel, James L Cpa UNQUALIFIED83Anna Fali
1026Smith C RoysterItaly2026-10-23King, Christopher A Esq UNQUALIFIED49Xuxue Feng
1027Jefferson U GauchoFrance2026-10-27Feltz Printing Service RENEWAL48Stephen Shaw
1028Claire F WaycottArgentina2026-10-26Chemel, James L Cpa PROPOSAL68Bernardo Dominic
1029Francesco F CaldareraBrazil2026-10-15Chapman, Ross E Esq NEW73Bernardo Dominic
1030Faith A DilliardRussia2026-10-20Dorl, James J Esq RENEWAL30Ioni Bowcher
1031Misaki A FollerAustralia2026-10-19Chemel, James L Cpa NEW52Asiya Javayant
1032Darci P SaylorsAustralia2026-10-23Benton, John B Jr PROPOSAL77Ioni Bowcher
1033Mayumi L FollerCanada2026-10-18Buckley Miller Wright NEW7Anna Fali
1034Cody J SergiBrazil2026-10-24Chanay, Jeffrey A Esq NEW53Asiya Javayant
1035James P ShinkoItaly2026-10-25Rangoni Of Florence UNQUALIFIED43Stephen Shaw
1036Antonio K RimBrazil2026-11-01Benton, John B Jr UNQUALIFIED99Ioni Bowcher
1037Francesco Y AmigonArgentina2026-10-13Feiner Bros PROPOSAL67Ioni Bowcher
1038Wickens N FerenczArgentina2026-10-25Printing Dimensions NEGOTIATION61Asiya Javayant
1039Tony Q VocelkaArgentina2026-10-12Benton, John B Jr QUALIFIED93Asiya Javayant
1040James D KuskoBrazil2026-10-21Morlong Associates PROPOSAL42Bernardo Dominic
1041Silvio M DoeCanada2026-10-14Feltz Printing Service UNQUALIFIED14Elwin Sharvill
1042Munro Y MacleadItaly2026-10-14Chanay, Jeffrey A Esq UNQUALIFIED8Asiya Javayant
1043Aika L MaletUnited Kingdom2026-10-22Chanay, Jeffrey A Esq NEW57Bernardo Dominic
1044Jones S ButtRussia2026-11-03Printing Dimensions NEW62Asiya Javayant
1045David Q FlosiUnited Kingdom2026-10-26Benton, John B Jr RENEWAL39Ivan Magalhaes
1046Sinclair B PoquetteFrance2026-10-12Feltz Printing Service NEW79Xuxue Feng
1047Leja D PerinFrance2026-11-07Chanay, Jeffrey A Esq PROPOSAL51Anna Fali
1048Ricardo I AmigonSpain2026-10-23King, Christopher A Esq QUALIFIED59Onyama Limba
1049Juan L CaldareraRussia2026-10-10Truhlar And Truhlar Attys UNQUALIFIED56Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Misaki R WieserCanadaIvan Magalhaes NEGOTIATION
Aika W CaudyAustraliaIvan Magalhaes RENEWAL
Arvin P FlosiItalyIvan Magalhaes UNQUALIFIED
James U GarufiUnited KingdomAnna Fali NEGOTIATION
Aditya N WhobreyItalyXuxue Feng NEGOTIATION
Isabel D BologniaBrazilStephen Shaw NEW
Munro N ChuiItalyIvan Magalhaes NEW
Clifford V StockhamFranceElwin Sharvill NEGOTIATION
Silvio G DarakjyGermanyXuxue Feng QUALIFIED
Smith J RimFranceAnna Fali RENEWAL
Sinclair E FlosiFranceXuxue Feng RENEWAL
Leon E NestleBrazilIvan Magalhaes PROPOSAL
Claire I KolmetzBrazilOnyama Limba NEW
Antonio P GillianItalyAmy Elsner RENEWAL
Jefferson T ButtCanadaBernardo Dominic QUALIFIED
Leja B GlickAustraliaXuxue Feng PROPOSAL
Maisha Q BowleyArgentinaAsiya Javayant NEW
Ivar X GlickSpainBernardo Dominic QUALIFIED
Claire M WhobreyItalyIvan Magalhaes NEW
Leon L NestleAustraliaAsiya Javayant NEGOTIATION
Francesco E NickaAustraliaAmy Elsner QUALIFIED
Arvin Z SchemmerGermanyStephen Shaw UNQUALIFIED
Kadeem Z DoeJapanOnyama Limba QUALIFIED
Maria I StockhamArgentinaAnna Fali NEGOTIATION
Maisha I MarrierGermanyStephen Shaw PROPOSAL
Cody M AlbaresBrazilXuxue Feng UNQUALIFIED
Jeanfrancois Y FlosiRussiaElwin Sharvill PROPOSAL
Aruna B TollnerGermanyIoni Bowcher PROPOSAL
Costa N RutaUnited KingdomIoni Bowcher QUALIFIED
Tony G DoeRussiaIvan Magalhaes PROPOSAL
Darci V OldroydIndiaOnyama Limba PROPOSAL
Salvatore K RimSpainBernardo Dominic NEGOTIATION
Clifford D MaletAustraliaElwin Sharvill QUALIFIED
Julie T NestleSpainElwin Sharvill NEW
Rodrigues L FigeroaArgentinaIvan Magalhaes UNQUALIFIED
Darci S FerenczItalyIvan Magalhaes NEW
Clifford B AlbaresGermanyIvan Magalhaes QUALIFIED
Kadeem X MaletSpainAmy Elsner PROPOSAL
Chavez D AmigonRussiaAmy Elsner PROPOSAL
Jeanfrancois O WaycottIndiaStephen Shaw RENEWAL
Jeanfrancois F ButtArgentinaIoni Bowcher UNQUALIFIED
Antonio N CaldareraSpainElwin Sharvill NEW
Aika O NestleGermanyStephen Shaw UNQUALIFIED
Jones V SchemmerGermanyAsiya Javayant RENEWAL
Clifford A BriddickJapanOnyama Limba PROPOSAL
Ricardo V GillianAustraliaAsiya Javayant RENEWAL
Jefferson L RulapaughAustraliaStephen Shaw NEW
Silvio U KuskoItalyXuxue Feng UNQUALIFIED
Maria J GillianJapanXuxue Feng NEGOTIATION
Misaki S BriddickItalyOnyama Limba NEGOTIATION
Frozen Columns
Name
Isabel X Whobrey
Jefferson O Kolmetz
Julie M Vocelka
Cody D Ostrosky
Octavia F Ostrosky
Leon Z Doe
Jennifer Y Briddick
Darci F Rulapaugh
Kaitlin J Rulapaugh
Isabel G Campain
Alejandro E Ostrosky
Rodrigues F Whobrey
Jeanfrancois D Malet
Ashley S Whobrey
Munro W Malet
Morrow T Kusko
Nicolas E Ostrosky
Arvin W Amigon
Jefferson I Bolognia
Deepesh O Kusko
Costa N Chui
Aruna B Albares
Adams X Gillian
Chavez A Butt
Aruna O Garufi
Morrow C Sergi
Octavia K Tollner
Smith L Stenseth
Izzy J Garufi
Francesco S Gaucho
Adams V Chui
Kadeem J Waycott
Jennifer C Nicka
Rodrigues U Marrier
Maisha S Morasca
Wickens F Sergi
Maisha N Royster
Nicolas K Nestle
Greenwood Y Whobrey
Emily K Nestle
Aika N Schemmer
Ivar Q Perin
Mayumi F Schemmer
Salvatore I Gaucho
Nicolas D Saylors
Wickens M Amigon
Arvin M Campain
Nicolas S Kusko
Arvin L Morasca
Faith B Iturbide
IdCountryDate
1000Brazil2026-11-04
1001Japan2026-10-25
1002Germany2026-10-13
1003Germany2026-10-24
1004Argentina2026-11-04
1005Russia2026-11-07
1006Australia2026-10-16
1007Russia2026-10-18
1008Argentina2026-11-06
1009Italy2026-10-11
1010Italy2026-10-16
1011Canada2026-10-12
1012Canada2026-11-02
1013Japan2026-10-27
1014Brazil2026-11-08
1015France2026-11-08
1016Japan2026-10-11
1017Spain2026-11-06
1018Argentina2026-10-25
1019Australia2026-10-18
1020France2026-10-18
1021Argentina2026-10-26
1022United Kingdom2026-11-04
1023France2026-10-30
1024Argentina2026-10-29
1025Brazil2026-10-22
1026Italy2026-10-19
1027Canada2026-10-28
1028Brazil2026-10-20
1029Spain2026-10-28
1030United Kingdom2026-10-22
1031India2026-10-30
1032France2026-10-15
1033France2026-11-05
1034Italy2026-10-29
1035Australia2026-10-19
1036Italy2026-10-28
1037Germany2026-10-19
1038Brazil2026-10-24
1039Italy2026-11-08
1040Australia2026-10-15
1041France2026-10-30
1042Italy2026-11-06
1043France2026-10-12
1044Canada2026-11-05
1045Australia2026-10-15
1046Australia2026-10-24
1047Canada2026-11-07
1048Germany2026-10-13
1049Canada2026-11-08

On-Demand Data

NameIdCountryDate
Faith J Garufi1000Italy2026-10-29
Ashley I Iturbide1001United Kingdom2026-10-30
Francesco Y Albares1002Australia2026-10-30
Octavia R Inouye1003Australia2026-10-14
Kaitlin F Oldroyd1004India2026-10-15
Munro S Caldarera1005India2026-10-13
Jennifer Y Dilliard1006United Kingdom2026-10-27
Johnson W Ostrosky1007India2026-10-31
Salvatore K Nicka1008Australia2026-10-12
Misaki A Dilliard1009Japan2026-10-21
Mujtaba H Sergi1010Argentina2026-10-26
Izzy T Dilliard1011France2026-10-14
Claire W Doe1012Russia2026-10-15
David T Kusko1013Spain2026-10-14
Francesco L Kusko1014Italy2026-10-10
Adams G Foller1015Brazil2026-11-08
Aditya J Poquette1016Russia2026-11-02
Munro K Butt1017United Kingdom2026-10-21
Morrow X Oldroyd1018Germany2026-10-21
Rodrigues V Bolognia1019Canada2026-10-31
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Adams P AlbaresRussiaAmy Elsner QUALIFIED
Johnson V ChuiCanadaElwin Sharvill UNQUALIFIED
Salvatore F FigeroaAustraliaOnyama Limba NEGOTIATION
Claire J DarakjyRussiaIvan Magalhaes NEW
Arvin K SlusarskiGermanyXuxue Feng NEW
Jones G MarrierFranceAsiya Javayant NEGOTIATION
Kadeem H FlosiIndiaOnyama Limba NEW
Leja J WhobreyCanadaIvan Magalhaes QUALIFIED
Mujtaba O FerenczJapanStephen Shaw NEW
Costa D AmigonIndiaAmy Elsner RENEWAL
Leon E KuskoCanadaAmy Elsner QUALIFIED
Maria W PoquetteItalyIvan Magalhaes QUALIFIED
Tony F GauchoIndiaOnyama Limba UNQUALIFIED
David C GarufiIndiaAnna Fali NEW
Tony Z MacleadFranceBernardo Dominic NEW
Arvin V SchemmerJapanIvan Magalhaes UNQUALIFIED
David S MaletIndiaOnyama Limba PROPOSAL
Arvin N RulapaughRussiaElwin Sharvill PROPOSAL
David U RoysterItalyIoni Bowcher RENEWAL
Jones E GlickAustraliaOnyama Limba PROPOSAL
Salvatore T GillianBrazilIvan Magalhaes NEGOTIATION
Francesco T DarakjyIndiaAsiya Javayant NEW
Emily P CaldareraSpainAmy Elsner NEW
Maisha I TollnerItalyBernardo Dominic QUALIFIED
Leja X AmigonArgentinaAmy Elsner PROPOSAL
Adams Y StockhamGermanyAsiya Javayant PROPOSAL
Adams S DoeItalyXuxue Feng NEW
Munro K BologniaSpainXuxue Feng UNQUALIFIED
Octavia M GlickItalyIvan Magalhaes PROPOSAL
Ricardo G AmigonArgentinaAsiya Javayant PROPOSAL
Aika X FerenczCanadaXuxue Feng NEGOTIATION
Faith Y DarakjyCanadaOnyama Limba NEGOTIATION
Izzy G MaletJapanIvan Magalhaes NEGOTIATION
Leja O NickaCanadaIoni Bowcher NEW
Jones B DoeIndiaStephen Shaw RENEWAL
Adams F StockhamArgentinaIoni Bowcher NEGOTIATION
Faith R InouyeItalyIoni Bowcher NEGOTIATION
Wickens K NestleCanadaAmy Elsner QUALIFIED
Aditya E FollerItalyIoni Bowcher RENEWAL
Murillo I AmigonAustraliaBernardo Dominic 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>