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
Jeanfrancois H GarufiItalyXuxue Feng PROPOSAL
Morrow O CaldareraGermanyAmy Elsner NEW
Sinclair Q TollnerRussiaXuxue Feng PROPOSAL
Antonio B MaletRussiaXuxue Feng UNQUALIFIED
Cody P SergiAustraliaAmy Elsner QUALIFIED
Salvatore N GarufiGermanyBernardo Dominic PROPOSAL
Smith D KuskoJapanOnyama Limba NEGOTIATION
Rodrigues G IturbideFranceBernardo Dominic QUALIFIED
Cody F GlickCanadaIvan Magalhaes NEW
Jennifer Q OldroydRussiaIvan Magalhaes RENEWAL
Leon I InouyeAustraliaAsiya Javayant QUALIFIED
Jones W RimIndiaStephen Shaw RENEWAL
Ricardo L GarufiIndiaBernardo Dominic UNQUALIFIED
Mayumi A CaudyAustraliaAnna Fali RENEWAL
Munro L MarrierFranceIvan Magalhaes QUALIFIED
Ivar J RimJapanOnyama Limba QUALIFIED
Maria N RimCanadaElwin Sharvill PROPOSAL
Mujtaba R WieserCanadaAnna Fali QUALIFIED
Munro T IturbideUnited KingdomIvan Magalhaes PROPOSAL
Costa I ButtIndiaIoni Bowcher QUALIFIED
Maisha Y RimIndiaXuxue Feng NEGOTIATION
Clifford T StockhamAustraliaAmy Elsner UNQUALIFIED
Aruna A KuskoAustraliaAmy Elsner NEW
Octavia A OstroskyGermanyStephen Shaw NEGOTIATION
Antonio X VenereFranceOnyama Limba PROPOSAL
Arvin D IturbideSpainAmy Elsner UNQUALIFIED
Kaitlin J ShinkoArgentinaXuxue Feng QUALIFIED
Antonio R GillianIndiaBernardo Dominic PROPOSAL
Izzy I BriddickArgentinaIoni Bowcher PROPOSAL
Aruna L CampainUnited KingdomAmy Elsner QUALIFIED
Leon V VocelkaJapanElwin Sharvill NEW
Jennifer E IturbideGermanyIoni Bowcher QUALIFIED
Mujtaba V SlusarskiBrazilIvan Magalhaes QUALIFIED
Aditya E RimFranceIoni Bowcher PROPOSAL
Kaitlin N RimCanadaBernardo Dominic PROPOSAL
Adams Y RutaItalyAnna Fali NEGOTIATION
Aruna E MacleadGermanyStephen Shaw NEGOTIATION
Clifford B TollnerFranceBernardo Dominic UNQUALIFIED
Aditya Y GlickBrazilIoni Bowcher NEGOTIATION
Tony Y ShinkoUnited KingdomElwin Sharvill RENEWAL
Wickens J DoeArgentinaIvan Magalhaes NEGOTIATION
Claire I RimGermanyXuxue Feng PROPOSAL
Aruna I PaprockiCanadaIvan Magalhaes RENEWAL
Antonio I KolmetzUnited KingdomAsiya Javayant RENEWAL
Silvio A MacleadItalyXuxue Feng PROPOSAL
Emily K SergiGermanyIvan Magalhaes RENEWAL
Morrow J StockhamAustraliaOnyama Limba RENEWAL
Smith M RimItalyIoni Bowcher UNQUALIFIED
David Y KolmetzItalyAnna Fali RENEWAL
Ashley M VenereBrazilElwin Sharvill RENEWAL
Horizontal
NameCountryRepresentativeStatus
Costa X SchemmerJapanAnna Fali NEW
David M PerinAustraliaElwin Sharvill QUALIFIED
Maria P ChuiSpainAmy Elsner NEGOTIATION
Deepesh R RoysterGermanyIvan Magalhaes NEGOTIATION
Leon I MarrierItalyAmy Elsner NEW
Alejandro I MacleadItalyAmy Elsner PROPOSAL
Juan X GauchoAustraliaIoni Bowcher QUALIFIED
Maisha E StensethFranceAmy Elsner UNQUALIFIED
Smith M RimJapanElwin Sharvill QUALIFIED
Kadeem F SergiArgentinaIvan Magalhaes RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Ashley R ButtAustralia2026-10-30Chemel, James L Cpa NEW88Stephen Shaw
1001Aruna Z OstroskyBrazil2026-10-18Benton, John B Jr QUALIFIED22Xuxue Feng
1002Smith L KolmetzFrance2026-11-05Chanay, Jeffrey A Esq NEGOTIATION69Ioni Bowcher
1003Leja E MarrierFrance2026-11-02Morlong Associates QUALIFIED33Asiya Javayant
1004Adams G RoysterJapan2026-10-11Rousseaux, Michael Esq NEGOTIATION91Ioni Bowcher
1005Sinclair G MacleadArgentina2026-11-02Chanay, Jeffrey A Esq NEW96Stephen Shaw
1006Mayumi A MacleadItaly2026-10-20Chapman, Ross E Esq PROPOSAL14Asiya Javayant
1007Maria O CampainCanada2026-10-23Chanay, Jeffrey A Esq NEGOTIATION10Bernardo Dominic
1008Faith K MaletFrance2026-11-03Printing Dimensions NEW90Amy Elsner
1009Jefferson L RutaFrance2026-10-25Rangoni Of Florence RENEWAL54Xuxue Feng
1010Alejandro J SlusarskiAustralia2026-10-17Chanay, Jeffrey A Esq UNQUALIFIED77Anna Fali
1011Clifford L StockhamIndia2026-11-08Chanay, Jeffrey A Esq UNQUALIFIED34Amy Elsner
1012Cody Y TollnerGermany2026-10-24Buckley Miller Wright NEGOTIATION46Ivan Magalhaes
1013Greenwood C ButtCanada2026-10-19Truhlar And Truhlar Attys UNQUALIFIED21Onyama Limba
1014Arvin J FerenczBrazil2026-10-11King, Christopher A Esq RENEWAL17Ioni Bowcher
1015Tony E DarakjyItaly2026-10-17Commercial Press QUALIFIED56Amy Elsner
1016Juan A WhobreyRussia2026-10-13King, Christopher A Esq RENEWAL99Ioni Bowcher
1017Sinclair S VocelkaSpain2026-11-03Morlong Associates QUALIFIED37Ioni Bowcher
1018Alejandro B AlbaresFrance2026-11-07Dorl, James J Esq UNQUALIFIED57Ioni Bowcher
1019Maisha I MaletArgentina2026-10-18Rangoni Of Florence QUALIFIED14Asiya Javayant
1020Jefferson D FigeroaItaly2026-10-15Chapman, Ross E Esq UNQUALIFIED33Stephen Shaw
1021Jeanfrancois K FigeroaGermany2026-10-30Feltz Printing Service PROPOSAL98Onyama Limba
1022Aruna H MorascaRussia2026-10-25Rangoni Of Florence UNQUALIFIED54Anna Fali
1023Silvio N SlusarskiJapan2026-10-25Morlong Associates RENEWAL75Onyama Limba
1024James L FlosiItaly2026-11-07Morlong Associates NEGOTIATION82Amy Elsner
1025Kaitlin M BologniaAustralia2026-11-03Rangoni Of Florence UNQUALIFIED51Ioni Bowcher
1026Murillo C FollerUnited Kingdom2026-10-15Chemel, James L Cpa NEGOTIATION30Onyama Limba
1027Silvio C RimUnited Kingdom2026-10-16Rousseaux, Michael Esq RENEWAL60Bernardo Dominic
1028Wickens K MaletIndia2026-10-27King, Christopher A Esq NEW2Ioni Bowcher
1029Jennifer E CaudyRussia2026-11-05Benton, John B Jr QUALIFIED99Anna Fali
1030Misaki I DarakjyGermany2026-10-17King, Christopher A Esq NEW74Ioni Bowcher
1031Greenwood U GauchoUnited Kingdom2026-10-11King, Christopher A Esq RENEWAL74Asiya Javayant
1032Izzy Y CaldareraBrazil2026-10-11Dorl, James J Esq QUALIFIED70Ivan Magalhaes
1033Murillo L RoysterRussia2026-10-24Truhlar And Truhlar Attys PROPOSAL5Asiya Javayant
1034Octavia O FollerGermany2026-10-13Rousseaux, Michael Esq NEGOTIATION61Xuxue Feng
1035Adams C BologniaGermany2026-10-17Rousseaux, Michael Esq RENEWAL82Bernardo Dominic
1036Jeanfrancois S NickaUnited Kingdom2026-10-18Feltz Printing Service NEGOTIATION38Bernardo Dominic
1037Arvin T StockhamFrance2026-11-05Dorl, James J Esq PROPOSAL34Ioni Bowcher
1038Antonio E MarrierFrance2026-10-30Commercial Press NEW61Ivan Magalhaes
1039Kadeem J RimRussia2026-10-26Morlong Associates NEW96Ivan Magalhaes
1040Misaki J OstroskyJapan2026-10-19Dorl, James J Esq PROPOSAL22Xuxue Feng
1041Chavez K TollnerGermany2026-10-22Truhlar And Truhlar Attys PROPOSAL91Anna Fali
1042Ashley Z ButtSpain2026-10-15Dorl, James J Esq NEW13Onyama Limba
1043Jennifer U VocelkaUnited Kingdom2026-11-05Chanay, Jeffrey A Esq QUALIFIED73Bernardo Dominic
1044Mujtaba S CaldareraCanada2026-10-24Truhlar And Truhlar Attys NEW95Asiya Javayant
1045Maisha N RulapaughJapan2026-10-28Morlong Associates QUALIFIED13Amy Elsner
1046James O FerenczIndia2026-10-20Benton, John B Jr QUALIFIED45Elwin Sharvill
1047Antonio L CaudyJapan2026-10-16Commercial Press RENEWAL69Stephen Shaw
1048Salvatore M RimRussia2026-10-30Benton, John B Jr NEGOTIATION35Elwin Sharvill
1049Francesco B MorascaGermany2026-10-25Dorl, James J Esq NEW80Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Nicolas F MaletJapanAmy Elsner RENEWAL
Mujtaba U MaletJapanAsiya Javayant NEGOTIATION
Greenwood X GarufiRussiaAnna Fali PROPOSAL
Ivar G IturbideCanadaIoni Bowcher QUALIFIED
Isabel R ShinkoIndiaAmy Elsner QUALIFIED
Jennifer D NickaUnited KingdomIoni Bowcher PROPOSAL
Juan X NestleJapanStephen Shaw PROPOSAL
Adams F MaletCanadaElwin Sharvill QUALIFIED
Octavia S PoquetteBrazilElwin Sharvill NEW
Silvio P StockhamBrazilOnyama Limba RENEWAL
Aditya Q CampainCanadaIoni Bowcher NEW
Juan H OldroydRussiaStephen Shaw NEW
Jefferson E RoysterAustraliaStephen Shaw NEGOTIATION
Isabel Z FigeroaCanadaIvan Magalhaes PROPOSAL
Misaki X BowleyUnited KingdomIoni Bowcher RENEWAL
Francesco N CaudyUnited KingdomAmy Elsner UNQUALIFIED
Jefferson N MaletRussiaAnna Fali QUALIFIED
Francesco K PoquetteArgentinaBernardo Dominic NEGOTIATION
Aruna P KuskoBrazilAmy Elsner NEGOTIATION
Wickens L FollerRussiaStephen Shaw UNQUALIFIED
Francesco W AmigonBrazilAmy Elsner QUALIFIED
Izzy Y GauchoArgentinaElwin Sharvill RENEWAL
Antonio X SlusarskiSpainElwin Sharvill UNQUALIFIED
Juan S MacleadArgentinaAsiya Javayant QUALIFIED
Aruna Y OldroydFranceAnna Fali PROPOSAL
Tony Z WieserRussiaOnyama Limba NEGOTIATION
Greenwood N GauchoJapanAnna Fali NEW
Aika Y AlbaresSpainIoni Bowcher PROPOSAL
Ivar H KolmetzJapanXuxue Feng NEW
Leja B SergiItalyBernardo Dominic UNQUALIFIED
Jones D BologniaRussiaBernardo Dominic RENEWAL
Silvio I KuskoJapanBernardo Dominic RENEWAL
Adams L OldroydItalyElwin Sharvill NEGOTIATION
Rodrigues A MaletSpainBernardo Dominic PROPOSAL
Jefferson C NickaRussiaAsiya Javayant NEW
Juan Z MarrierArgentinaAsiya Javayant QUALIFIED
Faith G DilliardIndiaBernardo Dominic NEW
Aika V KolmetzJapanBernardo Dominic NEGOTIATION
Juan T OstroskyJapanStephen Shaw NEW
Faith A MaletGermanyBernardo Dominic UNQUALIFIED
Octavia J KolmetzBrazilIoni Bowcher RENEWAL
Ricardo M NestleJapanIoni Bowcher PROPOSAL
Juan S StensethJapanXuxue Feng QUALIFIED
Francesco U InouyeFranceIoni Bowcher NEGOTIATION
Isabel I NickaRussiaIoni Bowcher NEGOTIATION
Ricardo Z ButtJapanIoni Bowcher PROPOSAL
Octavia O RulapaughBrazilAsiya Javayant UNQUALIFIED
Darci G KolmetzArgentinaIvan Magalhaes UNQUALIFIED
Smith K CaudyJapanIvan Magalhaes PROPOSAL
Faith Y WhobreyUnited KingdomXuxue Feng QUALIFIED
Frozen Columns
Name
Mujtaba H Marrier
Kaitlin S Malet
Sinclair C Darakjy
Jones J Maclead
Jeanfrancois M Glick
Maria R Ruta
Alejandro I Dilliard
Juan I Dilliard
Aruna V Venere
Deepesh Q Saylors
Antonio L Kusko
James X Caudy
Rodrigues B Poquette
Jones C Whobrey
Clifford A Poquette
Juan F Shinko
David N Ostrosky
Aditya R Caudy
Adams F Kolmetz
Arvin R Bowley
Kadeem O Stockham
Isabel Q Shinko
David A Amigon
Kadeem H Marrier
Isabel T Briddick
Jennifer Q Ferencz
Izzy Z Saylors
Greenwood K Flosi
Octavia U Nestle
Octavia V Nicka
Leja Q Butt
Wickens D Dilliard
Alejandro V Campain
Aika B Dilliard
Kadeem B Venere
Murillo L Stockham
Ashley W Kolmetz
Francesco K Campain
Costa S Maclead
Morrow A Briddick
Kadeem S Kolmetz
Isabel G Venere
Arvin X Morasca
Claire D Amigon
Jeanfrancois C Kolmetz
Costa W Ferencz
Rodrigues J Caldarera
Mujtaba M Ostrosky
Adams Y Ostrosky
Murillo X Campain
IdCountryDate
1000India2026-10-26
1001Italy2026-11-06
1002Argentina2026-11-02
1003Russia2026-10-31
1004Argentina2026-10-29
1005France2026-11-07
1006Canada2026-10-12
1007India2026-10-30
1008United Kingdom2026-10-20
1009Germany2026-10-27
1010Australia2026-10-31
1011India2026-11-08
1012Brazil2026-10-30
1013India2026-10-24
1014France2026-11-09
1015Argentina2026-10-21
1016Germany2026-10-22
1017Argentina2026-11-03
1018Germany2026-10-11
1019Russia2026-10-12
1020France2026-11-07
1021Australia2026-11-05
1022Canada2026-11-05
1023Italy2026-10-25
1024Russia2026-11-09
1025Argentina2026-10-24
1026Brazil2026-11-08
1027Brazil2026-10-12
1028Brazil2026-10-13
1029Germany2026-11-05
1030Russia2026-10-12
1031Spain2026-10-15
1032Russia2026-10-16
1033Brazil2026-11-02
1034Germany2026-10-27
1035Japan2026-10-31
1036Brazil2026-11-02
1037Germany2026-10-21
1038Japan2026-10-30
1039India2026-10-30
1040Italy2026-10-16
1041Japan2026-10-17
1042Germany2026-11-07
1043United Kingdom2026-10-27
1044Japan2026-10-25
1045Canada2026-11-03
1046India2026-10-11
1047Australia2026-10-17
1048France2026-10-15
1049Russia2026-10-30

On-Demand Data

NameIdCountryDate
Maisha S Vocelka1000Japan2026-10-23
Alejandro H Caldarera1001Russia2026-10-19
Cody K Perin1002Italy2026-10-26
Stacey W Dilliard1003United Kingdom2026-10-28
Jennifer D Wieser1004Brazil2026-10-26
Silvio Y Nicka1005Italy2026-11-06
Alejandro O Waycott1006Germany2026-10-17
Aruna Q Perin1007Brazil2026-11-03
Jefferson Q Poquette1008Italy2026-11-09
Morrow O Rulapaugh1009Australia2026-10-12
Misaki F Rulapaugh1010Australia2026-11-05
Deepesh R Malet1011Italy2026-10-21
Munro T Caudy1012India2026-10-29
Wickens K Rulapaugh1013Germany2026-10-23
Cody T Morasca1014Italy2026-11-07
Alejandro T Bowley1015Brazil2026-10-25
Misaki Q Flosi1016France2026-10-22
Sinclair O Caudy1017United Kingdom2026-10-13
James N Stenseth1018Canada2026-10-28
Munro T Stenseth1019Germany2026-10-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Ashley S CaudyAustraliaAsiya Javayant NEGOTIATION
Stacey A FlosiJapanAmy Elsner PROPOSAL
Stacey B NickaArgentinaAmy Elsner QUALIFIED
Jeanfrancois F MaletAustraliaBernardo Dominic RENEWAL
Izzy T ChuiBrazilAsiya Javayant NEW
Darci J MarrierGermanyStephen Shaw PROPOSAL
Johnson Z TollnerGermanyIvan Magalhaes PROPOSAL
Munro F KolmetzSpainElwin Sharvill PROPOSAL
Leon F InouyeAustraliaElwin Sharvill NEGOTIATION
Leon E StensethUnited KingdomAnna Fali NEW
Sinclair H RimJapanStephen Shaw PROPOSAL
Aika P MacleadAustraliaStephen Shaw NEW
Kadeem C MaletArgentinaXuxue Feng UNQUALIFIED
Francesco J PerinArgentinaElwin Sharvill NEGOTIATION
Arvin D PoquetteBrazilAsiya Javayant RENEWAL
Greenwood H TollnerFranceXuxue Feng QUALIFIED
Chavez Q BologniaFranceIvan Magalhaes NEW
Cody G AlbaresSpainElwin Sharvill RENEWAL
Jones M WhobreyGermanyIvan Magalhaes NEGOTIATION
Salvatore D ButtIndiaAnna Fali QUALIFIED
Johnson C FlosiCanadaStephen Shaw NEW
Maisha N InouyeCanadaBernardo Dominic PROPOSAL
Chavez X OstroskyFranceXuxue Feng UNQUALIFIED
Silvio K SergiJapanAsiya Javayant RENEWAL
Julie U BologniaFranceXuxue Feng RENEWAL
Wickens Z RimCanadaIoni Bowcher NEW
Cody T MorascaGermanyXuxue Feng RENEWAL
Stacey W SchemmerBrazilStephen Shaw NEW
Julie N WieserItalyAnna Fali RENEWAL
Rodrigues E SchemmerRussiaIvan Magalhaes NEGOTIATION
Mujtaba R MorascaUnited KingdomIoni Bowcher QUALIFIED
Claire K BowleyArgentinaStephen Shaw RENEWAL
Sinclair I DoeCanadaBernardo Dominic RENEWAL
Kadeem R InouyeJapanIvan Magalhaes QUALIFIED
Darci B CaldareraCanadaAsiya Javayant PROPOSAL
Jennifer W VocelkaAustraliaAnna Fali PROPOSAL
Arvin V TollnerFranceAsiya Javayant NEW
Aika V PaprockiCanadaElwin Sharvill UNQUALIFIED
Octavia R WhobreyArgentinaAnna Fali RENEWAL
Silvio J OldroydAustraliaAnna Fali 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>