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
Antonio CaudyGermanyIvan Magalhaes UNQUALIFIED
Alejandro PerinIndiaXuxue Feng NEGOTIATION
Costa DilliardJapanStephen Shaw PROPOSAL
Mayumi KolmetzBrazilStephen Shaw NEGOTIATION
Isabel BowleyGermanyXuxue Feng UNQUALIFIED
Munro FerenczIndiaAnna Fali RENEWAL
Octavia MaletAustraliaIoni Bowcher UNQUALIFIED
Rodrigues CampainArgentinaBernardo Dominic PROPOSAL
Jones VocelkaRussiaAnna Fali RENEWAL
Jefferson SchemmerAustraliaAnna Fali NEW
Kaitlin OstroskyGermanyStephen Shaw QUALIFIED
Jefferson SchemmerCanadaIoni Bowcher NEGOTIATION
Aika InouyeItalyAmy Elsner PROPOSAL
Leon OldroydBrazilOnyama Limba PROPOSAL
Salvatore StockhamArgentinaOnyama Limba QUALIFIED
Tony FollerBrazilXuxue Feng UNQUALIFIED
Tony FollerUnited KingdomAsiya Javayant PROPOSAL
Wickens NestleUnited KingdomAnna Fali RENEWAL
Cody SaylorsJapanOnyama Limba NEW
Chavez BriddickBrazilAsiya Javayant NEGOTIATION
Aruna FigeroaCanadaAnna Fali UNQUALIFIED
Leja CaldareraIndiaStephen Shaw UNQUALIFIED
Juan WieserBrazilXuxue Feng RENEWAL
Mujtaba NickaGermanyStephen Shaw UNQUALIFIED
Maria MarrierAustraliaAnna Fali QUALIFIED
Aika InouyeGermanyAmy Elsner RENEWAL
Kaitlin OstroskySpainAsiya Javayant UNQUALIFIED
Adams MorascaUnited KingdomAnna Fali UNQUALIFIED
Murillo MaletCanadaAmy Elsner UNQUALIFIED
Alejandro PerinIndiaAsiya Javayant QUALIFIED
Kaitlin OstroskyBrazilAnna Fali RENEWAL
Claire TollnerAustraliaAnna Fali NEW
Claire TollnerArgentinaXuxue Feng QUALIFIED
Clifford RimItalyAnna Fali NEW
Munro FerenczJapanAsiya Javayant QUALIFIED
Rodrigues CampainCanadaXuxue Feng UNQUALIFIED
Leon OldroydFranceOnyama Limba PROPOSAL
Morrow RutaBrazilIoni Bowcher PROPOSAL
Francesco ShinkoJapanIoni Bowcher NEW
Julie StensethCanadaAmy Elsner NEW
Kaitlin OstroskyItalyElwin Sharvill RENEWAL
Maria MarrierAustraliaAsiya Javayant PROPOSAL
Leja CaldareraJapanAsiya Javayant NEW
Kaitlin OstroskyAustraliaStephen Shaw PROPOSAL
Mujtaba NickaUnited KingdomIoni Bowcher NEGOTIATION
Jeanfrancois VenereArgentinaAnna Fali PROPOSAL
Tony FollerGermanyAnna Fali QUALIFIED
Jones VocelkaItalyBernardo Dominic RENEWAL
Ashley DoeJapanAsiya Javayant NEW
Silvio SlusarskiUnited KingdomElwin Sharvill QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Leon OldroydFranceOnyama Limba NEW
Emily WhobreyArgentinaElwin Sharvill PROPOSAL
Emily WhobreyIndiaStephen Shaw NEW
Kadeem FlosiArgentinaBernardo Dominic QUALIFIED
Julie StensethFranceStephen Shaw UNQUALIFIED
Leon OldroydRussiaAnna Fali NEW
Claire TollnerRussiaElwin Sharvill NEGOTIATION
Tony FollerRussiaIoni Bowcher QUALIFIED
Claire TollnerItalyIoni Bowcher UNQUALIFIED
Clifford RimBrazilOnyama Limba PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Izzy GarufiUnited Kingdom2026-04-21Printing Dimensions QUALIFIED14Ioni Bowcher
1001Silvio SlusarskiGermany2026-03-31Commercial Press NEGOTIATION64Elwin Sharvill
1002Leon OldroydItaly2026-04-07Commercial Press RENEWAL9Anna Fali
1003Aika InouyeRussia2026-04-03Dorl, James J Esq PROPOSAL77Xuxue Feng
1004Cody SaylorsCanada2026-04-18Rousseaux, Michael Esq NEGOTIATION73Ioni Bowcher
1005Aditya KuskoRussia2026-04-09Commercial Press RENEWAL39Ioni Bowcher
1006Maria MarrierItaly2026-04-21Morlong Associates UNQUALIFIED89Ivan Magalhaes
1007Mayumi KolmetzRussia2026-04-21Buckley Miller Wright QUALIFIED49Asiya Javayant
1008Nicolas IturbideItaly2026-04-12Buckley Miller Wright NEGOTIATION26Ioni Bowcher
1009Francesco ShinkoItaly2026-03-27Morlong Associates RENEWAL74Xuxue Feng
1010Maria MarrierGermany2026-04-04Dorl, James J Esq QUALIFIED37Amy Elsner
1011Francesco ShinkoItaly2026-04-08Truhlar And Truhlar Attys RENEWAL4Elwin Sharvill
1012Emily WhobreyJapan2026-04-10King, Christopher A Esq NEW54Ivan Magalhaes
1013Darci PoquetteGermany2026-04-06King, Christopher A Esq PROPOSAL71Anna Fali
1014Ricardo GauchoAustralia2026-04-18Buckley Miller Wright UNQUALIFIED97Xuxue Feng
1015Aditya KuskoCanada2026-04-11Chanay, Jeffrey A Esq NEW53Onyama Limba
1016Munro FerenczBrazil2026-04-02Rangoni Of Florence UNQUALIFIED20Asiya Javayant
1017Sinclair WaycottItaly2026-03-26Rousseaux, Michael Esq QUALIFIED82Ioni Bowcher
1018Antonio CaudyCanada2026-03-25Buckley Miller Wright RENEWAL58Amy Elsner
1019Leon OldroydRussia2026-04-03Morlong Associates NEW12Xuxue Feng
1020Ivar PaprockiJapan2026-03-31Feiner Bros NEW93Anna Fali
1021Jennifer AmigonFrance2026-04-21Rousseaux, Michael Esq NEW24Anna Fali
1022Claire TollnerBrazil2026-04-18Dorl, James J Esq UNQUALIFIED35Ioni Bowcher
1023Jefferson SchemmerRussia2026-04-10Rangoni Of Florence UNQUALIFIED30Ioni Bowcher
1024Aika InouyeUnited Kingdom2026-04-21Chapman, Ross E Esq RENEWAL10Bernardo Dominic
1025Claire TollnerBrazil2026-04-07Morlong Associates UNQUALIFIED40Onyama Limba
1026Aruna FigeroaItaly2026-04-23Dorl, James J Esq RENEWAL64Stephen Shaw
1027Kaitlin OstroskyUnited Kingdom2026-04-21Feiner Bros NEW96Bernardo Dominic
1028Aruna FigeroaBrazil2026-03-25Buckley Miller Wright NEW0Onyama Limba
1029Aruna FigeroaJapan2026-04-11Dorl, James J Esq QUALIFIED78Ioni Bowcher
1030Jennifer AmigonCanada2026-04-01Rangoni Of Florence NEGOTIATION48Elwin Sharvill
1031Chavez BriddickBrazil2026-04-13Dorl, James J Esq QUALIFIED74Ivan Magalhaes
1032Claire TollnerSpain2026-04-18Morlong Associates NEGOTIATION29Ioni Bowcher
1033James ButtArgentina2026-04-10Commercial Press QUALIFIED62Anna Fali
1034Chavez BriddickCanada2026-04-07Dorl, James J Esq NEW92Onyama Limba
1035Silvio SlusarskiArgentina2026-04-03Morlong Associates UNQUALIFIED47Ioni Bowcher
1036Silvio SlusarskiItaly2026-03-26Commercial Press NEW66Elwin Sharvill
1037Nicolas IturbideIndia2026-04-19Chanay, Jeffrey A Esq QUALIFIED55Asiya Javayant
1038Deepesh ChuiIndia2026-03-25Buckley Miller Wright QUALIFIED46Amy Elsner
1039Arvin AlbaresIndia2026-04-07Commercial Press NEGOTIATION72Ioni Bowcher
1040Alejandro PerinJapan2026-04-04Buckley Miller Wright NEGOTIATION60Bernardo Dominic
1041Ashley DoeIndia2026-04-11Feltz Printing Service RENEWAL79Onyama Limba
1042Ricardo GauchoRussia2026-04-01Chapman, Ross E Esq NEW14Ivan Magalhaes
1043Ricardo GauchoUnited Kingdom2026-04-21Rousseaux, Michael Esq QUALIFIED37Amy Elsner
1044Jefferson SchemmerBrazil2026-04-22Buckley Miller Wright PROPOSAL74Asiya Javayant
1045Morrow RutaSpain2026-04-07King, Christopher A Esq RENEWAL10Amy Elsner
1046Emily WhobreyAustralia2026-04-14Commercial Press RENEWAL85Ioni Bowcher
1047David DarakjyUnited Kingdom2026-04-01Chanay, Jeffrey A Esq PROPOSAL46Anna Fali
1048Claire TollnerFrance2026-04-11Printing Dimensions NEW54Anna Fali
1049Clifford RimJapan2026-04-23Dorl, James J Esq NEGOTIATION64Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Aika InouyeAustraliaElwin Sharvill UNQUALIFIED
Jefferson SchemmerJapanOnyama Limba QUALIFIED
Kaitlin OstroskyFranceElwin Sharvill RENEWAL
Izzy GarufiBrazilAsiya Javayant QUALIFIED
Aika InouyeJapanXuxue Feng UNQUALIFIED
Antonio CaudyGermanyAsiya Javayant NEW
Chavez BriddickIndiaAsiya Javayant UNQUALIFIED
Jeanfrancois VenereJapanBernardo Dominic PROPOSAL
Arvin AlbaresUnited KingdomAmy Elsner PROPOSAL
Salvatore StockhamSpainAmy Elsner PROPOSAL
Kaitlin OstroskyAustraliaAnna Fali UNQUALIFIED
Leon OldroydArgentinaIoni Bowcher NEW
Jeanfrancois VenereIndiaOnyama Limba NEGOTIATION
James ButtCanadaXuxue Feng NEGOTIATION
Aruna FigeroaGermanyBernardo Dominic QUALIFIED
Aditya KuskoItalyAsiya Javayant RENEWAL
Ivar PaprockiItalyIvan Magalhaes NEW
Jones VocelkaSpainIvan Magalhaes PROPOSAL
Emily WhobreyIndiaElwin Sharvill NEGOTIATION
Maisha RulapaughIndiaOnyama Limba UNQUALIFIED
Leon OldroydArgentinaAmy Elsner PROPOSAL
Tony FollerIndiaStephen Shaw RENEWAL
Faith GillianSpainXuxue Feng QUALIFIED
Antonio CaudyItalyIvan Magalhaes NEW
Jones VocelkaIndiaAmy Elsner NEGOTIATION
Stacey MacleadIndiaXuxue Feng NEGOTIATION
Chavez BriddickGermanyAmy Elsner RENEWAL
Aditya KuskoAustraliaAnna Fali QUALIFIED
Ivar PaprockiArgentinaElwin Sharvill QUALIFIED
Francesco ShinkoArgentinaIvan Magalhaes RENEWAL
Aditya KuskoGermanyXuxue Feng NEW
Deepesh ChuiBrazilXuxue Feng NEW
Julie StensethBrazilIvan Magalhaes NEGOTIATION
Leja CaldareraArgentinaOnyama Limba NEW
Clifford RimSpainXuxue Feng QUALIFIED
Ivar PaprockiGermanyElwin Sharvill RENEWAL
Mujtaba NickaSpainAnna Fali NEW
Ivar PaprockiGermanyStephen Shaw QUALIFIED
Maisha RulapaughRussiaXuxue Feng QUALIFIED
Tony FollerIndiaXuxue Feng QUALIFIED
Johnson SergiFranceXuxue Feng NEW
Chavez BriddickRussiaAsiya Javayant NEGOTIATION
Alejandro PerinAustraliaOnyama Limba PROPOSAL
Jones VocelkaCanadaOnyama Limba UNQUALIFIED
Costa DilliardSpainAsiya Javayant UNQUALIFIED
Nicolas IturbideJapanIoni Bowcher PROPOSAL
Adams MorascaRussiaStephen Shaw QUALIFIED
Costa DilliardItalyElwin Sharvill UNQUALIFIED
Morrow RutaArgentinaIoni Bowcher UNQUALIFIED
Aruna FigeroaCanadaIoni Bowcher UNQUALIFIED
Frozen Columns
Name
Octavia Malet
Francesco Shinko
Clifford Rim
Kaitlin Ostrosky
Stacey Maclead
Kaitlin Ostrosky
Munro Ferencz
Jeanfrancois Venere
Aditya Kusko
Clifford Rim
Jeanfrancois Venere
Chavez Briddick
Jones Vocelka
Antonio Caudy
Jones Vocelka
Misaki Royster
James Butt
Kadeem Flosi
Arvin Albares
Chavez Briddick
Alejandro Perin
Izzy Garufi
Leja Caldarera
Maria Marrier
Mujtaba Nicka
Emily Whobrey
Murillo Malet
Mayumi Kolmetz
Chavez Briddick
Octavia Malet
Misaki Royster
Murillo Malet
Morrow Ruta
Ivar Paprocki
Silvio Slusarski
James Butt
Emily Whobrey
Izzy Garufi
Ricardo Gaucho
James Butt
Rodrigues Campain
Juan Wieser
Julie Stenseth
Tony Foller
Mayumi Kolmetz
Misaki Royster
Costa Dilliard
Aditya Kusko
Maria Marrier
Mujtaba Nicka
IdCountryDate
1000Japan2026-04-04
1001Germany2026-04-17
1002Germany2026-04-10
1003India2026-04-07
1004Italy2026-04-18
1005Australia2026-03-28
1006Australia2026-03-31
1007Argentina2026-04-05
1008United Kingdom2026-04-20
1009Argentina2026-04-10
1010Argentina2026-04-04
1011Germany2026-03-31
1012Argentina2026-03-27
1013Australia2026-04-21
1014France2026-03-29
1015Spain2026-03-26
1016Argentina2026-04-03
1017Australia2026-04-22
1018Russia2026-03-25
1019France2026-04-18
1020Canada2026-04-11
1021United Kingdom2026-04-22
1022France2026-04-08
1023Australia2026-03-26
1024Russia2026-03-29
1025Japan2026-04-13
1026Germany2026-04-07
1027Japan2026-04-18
1028United Kingdom2026-04-02
1029Germany2026-04-14
1030Canada2026-04-01
1031Argentina2026-04-06
1032Italy2026-04-11
1033Germany2026-04-17
1034India2026-04-09
1035Brazil2026-04-21
1036Russia2026-03-28
1037Japan2026-04-16
1038France2026-04-14
1039Japan2026-04-11
1040Spain2026-04-12
1041Russia2026-04-17
1042Japan2026-04-23
1043Argentina2026-04-15
1044Germany2026-04-11
1045Canada2026-04-06
1046Italy2026-04-04
1047Brazil2026-04-17
1048Brazil2026-04-05
1049Italy2026-04-10

On-Demand Data

NameIdCountryDate
Isabel Bowley1000Japan2026-04-20
Salvatore Stockham1001India2026-03-28
Kaitlin Ostrosky1002France2026-04-03
Leja Caldarera1003Germany2026-04-23
Emily Whobrey1004Russia2026-04-02
Johnson Sergi1005Brazil2026-04-21
Jones Vocelka1006Argentina2026-03-28
Jefferson Schemmer1007Japan2026-04-11
Chavez Briddick1008India2026-04-12
Cody Saylors1009Brazil2026-04-02
Emily Whobrey1010India2026-04-04
Jennifer Amigon1011Australia2026-03-29
Smith Glick1012Australia2026-03-25
Emily Whobrey1013India2026-04-01
Stacey Maclead1014Spain2026-04-16
Murillo Malet1015Russia2026-04-03
Johnson Sergi1016Japan2026-03-28
Aruna Figeroa1017Canada2026-04-23
Silvio Slusarski1018Germany2026-04-04
Rodrigues Campain1019France2026-04-02
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
David DarakjyUnited KingdomXuxue Feng RENEWAL
Kadeem FlosiItalyOnyama Limba PROPOSAL
Faith GillianItalyAnna Fali PROPOSAL
Silvio SlusarskiRussiaAmy Elsner UNQUALIFIED
Isabel BowleySpainOnyama Limba NEW
David DarakjyRussiaAmy Elsner QUALIFIED
Clifford RimCanadaXuxue Feng PROPOSAL
Morrow RutaJapanAmy Elsner PROPOSAL
Silvio SlusarskiItalyXuxue Feng RENEWAL
Kadeem FlosiGermanyIoni Bowcher QUALIFIED
Nicolas IturbideCanadaAsiya Javayant NEW
Adams MorascaGermanyIoni Bowcher QUALIFIED
Octavia MaletArgentinaOnyama Limba NEW
Alejandro PerinUnited KingdomElwin Sharvill UNQUALIFIED
Deepesh ChuiUnited KingdomBernardo Dominic PROPOSAL
Rodrigues CampainBrazilIvan Magalhaes NEGOTIATION
Ashley DoeItalyAsiya Javayant UNQUALIFIED
Francesco ShinkoUnited KingdomElwin Sharvill NEGOTIATION
Aika InouyeBrazilIoni Bowcher RENEWAL
Francesco ShinkoFranceStephen Shaw NEGOTIATION
Julie StensethCanadaAmy Elsner QUALIFIED
Jefferson SchemmerSpainBernardo Dominic PROPOSAL
Maisha RulapaughItalyAmy Elsner RENEWAL
Kaitlin OstroskyUnited KingdomBernardo Dominic NEGOTIATION
Chavez BriddickCanadaElwin Sharvill NEGOTIATION
Kadeem FlosiIndiaAnna Fali NEGOTIATION
Johnson SergiArgentinaXuxue Feng NEW
Wickens NestleGermanyIoni Bowcher NEW
Johnson SergiArgentinaStephen Shaw UNQUALIFIED
Sinclair WaycottAustraliaIoni Bowcher RENEWAL
Ivar PaprockiCanadaBernardo Dominic NEGOTIATION
Francesco ShinkoArgentinaIvan Magalhaes UNQUALIFIED
Cody SaylorsFranceAnna Fali NEW
Greenwood BologniaArgentinaOnyama Limba UNQUALIFIED
Kadeem FlosiFranceStephen Shaw PROPOSAL
Greenwood BologniaIndiaAnna Fali QUALIFIED
Jones VocelkaGermanyAnna Fali QUALIFIED
Maria MarrierFranceXuxue Feng NEW
Nicolas IturbideCanadaAnna Fali UNQUALIFIED
Emily WhobreyItalyAsiya Javayant PROPOSAL

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