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 CaudyArgentinaAmy Elsner RENEWAL
Costa DilliardAustraliaAsiya Javayant RENEWAL
Ashley DoeAustraliaAsiya Javayant UNQUALIFIED
Salvatore StockhamArgentinaXuxue Feng RENEWAL
Adams MorascaFranceStephen Shaw UNQUALIFIED
Francesco ShinkoRussiaXuxue Feng UNQUALIFIED
Kaitlin OstroskyUnited KingdomAnna Fali QUALIFIED
Arvin AlbaresAustraliaIvan Magalhaes PROPOSAL
Wickens NestleCanadaAnna Fali PROPOSAL
Leja CaldareraArgentinaAnna Fali PROPOSAL
Arvin AlbaresCanadaAnna Fali PROPOSAL
Jefferson SchemmerAustraliaElwin Sharvill PROPOSAL
Chavez BriddickIndiaAnna Fali QUALIFIED
Izzy GarufiIndiaAsiya Javayant NEW
Clifford RimJapanIvan Magalhaes PROPOSAL
Stacey MacleadFranceOnyama Limba PROPOSAL
Chavez BriddickGermanyAmy Elsner RENEWAL
Francesco ShinkoItalyAnna Fali UNQUALIFIED
Kadeem FlosiFranceOnyama Limba QUALIFIED
Faith GillianIndiaIvan Magalhaes RENEWAL
Isabel BowleyCanadaXuxue Feng QUALIFIED
Rodrigues CampainAustraliaAnna Fali NEW
Alejandro PerinUnited KingdomAsiya Javayant NEGOTIATION
Sinclair WaycottRussiaElwin Sharvill PROPOSAL
Jefferson SchemmerUnited KingdomAsiya Javayant PROPOSAL
Faith GillianItalyStephen Shaw UNQUALIFIED
Alejandro PerinBrazilOnyama Limba PROPOSAL
Francesco ShinkoIndiaAnna Fali QUALIFIED
Aika InouyeJapanElwin Sharvill QUALIFIED
Ashley DoeJapanAsiya Javayant QUALIFIED
Jones VocelkaUnited KingdomStephen Shaw QUALIFIED
Darci PoquetteBrazilAmy Elsner RENEWAL
Arvin AlbaresCanadaIvan Magalhaes NEGOTIATION
Cody SaylorsItalyXuxue Feng UNQUALIFIED
Jefferson SchemmerIndiaAsiya Javayant RENEWAL
Claire TollnerRussiaAnna Fali NEGOTIATION
Arvin AlbaresAustraliaIvan Magalhaes NEGOTIATION
Maisha RulapaughGermanyAsiya Javayant PROPOSAL
Darci PoquetteJapanElwin Sharvill NEGOTIATION
Smith GlickFranceBernardo Dominic PROPOSAL
Aditya KuskoSpainIoni Bowcher UNQUALIFIED
Mayumi KolmetzJapanIvan Magalhaes PROPOSAL
Adams MorascaArgentinaStephen Shaw NEGOTIATION
Antonio CaudyAustraliaXuxue Feng RENEWAL
Emily WhobreyCanadaStephen Shaw NEGOTIATION
Octavia MaletSpainOnyama Limba NEGOTIATION
Kadeem FlosiArgentinaBernardo Dominic NEGOTIATION
Julie StensethFranceOnyama Limba UNQUALIFIED
Wickens NestleUnited KingdomStephen Shaw NEGOTIATION
Darci PoquetteSpainElwin Sharvill QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Costa DilliardIndiaOnyama Limba UNQUALIFIED
Francesco ShinkoArgentinaBernardo Dominic RENEWAL
Chavez BriddickRussiaAsiya Javayant QUALIFIED
Chavez BriddickBrazilAsiya Javayant NEW
Cody SaylorsSpainAsiya Javayant RENEWAL
Mujtaba NickaUnited KingdomIvan Magalhaes UNQUALIFIED
Clifford RimUnited KingdomBernardo Dominic RENEWAL
Salvatore StockhamGermanyAnna Fali PROPOSAL
Kadeem FlosiBrazilXuxue Feng NEGOTIATION
Ricardo GauchoCanadaAnna Fali QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Murillo MaletItaly2026-05-19Rangoni Of Florence NEGOTIATION71Stephen Shaw
1001Chavez BriddickItaly2026-05-22Printing Dimensions RENEWAL82Stephen Shaw
1002Greenwood BologniaFrance2026-05-26Rousseaux, Michael Esq NEGOTIATION58Amy Elsner
1003Maria MarrierIndia2026-05-24Commercial Press RENEWAL8Xuxue Feng
1004Antonio CaudyFrance2026-05-20Chanay, Jeffrey A Esq QUALIFIED3Amy Elsner
1005Stacey MacleadArgentina2026-04-30Buckley Miller Wright UNQUALIFIED76Asiya Javayant
1006Alejandro PerinFrance2026-05-15Dorl, James J Esq NEW11Ivan Magalhaes
1007Misaki RoysterIndia2026-05-03Feiner Bros PROPOSAL12Elwin Sharvill
1008Murillo MaletJapan2026-05-24Buckley Miller Wright QUALIFIED13Bernardo Dominic
1009Kadeem FlosiBrazil2026-05-15King, Christopher A Esq UNQUALIFIED75Stephen Shaw
1010Isabel BowleyIndia2026-05-08Morlong Associates NEW23Ivan Magalhaes
1011Adams MorascaFrance2026-05-15Benton, John B Jr UNQUALIFIED24Asiya Javayant
1012Cody SaylorsUnited Kingdom2026-05-18Feiner Bros QUALIFIED31Asiya Javayant
1013Greenwood BologniaIndia2026-05-06Rousseaux, Michael Esq QUALIFIED33Onyama Limba
1014Julie StensethFrance2026-05-22Truhlar And Truhlar Attys PROPOSAL94Ioni Bowcher
1015Murillo MaletItaly2026-05-16Feiner Bros UNQUALIFIED69Ivan Magalhaes
1016Rodrigues CampainCanada2026-05-15Chanay, Jeffrey A Esq UNQUALIFIED1Amy Elsner
1017Francesco ShinkoBrazil2026-05-02Chapman, Ross E Esq RENEWAL17Anna Fali
1018Wickens NestleCanada2026-05-23Printing Dimensions PROPOSAL37Amy Elsner
1019Salvatore StockhamUnited Kingdom2026-05-20Rousseaux, Michael Esq UNQUALIFIED73Elwin Sharvill
1020Aruna FigeroaSpain2026-05-08Truhlar And Truhlar Attys QUALIFIED34Elwin Sharvill
1021Deepesh ChuiArgentina2026-05-17Morlong Associates NEGOTIATION33Stephen Shaw
1022Tony FollerRussia2026-05-25Chapman, Ross E Esq UNQUALIFIED72Bernardo Dominic
1023Chavez BriddickItaly2026-05-06Rangoni Of Florence PROPOSAL60Onyama Limba
1024Juan WieserUnited Kingdom2026-04-30Feiner Bros NEGOTIATION41Asiya Javayant
1025Jeanfrancois VenereItaly2026-04-30Rangoni Of Florence UNQUALIFIED32Anna Fali
1026Julie StensethFrance2026-05-26Feiner Bros RENEWAL10Stephen Shaw
1027Aruna FigeroaAustralia2026-05-06Benton, John B Jr NEGOTIATION77Bernardo Dominic
1028Misaki RoysterAustralia2026-05-07Truhlar And Truhlar Attys NEW17Ivan Magalhaes
1029Izzy GarufiItaly2026-05-19Rangoni Of Florence QUALIFIED13Anna Fali
1030Arvin AlbaresCanada2026-05-27Chapman, Ross E Esq NEW60Ivan Magalhaes
1031Emily WhobreyArgentina2026-05-20Feltz Printing Service NEGOTIATION30Xuxue Feng
1032Wickens NestleUnited Kingdom2026-05-15Commercial Press QUALIFIED7Ioni Bowcher
1033Isabel BowleyItaly2026-05-05Chapman, Ross E Esq NEW13Onyama Limba
1034Aditya KuskoJapan2026-04-30Truhlar And Truhlar Attys RENEWAL5Amy Elsner
1035Arvin AlbaresCanada2026-04-30Rangoni Of Florence RENEWAL5Elwin Sharvill
1036Mayumi KolmetzItaly2026-04-30Buckley Miller Wright RENEWAL12Bernardo Dominic
1037Aruna FigeroaCanada2026-05-14Feiner Bros NEW82Ioni Bowcher
1038Misaki RoysterAustralia2026-05-14Rangoni Of Florence NEGOTIATION69Onyama Limba
1039Leja CaldareraBrazil2026-04-29Feltz Printing Service NEGOTIATION73Asiya Javayant
1040Sinclair WaycottRussia2026-05-02Chapman, Ross E Esq NEGOTIATION46Amy Elsner
1041Faith GillianAustralia2026-05-16Chapman, Ross E Esq UNQUALIFIED22Bernardo Dominic
1042Sinclair WaycottCanada2026-05-23Truhlar And Truhlar Attys PROPOSAL35Xuxue Feng
1043Silvio SlusarskiSpain2026-05-03Chapman, Ross E Esq QUALIFIED7Bernardo Dominic
1044Izzy GarufiAustralia2026-05-14Chapman, Ross E Esq NEW66Onyama Limba
1045Jones VocelkaArgentina2026-05-08Commercial Press PROPOSAL42Anna Fali
1046Maisha RulapaughArgentina2026-05-20Buckley Miller Wright NEW32Bernardo Dominic
1047Ivar PaprockiSpain2026-05-09Morlong Associates PROPOSAL35Ioni Bowcher
1048Greenwood BologniaIndia2026-05-21Chanay, Jeffrey A Esq QUALIFIED90Asiya Javayant
1049Aruna FigeroaItaly2026-05-03Dorl, James J Esq NEGOTIATION59Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Francesco ShinkoGermanyAsiya Javayant NEGOTIATION
Salvatore StockhamCanadaElwin Sharvill NEW
Misaki RoysterSpainIvan Magalhaes QUALIFIED
Greenwood BologniaSpainElwin Sharvill QUALIFIED
Stacey MacleadArgentinaStephen Shaw NEGOTIATION
Ivar PaprockiBrazilAnna Fali UNQUALIFIED
Munro FerenczItalyStephen Shaw PROPOSAL
Mujtaba NickaArgentinaStephen Shaw UNQUALIFIED
Mujtaba NickaJapanAnna Fali PROPOSAL
Kaitlin OstroskyIndiaOnyama Limba PROPOSAL
Mujtaba NickaBrazilStephen Shaw RENEWAL
Leja CaldareraIndiaAnna Fali UNQUALIFIED
Mujtaba NickaAustraliaIoni Bowcher QUALIFIED
Sinclair WaycottAustraliaElwin Sharvill PROPOSAL
Octavia MaletArgentinaBernardo Dominic NEGOTIATION
Misaki RoysterSpainIvan Magalhaes QUALIFIED
Salvatore StockhamFranceXuxue Feng PROPOSAL
Murillo MaletGermanyBernardo Dominic PROPOSAL
Stacey MacleadArgentinaElwin Sharvill UNQUALIFIED
Mujtaba NickaCanadaAnna Fali NEGOTIATION
Leja CaldareraGermanyAnna Fali RENEWAL
Maisha RulapaughGermanyIoni Bowcher NEGOTIATION
Kadeem FlosiBrazilBernardo Dominic NEW
Ivar PaprockiUnited KingdomAnna Fali QUALIFIED
Faith GillianUnited KingdomAnna Fali NEGOTIATION
Julie StensethRussiaIvan Magalhaes QUALIFIED
Faith GillianCanadaElwin Sharvill PROPOSAL
David DarakjyGermanyBernardo Dominic UNQUALIFIED
Izzy GarufiBrazilAmy Elsner PROPOSAL
Greenwood BologniaSpainXuxue Feng RENEWAL
Maria MarrierRussiaOnyama Limba UNQUALIFIED
Aruna FigeroaSpainXuxue Feng NEGOTIATION
Kadeem FlosiFranceAsiya Javayant QUALIFIED
Izzy GarufiArgentinaStephen Shaw PROPOSAL
Aruna FigeroaItalyBernardo Dominic NEGOTIATION
Jones VocelkaUnited KingdomIoni Bowcher QUALIFIED
Aditya KuskoItalyBernardo Dominic UNQUALIFIED
Kaitlin OstroskyBrazilXuxue Feng UNQUALIFIED
Costa DilliardRussiaAnna Fali RENEWAL
Chavez BriddickArgentinaIoni Bowcher PROPOSAL
Izzy GarufiUnited KingdomIvan Magalhaes NEGOTIATION
Johnson SergiBrazilIoni Bowcher RENEWAL
Smith GlickGermanyBernardo Dominic NEW
Arvin AlbaresGermanyBernardo Dominic UNQUALIFIED
Aditya KuskoGermanyAnna Fali UNQUALIFIED
Arvin AlbaresSpainOnyama Limba NEGOTIATION
James ButtItalyAsiya Javayant UNQUALIFIED
Stacey MacleadUnited KingdomAmy Elsner NEW
Greenwood BologniaUnited KingdomAsiya Javayant UNQUALIFIED
Alejandro PerinRussiaBernardo Dominic RENEWAL
Frozen Columns
Name
Deepesh Chui
Chavez Briddick
Chavez Briddick
Nicolas Iturbide
Jeanfrancois Venere
Tony Foller
Faith Gillian
Ivar Paprocki
Tony Foller
Tony Foller
Morrow Ruta
Claire Tollner
Izzy Garufi
Costa Dilliard
Deepesh Chui
Jeanfrancois Venere
David Darakjy
Adams Morasca
Munro Ferencz
Murillo Malet
Murillo Malet
Maisha Rulapaugh
Aruna Figeroa
Chavez Briddick
Stacey Maclead
Costa Dilliard
Stacey Maclead
Izzy Garufi
Greenwood Bolognia
Mayumi Kolmetz
Alejandro Perin
Julie Stenseth
Clifford Rim
Silvio Slusarski
Silvio Slusarski
Stacey Maclead
Julie Stenseth
Kaitlin Ostrosky
Cody Saylors
Alejandro Perin
Faith Gillian
Izzy Garufi
Stacey Maclead
Juan Wieser
Octavia Malet
Ricardo Gaucho
Ivar Paprocki
Faith Gillian
Johnson Sergi
Juan Wieser
IdCountryDate
1000Argentina2026-05-22
1001Argentina2026-05-24
1002France2026-05-23
1003Australia2026-05-18
1004United Kingdom2026-05-24
1005Australia2026-05-07
1006Germany2026-05-01
1007Australia2026-05-20
1008United Kingdom2026-05-22
1009Australia2026-05-05
1010Russia2026-05-16
1011Brazil2026-05-21
1012Italy2026-05-23
1013Japan2026-05-05
1014Japan2026-05-11
1015United Kingdom2026-05-19
1016Italy2026-04-29
1017Australia2026-05-22
1018Canada2026-05-17
1019Japan2026-05-18
1020Japan2026-05-10
1021France2026-05-07
1022India2026-05-26
1023United Kingdom2026-05-20
1024Russia2026-05-08
1025Germany2026-05-19
1026India2026-05-08
1027Spain2026-05-26
1028Italy2026-04-29
1029Canada2026-05-05
1030Japan2026-04-29
1031Canada2026-05-19
1032France2026-05-21
1033Spain2026-05-09
1034Italy2026-05-14
1035Canada2026-05-10
1036Australia2026-05-22
1037Argentina2026-05-01
1038Japan2026-04-29
1039Russia2026-05-25
1040India2026-05-01
1041Italy2026-05-09
1042Spain2026-05-14
1043Japan2026-05-22
1044Canada2026-05-06
1045Canada2026-05-01
1046Brazil2026-05-15
1047Germany2026-05-10
1048Germany2026-05-14
1049Germany2026-04-29

On-Demand Data

NameIdCountryDate
Morrow Ruta1000Argentina2026-04-30
Stacey Maclead1001Spain2026-05-18
Stacey Maclead1002France2026-05-02
Silvio Slusarski1003Germany2026-05-09
Murillo Malet1004Australia2026-05-03
Leon Oldroyd1005Germany2026-05-07
Aruna Figeroa1006United Kingdom2026-05-05
Cody Saylors1007Japan2026-05-07
Isabel Bowley1008Canada2026-05-22
Emily Whobrey1009India2026-05-08
Chavez Briddick1010Spain2026-05-26
Kaitlin Ostrosky1011Italy2026-05-11
Clifford Rim1012Canada2026-05-05
Mayumi Kolmetz1013Brazil2026-05-04
Wickens Nestle1014Japan2026-05-06
Claire Tollner1015United Kingdom2026-05-27
Jennifer Amigon1016India2026-05-04
Jefferson Schemmer1017France2026-05-22
Morrow Ruta1018India2026-05-26
Smith Glick1019Australia2026-05-04
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Ashley DoeAustraliaAnna Fali NEGOTIATION
Clifford RimGermanyAmy Elsner RENEWAL
Clifford RimRussiaStephen Shaw UNQUALIFIED
Greenwood BologniaFranceOnyama Limba PROPOSAL
Costa DilliardAustraliaAnna Fali NEW
Ivar PaprockiSpainAsiya Javayant PROPOSAL
Isabel BowleyGermanyElwin Sharvill NEGOTIATION
Antonio CaudyJapanElwin Sharvill RENEWAL
Faith GillianIndiaXuxue Feng PROPOSAL
Misaki RoysterIndiaElwin Sharvill NEGOTIATION
James ButtFranceOnyama Limba NEW
Kaitlin OstroskyRussiaOnyama Limba RENEWAL
Maisha RulapaughCanadaOnyama Limba NEGOTIATION
James ButtSpainIvan Magalhaes PROPOSAL
Morrow RutaItalyStephen Shaw UNQUALIFIED
Greenwood BologniaSpainIvan Magalhaes QUALIFIED
Jennifer AmigonRussiaBernardo Dominic QUALIFIED
Chavez BriddickCanadaXuxue Feng NEGOTIATION
Octavia MaletAustraliaAmy Elsner UNQUALIFIED
Tony FollerAustraliaAsiya Javayant RENEWAL
Deepesh ChuiUnited KingdomAnna Fali RENEWAL
Jeanfrancois VenereArgentinaAsiya Javayant QUALIFIED
Tony FollerFranceElwin Sharvill UNQUALIFIED
Darci PoquetteSpainAnna Fali NEW
Clifford RimAustraliaIvan Magalhaes RENEWAL
Ivar PaprockiGermanyAnna Fali PROPOSAL
Arvin AlbaresCanadaIoni Bowcher PROPOSAL
Jeanfrancois VenereCanadaAsiya Javayant UNQUALIFIED
Costa DilliardIndiaIvan Magalhaes NEW
Murillo MaletArgentinaIoni Bowcher NEW
Munro FerenczCanadaXuxue Feng QUALIFIED
Clifford RimJapanAmy Elsner RENEWAL
Jeanfrancois VenereSpainOnyama Limba PROPOSAL
Costa DilliardUnited KingdomOnyama Limba NEGOTIATION
Aika InouyeRussiaElwin Sharvill PROPOSAL
Aruna FigeroaUnited KingdomIoni Bowcher PROPOSAL
Nicolas IturbideCanadaIoni Bowcher UNQUALIFIED
Antonio CaudyRussiaOnyama Limba RENEWAL
Kadeem FlosiSpainOnyama Limba NEGOTIATION
Mujtaba NickaSpainElwin Sharvill 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.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>