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
Ivar K KolmetzGermanyAmy Elsner NEGOTIATION
Leja U SlusarskiArgentinaAnna Fali QUALIFIED
Jennifer M PerinSpainIvan Magalhaes RENEWAL
Tony I SlusarskiRussiaElwin Sharvill NEW
Leon K GillianUnited KingdomOnyama Limba QUALIFIED
Clifford G GillianGermanyStephen Shaw RENEWAL
Jeanfrancois D VocelkaGermanyAnna Fali QUALIFIED
Salvatore G InouyeJapanXuxue Feng QUALIFIED
Maria R MorascaArgentinaAmy Elsner NEGOTIATION
Salvatore V ShinkoGermanyElwin Sharvill UNQUALIFIED
Costa T FigeroaArgentinaOnyama Limba NEGOTIATION
Costa C MarrierGermanyOnyama Limba NEGOTIATION
Tony V ButtIndiaOnyama Limba NEGOTIATION
Kadeem M BologniaRussiaIoni Bowcher QUALIFIED
Salvatore E CampainGermanyElwin Sharvill UNQUALIFIED
Leon V MarrierCanadaIoni Bowcher UNQUALIFIED
Izzy B OldroydSpainBernardo Dominic NEW
Antonio W KolmetzBrazilBernardo Dominic RENEWAL
Julie J DilliardGermanyElwin Sharvill UNQUALIFIED
Costa T GillianFranceStephen Shaw UNQUALIFIED
Clifford T SaylorsItalyAmy Elsner UNQUALIFIED
Salvatore H MacleadAustraliaIoni Bowcher PROPOSAL
Darci V GauchoUnited KingdomOnyama Limba QUALIFIED
Clifford F SlusarskiBrazilIoni Bowcher RENEWAL
Adams D DarakjySpainStephen Shaw PROPOSAL
Greenwood N NestleIndiaXuxue Feng NEGOTIATION
Claire N BriddickArgentinaXuxue Feng PROPOSAL
Octavia H StensethArgentinaIvan Magalhaes NEW
Faith Q OstroskyUnited KingdomIvan Magalhaes PROPOSAL
Johnson J OstroskySpainElwin Sharvill NEGOTIATION
Ricardo K KolmetzGermanyStephen Shaw RENEWAL
Deepesh B PerinUnited KingdomAnna Fali NEGOTIATION
Leja J MaletFranceStephen Shaw PROPOSAL
Jeanfrancois S DoeArgentinaBernardo Dominic NEGOTIATION
Alejandro H DarakjyArgentinaXuxue Feng QUALIFIED
Juan A ChuiSpainXuxue Feng RENEWAL
Darci B CaldareraCanadaBernardo Dominic UNQUALIFIED
Aika R CaldareraUnited KingdomAnna Fali NEGOTIATION
Faith M GillianIndiaAmy Elsner UNQUALIFIED
James Z IturbideItalyStephen Shaw PROPOSAL
Antonio P BriddickFranceElwin Sharvill NEGOTIATION
Morrow Y CaldareraBrazilIoni Bowcher UNQUALIFIED
Claire O MaletSpainElwin Sharvill NEGOTIATION
Mayumi K MaletUnited KingdomIvan Magalhaes NEGOTIATION
Jennifer C SergiFranceOnyama Limba RENEWAL
Nicolas C BriddickSpainAmy Elsner NEGOTIATION
Julie S SlusarskiCanadaIoni Bowcher NEGOTIATION
Kaitlin S PaprockiBrazilElwin Sharvill NEW
Octavia F MaletUnited KingdomBernardo Dominic NEW
Antonio E ChuiRussiaIvan Magalhaes NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Juan T RutaIndiaXuxue Feng RENEWAL
Ivar X BowleyIndiaElwin Sharvill UNQUALIFIED
Nicolas X AmigonSpainXuxue Feng NEGOTIATION
Misaki P VocelkaJapanAnna Fali UNQUALIFIED
Smith U BologniaAustraliaAnna Fali QUALIFIED
Julie H SlusarskiJapanStephen Shaw NEW
Aditya Q PerinUnited KingdomElwin Sharvill UNQUALIFIED
Munro S WhobreyItalyAsiya Javayant QUALIFIED
Murillo E MarrierRussiaElwin Sharvill NEW
Smith V BowleyIndiaAmy Elsner PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Mujtaba A RoysterGermany2026-10-07Printing Dimensions NEW37Asiya Javayant
1001Sinclair G CampainBrazil2026-10-22Feiner Bros PROPOSAL12Bernardo Dominic
1002Izzy I SaylorsIndia2026-10-15Chemel, James L Cpa QUALIFIED44Ioni Bowcher
1003Rodrigues P BriddickGermany2026-09-29Commercial Press PROPOSAL68Asiya Javayant
1004Darci E SaylorsCanada2026-10-11Chanay, Jeffrey A Esq RENEWAL13Asiya Javayant
1005Smith R FlosiCanada2026-10-17King, Christopher A Esq NEW84Amy Elsner
1006Salvatore U GauchoSpain2026-09-24Buckley Miller Wright PROPOSAL49Onyama Limba
1007Morrow P FollerItaly2026-10-03Feiner Bros UNQUALIFIED82Elwin Sharvill
1008Aruna T MacleadJapan2026-10-12Feltz Printing Service NEGOTIATION73Anna Fali
1009Kadeem W VenereJapan2026-09-30Chapman, Ross E Esq QUALIFIED63Ioni Bowcher
1010Octavia E BowleyUnited Kingdom2026-10-23Feltz Printing Service RENEWAL42Ivan Magalhaes
1011Maisha O SaylorsBrazil2026-10-04Commercial Press QUALIFIED36Ioni Bowcher
1012Isabel G CaudyIndia2026-09-29Benton, John B Jr PROPOSAL45Elwin Sharvill
1013Silvio E FigeroaRussia2026-09-29Rangoni Of Florence NEW36Xuxue Feng
1014Greenwood N DoeSpain2026-10-08Rangoni Of Florence RENEWAL2Xuxue Feng
1015Clifford C DarakjyBrazil2026-10-17King, Christopher A Esq UNQUALIFIED32Bernardo Dominic
1016Smith G TollnerAustralia2026-10-10Dorl, James J Esq NEGOTIATION50Asiya Javayant
1017Chavez G RulapaughSpain2026-10-01Rangoni Of Florence QUALIFIED49Elwin Sharvill
1018Ivar J DoeRussia2026-10-09Chanay, Jeffrey A Esq QUALIFIED92Elwin Sharvill
1019Chavez P DoeGermany2026-10-02Commercial Press RENEWAL37Onyama Limba
1020Aika F WieserFrance2026-10-05Buckley Miller Wright PROPOSAL0Amy Elsner
1021David L BowleyFrance2026-10-21Chemel, James L Cpa UNQUALIFIED67Asiya Javayant
1022Isabel P GlickItaly2026-10-23Chapman, Ross E Esq NEGOTIATION23Amy Elsner
1023Alejandro N BriddickFrance2026-09-29Rangoni Of Florence PROPOSAL2Asiya Javayant
1024Izzy P WieserSpain2026-10-23Truhlar And Truhlar Attys PROPOSAL60Ivan Magalhaes
1025Leon L FollerIndia2026-10-01Feiner Bros QUALIFIED67Ivan Magalhaes
1026Stacey Z GarufiArgentina2026-10-09Benton, John B Jr PROPOSAL57Anna Fali
1027Aika G OldroydBrazil2026-10-11Buckley Miller Wright RENEWAL0Anna Fali
1028Alejandro Z WaycottSpain2026-10-21Buckley Miller Wright PROPOSAL36Ivan Magalhaes
1029Ricardo D FerenczArgentina2026-10-17Feiner Bros RENEWAL83Stephen Shaw
1030Darci A FigeroaIndia2026-10-13Truhlar And Truhlar Attys NEGOTIATION43Elwin Sharvill
1031Juan E SlusarskiJapan2026-10-18Printing Dimensions NEGOTIATION28Bernardo Dominic
1032Deepesh P DilliardFrance2026-10-04Printing Dimensions RENEWAL18Ioni Bowcher
1033Antonio D BologniaJapan2026-10-03Commercial Press NEW73Xuxue Feng
1034Smith T KolmetzBrazil2026-09-28King, Christopher A Esq NEW21Anna Fali
1035Mujtaba N SlusarskiGermany2026-10-02Chemel, James L Cpa PROPOSAL33Asiya Javayant
1036Deepesh J FigeroaBrazil2026-10-20Chemel, James L Cpa PROPOSAL23Elwin Sharvill
1037Claire F SaylorsSpain2026-10-22Printing Dimensions QUALIFIED63Anna Fali
1038Kadeem O VenereArgentina2026-10-08Printing Dimensions PROPOSAL18Onyama Limba
1039Izzy V TollnerGermany2026-09-25Morlong Associates NEGOTIATION71Bernardo Dominic
1040Chavez Y KuskoGermany2026-10-02Feiner Bros UNQUALIFIED14Onyama Limba
1041Aika X DoeArgentina2026-10-04Rangoni Of Florence QUALIFIED79Bernardo Dominic
1042Sinclair H SaylorsGermany2026-10-23Benton, John B Jr PROPOSAL40Onyama Limba
1043Adams I PerinSpain2026-10-16Morlong Associates QUALIFIED78Ivan Magalhaes
1044Alejandro Y InouyeFrance2026-09-30Printing Dimensions NEW53Anna Fali
1045Arvin H GarufiFrance2026-10-02Chemel, James L Cpa NEW90Ivan Magalhaes
1046Costa Y MarrierSpain2026-10-06Rangoni Of Florence QUALIFIED22Ioni Bowcher
1047Darci M MaletJapan2026-10-10Commercial Press NEGOTIATION43Onyama Limba
1048Smith F NickaRussia2026-10-05Feltz Printing Service NEGOTIATION62Ivan Magalhaes
1049Jefferson S NestleGermany2026-09-30Dorl, James J Esq UNQUALIFIED98Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Octavia K CaudyRussiaIvan Magalhaes UNQUALIFIED
Kaitlin W SchemmerRussiaStephen Shaw UNQUALIFIED
Munro X MacleadCanadaIvan Magalhaes PROPOSAL
Wickens Z GlickItalyXuxue Feng QUALIFIED
Clifford G VenereAustraliaIvan Magalhaes QUALIFIED
Murillo F RutaJapanStephen Shaw UNQUALIFIED
Kaitlin M WhobreyItalyIvan Magalhaes UNQUALIFIED
Smith I NickaAustraliaAmy Elsner PROPOSAL
Mayumi P StockhamSpainStephen Shaw RENEWAL
Alejandro N PerinSpainXuxue Feng NEW
Ricardo Z VenereRussiaElwin Sharvill QUALIFIED
Smith E OstroskyAustraliaIvan Magalhaes UNQUALIFIED
James I NestleUnited KingdomOnyama Limba QUALIFIED
Mujtaba J StensethGermanyIoni Bowcher PROPOSAL
Ricardo G WieserRussiaIoni Bowcher RENEWAL
Aditya K MaletItalyBernardo Dominic NEW
Wickens C FlosiRussiaBernardo Dominic NEW
Aruna N GlickRussiaAnna Fali UNQUALIFIED
Kaitlin H BriddickBrazilAnna Fali RENEWAL
Mayumi U KuskoJapanOnyama Limba NEW
Chavez G CampainUnited KingdomAnna Fali UNQUALIFIED
Claire Z MorascaRussiaAnna Fali UNQUALIFIED
Mayumi Z RulapaughFranceXuxue Feng QUALIFIED
Darci F TollnerAustraliaBernardo Dominic PROPOSAL
Johnson H ShinkoFranceStephen Shaw UNQUALIFIED
Johnson I NickaBrazilXuxue Feng RENEWAL
Costa D MarrierSpainIoni Bowcher RENEWAL
Jones I FollerJapanAsiya Javayant NEGOTIATION
Darci I StensethJapanAsiya Javayant PROPOSAL
Salvatore E ChuiRussiaAnna Fali PROPOSAL
Silvio T FerenczSpainBernardo Dominic PROPOSAL
Isabel O PaprockiSpainStephen Shaw NEW
Maisha O CampainRussiaIoni Bowcher PROPOSAL
David K FlosiRussiaIoni Bowcher QUALIFIED
Aruna J RoysterBrazilElwin Sharvill NEGOTIATION
James J MaletArgentinaIoni Bowcher UNQUALIFIED
Nicolas M DoeSpainAmy Elsner PROPOSAL
Misaki H GarufiRussiaStephen Shaw NEW
Kadeem B GarufiArgentinaStephen Shaw NEGOTIATION
Faith R OstroskyItalyElwin Sharvill QUALIFIED
Ashley S MaletJapanAnna Fali RENEWAL
Ashley S ShinkoAustraliaXuxue Feng NEW
Clifford T KuskoJapanAsiya Javayant PROPOSAL
Antonio R FollerRussiaAsiya Javayant UNQUALIFIED
Greenwood U SchemmerAustraliaAsiya Javayant UNQUALIFIED
Morrow Z PerinRussiaIoni Bowcher RENEWAL
Ivar O OldroydFranceXuxue Feng NEW
Smith G SergiIndiaElwin Sharvill PROPOSAL
Aditya G CampainUnited KingdomIvan Magalhaes QUALIFIED
Izzy M WieserRussiaStephen Shaw QUALIFIED
Frozen Columns
Name
Wickens D Malet
David M Chui
Kadeem A Oldroyd
Claire K Ostrosky
Misaki H Maclead
Chavez A Flosi
Adams T Venere
Adams G Doe
Wickens P Malet
Jefferson Q Malet
Maisha J Doe
Alejandro Y Stenseth
Ricardo O Slusarski
Antonio L Sergi
Alejandro K Nicka
Claire Y Vocelka
Maria H Glick
Ricardo J Malet
Jeanfrancois A Sergi
Silvio L Briddick
Clifford I Stockham
Arvin L Butt
Claire Y Nestle
Isabel A Stockham
David Y Waycott
Izzy S Malet
Juan E Ruta
Kadeem G Darakjy
Chavez A Garufi
Jones O Darakjy
Alejandro F Butt
Adams W Gillian
Octavia W Amigon
Emily W Foller
Maria X Foller
Costa G Garufi
Darci Q Gillian
Faith I Bowley
Leja X Ostrosky
Juan X Amigon
Sinclair W Bolognia
Mujtaba I Royster
Silvio M Whobrey
Wickens G Chui
Izzy H Stenseth
Kadeem I Butt
Ivar L Morasca
Chavez X Ferencz
Maria S Maclead
Arvin O Ruta
IdCountryDate
1000Italy2026-10-20
1001Russia2026-10-18
1002Germany2026-10-06
1003Argentina2026-10-16
1004France2026-10-01
1005Canada2026-10-21
1006Russia2026-10-15
1007Australia2026-10-12
1008Germany2026-09-25
1009Argentina2026-10-08
1010India2026-10-04
1011Australia2026-10-04
1012Italy2026-10-03
1013Spain2026-10-11
1014Canada2026-10-04
1015Spain2026-10-08
1016Russia2026-10-23
1017Argentina2026-10-03
1018Canada2026-10-19
1019Canada2026-10-07
1020Japan2026-10-22
1021United Kingdom2026-09-25
1022Australia2026-09-25
1023France2026-10-07
1024Russia2026-10-19
1025United Kingdom2026-10-01
1026Germany2026-10-16
1027United Kingdom2026-10-23
1028France2026-10-23
1029India2026-09-28
1030Canada2026-09-27
1031Australia2026-10-12
1032Argentina2026-09-28
1033Germany2026-10-03
1034India2026-10-08
1035France2026-09-25
1036France2026-10-15
1037Germany2026-10-22
1038Argentina2026-10-06
1039India2026-09-26
1040Canada2026-10-04
1041Japan2026-10-13
1042India2026-09-24
1043Brazil2026-10-12
1044Australia2026-10-01
1045Spain2026-10-01
1046Italy2026-09-24
1047India2026-10-12
1048Germany2026-10-05
1049Brazil2026-10-21

On-Demand Data

NameIdCountryDate
Ricardo Q Glick1000Italy2026-10-09
Maria P Maclead1001Argentina2026-10-07
Silvio D Stockham1002Canada2026-10-04
Tony F Rulapaugh1003France2026-10-16
Johnson X Darakjy1004India2026-09-30
Ricardo S Schemmer1005Italy2026-09-28
Darci G Briddick1006Japan2026-10-18
Leon U Ruta1007Japan2026-09-30
Wickens P Ostrosky1008Brazil2026-10-22
Greenwood H Paprocki1009Italy2026-10-13
Claire X Gaucho1010Germany2026-10-18
Aditya V Caldarera1011Brazil2026-09-29
Deepesh S Glick1012United Kingdom2026-10-09
Jefferson C Gaucho1013Australia2026-10-13
Ricardo D Bowley1014Argentina2026-09-30
Alejandro H Paprocki1015Australia2026-10-09
Alejandro Y Marrier1016Spain2026-10-07
Darci R Whobrey1017India2026-10-17
Misaki D Caudy1018Brazil2026-10-01
Cody C Dilliard1019United Kingdom2026-10-14
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jennifer X DilliardFranceAnna Fali UNQUALIFIED
Aruna O TollnerRussiaBernardo Dominic NEGOTIATION
Johnson K FlosiGermanyStephen Shaw NEGOTIATION
Alejandro N MarrierArgentinaOnyama Limba UNQUALIFIED
Deepesh D GillianUnited KingdomAsiya Javayant PROPOSAL
Silvio E GarufiBrazilIoni Bowcher NEW
Leon M OldroydItalyIoni Bowcher PROPOSAL
Deepesh N KuskoGermanyBernardo Dominic NEGOTIATION
Kaitlin A CaudyArgentinaAnna Fali QUALIFIED
Jeanfrancois V PaprockiCanadaIvan Magalhaes NEGOTIATION
Maisha P BriddickAustraliaElwin Sharvill NEGOTIATION
Izzy O PoquetteIndiaAnna Fali QUALIFIED
Aruna E AlbaresUnited KingdomElwin Sharvill UNQUALIFIED
Alejandro I FigeroaArgentinaOnyama Limba NEGOTIATION
Alejandro A FlosiGermanyXuxue Feng PROPOSAL
Salvatore S OstroskyIndiaAmy Elsner NEGOTIATION
Leja X TollnerGermanyIoni Bowcher NEW
Cody F MarrierCanadaAsiya Javayant RENEWAL
Antonio E VocelkaSpainIvan Magalhaes UNQUALIFIED
Julie I SchemmerIndiaElwin Sharvill NEGOTIATION
Kaitlin O FlosiItalyAmy Elsner UNQUALIFIED
Greenwood U BologniaFranceAsiya Javayant RENEWAL
Aruna U GlickGermanyAnna Fali NEGOTIATION
Jones Y MacleadIndiaElwin Sharvill NEGOTIATION
Costa T DarakjyAustraliaIvan Magalhaes QUALIFIED
Jeanfrancois V InouyeAustraliaOnyama Limba RENEWAL
Aruna H BriddickArgentinaOnyama Limba QUALIFIED
Mayumi C FigeroaGermanyBernardo Dominic PROPOSAL
Adams E StockhamJapanXuxue Feng NEW
Kadeem F OstroskyArgentinaIoni Bowcher NEGOTIATION
Aruna T MacleadRussiaXuxue Feng QUALIFIED
Kaitlin R MarrierCanadaAmy Elsner QUALIFIED
Stacey G TollnerAustraliaAnna Fali PROPOSAL
Isabel E FollerGermanyAsiya Javayant NEGOTIATION
Darci E WieserArgentinaXuxue Feng UNQUALIFIED
Francesco G SaylorsSpainXuxue Feng PROPOSAL
Alejandro J GillianItalyXuxue Feng RENEWAL
Aditya I TollnerRussiaElwin Sharvill NEW
Aika S RoysterItalyXuxue Feng PROPOSAL
Salvatore O KolmetzUnited KingdomAnna Fali NEW

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