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
Murillo N RutaSpainStephen Shaw RENEWAL
Salvatore T GillianBrazilBernardo Dominic RENEWAL
Emily Z KolmetzJapanAmy Elsner RENEWAL
Clifford S RimItalyAnna Fali UNQUALIFIED
Misaki W MarrierGermanyAmy Elsner RENEWAL
Johnson C NickaRussiaAsiya Javayant NEW
Francesco W IturbideAustraliaIvan Magalhaes PROPOSAL
Juan N BologniaBrazilXuxue Feng QUALIFIED
Julie S MarrierGermanyXuxue Feng QUALIFIED
Antonio Z FerenczFranceIoni Bowcher UNQUALIFIED
Tony L SchemmerJapanAsiya Javayant PROPOSAL
Faith N BriddickCanadaIvan Magalhaes NEW
Darci W WieserUnited KingdomElwin Sharvill UNQUALIFIED
Cody X StensethBrazilBernardo Dominic QUALIFIED
Mujtaba B MorascaSpainIvan Magalhaes QUALIFIED
Arvin P IturbideArgentinaElwin Sharvill QUALIFIED
Tony D RimIndiaXuxue Feng NEGOTIATION
Silvio N VenereUnited KingdomBernardo Dominic RENEWAL
Morrow L MaletIndiaAmy Elsner UNQUALIFIED
Ricardo P CaldareraItalyStephen Shaw NEGOTIATION
Wickens J InouyeArgentinaAmy Elsner RENEWAL
Greenwood F GlickItalyBernardo Dominic UNQUALIFIED
James O GillianGermanyAsiya Javayant NEGOTIATION
Misaki V InouyeItalyAnna Fali UNQUALIFIED
Juan G PerinRussiaAmy Elsner PROPOSAL
Jones A KuskoUnited KingdomElwin Sharvill PROPOSAL
Wickens H ShinkoItalyXuxue Feng PROPOSAL
Rodrigues T SergiUnited KingdomStephen Shaw NEW
Silvio C RulapaughArgentinaBernardo Dominic NEW
Stacey I KolmetzGermanyIoni Bowcher RENEWAL
Johnson G VenereCanadaOnyama Limba UNQUALIFIED
Deepesh L RimItalyIvan Magalhaes RENEWAL
Adams O CampainJapanIvan Magalhaes UNQUALIFIED
Faith H DilliardAustraliaIoni Bowcher UNQUALIFIED
Kaitlin E SlusarskiItalyAnna Fali UNQUALIFIED
Nicolas K RulapaughIndiaOnyama Limba RENEWAL
Julie M RulapaughSpainIvan Magalhaes UNQUALIFIED
Faith C RimArgentinaIvan Magalhaes NEGOTIATION
Arvin H BologniaJapanAmy Elsner NEGOTIATION
Jefferson O WhobreyAustraliaAnna Fali RENEWAL
Jones O RulapaughItalyAnna Fali NEGOTIATION
Ashley N FlosiJapanAmy Elsner QUALIFIED
Francesco Y FollerGermanyBernardo Dominic NEW
Greenwood C ChuiArgentinaAmy Elsner NEW
Ivar B MaletRussiaElwin Sharvill NEW
Jefferson O RoysterIndiaIoni Bowcher PROPOSAL
Kaitlin R VenereGermanyStephen Shaw RENEWAL
Julie Q RulapaughAustraliaAnna Fali NEW
Ivar K SergiRussiaAmy Elsner NEW
Leja A WaycottBrazilIoni Bowcher PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Ashley M VocelkaSpainAmy Elsner NEW
Costa I SchemmerFranceIvan Magalhaes NEW
Izzy F MaletSpainOnyama Limba UNQUALIFIED
Aruna E NickaSpainOnyama Limba QUALIFIED
Deepesh U WhobreyUnited KingdomAmy Elsner NEGOTIATION
Darci O PoquetteCanadaIvan Magalhaes RENEWAL
Tony L PaprockiAustraliaXuxue Feng QUALIFIED
Aditya R VenereFranceBernardo Dominic RENEWAL
Darci M TollnerSpainStephen Shaw UNQUALIFIED
Smith Q ButtAustraliaElwin Sharvill NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Faith Z TollnerCanada2026-08-27Buckley Miller Wright RENEWAL43Asiya Javayant
1001Juan Y SchemmerGermany2026-09-07Buckley Miller Wright QUALIFIED47Ivan Magalhaes
1002Ashley I RimGermany2026-08-25Printing Dimensions QUALIFIED10Anna Fali
1003Emily N ChuiSpain2026-09-01Chemel, James L Cpa NEGOTIATION95Ivan Magalhaes
1004Mujtaba C NickaUnited Kingdom2026-08-31Buckley Miller Wright PROPOSAL79Bernardo Dominic
1005Julie P StockhamArgentina2026-08-31Feltz Printing Service RENEWAL59Amy Elsner
1006Deepesh X KolmetzItaly2026-09-15Buckley Miller Wright UNQUALIFIED39Bernardo Dominic
1007Kadeem H CaldareraGermany2026-09-09Rousseaux, Michael Esq QUALIFIED46Anna Fali
1008Murillo A MaletArgentina2026-09-09Commercial Press UNQUALIFIED81Elwin Sharvill
1009Greenwood G OstroskyUnited Kingdom2026-08-19Feiner Bros PROPOSAL0Bernardo Dominic
1010Mayumi X ChuiUnited Kingdom2026-09-09Rangoni Of Florence NEW31Ioni Bowcher
1011Murillo W WieserItaly2026-08-25Feiner Bros NEGOTIATION83Asiya Javayant
1012Chavez V PerinBrazil2026-08-20King, Christopher A Esq PROPOSAL43Anna Fali
1013Juan A MaletSpain2026-09-06Buckley Miller Wright RENEWAL76Onyama Limba
1014Isabel D ButtJapan2026-08-21Rangoni Of Florence PROPOSAL18Elwin Sharvill
1015Alejandro Z CaudyGermany2026-09-04Dorl, James J Esq QUALIFIED47Amy Elsner
1016Aika Q FerenczFrance2026-09-06Rangoni Of Florence PROPOSAL60Stephen Shaw
1017Wickens T GillianGermany2026-09-07Buckley Miller Wright PROPOSAL12Bernardo Dominic
1018Jefferson M NestleArgentina2026-08-18Feltz Printing Service RENEWAL30Amy Elsner
1019Morrow G RulapaughBrazil2026-09-08Benton, John B Jr RENEWAL62Stephen Shaw
1020Ivar F GarufiItaly2026-08-22Dorl, James J Esq QUALIFIED41Bernardo Dominic
1021Darci F MarrierFrance2026-08-24Chapman, Ross E Esq PROPOSAL76Xuxue Feng
1022Clifford Z FlosiSpain2026-08-18Printing Dimensions RENEWAL80Asiya Javayant
1023Emily S StensethBrazil2026-08-22Truhlar And Truhlar Attys PROPOSAL87Stephen Shaw
1024Maria D AmigonItaly2026-09-02Chemel, James L Cpa PROPOSAL79Asiya Javayant
1025Greenwood F PoquetteBrazil2026-09-07Truhlar And Truhlar Attys NEGOTIATION30Bernardo Dominic
1026Clifford Q ButtItaly2026-08-29Chemel, James L Cpa UNQUALIFIED28Xuxue Feng
1027Morrow C CaldareraRussia2026-08-30Rangoni Of Florence QUALIFIED12Stephen Shaw
1028Leon B SaylorsJapan2026-09-12Dorl, James J Esq QUALIFIED94Elwin Sharvill
1029Smith H FigeroaUnited Kingdom2026-08-22Benton, John B Jr UNQUALIFIED77Anna Fali
1030Aruna R OldroydGermany2026-09-15Rangoni Of Florence QUALIFIED62Asiya Javayant
1031Jeanfrancois L RulapaughUnited Kingdom2026-09-09Benton, John B Jr NEGOTIATION39Ivan Magalhaes
1032Johnson U FigeroaItaly2026-09-10Commercial Press PROPOSAL92Onyama Limba
1033Izzy U ButtJapan2026-08-31Dorl, James J Esq NEGOTIATION69Anna Fali
1034James Y PaprockiCanada2026-09-10King, Christopher A Esq UNQUALIFIED11Anna Fali
1035Leja C PoquetteAustralia2026-08-23Chemel, James L Cpa NEW36Elwin Sharvill
1036Jefferson H VenereGermany2026-09-07King, Christopher A Esq PROPOSAL45Xuxue Feng
1037Jeanfrancois A DoeCanada2026-08-27King, Christopher A Esq PROPOSAL97Amy Elsner
1038Aruna I NestleCanada2026-08-23Truhlar And Truhlar Attys NEW10Amy Elsner
1039Mayumi K InouyeGermany2026-09-04Rangoni Of Florence NEW98Anna Fali
1040Jeanfrancois R AmigonRussia2026-08-28Feiner Bros QUALIFIED42Stephen Shaw
1041Izzy B StockhamSpain2026-08-21Truhlar And Truhlar Attys NEGOTIATION0Ivan Magalhaes
1042Jones M FollerSpain2026-09-02Buckley Miller Wright PROPOSAL92Ivan Magalhaes
1043Deepesh L CaldareraItaly2026-08-22Commercial Press RENEWAL36Elwin Sharvill
1044Munro L ButtCanada2026-09-05Rangoni Of Florence PROPOSAL91Anna Fali
1045Arvin J GillianGermany2026-08-29Feltz Printing Service PROPOSAL0Amy Elsner
1046David U GillianSpain2026-08-18Morlong Associates RENEWAL6Stephen Shaw
1047Cody E FigeroaBrazil2026-08-19Truhlar And Truhlar Attys QUALIFIED74Ioni Bowcher
1048James R OstroskyIndia2026-09-07Truhlar And Truhlar Attys QUALIFIED31Elwin Sharvill
1049Adams X ButtFrance2026-08-31Truhlar And Truhlar Attys UNQUALIFIED2Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Smith P FerenczArgentinaXuxue Feng QUALIFIED
Chavez M PerinAustraliaIvan Magalhaes NEW
Morrow J RulapaughFranceBernardo Dominic NEW
Octavia V MaletUnited KingdomXuxue Feng NEGOTIATION
Ricardo W CampainBrazilElwin Sharvill UNQUALIFIED
Ashley M DarakjyUnited KingdomAsiya Javayant RENEWAL
Deepesh W SergiFranceIvan Magalhaes NEGOTIATION
Ricardo J OldroydJapanAmy Elsner QUALIFIED
Maria F RoysterItalyOnyama Limba NEGOTIATION
Mayumi W BriddickItalyXuxue Feng UNQUALIFIED
Misaki I DoeAustraliaOnyama Limba NEW
Maria T DilliardItalyIvan Magalhaes RENEWAL
Jefferson R TollnerIndiaIvan Magalhaes NEGOTIATION
Salvatore K NestleCanadaAnna Fali UNQUALIFIED
Johnson Y OstroskyIndiaBernardo Dominic RENEWAL
Maria G MacleadGermanyOnyama Limba QUALIFIED
Aika H MarrierCanadaBernardo Dominic PROPOSAL
Aika M BriddickFranceOnyama Limba RENEWAL
Mayumi A NestleIndiaAsiya Javayant NEGOTIATION
Jennifer X KolmetzArgentinaXuxue Feng NEGOTIATION
Maisha W MorascaItalyXuxue Feng PROPOSAL
Tony P IturbideSpainAnna Fali QUALIFIED
James H StockhamFranceIvan Magalhaes UNQUALIFIED
Ashley V OldroydGermanyAsiya Javayant QUALIFIED
Ashley K NestleSpainAsiya Javayant PROPOSAL
Julie Y ShinkoGermanyAsiya Javayant QUALIFIED
Jones Z PoquetteUnited KingdomAmy Elsner UNQUALIFIED
Johnson S FlosiUnited KingdomStephen Shaw QUALIFIED
Darci O FollerFranceOnyama Limba NEW
James P MaletRussiaXuxue Feng RENEWAL
Chavez U MorascaAustraliaAsiya Javayant QUALIFIED
Juan Y DoeFranceStephen Shaw QUALIFIED
Adams W KuskoAustraliaIvan Magalhaes UNQUALIFIED
Stacey D BowleyUnited KingdomIoni Bowcher QUALIFIED
Antonio K ChuiItalyBernardo Dominic UNQUALIFIED
Chavez V DarakjyFranceStephen Shaw PROPOSAL
Chavez A GarufiFranceAnna Fali RENEWAL
Maria D BologniaGermanyBernardo Dominic UNQUALIFIED
Stacey Y ShinkoGermanyIoni Bowcher NEGOTIATION
Tony N CampainGermanyBernardo Dominic NEW
Jones R RulapaughGermanyXuxue Feng QUALIFIED
Deepesh Z DoeJapanXuxue Feng NEW
Morrow N MaletArgentinaAmy Elsner UNQUALIFIED
Sinclair I DarakjyUnited KingdomAmy Elsner PROPOSAL
Leon Y WhobreyAustraliaIvan Magalhaes RENEWAL
Deepesh J VenereGermanyAsiya Javayant NEW
Costa A GillianSpainOnyama Limba QUALIFIED
Aika S GarufiArgentinaIoni Bowcher NEW
Izzy N VenereBrazilBernardo Dominic RENEWAL
Ivar I MaletFranceXuxue Feng RENEWAL
Frozen Columns
Name
Costa V Shinko
Kaitlin U Nestle
Jeanfrancois X Albares
Silvio M Darakjy
Greenwood L Campain
Stacey P Malet
Jones A Flosi
Francesco F Campain
David H Nestle
Julie N Perin
Mayumi F Foller
Ivar B Amigon
Claire W Marrier
Adams V Rulapaugh
Arvin I Figeroa
David P Sergi
Leon H Tollner
Jeanfrancois H Maclead
Francesco A Stockham
Salvatore H Ruta
Ricardo G Nestle
Ashley T Maclead
Darci B Paprocki
Clifford H Poquette
Emily F Darakjy
Izzy Z Flosi
Wickens G Schemmer
David L Flosi
Adams A Kolmetz
Smith S Ferencz
Kaitlin E Ferencz
Murillo X Slusarski
Murillo I Albares
Francesco I Darakjy
Mayumi I Doe
Sinclair O Perin
Chavez C Vocelka
Cody J Stenseth
Mayumi S Garufi
Morrow F Butt
Jennifer Y Dilliard
Emily M Whobrey
Mujtaba E Rulapaugh
Nicolas G Maclead
Jeanfrancois E Maclead
Nicolas H Kusko
Claire M Rim
Ricardo N Perin
Jennifer A Waycott
Chavez O Gillian
IdCountryDate
1000Canada2026-08-30
1001Brazil2026-08-31
1002Japan2026-09-02
1003Spain2026-08-21
1004Brazil2026-08-30
1005United Kingdom2026-08-29
1006France2026-08-21
1007Australia2026-08-18
1008United Kingdom2026-08-27
1009Spain2026-09-06
1010Australia2026-09-07
1011Spain2026-08-30
1012Germany2026-08-23
1013Japan2026-09-02
1014United Kingdom2026-09-01
1015Brazil2026-08-23
1016Spain2026-09-13
1017Australia2026-08-30
1018Japan2026-09-02
1019Argentina2026-09-01
1020Brazil2026-09-11
1021France2026-08-31
1022Italy2026-08-18
1023France2026-08-20
1024United Kingdom2026-09-16
1025Japan2026-08-28
1026Canada2026-08-23
1027Brazil2026-08-22
1028Australia2026-09-02
1029Argentina2026-08-19
1030Spain2026-08-18
1031India2026-09-02
1032Japan2026-09-04
1033United Kingdom2026-08-30
1034India2026-09-03
1035France2026-09-14
1036Italy2026-08-28
1037Brazil2026-09-14
1038Germany2026-08-21
1039Russia2026-08-27
1040Spain2026-09-11
1041Italy2026-09-06
1042Germany2026-09-01
1043Brazil2026-08-21
1044Argentina2026-08-25
1045Russia2026-09-09
1046Italy2026-08-24
1047Spain2026-08-22
1048Russia2026-09-02
1049Italy2026-08-31

On-Demand Data

NameIdCountryDate
Kaitlin D Shinko1000Germany2026-08-27
Izzy O Dilliard1001Italy2026-08-27
Francesco F Rim1002Australia2026-08-25
Juan N Ostrosky1003Australia2026-09-14
Wickens U Stenseth1004Australia2026-09-10
Jefferson I Inouye1005Germany2026-08-20
Cody O Ostrosky1006Spain2026-09-05
Arvin M Briddick1007Argentina2026-08-18
Silvio L Whobrey1008Russia2026-09-05
Francesco Q Whobrey1009Argentina2026-09-14
Kadeem E Dilliard1010Japan2026-08-21
Cody F Glick1011France2026-08-24
Ashley X Saylors1012Argentina2026-09-01
Ashley P Waycott1013India2026-09-07
Salvatore U Nestle1014Spain2026-08-31
Aditya Y Campain1015Spain2026-09-02
Adams Y Gaucho1016France2026-09-11
Misaki V Paprocki1017India2026-08-21
Chavez W Stenseth1018India2026-08-23
Jefferson I Briddick1019United Kingdom2026-08-27
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Murillo Z AmigonArgentinaXuxue Feng PROPOSAL
Jefferson T SlusarskiRussiaIvan Magalhaes UNQUALIFIED
Maisha I KolmetzIndiaAnna Fali QUALIFIED
Stacey U MacleadBrazilStephen Shaw NEGOTIATION
Rodrigues F RoysterArgentinaBernardo Dominic PROPOSAL
Leja N KolmetzGermanyAmy Elsner RENEWAL
Tony F BowleyIndiaXuxue Feng QUALIFIED
Tony A ShinkoSpainBernardo Dominic QUALIFIED
Maisha F ShinkoAustraliaElwin Sharvill PROPOSAL
Juan R CaudyIndiaOnyama Limba NEW
Jones B DarakjyArgentinaIvan Magalhaes PROPOSAL
Kaitlin S WieserAustraliaAsiya Javayant UNQUALIFIED
Clifford Q GauchoIndiaAmy Elsner PROPOSAL
Jennifer D SergiArgentinaElwin Sharvill QUALIFIED
Leja Y SlusarskiGermanyIoni Bowcher PROPOSAL
Clifford B MarrierJapanIoni Bowcher QUALIFIED
Emily J BologniaItalyElwin Sharvill UNQUALIFIED
Ricardo V MarrierCanadaStephen Shaw NEW
Izzy L ChuiJapanAsiya Javayant UNQUALIFIED
Faith V ShinkoArgentinaIoni Bowcher QUALIFIED
Morrow N MaletBrazilOnyama Limba PROPOSAL
Jones Z WaycottBrazilAnna Fali NEGOTIATION
Silvio Z ButtAustraliaXuxue Feng RENEWAL
Maisha T GauchoRussiaStephen Shaw RENEWAL
Salvatore S ShinkoAustraliaBernardo Dominic PROPOSAL
Isabel E RoysterJapanAnna Fali NEGOTIATION
Aruna K RoysterSpainIvan Magalhaes NEW
Adams W BologniaUnited KingdomIvan Magalhaes RENEWAL
Juan G DilliardFranceAsiya Javayant NEW
Kadeem R OldroydSpainIvan Magalhaes NEGOTIATION
Mayumi D AmigonIndiaAmy Elsner UNQUALIFIED
Murillo D WieserBrazilOnyama Limba PROPOSAL
Isabel A MaletFranceOnyama Limba RENEWAL
Arvin B WaycottGermanyAmy Elsner QUALIFIED
Antonio O NestleItalyIvan Magalhaes PROPOSAL
Julie I KuskoFranceBernardo Dominic UNQUALIFIED
Emily O WaycottItalyAsiya Javayant UNQUALIFIED
Alejandro Q DoeCanadaElwin Sharvill PROPOSAL
Leja F CaudyJapanElwin Sharvill PROPOSAL
Kaitlin E GarufiRussiaElwin Sharvill NEGOTIATION

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