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
Aruna Y GauchoJapanOnyama Limba NEGOTIATION
David A CampainAustraliaAnna Fali PROPOSAL
Cody B SergiIndiaAmy Elsner PROPOSAL
Murillo Q WaycottAustraliaXuxue Feng NEGOTIATION
David Y FlosiSpainAmy Elsner RENEWAL
Johnson S NestleFranceAnna Fali QUALIFIED
Emily N BriddickFranceAmy Elsner UNQUALIFIED
Izzy G MorascaJapanIvan Magalhaes NEW
Costa E IturbideUnited KingdomIoni Bowcher PROPOSAL
Jennifer K PerinGermanyIoni Bowcher NEGOTIATION
Morrow L FigeroaItalyAsiya Javayant QUALIFIED
Faith V AlbaresJapanBernardo Dominic PROPOSAL
Kaitlin N BologniaUnited KingdomStephen Shaw QUALIFIED
Sinclair F SaylorsSpainOnyama Limba NEW
James A MorascaArgentinaAnna Fali PROPOSAL
Kadeem O VenereArgentinaIvan Magalhaes PROPOSAL
Chavez D WieserSpainXuxue Feng UNQUALIFIED
Rodrigues T VocelkaAustraliaIvan Magalhaes PROPOSAL
Jefferson Y RutaGermanyXuxue Feng NEW
Adams R DoeIndiaStephen Shaw NEW
Julie U DarakjyCanadaElwin Sharvill QUALIFIED
Aruna L BriddickFranceIoni Bowcher RENEWAL
Jeanfrancois M WhobreyItalyAnna Fali PROPOSAL
Tony N ButtJapanOnyama Limba NEW
James U FigeroaBrazilAmy Elsner NEGOTIATION
Leja N KolmetzArgentinaOnyama Limba NEW
Nicolas T DoeSpainAmy Elsner PROPOSAL
Aditya U CampainCanadaBernardo Dominic QUALIFIED
Jennifer Y MorascaCanadaElwin Sharvill QUALIFIED
Faith Y KolmetzFranceIoni Bowcher UNQUALIFIED
Maria B WhobreyBrazilElwin Sharvill PROPOSAL
Cody K SaylorsAustraliaBernardo Dominic PROPOSAL
Jeanfrancois Z IturbideArgentinaElwin Sharvill RENEWAL
Francesco V BowleySpainAmy Elsner NEW
Jeanfrancois F DarakjyUnited KingdomAsiya Javayant NEW
Arvin E MacleadAustraliaOnyama Limba UNQUALIFIED
Chavez I DilliardItalyIoni Bowcher RENEWAL
Johnson Z MarrierRussiaIoni Bowcher RENEWAL
Juan V SaylorsRussiaIoni Bowcher PROPOSAL
Francesco D SergiCanadaAsiya Javayant PROPOSAL
James Q GillianGermanyIvan Magalhaes PROPOSAL
Clifford B NestleIndiaAsiya Javayant PROPOSAL
Leja T MorascaCanadaAsiya Javayant NEW
Alejandro T GillianSpainXuxue Feng RENEWAL
Juan T WaycottUnited KingdomAmy Elsner UNQUALIFIED
Murillo D BologniaFranceStephen Shaw PROPOSAL
Jefferson Z OldroydArgentinaElwin Sharvill NEW
Kaitlin D CaudyRussiaOnyama Limba QUALIFIED
Cody T FollerGermanyIvan Magalhaes NEGOTIATION
Johnson K StockhamFranceXuxue Feng UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Darci I FigeroaBrazilStephen Shaw PROPOSAL
Alejandro E RulapaughUnited KingdomIvan Magalhaes UNQUALIFIED
Faith R AmigonCanadaAmy Elsner QUALIFIED
Deepesh T RulapaughCanadaAmy Elsner NEW
Kaitlin O CaudyCanadaIvan Magalhaes NEGOTIATION
Emily B KolmetzIndiaIoni Bowcher PROPOSAL
Deepesh P OstroskyUnited KingdomElwin Sharvill UNQUALIFIED
Izzy Z SlusarskiGermanyAnna Fali NEW
Silvio E MaletRussiaBernardo Dominic PROPOSAL
Silvio U RoysterIndiaXuxue Feng UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Cody S CampainArgentina2026-10-01Benton, John B Jr NEW94Ivan Magalhaes
1001Mayumi F ButtItaly2026-09-29King, Christopher A Esq QUALIFIED5Amy Elsner
1002Leon K SchemmerCanada2026-09-04Rousseaux, Michael Esq UNQUALIFIED62Stephen Shaw
1003Salvatore X KuskoArgentina2026-09-24Rangoni Of Florence RENEWAL96Ivan Magalhaes
1004Jeanfrancois V NestleGermany2026-09-12Feiner Bros UNQUALIFIED43Bernardo Dominic
1005Jennifer H AmigonUnited Kingdom2026-09-08Truhlar And Truhlar Attys UNQUALIFIED23Asiya Javayant
1006Costa M GillianArgentina2026-10-01Chanay, Jeffrey A Esq UNQUALIFIED67Amy Elsner
1007James R PoquetteBrazil2026-09-06Truhlar And Truhlar Attys PROPOSAL40Stephen Shaw
1008Arvin G ShinkoSpain2026-09-27Chapman, Ross E Esq UNQUALIFIED26Xuxue Feng
1009Isabel W FollerFrance2026-09-23Truhlar And Truhlar Attys RENEWAL18Stephen Shaw
1010Chavez H SchemmerAustralia2026-09-20Feiner Bros RENEWAL77Amy Elsner
1011Ricardo A MaletUnited Kingdom2026-09-09Buckley Miller Wright NEW96Elwin Sharvill
1012Clifford N ShinkoFrance2026-09-08Truhlar And Truhlar Attys RENEWAL15Stephen Shaw
1013Greenwood A GarufiIndia2026-09-15Benton, John B Jr RENEWAL50Xuxue Feng
1014Claire F DoeArgentina2026-09-15Feiner Bros NEGOTIATION78Ioni Bowcher
1015James F OstroskySpain2026-09-16Chemel, James L Cpa RENEWAL32Asiya Javayant
1016Kaitlin Q WaycottBrazil2026-09-21Feiner Bros NEGOTIATION4Asiya Javayant
1017Mujtaba M BriddickJapan2026-09-17Chemel, James L Cpa RENEWAL43Xuxue Feng
1018Jefferson T SergiSpain2026-09-23Benton, John B Jr NEW79Onyama Limba
1019Ashley G OstroskyAustralia2026-09-23Dorl, James J Esq UNQUALIFIED91Asiya Javayant
1020Salvatore T RutaItaly2026-09-21Benton, John B Jr PROPOSAL21Stephen Shaw
1021Kaitlin E BowleyRussia2026-09-20Dorl, James J Esq UNQUALIFIED35Anna Fali
1022Nicolas O CaudyBrazil2026-09-07Morlong Associates QUALIFIED40Anna Fali
1023Maria X SchemmerIndia2026-09-27Chanay, Jeffrey A Esq NEGOTIATION62Ioni Bowcher
1024Ricardo F SergiJapan2026-09-21Buckley Miller Wright QUALIFIED6Stephen Shaw
1025Rodrigues S NestleItaly2026-09-17Benton, John B Jr UNQUALIFIED28Xuxue Feng
1026Adams D NickaGermany2026-09-24Feltz Printing Service NEGOTIATION47Elwin Sharvill
1027Deepesh F FlosiIndia2026-09-13Dorl, James J Esq PROPOSAL0Xuxue Feng
1028Kaitlin W CaudyBrazil2026-09-10Chanay, Jeffrey A Esq RENEWAL68Ioni Bowcher
1029Antonio I RulapaughAustralia2026-09-28Rousseaux, Michael Esq RENEWAL94Anna Fali
1030Mujtaba M RutaItaly2026-09-22Buckley Miller Wright RENEWAL31Bernardo Dominic
1031Tony H OldroydUnited Kingdom2026-09-24Morlong Associates UNQUALIFIED31Bernardo Dominic
1032Arvin M FlosiItaly2026-09-27Buckley Miller Wright NEGOTIATION96Elwin Sharvill
1033Salvatore I PoquetteJapan2026-09-21King, Christopher A Esq NEW0Onyama Limba
1034Jones E RulapaughRussia2026-09-13Rangoni Of Florence UNQUALIFIED67Onyama Limba
1035Leja V SaylorsGermany2026-09-25Morlong Associates QUALIFIED27Asiya Javayant
1036Greenwood B RoysterBrazil2026-09-23King, Christopher A Esq UNQUALIFIED21Amy Elsner
1037Jones K PerinItaly2026-09-26Feiner Bros NEW85Ivan Magalhaes
1038Jeanfrancois D RutaItaly2026-09-13Chemel, James L Cpa UNQUALIFIED11Amy Elsner
1039Mujtaba Q KuskoIndia2026-09-16Benton, John B Jr UNQUALIFIED27Ioni Bowcher
1040Ashley A MorascaFrance2026-10-03Chemel, James L Cpa QUALIFIED40Anna Fali
1041Ivar I RulapaughItaly2026-09-29Buckley Miller Wright UNQUALIFIED37Elwin Sharvill
1042Wickens P DarakjyRussia2026-09-22Benton, John B Jr NEW78Anna Fali
1043Claire O SaylorsCanada2026-09-11Feltz Printing Service QUALIFIED99Onyama Limba
1044James L KolmetzItaly2026-09-17Chapman, Ross E Esq UNQUALIFIED66Ioni Bowcher
1045Murillo Y PaprockiItaly2026-10-03Benton, John B Jr NEGOTIATION13Xuxue Feng
1046Ashley C KuskoIndia2026-09-07Feltz Printing Service UNQUALIFIED88Onyama Limba
1047Sinclair B FollerArgentina2026-09-06Truhlar And Truhlar Attys PROPOSAL5Stephen Shaw
1048Claire M SchemmerBrazil2026-09-24Rangoni Of Florence RENEWAL58Anna Fali
1049Antonio I FigeroaGermany2026-09-17Dorl, James J Esq RENEWAL35Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Kadeem F StensethFranceBernardo Dominic RENEWAL
Jeanfrancois L ShinkoBrazilElwin Sharvill NEGOTIATION
Misaki W FlosiIndiaIvan Magalhaes UNQUALIFIED
Smith Q StensethArgentinaIvan Magalhaes QUALIFIED
Stacey V WaycottArgentinaIvan Magalhaes UNQUALIFIED
Tony A BowleyUnited KingdomOnyama Limba NEW
Salvatore C RoysterBrazilIoni Bowcher NEGOTIATION
Deepesh I ChuiIndiaXuxue Feng PROPOSAL
Ricardo R PerinAustraliaIvan Magalhaes QUALIFIED
Adams B DarakjyRussiaXuxue Feng NEW
Nicolas U IturbideJapanAsiya Javayant PROPOSAL
Alejandro M ShinkoCanadaAsiya Javayant NEGOTIATION
Morrow F GauchoJapanXuxue Feng NEGOTIATION
Greenwood X GarufiBrazilIvan Magalhaes QUALIFIED
Rodrigues F StockhamUnited KingdomXuxue Feng QUALIFIED
Smith P AmigonGermanyAsiya Javayant QUALIFIED
Misaki O GauchoAustraliaIvan Magalhaes QUALIFIED
Deepesh C RutaRussiaXuxue Feng PROPOSAL
Rodrigues P GarufiIndiaXuxue Feng QUALIFIED
Jones P RimRussiaStephen Shaw NEGOTIATION
Johnson Q KolmetzUnited KingdomStephen Shaw NEW
Faith S CaudyCanadaAsiya Javayant UNQUALIFIED
Tony Y AlbaresGermanyOnyama Limba PROPOSAL
Antonio Z VocelkaIndiaXuxue Feng NEW
Stacey K RulapaughIndiaAmy Elsner RENEWAL
Ashley L MacleadUnited KingdomAsiya Javayant UNQUALIFIED
Claire V VenereJapanIoni Bowcher RENEWAL
Stacey Z KolmetzJapanOnyama Limba RENEWAL
Leon Y RutaArgentinaAsiya Javayant PROPOSAL
Francesco Z KolmetzRussiaAsiya Javayant RENEWAL
Tony Z DoeCanadaIvan Magalhaes QUALIFIED
Octavia Y WieserGermanyOnyama Limba QUALIFIED
Greenwood U CaudyJapanXuxue Feng NEW
Nicolas P FlosiBrazilOnyama Limba QUALIFIED
Ivar O BowleyBrazilAmy Elsner NEGOTIATION
Mayumi J BriddickJapanIoni Bowcher UNQUALIFIED
Clifford E MaletSpainAnna Fali UNQUALIFIED
Deepesh C RutaBrazilAmy Elsner PROPOSAL
Misaki I VocelkaUnited KingdomBernardo Dominic PROPOSAL
Maria N FerenczJapanIvan Magalhaes RENEWAL
Jones S SlusarskiBrazilAmy Elsner RENEWAL
Rodrigues V DilliardGermanyXuxue Feng PROPOSAL
Morrow X NestleSpainElwin Sharvill PROPOSAL
Tony C CaldareraBrazilBernardo Dominic NEGOTIATION
Maria O FlosiGermanyIoni Bowcher QUALIFIED
Kaitlin X FerenczJapanStephen Shaw UNQUALIFIED
Salvatore W SaylorsBrazilXuxue Feng PROPOSAL
Emily H MaletAustraliaStephen Shaw RENEWAL
Arvin Z FlosiJapanIvan Magalhaes PROPOSAL
Isabel G DarakjyArgentinaIvan Magalhaes NEGOTIATION
Frozen Columns
Name
Misaki X Stenseth
Aruna I Rim
Aruna E Shinko
Jennifer N Amigon
Isabel M Marrier
Emily T Malet
Nicolas G Dilliard
Kaitlin Q Ferencz
Morrow J Stockham
Kadeem Z Gillian
Ivar F Nicka
Munro F Shinko
Clifford I Doe
Maisha F Albares
Adams F Campain
Leja J Campain
Ashley Y Ostrosky
Wickens H Poquette
James K Shinko
Ivar L Morasca
Clifford I Caldarera
Mayumi M Saylors
Clifford H Schemmer
Maisha D Bowley
Emily C Dilliard
Rodrigues J Morasca
Isabel P Stenseth
Nicolas N Bolognia
Clifford P Inouye
Faith K Stenseth
Francesco U Nicka
Greenwood X Figeroa
Johnson Y Ferencz
Nicolas T Sergi
Leja T Nestle
James C Gillian
Leja V Amigon
Jennifer B Wieser
Antonio U Darakjy
Nicolas X Gillian
Maria X Bolognia
Faith P Inouye
Leon H Kusko
Maria I Gaucho
Leja J Oldroyd
Mayumi H Slusarski
Julie G Saylors
Aruna O Chui
Nicolas Z Oldroyd
Clifford N Albares
IdCountryDate
1000Italy2026-09-13
1001Argentina2026-09-04
1002Italy2026-09-09
1003Spain2026-09-27
1004Italy2026-10-03
1005Spain2026-09-08
1006Canada2026-09-15
1007Argentina2026-09-06
1008France2026-09-21
1009Spain2026-10-02
1010Germany2026-09-07
1011Spain2026-10-03
1012Spain2026-09-22
1013Brazil2026-09-09
1014Brazil2026-09-24
1015Russia2026-09-26
1016Japan2026-09-13
1017Italy2026-09-04
1018Brazil2026-09-26
1019France2026-09-04
1020Germany2026-10-03
1021Australia2026-09-18
1022Canada2026-09-28
1023Japan2026-09-29
1024Italy2026-09-08
1025Japan2026-09-25
1026Italy2026-09-13
1027United Kingdom2026-09-11
1028Australia2026-09-04
1029Brazil2026-09-23
1030Germany2026-09-16
1031Argentina2026-09-04
1032United Kingdom2026-09-20
1033Russia2026-10-02
1034Argentina2026-09-28
1035Brazil2026-09-28
1036Brazil2026-09-08
1037Italy2026-09-14
1038Russia2026-09-26
1039Russia2026-09-17
1040Australia2026-09-20
1041Australia2026-09-24
1042France2026-09-24
1043Italy2026-09-16
1044Brazil2026-09-28
1045Russia2026-09-12
1046Germany2026-09-06
1047India2026-10-03
1048Japan2026-09-28
1049Canada2026-09-11

On-Demand Data

NameIdCountryDate
Maria X Nicka1000Germany2026-09-20
Adams P Gillian1001France2026-09-23
Julie Z Inouye1002Canada2026-10-01
Darci K Malet1003Italy2026-09-21
Ricardo Z Glick1004Spain2026-09-06
Munro N Rulapaugh1005Canada2026-09-17
Greenwood C Tollner1006Argentina2026-09-23
Ashley T Inouye1007Japan2026-09-17
Aruna O Malet1008Brazil2026-09-17
Isabel V Ferencz1009Spain2026-09-29
David E Bolognia1010Canada2026-09-12
Clifford A Saylors1011Spain2026-10-02
Kaitlin Z Albares1012France2026-10-03
Alejandro C Bolognia1013Italy2026-09-11
Aruna D Briddick1014France2026-09-12
Morrow N Maclead1015United Kingdom2026-09-16
Jennifer Y Inouye1016Germany2026-09-21
Faith M Vocelka1017Russia2026-09-24
Wickens U Whobrey1018Germany2026-10-01
Octavia A Bowley1019Spain2026-09-24
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Mujtaba K CampainCanadaIoni Bowcher UNQUALIFIED
Silvio Z ShinkoFranceIvan Magalhaes UNQUALIFIED
Isabel M MorascaUnited KingdomElwin Sharvill NEW
Antonio B TollnerUnited KingdomOnyama Limba UNQUALIFIED
Stacey X RulapaughRussiaAmy Elsner QUALIFIED
Isabel O RutaCanadaAsiya Javayant PROPOSAL
Juan R DoeArgentinaIvan Magalhaes PROPOSAL
Tony A FerenczGermanyOnyama Limba NEW
Darci U KuskoIndiaXuxue Feng NEW
Cody N AmigonGermanyXuxue Feng NEW
Jennifer P MorascaIndiaXuxue Feng NEW
Ricardo N SchemmerBrazilAsiya Javayant QUALIFIED
Juan H VocelkaFranceOnyama Limba UNQUALIFIED
Misaki Y IturbideCanadaStephen Shaw UNQUALIFIED
James O MaletFranceOnyama Limba NEGOTIATION
Aruna T NestleSpainBernardo Dominic QUALIFIED
Jeanfrancois A FollerRussiaStephen Shaw NEW
Kaitlin S VenereGermanyElwin Sharvill RENEWAL
Jeanfrancois Y MacleadGermanyXuxue Feng UNQUALIFIED
Ashley E GillianRussiaBernardo Dominic QUALIFIED
Leja F OldroydCanadaAnna Fali NEGOTIATION
David K FigeroaRussiaOnyama Limba NEGOTIATION
Mayumi H SergiRussiaOnyama Limba NEGOTIATION
Morrow L KuskoUnited KingdomIoni Bowcher PROPOSAL
Cody J KuskoSpainStephen Shaw RENEWAL
Jennifer P StensethRussiaOnyama Limba PROPOSAL
Kaitlin N PoquetteGermanyIoni Bowcher NEGOTIATION
Clifford J NickaCanadaXuxue Feng PROPOSAL
Misaki E DarakjyFranceAmy Elsner RENEWAL
Chavez L BriddickGermanyStephen Shaw RENEWAL
Darci L GlickArgentinaIvan Magalhaes NEGOTIATION
Deepesh J RutaJapanStephen Shaw UNQUALIFIED
Adams S StensethGermanyIvan Magalhaes NEGOTIATION
Nicolas V BowleyRussiaAnna Fali UNQUALIFIED
Jefferson C DoeAustraliaBernardo Dominic QUALIFIED
Emily H DoeAustraliaStephen Shaw NEW
Maria T PaprockiJapanBernardo Dominic UNQUALIFIED
Izzy M RutaJapanElwin Sharvill NEGOTIATION
Stacey Y StockhamAustraliaIvan Magalhaes UNQUALIFIED
James B StensethIndiaAsiya 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.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>