Locale

Language
English
English
English
French
German
German
German
Italian
Korean
Spanish
Catalan
Dutch
Portuguese
Portuguese
Arabic
Arabic
Bulgarian
Bangla
Bosnian
Czech
Greek
Estonian
Persian
Finnish
Danish
Hindi
Indonesian
Icelandic
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

Free Themes

Built-in component themes created by the PrimeFaces Theme Designer.

Saga Saga
Vela Vela
Arya Arya

Legacy Free Themes

Luna Amber Luna Amber
Luna Blue Luna Blue
Luna Green Luna Green
Luna Pink Luna Pink
Nova Nova
Nova Nova Alt
Nova Nova Accent

DataTable Scroll

Both vertical and horizontal scrolling of the data is supported with optional frozen rows-columns and on-demand loading features.

Vertical
NameCountryRepresentativeStatus
David DarakjyFranceElwin Sharvill NEGOTIATION
Morrow RutaIndiaAsiya Javayant PROPOSAL
Aika InouyeCanadaAmy Elsner RENEWAL
Antonio CaudyAustraliaAnna Fali UNQUALIFIED
Cody SaylorsCanadaIoni Bowcher QUALIFIED
Maria MarrierGermanyOnyama Limba NEW
Morrow RutaAustraliaAsiya Javayant RENEWAL
Juan WieserUnited KingdomOnyama Limba NEGOTIATION
Francesco ShinkoItalyXuxue Feng PROPOSAL
Juan WieserFranceElwin Sharvill QUALIFIED
Silvio SlusarskiJapanStephen Shaw PROPOSAL
Aika InouyeUnited KingdomAmy Elsner NEW
Juan WieserJapanOnyama Limba QUALIFIED
Jefferson SchemmerIndiaAnna Fali QUALIFIED
Aditya KuskoIndiaStephen Shaw NEW
Aruna FigeroaArgentinaStephen Shaw NEGOTIATION
Ashley DoeArgentinaAsiya Javayant PROPOSAL
Leon OldroydBrazilBernardo Dominic NEGOTIATION
Jeanfrancois VenereIndiaStephen Shaw RENEWAL
Cody SaylorsBrazilAsiya Javayant NEGOTIATION
Nicolas IturbideCanadaElwin Sharvill NEGOTIATION
Jones VocelkaIndiaIvan Magalhaes QUALIFIED
Rodrigues CampainCanadaAmy Elsner UNQUALIFIED
Mayumi KolmetzSpainAsiya Javayant RENEWAL
Johnson SergiItalyAmy Elsner UNQUALIFIED
Salvatore StockhamAustraliaBernardo Dominic RENEWAL
Jefferson SchemmerJapanBernardo Dominic NEGOTIATION
Izzy GarufiBrazilXuxue Feng RENEWAL
Faith GillianIndiaBernardo Dominic UNQUALIFIED
Jennifer AmigonUnited KingdomIoni Bowcher RENEWAL
Emily WhobreyFranceAnna Fali RENEWAL
Emily WhobreyBrazilIvan Magalhaes QUALIFIED
Alejandro PerinGermanyElwin Sharvill NEGOTIATION
Ricardo GauchoIndiaBernardo Dominic NEW
Munro FerenczGermanyAmy Elsner PROPOSAL
Chavez BriddickRussiaOnyama Limba RENEWAL
David DarakjyCanadaIoni Bowcher PROPOSAL
Greenwood BologniaJapanAmy Elsner RENEWAL
Munro FerenczGermanyAsiya Javayant UNQUALIFIED
Juan WieserUnited KingdomAnna Fali QUALIFIED
Tony FollerUnited KingdomOnyama Limba NEW
Jennifer AmigonGermanyAsiya Javayant RENEWAL
Costa DilliardFranceXuxue Feng RENEWAL
Costa DilliardItalyIvan Magalhaes QUALIFIED
Isabel BowleyCanadaIoni Bowcher UNQUALIFIED
Julie StensethArgentinaElwin Sharvill PROPOSAL
Antonio CaudyIndiaAsiya Javayant NEGOTIATION
Morrow RutaRussiaElwin Sharvill PROPOSAL
Kadeem FlosiBrazilOnyama Limba PROPOSAL
Jefferson SchemmerUnited KingdomIvan Magalhaes NEW
Horizontal
NameCountryRepresentativeStatus
Costa DilliardIndiaOnyama Limba UNQUALIFIED
Antonio CaudyIndiaAnna Fali NEGOTIATION
Octavia MaletJapanAnna Fali NEW
Alejandro PerinSpainAmy Elsner NEGOTIATION
Morrow RutaAustraliaOnyama Limba PROPOSAL
Greenwood BologniaGermanyElwin Sharvill UNQUALIFIED
Kaitlin OstroskySpainAsiya Javayant QUALIFIED
Misaki RoysterGermanyElwin Sharvill UNQUALIFIED
Emily WhobreyCanadaStephen Shaw RENEWAL
Adams MorascaUnited KingdomAmy Elsner UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Octavia MaletRussia2026-04-15Chanay, Jeffrey A Esq UNQUALIFIED28Xuxue Feng
1001Tony FollerRussia2026-04-12Commercial Press RENEWAL59Ivan Magalhaes
1002Antonio CaudyAustralia2026-04-12Feltz Printing Service RENEWAL65Asiya Javayant
1003Jones VocelkaGermany2026-04-09Morlong Associates PROPOSAL31Onyama Limba
1004Jennifer AmigonItaly2026-04-14Chanay, Jeffrey A Esq NEGOTIATION62Onyama Limba
1005Jennifer AmigonAustralia2026-04-15Feiner Bros RENEWAL68Bernardo Dominic
1006Francesco ShinkoCanada2026-04-10Chanay, Jeffrey A Esq NEGOTIATION43Amy Elsner
1007James ButtItaly2026-04-14Feiner Bros NEW61Ioni Bowcher
1008Ricardo GauchoAustralia2026-04-20Morlong Associates NEW90Ioni Bowcher
1009Jones VocelkaItaly2026-04-20Feltz Printing Service QUALIFIED32Bernardo Dominic
1010Smith GlickBrazil2026-05-05Feltz Printing Service QUALIFIED0Amy Elsner
1011Octavia MaletIndia2026-04-25Printing Dimensions NEW45Ivan Magalhaes
1012Jones VocelkaCanada2026-04-09Chapman, Ross E Esq PROPOSAL95Ivan Magalhaes
1013Sinclair WaycottRussia2026-04-11Chanay, Jeffrey A Esq PROPOSAL11Amy Elsner
1014Adams MorascaUnited Kingdom2026-04-20Feiner Bros PROPOSAL37Amy Elsner
1015Darci PoquetteArgentina2026-05-02Truhlar And Truhlar Attys NEGOTIATION6Amy Elsner
1016Rodrigues CampainArgentina2026-04-19Commercial Press NEGOTIATION43Ivan Magalhaes
1017Aruna FigeroaArgentina2026-04-25Feltz Printing Service UNQUALIFIED63Anna Fali
1018Rodrigues CampainUnited Kingdom2026-04-28King, Christopher A Esq NEW5Anna Fali
1019Aditya KuskoAustralia2026-04-10King, Christopher A Esq PROPOSAL12Onyama Limba
1020Cody SaylorsSpain2026-04-19Dorl, James J Esq PROPOSAL65Ioni Bowcher
1021Ivar PaprockiArgentina2026-04-13King, Christopher A Esq PROPOSAL5Ioni Bowcher
1022Arvin AlbaresCanada2026-05-05Chapman, Ross E Esq NEW76Ioni Bowcher
1023Morrow RutaJapan2026-04-11Truhlar And Truhlar Attys QUALIFIED83Asiya Javayant
1024David DarakjyUnited Kingdom2026-04-25King, Christopher A Esq PROPOSAL84Amy Elsner
1025Kaitlin OstroskyFrance2026-04-06King, Christopher A Esq RENEWAL74Asiya Javayant
1026Kadeem FlosiArgentina2026-04-29Morlong Associates PROPOSAL26Ivan Magalhaes
1027Tony FollerIndia2026-04-09Dorl, James J Esq NEW58Ioni Bowcher
1028Greenwood BologniaAustralia2026-04-24Rousseaux, Michael Esq UNQUALIFIED67Elwin Sharvill
1029Jeanfrancois VenereIndia2026-04-14Chanay, Jeffrey A Esq PROPOSAL8Asiya Javayant
1030Deepesh ChuiRussia2026-04-24Benton, John B Jr UNQUALIFIED10Ivan Magalhaes
1031Mujtaba NickaArgentina2026-04-16Feltz Printing Service RENEWAL56Onyama Limba
1032Jeanfrancois VenereIndia2026-04-18Benton, John B Jr NEGOTIATION86Elwin Sharvill
1033Mayumi KolmetzGermany2026-05-03Morlong Associates UNQUALIFIED82Xuxue Feng
1034Juan WieserBrazil2026-04-19Rangoni Of Florence RENEWAL45Asiya Javayant
1035Juan WieserSpain2026-04-14Commercial Press NEW60Amy Elsner
1036Isabel BowleyRussia2026-04-30Chemel, James L Cpa PROPOSAL51Anna Fali
1037Ricardo GauchoCanada2026-04-24King, Christopher A Esq UNQUALIFIED99Elwin Sharvill
1038Ricardo GauchoIndia2026-04-29Rangoni Of Florence NEW54Xuxue Feng
1039Wickens NestleBrazil2026-04-20Chemel, James L Cpa QUALIFIED96Ivan Magalhaes
1040Munro FerenczArgentina2026-04-18Commercial Press NEGOTIATION60Onyama Limba
1041James ButtJapan2026-04-12Morlong Associates RENEWAL96Anna Fali
1042Munro FerenczIndia2026-04-13Morlong Associates NEW45Xuxue Feng
1043Greenwood BologniaGermany2026-04-08Commercial Press RENEWAL90Bernardo Dominic
1044Kadeem FlosiFrance2026-04-20Chapman, Ross E Esq UNQUALIFIED8Ioni Bowcher
1045Octavia MaletFrance2026-04-26Chapman, Ross E Esq NEW98Amy Elsner
1046Jones VocelkaJapan2026-04-18Chemel, James L Cpa RENEWAL92Bernardo Dominic
1047Francesco ShinkoJapan2026-04-07Commercial Press NEW2Anna Fali
1048Adams MorascaRussia2026-04-16Printing Dimensions PROPOSAL59Amy Elsner
1049Greenwood BologniaGermany2026-04-11Feltz Printing Service PROPOSAL81Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Jennifer AmigonGermanyIoni Bowcher NEGOTIATION
Aika InouyeUnited KingdomIvan Magalhaes QUALIFIED
Leon OldroydCanadaIvan Magalhaes NEGOTIATION
Julie StensethRussiaAsiya Javayant QUALIFIED
Wickens NestleArgentinaAnna Fali NEGOTIATION
Misaki RoysterItalyOnyama Limba QUALIFIED
Adams MorascaArgentinaXuxue Feng NEW
Jennifer AmigonSpainAmy Elsner RENEWAL
Juan WieserSpainAnna Fali RENEWAL
Jones VocelkaIndiaAnna Fali NEGOTIATION
Izzy GarufiJapanAsiya Javayant UNQUALIFIED
Jeanfrancois VenereJapanXuxue Feng NEGOTIATION
Aika InouyeIndiaIvan Magalhaes RENEWAL
Izzy GarufiJapanXuxue Feng RENEWAL
Ashley DoeItalyAsiya Javayant PROPOSAL
Chavez BriddickAustraliaAsiya Javayant UNQUALIFIED
Tony FollerBrazilXuxue Feng UNQUALIFIED
Nicolas IturbideBrazilOnyama Limba PROPOSAL
Munro FerenczCanadaIoni Bowcher NEGOTIATION
Kaitlin OstroskyArgentinaStephen Shaw PROPOSAL
David DarakjyJapanAsiya Javayant NEW
Tony FollerUnited KingdomAmy Elsner NEGOTIATION
Alejandro PerinArgentinaBernardo Dominic PROPOSAL
Salvatore StockhamFranceXuxue Feng PROPOSAL
Wickens NestleBrazilIvan Magalhaes RENEWAL
Jefferson SchemmerAustraliaXuxue Feng NEW
Adams MorascaRussiaStephen Shaw RENEWAL
Aika InouyeUnited KingdomStephen Shaw UNQUALIFIED
Kaitlin OstroskyAustraliaIoni Bowcher QUALIFIED
Darci PoquetteCanadaStephen Shaw NEGOTIATION
Munro FerenczFranceXuxue Feng UNQUALIFIED
Aruna FigeroaRussiaStephen Shaw PROPOSAL
Maria MarrierSpainXuxue Feng NEGOTIATION
Cody SaylorsAustraliaAsiya Javayant PROPOSAL
Leon OldroydRussiaAmy Elsner UNQUALIFIED
Munro FerenczRussiaIvan Magalhaes QUALIFIED
Francesco ShinkoRussiaStephen Shaw RENEWAL
Stacey MacleadAustraliaAmy Elsner NEW
Francesco ShinkoBrazilAmy Elsner PROPOSAL
Aika InouyeIndiaBernardo Dominic NEW
Costa DilliardItalyAnna Fali QUALIFIED
Mayumi KolmetzRussiaXuxue Feng QUALIFIED
Deepesh ChuiSpainIoni Bowcher PROPOSAL
Darci PoquetteItalyIoni Bowcher PROPOSAL
James ButtUnited KingdomAmy Elsner NEGOTIATION
Julie StensethUnited KingdomIvan Magalhaes PROPOSAL
Maisha RulapaughGermanyIvan Magalhaes RENEWAL
Maisha RulapaughRussiaBernardo Dominic RENEWAL
Ashley DoeAustraliaAmy Elsner NEGOTIATION
Mujtaba NickaJapanOnyama Limba NEW
Frozen Columns
Name
David Darakjy
Darci Poquette
Jefferson Schemmer
Jeanfrancois Venere
Maisha Rulapaugh
Jennifer Amigon
Adams Morasca
Antonio Caudy
Jones Vocelka
Faith Gillian
Costa Dilliard
Kaitlin Ostrosky
Clifford Rim
Silvio Slusarski
Ivar Paprocki
Rodrigues Campain
Misaki Royster
Octavia Malet
Juan Wieser
Munro Ferencz
Jennifer Amigon
Isabel Bowley
Kadeem Flosi
Murillo Malet
Alejandro Perin
Adams Morasca
Silvio Slusarski
Johnson Sergi
Chavez Briddick
Maisha Rulapaugh
Maria Marrier
Aditya Kusko
Juan Wieser
Chavez Briddick
Mujtaba Nicka
James Butt
Aruna Figeroa
Maria Marrier
Aruna Figeroa
Chavez Briddick
Ivar Paprocki
Clifford Rim
Stacey Maclead
Clifford Rim
Smith Glick
Mujtaba Nicka
Mujtaba Nicka
Emily Whobrey
Aika Inouye
Jennifer Amigon
IdCountryDate
1000Spain2026-04-15
1001Russia2026-04-19
1002Australia2026-05-02
1003Russia2026-04-17
1004Japan2026-05-04
1005India2026-04-06
1006Japan2026-05-01
1007Argentina2026-04-22
1008Brazil2026-04-07
1009Japan2026-04-19
1010Spain2026-04-09
1011United Kingdom2026-04-14
1012Argentina2026-04-22
1013Japan2026-04-15
1014Russia2026-04-26
1015Brazil2026-04-17
1016Spain2026-04-17
1017Argentina2026-04-24
1018Russia2026-05-04
1019Argentina2026-04-14
1020Germany2026-04-10
1021Spain2026-04-15
1022India2026-05-05
1023Canada2026-04-19
1024Brazil2026-05-05
1025Canada2026-04-21
1026Germany2026-04-30
1027United Kingdom2026-05-01
1028Brazil2026-04-23
1029France2026-04-28
1030Canada2026-04-23
1031United Kingdom2026-04-13
1032Argentina2026-04-06
1033Argentina2026-05-03
1034Argentina2026-04-13
1035France2026-04-27
1036Australia2026-04-23
1037Spain2026-05-04
1038Brazil2026-04-08
1039Australia2026-04-25
1040Russia2026-04-28
1041Canada2026-04-16
1042Australia2026-04-10
1043Argentina2026-04-17
1044Spain2026-04-30
1045France2026-04-25
1046Italy2026-04-12
1047Brazil2026-04-06
1048Brazil2026-04-20
1049Canada2026-04-30

On-Demand Data

NameIdCountryDate
Nicolas Iturbide1000Germany2026-04-20
Kaitlin Ostrosky1001Argentina2026-04-24
Ashley Doe1002Italy2026-04-10
Claire Tollner1003Australia2026-04-07
Smith Glick1004Germany2026-04-24
Clifford Rim1005Spain2026-04-17
Aditya Kusko1006Spain2026-05-02
Tony Foller1007India2026-04-26
Alejandro Perin1008Germany2026-04-08
Silvio Slusarski1009Spain2026-04-27
Arvin Albares1010India2026-04-24
Francesco Shinko1011Spain2026-04-06
Aruna Figeroa1012Germany2026-04-19
Ricardo Gaucho1013Argentina2026-04-21
Ashley Doe1014United Kingdom2026-04-18
Sinclair Waycott1015Australia2026-04-15
Costa Dilliard1016Argentina2026-04-30
Ivar Paprocki1017Germany2026-04-13
Maria Marrier1018Australia2026-04-20
Kadeem Flosi1019Italy2026-04-09
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Emily WhobreyIndiaBernardo Dominic QUALIFIED
Mayumi KolmetzJapanAmy Elsner NEW
Chavez BriddickRussiaAmy Elsner NEGOTIATION
Mayumi KolmetzJapanAmy Elsner QUALIFIED
Jeanfrancois VenereArgentinaAnna Fali QUALIFIED
Darci PoquetteItalyOnyama Limba QUALIFIED
Juan WieserGermanyIvan Magalhaes NEGOTIATION
Izzy GarufiIndiaIvan Magalhaes QUALIFIED
Kadeem FlosiSpainAnna Fali NEW
Leon OldroydJapanIvan Magalhaes QUALIFIED
James ButtGermanyAsiya Javayant RENEWAL
Isabel BowleyGermanyIvan Magalhaes QUALIFIED
Mayumi KolmetzSpainOnyama Limba QUALIFIED
Claire TollnerAustraliaIvan Magalhaes PROPOSAL
Juan WieserRussiaAsiya Javayant UNQUALIFIED
Silvio SlusarskiGermanyAsiya Javayant RENEWAL
Emily WhobreyBrazilAsiya Javayant UNQUALIFIED
Wickens NestleUnited KingdomIvan Magalhaes UNQUALIFIED
Johnson SergiIndiaIoni Bowcher PROPOSAL
Munro FerenczJapanXuxue Feng QUALIFIED
Arvin AlbaresCanadaBernardo Dominic PROPOSAL
Darci PoquetteAustraliaAsiya Javayant QUALIFIED
Morrow RutaSpainElwin Sharvill RENEWAL
Kadeem FlosiUnited KingdomStephen Shaw RENEWAL
Misaki RoysterBrazilAsiya Javayant NEGOTIATION
Costa DilliardGermanyIvan Magalhaes QUALIFIED
Johnson SergiItalyAnna Fali RENEWAL
Ashley DoeCanadaXuxue Feng QUALIFIED
Mayumi KolmetzSpainBernardo Dominic UNQUALIFIED
Johnson SergiGermanyAmy Elsner PROPOSAL
Emily WhobreyIndiaXuxue Feng NEW
Antonio CaudyFranceOnyama Limba QUALIFIED
Ricardo GauchoUnited KingdomXuxue Feng QUALIFIED
Costa DilliardFranceElwin Sharvill RENEWAL
Munro FerenczUnited KingdomElwin Sharvill NEGOTIATION
Smith GlickFranceOnyama Limba QUALIFIED
Munro FerenczRussiaXuxue Feng NEW
Wickens NestleGermanyAsiya Javayant NEW
Antonio CaudySpainAnna Fali QUALIFIED
Murillo MaletCanadaXuxue Feng 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.statusName}">#{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.statusName}">#{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.statusName}">#{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.statusName}">#{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">
            <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.statusName}">#{customer.status}</span>
            </p:column>
        </p:dataTable>
    </div>

</h:form>