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
Emily S DilliardBrazilOnyama Limba PROPOSAL
Maria M OstroskyAustraliaElwin Sharvill QUALIFIED
Maria V StensethSpainAmy Elsner PROPOSAL
Mujtaba R WhobreyCanadaElwin Sharvill RENEWAL
Sinclair H WhobreyItalyOnyama Limba NEW
Maisha C CaudyBrazilAsiya Javayant NEGOTIATION
Mayumi N RulapaughJapanIvan Magalhaes QUALIFIED
Salvatore V AlbaresSpainStephen Shaw NEGOTIATION
Munro W RoysterItalyAnna Fali NEGOTIATION
Kadeem Q DilliardSpainAnna Fali QUALIFIED
Greenwood N MaletBrazilAmy Elsner RENEWAL
Deepesh P BriddickCanadaAnna Fali UNQUALIFIED
Octavia X MacleadGermanyAsiya Javayant RENEWAL
Misaki B MarrierUnited KingdomBernardo Dominic NEW
Clifford X OstroskySpainElwin Sharvill PROPOSAL
Johnson J MarrierGermanyIoni Bowcher PROPOSAL
Costa Y DoeIndiaStephen Shaw NEGOTIATION
Leon R VocelkaCanadaAsiya Javayant NEW
Arvin U ChuiArgentinaAsiya Javayant NEW
Ivar N CampainUnited KingdomAsiya Javayant NEW
Aditya R ShinkoRussiaElwin Sharvill UNQUALIFIED
Tony T RoysterUnited KingdomAsiya Javayant NEW
Morrow S SaylorsBrazilIvan Magalhaes UNQUALIFIED
Clifford U RulapaughAustraliaAmy Elsner QUALIFIED
Arvin P MaletGermanyElwin Sharvill QUALIFIED
Adams U TollnerItalyAnna Fali RENEWAL
Ricardo X ButtBrazilXuxue Feng NEGOTIATION
Claire H KuskoArgentinaAmy Elsner UNQUALIFIED
Greenwood N VocelkaSpainAmy Elsner PROPOSAL
Salvatore Z VenereCanadaXuxue Feng NEW
Leon S PaprockiRussiaAnna Fali PROPOSAL
Octavia G CaudyJapanOnyama Limba UNQUALIFIED
Maria X InouyeArgentinaIoni Bowcher NEGOTIATION
David Z TollnerSpainXuxue Feng UNQUALIFIED
Salvatore J MarrierIndiaElwin Sharvill NEGOTIATION
Munro G CaudyFranceIoni Bowcher NEW
Clifford X AmigonCanadaAnna Fali QUALIFIED
Johnson L SchemmerAustraliaIoni Bowcher NEW
Francesco I TollnerAustraliaIoni Bowcher PROPOSAL
Kadeem F OstroskySpainElwin Sharvill QUALIFIED
Wickens L DoeItalyElwin Sharvill RENEWAL
Isabel F SlusarskiItalyAnna Fali NEGOTIATION
Antonio A StensethItalyElwin Sharvill UNQUALIFIED
Octavia G WieserSpainBernardo Dominic QUALIFIED
Maisha R NickaJapanAnna Fali RENEWAL
Aika I TollnerBrazilAmy Elsner PROPOSAL
Misaki L GarufiGermanyAmy Elsner RENEWAL
Darci O SergiBrazilIoni Bowcher NEGOTIATION
Clifford N MaletBrazilAmy Elsner UNQUALIFIED
Misaki F ShinkoFranceXuxue Feng QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Sinclair A CaudyJapanIvan Magalhaes RENEWAL
Arvin Q RutaIndiaStephen Shaw PROPOSAL
Costa G FerenczItalyIvan Magalhaes NEGOTIATION
Munro G CaudyBrazilIvan Magalhaes RENEWAL
Leja D StensethSpainXuxue Feng PROPOSAL
Clifford X MorascaItalyBernardo Dominic RENEWAL
Maisha P KuskoUnited KingdomAnna Fali UNQUALIFIED
Aditya C FerenczBrazilAmy Elsner NEW
Jeanfrancois M MaletArgentinaAsiya Javayant RENEWAL
Ivar R BologniaArgentinaBernardo Dominic UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jeanfrancois N SchemmerFrance2026-09-07Printing Dimensions UNQUALIFIED76Amy Elsner
1001Maria X InouyeIndia2026-09-01Buckley Miller Wright PROPOSAL36Bernardo Dominic
1002Kaitlin C ShinkoItaly2026-09-01Chanay, Jeffrey A Esq NEGOTIATION3Stephen Shaw
1003Leja C GillianSpain2026-09-28Dorl, James J Esq QUALIFIED58Onyama Limba
1004Morrow V CampainIndia2026-09-21Chemel, James L Cpa QUALIFIED20Xuxue Feng
1005Maisha T KuskoUnited Kingdom2026-09-07Dorl, James J Esq NEGOTIATION51Anna Fali
1006Chavez B MorascaFrance2026-09-09Feiner Bros RENEWAL91Anna Fali
1007Francesco W RutaCanada2026-09-05Feiner Bros PROPOSAL28Anna Fali
1008Jeanfrancois V AmigonJapan2026-09-12Benton, John B Jr RENEWAL50Ivan Magalhaes
1009Claire U SergiBrazil2026-09-16Printing Dimensions QUALIFIED96Ivan Magalhaes
1010Faith H FigeroaSpain2026-09-12Chanay, Jeffrey A Esq NEGOTIATION56Bernardo Dominic
1011Smith M MorascaUnited Kingdom2026-09-03Feiner Bros NEW98Amy Elsner
1012Faith Q VenereIndia2026-09-02Buckley Miller Wright PROPOSAL17Anna Fali
1013Aditya I MarrierItaly2026-09-29Chanay, Jeffrey A Esq NEW37Asiya Javayant
1014Wickens T VocelkaUnited Kingdom2026-09-26Buckley Miller Wright RENEWAL25Xuxue Feng
1015Aruna R ChuiFrance2026-09-03King, Christopher A Esq RENEWAL74Asiya Javayant
1016Mujtaba R KuskoBrazil2026-09-16Feltz Printing Service NEGOTIATION42Ivan Magalhaes
1017Tony O GillianCanada2026-09-29Buckley Miller Wright RENEWAL34Amy Elsner
1018Jefferson O FigeroaCanada2026-09-04Truhlar And Truhlar Attys RENEWAL17Anna Fali
1019Murillo N MaletBrazil2026-09-28Dorl, James J Esq QUALIFIED69Xuxue Feng
1020Costa E FerenczItaly2026-09-11Rangoni Of Florence NEGOTIATION32Ioni Bowcher
1021James U IturbideCanada2026-08-31Truhlar And Truhlar Attys RENEWAL90Ivan Magalhaes
1022Maisha E BowleyItaly2026-09-15Commercial Press RENEWAL29Bernardo Dominic
1023Jeanfrancois W CampainGermany2026-09-05Commercial Press NEW96Xuxue Feng
1024Morrow N KolmetzRussia2026-09-20Truhlar And Truhlar Attys NEGOTIATION47Bernardo Dominic
1025Munro W TollnerFrance2026-09-01Commercial Press NEW57Stephen Shaw
1026Tony D FerenczArgentina2026-09-04Printing Dimensions NEGOTIATION54Amy Elsner
1027Sinclair M DarakjyAustralia2026-09-25Dorl, James J Esq QUALIFIED2Stephen Shaw
1028Emily L RoysterBrazil2026-09-14Rousseaux, Michael Esq QUALIFIED39Asiya Javayant
1029Ashley H ShinkoFrance2026-09-28Chanay, Jeffrey A Esq QUALIFIED90Xuxue Feng
1030Chavez M ChuiItaly2026-09-05Dorl, James J Esq NEW62Anna Fali
1031Smith K GauchoItaly2026-09-16Rousseaux, Michael Esq NEW47Asiya Javayant
1032Juan I SergiUnited Kingdom2026-09-27Chapman, Ross E Esq UNQUALIFIED42Elwin Sharvill
1033Claire D MarrierFrance2026-09-16Chapman, Ross E Esq QUALIFIED80Stephen Shaw
1034Rodrigues N NestleItaly2026-09-29Truhlar And Truhlar Attys RENEWAL91Stephen Shaw
1035Munro I FigeroaItaly2026-09-16Rangoni Of Florence PROPOSAL18Elwin Sharvill
1036Greenwood N SergiUnited Kingdom2026-09-03Rangoni Of Florence PROPOSAL18Bernardo Dominic
1037Johnson B CaldareraAustralia2026-08-31Chemel, James L Cpa PROPOSAL93Onyama Limba
1038Smith F VocelkaRussia2026-09-26Benton, John B Jr RENEWAL19Stephen Shaw
1039Mujtaba F MaletRussia2026-09-29Chapman, Ross E Esq NEGOTIATION44Ioni Bowcher
1040Morrow H PerinAustralia2026-09-15Chemel, James L Cpa NEW37Stephen Shaw
1041Maisha I DoeIndia2026-09-15Feltz Printing Service NEGOTIATION83Anna Fali
1042Tony P WaycottCanada2026-09-02Rousseaux, Michael Esq PROPOSAL52Elwin Sharvill
1043Jeanfrancois X BologniaSpain2026-09-05Feiner Bros NEW1Asiya Javayant
1044David Q RutaItaly2026-09-15Truhlar And Truhlar Attys UNQUALIFIED64Amy Elsner
1045Jones X DoeIndia2026-09-28Truhlar And Truhlar Attys NEGOTIATION77Stephen Shaw
1046Stacey A FerenczBrazil2026-09-20Chapman, Ross E Esq RENEWAL73Amy Elsner
1047Costa N CampainJapan2026-09-01Buckley Miller Wright QUALIFIED22Anna Fali
1048Cody R CampainIndia2026-08-31King, Christopher A Esq RENEWAL98Onyama Limba
1049Octavia O InouyeFrance2026-09-02Dorl, James J Esq QUALIFIED73Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Sinclair N WhobreyCanadaElwin Sharvill PROPOSAL
Stacey C SlusarskiFranceAsiya Javayant UNQUALIFIED
Maisha D DoeJapanAmy Elsner UNQUALIFIED
Jeanfrancois C MacleadJapanStephen Shaw RENEWAL
Morrow Y GarufiFranceElwin Sharvill QUALIFIED
Deepesh K SergiRussiaAnna Fali UNQUALIFIED
Murillo T ChuiFranceElwin Sharvill UNQUALIFIED
Chavez Z NestleRussiaElwin Sharvill NEW
Darci P FerenczAustraliaAmy Elsner NEGOTIATION
Claire T GauchoRussiaXuxue Feng QUALIFIED
Juan U SlusarskiBrazilAsiya Javayant NEW
Misaki J AmigonIndiaOnyama Limba QUALIFIED
Murillo J SlusarskiRussiaXuxue Feng UNQUALIFIED
Jefferson Q SlusarskiUnited KingdomAnna Fali QUALIFIED
Maria N MaletJapanStephen Shaw QUALIFIED
Murillo Q SlusarskiArgentinaIoni Bowcher NEW
Leja X SergiArgentinaAsiya Javayant RENEWAL
Ivar M ShinkoSpainIvan Magalhaes PROPOSAL
Izzy O OstroskyAustraliaIvan Magalhaes UNQUALIFIED
Kadeem K CaldareraCanadaOnyama Limba UNQUALIFIED
Salvatore S MacleadBrazilBernardo Dominic RENEWAL
Rodrigues I PerinRussiaIvan Magalhaes QUALIFIED
Isabel L MacleadIndiaIoni Bowcher PROPOSAL
Claire Z ChuiFranceStephen Shaw RENEWAL
Salvatore B FigeroaCanadaElwin Sharvill UNQUALIFIED
Izzy G ShinkoIndiaStephen Shaw UNQUALIFIED
Mujtaba G SlusarskiJapanXuxue Feng RENEWAL
Alejandro C RoysterUnited KingdomXuxue Feng NEGOTIATION
Costa T TollnerAustraliaStephen Shaw RENEWAL
Salvatore W AmigonIndiaAmy Elsner NEGOTIATION
Claire W OstroskyGermanyAmy Elsner QUALIFIED
Munro F AmigonJapanStephen Shaw UNQUALIFIED
Mayumi N OstroskySpainOnyama Limba NEGOTIATION
Ivar K PaprockiCanadaElwin Sharvill NEGOTIATION
Francesco I AmigonSpainAmy Elsner NEGOTIATION
Leon N FlosiItalyAnna Fali RENEWAL
Leja Y SlusarskiIndiaStephen Shaw NEGOTIATION
Ivar J CaldareraGermanyStephen Shaw PROPOSAL
Darci L NestleFranceBernardo Dominic UNQUALIFIED
Alejandro I NickaGermanyAnna Fali NEW
Claire R SlusarskiSpainBernardo Dominic NEW
Maisha I DoeArgentinaElwin Sharvill UNQUALIFIED
Nicolas U RoysterAustraliaIvan Magalhaes PROPOSAL
Tony Y KolmetzItalyAmy Elsner UNQUALIFIED
Smith N VocelkaRussiaAmy Elsner UNQUALIFIED
Izzy T MorascaCanadaXuxue Feng RENEWAL
Greenwood W RutaBrazilStephen Shaw QUALIFIED
Nicolas J SchemmerAustraliaAmy Elsner UNQUALIFIED
Darci K NestleAustraliaBernardo Dominic NEGOTIATION
Aditya F PaprockiCanadaIoni Bowcher NEW
Frozen Columns
Name
Darci J Bolognia
Nicolas Q Darakjy
Francesco X Malet
Julie M Figeroa
Octavia L Darakjy
Chavez Z Gaucho
James I Campain
Tony S Caudy
Deepesh J Vocelka
Jones K Bolognia
Sinclair U Tollner
David H Glick
Stacey G Morasca
Nicolas M Perin
Alejandro I Kolmetz
Mujtaba X Sergi
Leja K Shinko
Ricardo W Gaucho
Murillo J Briddick
Julie U Schemmer
Misaki H Whobrey
Nicolas J Nestle
Alejandro A Maclead
Mayumi K Darakjy
Maisha I Nicka
Deepesh A Rim
Leon X Royster
Chavez P Morasca
Claire S Royster
Jefferson E Maclead
Claire R Briddick
Clifford M Vocelka
Murillo Q Gillian
Tony L Stenseth
Deepesh M Rulapaugh
Leon Q Saylors
Sinclair A Nicka
Rodrigues Z Butt
Aruna K Waycott
Silvio V Kolmetz
Adams Q Poquette
Deepesh D Stenseth
Jeanfrancois C Morasca
Francesco D Gillian
Misaki Q Wieser
Cody F Bolognia
Morrow V Bolognia
Jefferson G Morasca
Aditya F Gillian
Darci H Morasca
IdCountryDate
1000Australia2026-09-11
1001Germany2026-09-28
1002India2026-09-01
1003France2026-09-01
1004Japan2026-09-15
1005France2026-09-23
1006Italy2026-09-24
1007Russia2026-09-24
1008Italy2026-09-27
1009Brazil2026-09-07
1010India2026-09-14
1011Argentina2026-09-13
1012Brazil2026-09-17
1013Brazil2026-09-22
1014Italy2026-09-07
1015Japan2026-09-24
1016Australia2026-09-17
1017Italy2026-09-05
1018Russia2026-09-22
1019Argentina2026-09-26
1020Italy2026-09-03
1021India2026-09-25
1022Japan2026-09-27
1023Brazil2026-09-02
1024Spain2026-09-16
1025Russia2026-09-24
1026Argentina2026-09-16
1027India2026-09-19
1028Spain2026-09-19
1029United Kingdom2026-09-27
1030Argentina2026-09-12
1031India2026-09-13
1032Russia2026-09-08
1033India2026-09-05
1034India2026-09-20
1035Canada2026-09-20
1036Canada2026-09-21
1037Brazil2026-09-10
1038Argentina2026-09-09
1039Canada2026-09-10
1040India2026-09-06
1041France2026-09-24
1042Germany2026-09-21
1043Argentina2026-09-04
1044India2026-09-09
1045Argentina2026-09-20
1046Germany2026-09-07
1047Italy2026-09-05
1048Brazil2026-09-23
1049Brazil2026-09-19

On-Demand Data

NameIdCountryDate
Julie Q Wieser1000France2026-09-29
Maisha T Slusarski1001France2026-09-01
Clifford U Sergi1002Canada2026-09-16
Claire G Marrier1003Brazil2026-09-15
Isabel A Tollner1004France2026-09-18
Jennifer H Wieser1005Spain2026-09-29
Jennifer P Stenseth1006Japan2026-09-12
Kaitlin W Tollner1007Italy2026-09-02
Murillo R Sergi1008Japan2026-09-11
Misaki P Nestle1009Japan2026-09-04
Salvatore P Shinko1010Brazil2026-09-27
Wickens O Iturbide1011Argentina2026-09-26
Misaki I Glick1012Canada2026-09-17
Costa A Kusko1013Germany2026-09-04
Nicolas Q Waycott1014Japan2026-08-31
Jennifer Q Flosi1015Australia2026-09-29
Smith X Bowley1016India2026-09-02
Wickens T Campain1017Canada2026-09-10
Nicolas Y Kusko1018Brazil2026-09-25
Ricardo I Dilliard1019Italy2026-09-21
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Mujtaba X MacleadItalyStephen Shaw UNQUALIFIED
Claire L MaletUnited KingdomOnyama Limba RENEWAL
Isabel G FollerItalyAnna Fali UNQUALIFIED
Octavia O AmigonBrazilAmy Elsner NEW
Chavez L DarakjyGermanyAsiya Javayant NEW
Francesco H MacleadIndiaAnna Fali PROPOSAL
James N StensethBrazilXuxue Feng UNQUALIFIED
Jeanfrancois M MarrierJapanBernardo Dominic UNQUALIFIED
Misaki X ShinkoBrazilXuxue Feng QUALIFIED
Leon V FigeroaItalyAmy Elsner QUALIFIED
Ivar L SlusarskiItalyStephen Shaw UNQUALIFIED
Salvatore P VocelkaFranceElwin Sharvill PROPOSAL
Aditya K StensethFranceXuxue Feng PROPOSAL
Leja M FigeroaRussiaAmy Elsner PROPOSAL
Misaki J PoquetteBrazilStephen Shaw UNQUALIFIED
Chavez C ButtGermanyElwin Sharvill NEW
David R GlickItalyBernardo Dominic NEW
Ricardo U FerenczFranceOnyama Limba QUALIFIED
Aika L FigeroaUnited KingdomXuxue Feng QUALIFIED
Jones B WieserArgentinaElwin Sharvill RENEWAL
Kadeem N SlusarskiCanadaOnyama Limba RENEWAL
Jones G BowleyUnited KingdomStephen Shaw UNQUALIFIED
Adams L NickaIndiaOnyama Limba NEW
Jefferson K GauchoSpainAsiya Javayant PROPOSAL
Munro U MorascaIndiaElwin Sharvill QUALIFIED
Mujtaba T ChuiIndiaXuxue Feng NEGOTIATION
Salvatore G FlosiGermanyAsiya Javayant NEGOTIATION
James H PaprockiGermanyBernardo Dominic NEW
Murillo V WhobreyRussiaBernardo Dominic UNQUALIFIED
Deepesh M AmigonGermanyXuxue Feng UNQUALIFIED
Johnson E InouyeJapanBernardo Dominic NEW
Jones P GlickAustraliaAmy Elsner NEGOTIATION
Mayumi P ButtGermanyXuxue Feng NEW
Kadeem F PoquetteUnited KingdomBernardo Dominic NEW
Kadeem D MacleadAustraliaBernardo Dominic NEGOTIATION
Jeanfrancois X GarufiCanadaAnna Fali PROPOSAL
Chavez H BriddickArgentinaAmy Elsner UNQUALIFIED
Juan F NestleItalyIvan Magalhaes PROPOSAL
Maria T MarrierArgentinaElwin Sharvill UNQUALIFIED
Misaki N ButtJapanOnyama Limba RENEWAL

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