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
Jefferson M SergiCanadaIoni Bowcher QUALIFIED
Wickens C ButtIndiaIoni Bowcher PROPOSAL
Claire A StensethAustraliaAmy Elsner UNQUALIFIED
Arvin G DoeBrazilAmy Elsner QUALIFIED
Aruna G MarrierIndiaXuxue Feng RENEWAL
Costa A MorascaBrazilElwin Sharvill NEW
Clifford J VenereCanadaXuxue Feng RENEWAL
Aika F ChuiCanadaAsiya Javayant UNQUALIFIED
Isabel L MorascaGermanyIoni Bowcher NEW
Ashley A VocelkaRussiaAnna Fali UNQUALIFIED
Silvio N AlbaresArgentinaBernardo Dominic NEGOTIATION
Smith N CaldareraFranceBernardo Dominic UNQUALIFIED
Clifford E CaudyRussiaAsiya Javayant RENEWAL
Murillo Q FlosiUnited KingdomBernardo Dominic PROPOSAL
Misaki Y FlosiItalyIoni Bowcher NEW
Ashley S CaldareraAustraliaAnna Fali NEGOTIATION
Sinclair V PerinJapanAmy Elsner QUALIFIED
Tony R ChuiRussiaIvan Magalhaes NEGOTIATION
Mujtaba V VenereCanadaOnyama Limba QUALIFIED
Jefferson F CaudyAustraliaAmy Elsner QUALIFIED
Claire D InouyeUnited KingdomBernardo Dominic UNQUALIFIED
Kaitlin F MaletCanadaElwin Sharvill UNQUALIFIED
David E WaycottCanadaIvan Magalhaes RENEWAL
Tony U IturbideBrazilStephen Shaw NEGOTIATION
Izzy F SchemmerUnited KingdomIvan Magalhaes UNQUALIFIED
Ricardo V FlosiRussiaElwin Sharvill PROPOSAL
Claire R GillianBrazilXuxue Feng QUALIFIED
Rodrigues A GlickCanadaElwin Sharvill NEW
Arvin G MarrierGermanyOnyama Limba RENEWAL
James P SlusarskiGermanyElwin Sharvill RENEWAL
Costa G PoquetteItalyIvan Magalhaes NEW
Alejandro J CaudySpainAnna Fali NEW
Smith O NickaGermanyBernardo Dominic QUALIFIED
Jeanfrancois F SaylorsCanadaXuxue Feng RENEWAL
Wickens F OldroydSpainStephen Shaw NEGOTIATION
Munro O WieserItalyStephen Shaw UNQUALIFIED
Darci L WaycottAustraliaBernardo Dominic QUALIFIED
Silvio C WieserRussiaBernardo Dominic QUALIFIED
Aruna I SchemmerUnited KingdomStephen Shaw UNQUALIFIED
Ricardo N DilliardRussiaBernardo Dominic UNQUALIFIED
Kaitlin Q PerinRussiaBernardo Dominic NEGOTIATION
Cody S SlusarskiCanadaAmy Elsner QUALIFIED
Claire N SaylorsCanadaAsiya Javayant NEGOTIATION
Misaki E MacleadBrazilOnyama Limba NEGOTIATION
Kadeem R RoysterUnited KingdomBernardo Dominic NEW
Murillo I NickaItalyAnna Fali QUALIFIED
Faith T MarrierRussiaIvan Magalhaes PROPOSAL
Mujtaba J AlbaresFranceAmy Elsner PROPOSAL
Jennifer V WhobreyAustraliaAnna Fali RENEWAL
Jones C WieserJapanXuxue Feng NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
David Z CaldareraRussiaAmy Elsner RENEWAL
Juan N PoquetteRussiaXuxue Feng PROPOSAL
James M FerenczArgentinaIvan Magalhaes NEGOTIATION
Izzy Q VenereRussiaIvan Magalhaes RENEWAL
Maria X GauchoRussiaAnna Fali NEW
Aditya O ButtGermanyAmy Elsner NEGOTIATION
Jones O CaudyCanadaAnna Fali QUALIFIED
Stacey U WieserIndiaOnyama Limba QUALIFIED
Wickens W MorascaIndiaIoni Bowcher PROPOSAL
Sinclair R DarakjyArgentinaIvan Magalhaes NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Maisha O DarakjyJapan2026-10-20Truhlar And Truhlar Attys RENEWAL53Onyama Limba
1001Juan V WhobreyIndia2026-10-16Dorl, James J Esq NEGOTIATION37Asiya Javayant
1002Morrow Z RutaCanada2026-10-19Benton, John B Jr QUALIFIED36Asiya Javayant
1003Leon I NickaRussia2026-10-05Truhlar And Truhlar Attys UNQUALIFIED67Ivan Magalhaes
1004Octavia A GillianAustralia2026-09-24Dorl, James J Esq RENEWAL44Ioni Bowcher
1005Maria E WieserSpain2026-10-15Dorl, James J Esq QUALIFIED0Onyama Limba
1006Misaki K InouyeGermany2026-10-13Dorl, James J Esq RENEWAL38Anna Fali
1007Chavez G KuskoCanada2026-09-30Morlong Associates PROPOSAL41Stephen Shaw
1008Emily U WhobreyRussia2026-10-08Truhlar And Truhlar Attys NEW1Asiya Javayant
1009Octavia K GillianSpain2026-09-28Chanay, Jeffrey A Esq UNQUALIFIED56Xuxue Feng
1010Faith R OldroydJapan2026-09-30Morlong Associates NEW76Onyama Limba
1011Salvatore K GarufiRussia2026-10-17Dorl, James J Esq NEGOTIATION20Anna Fali
1012Greenwood W PoquetteSpain2026-09-29Truhlar And Truhlar Attys RENEWAL70Ivan Magalhaes
1013Deepesh W GauchoIndia2026-10-11Dorl, James J Esq RENEWAL24Xuxue Feng
1014Jefferson L TollnerUnited Kingdom2026-10-14Morlong Associates UNQUALIFIED31Xuxue Feng
1015Rodrigues R GillianBrazil2026-09-25Dorl, James J Esq PROPOSAL18Elwin Sharvill
1016Wickens V KuskoIndia2026-10-15Commercial Press NEW82Bernardo Dominic
1017Ivar Y FerenczCanada2026-10-21Chemel, James L Cpa PROPOSAL31Ivan Magalhaes
1018Greenwood R FollerAustralia2026-10-21Commercial Press RENEWAL67Stephen Shaw
1019Clifford F SlusarskiArgentina2026-10-13Benton, John B Jr PROPOSAL80Anna Fali
1020Stacey J ShinkoIndia2026-09-25Printing Dimensions NEW96Stephen Shaw
1021Jefferson L OldroydFrance2026-09-24Chapman, Ross E Esq RENEWAL29Ioni Bowcher
1022Munro R MacleadUnited Kingdom2026-10-12Printing Dimensions UNQUALIFIED80Ioni Bowcher
1023Faith F VenereItaly2026-10-08Benton, John B Jr NEW97Elwin Sharvill
1024Darci X NestleUnited Kingdom2026-10-07Buckley Miller Wright QUALIFIED11Asiya Javayant
1025Maisha E InouyeFrance2026-09-23King, Christopher A Esq UNQUALIFIED90Xuxue Feng
1026Ricardo T FlosiBrazil2026-10-03Feiner Bros NEGOTIATION36Ivan Magalhaes
1027Aditya L FollerSpain2026-10-05Truhlar And Truhlar Attys UNQUALIFIED95Anna Fali
1028Leon O CaudyAustralia2026-10-15Buckley Miller Wright NEGOTIATION96Amy Elsner
1029Mayumi N BriddickArgentina2026-09-25Truhlar And Truhlar Attys NEW14Elwin Sharvill
1030Misaki O InouyeAustralia2026-09-23Benton, John B Jr NEGOTIATION52Xuxue Feng
1031Izzy S RimFrance2026-09-26Feltz Printing Service RENEWAL69Elwin Sharvill
1032Aika P IturbideAustralia2026-10-18Feiner Bros RENEWAL47Amy Elsner
1033Morrow I GauchoCanada2026-10-02Morlong Associates QUALIFIED13Anna Fali
1034Kadeem B ButtJapan2026-09-29Rangoni Of Florence RENEWAL11Stephen Shaw
1035Darci I OldroydJapan2026-09-30Chanay, Jeffrey A Esq UNQUALIFIED29Stephen Shaw
1036Rodrigues C PerinAustralia2026-10-07Rousseaux, Michael Esq UNQUALIFIED1Amy Elsner
1037Adams O OldroydIndia2026-09-29Rousseaux, Michael Esq UNQUALIFIED12Elwin Sharvill
1038Deepesh A DarakjyIndia2026-10-07Dorl, James J Esq PROPOSAL6Stephen Shaw
1039Julie D BriddickItaly2026-09-22Benton, John B Jr RENEWAL73Ivan Magalhaes
1040Julie K OldroydBrazil2026-09-25Dorl, James J Esq NEW33Bernardo Dominic
1041Maisha I ChuiFrance2026-10-17King, Christopher A Esq PROPOSAL22Anna Fali
1042Munro R PerinSpain2026-10-20Benton, John B Jr PROPOSAL46Onyama Limba
1043Johnson P RutaRussia2026-09-30Rousseaux, Michael Esq NEGOTIATION10Ioni Bowcher
1044Ivar T BowleyCanada2026-10-21Feiner Bros NEW48Asiya Javayant
1045Johnson S StensethIndia2026-09-26Benton, John B Jr PROPOSAL85Xuxue Feng
1046Smith B BriddickAustralia2026-10-07Benton, John B Jr QUALIFIED2Elwin Sharvill
1047Misaki B BologniaFrance2026-09-29Truhlar And Truhlar Attys NEGOTIATION89Onyama Limba
1048Deepesh Y NickaSpain2026-10-15Printing Dimensions NEGOTIATION88Xuxue Feng
1049Morrow R FigeroaArgentina2026-10-01Chanay, Jeffrey A Esq RENEWAL52Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Salvatore H ButtRussiaOnyama Limba NEW
Jefferson B MacleadRussiaAsiya Javayant NEW
Stacey S WaycottUnited KingdomIoni Bowcher NEGOTIATION
Misaki H NickaItalyElwin Sharvill UNQUALIFIED
Mujtaba S WieserArgentinaOnyama Limba NEW
Antonio A GlickRussiaIvan Magalhaes RENEWAL
Clifford T DarakjyJapanAmy Elsner QUALIFIED
Faith O MarrierAustraliaAnna Fali RENEWAL
Arvin R SchemmerBrazilXuxue Feng UNQUALIFIED
Salvatore A DilliardAustraliaAsiya Javayant UNQUALIFIED
Mayumi I GauchoItalyAnna Fali UNQUALIFIED
Tony R MorascaFranceAsiya Javayant NEW
Murillo S RutaRussiaAsiya Javayant PROPOSAL
Maisha C MaletFranceIvan Magalhaes NEW
Faith I GillianArgentinaAnna Fali NEGOTIATION
Alejandro Q BologniaCanadaElwin Sharvill NEW
Greenwood E SlusarskiFranceElwin Sharvill NEGOTIATION
Costa L ChuiGermanyAnna Fali PROPOSAL
Octavia J AmigonItalyIvan Magalhaes NEGOTIATION
Murillo U MarrierFranceAsiya Javayant PROPOSAL
Octavia S DilliardJapanAsiya Javayant NEGOTIATION
Emily P BriddickBrazilAnna Fali UNQUALIFIED
Cody C WaycottFranceAmy Elsner UNQUALIFIED
Mujtaba P PaprockiArgentinaXuxue Feng NEGOTIATION
Leon W OstroskyCanadaStephen Shaw UNQUALIFIED
Maria K MacleadBrazilAmy Elsner NEGOTIATION
Morrow K MarrierFranceXuxue Feng NEW
Maisha H InouyeBrazilAnna Fali UNQUALIFIED
Greenwood F GauchoRussiaAnna Fali QUALIFIED
Julie Y OstroskyUnited KingdomXuxue Feng PROPOSAL
Aruna Q DilliardAustraliaOnyama Limba NEGOTIATION
Julie I StensethFranceElwin Sharvill UNQUALIFIED
Leja H VenereFranceOnyama Limba NEGOTIATION
James T SaylorsJapanAmy Elsner UNQUALIFIED
Murillo T BologniaUnited KingdomAmy Elsner RENEWAL
Aika K RoysterArgentinaAmy Elsner QUALIFIED
Arvin F StensethFranceAmy Elsner NEGOTIATION
Izzy R PerinBrazilXuxue Feng NEGOTIATION
Ivar Y DarakjyFranceAnna Fali NEGOTIATION
Cody E CampainCanadaElwin Sharvill UNQUALIFIED
Morrow I MacleadBrazilAnna Fali NEW
Leja H CaudyRussiaAsiya Javayant RENEWAL
Rodrigues M VenereArgentinaAsiya Javayant NEW
Aika E FigeroaItalyAsiya Javayant RENEWAL
Mayumi E FlosiJapanElwin Sharvill PROPOSAL
Deepesh Y WhobreyArgentinaAnna Fali UNQUALIFIED
Greenwood B SlusarskiCanadaBernardo Dominic QUALIFIED
Kadeem Z MorascaArgentinaStephen Shaw NEW
Munro K AlbaresCanadaIvan Magalhaes UNQUALIFIED
Jefferson D RoysterAustraliaAmy Elsner PROPOSAL
Frozen Columns
Name
Alejandro B Sergi
Maisha Z Caudy
Munro T Gaucho
Emily D Paprocki
Faith R Inouye
Smith L Glick
Darci T Chui
Julie N Poquette
Claire V Garufi
Murillo Y Glick
Antonio C Foller
Smith D Campain
Johnson R Chui
Nicolas I Wieser
Mujtaba W Nestle
Ricardo K Ostrosky
Aika E Malet
Jones G Ostrosky
Salvatore V Nicka
Murillo M Glick
Jeanfrancois Z Bolognia
Kadeem I Bowley
David Z Slusarski
Aika P Kolmetz
Antonio F Morasca
Ricardo I Albares
Emily S Flosi
Silvio T Ferencz
Isabel M Campain
Maisha A Flosi
Deepesh C Glick
Costa D Schemmer
James I Nestle
Deepesh R Darakjy
David J Flosi
Octavia B Kusko
Adams Z Sergi
Isabel W Royster
Izzy K Waycott
Costa V Doe
Darci N Campain
Isabel N Saylors
Murillo C Stenseth
James E Nestle
Adams K Slusarski
Ricardo V Saylors
Kaitlin R Whobrey
Faith V Saylors
Jones A Caudy
Aruna G Morasca
IdCountryDate
1000Argentina2026-10-04
1001Germany2026-10-14
1002Canada2026-10-08
1003Germany2026-10-02
1004Italy2026-09-27
1005Brazil2026-10-10
1006United Kingdom2026-10-14
1007United Kingdom2026-10-21
1008Spain2026-10-05
1009Argentina2026-10-16
1010Australia2026-09-27
1011Germany2026-10-04
1012India2026-09-29
1013Germany2026-10-20
1014India2026-09-30
1015Canada2026-10-17
1016Spain2026-10-06
1017France2026-10-01
1018United Kingdom2026-10-20
1019France2026-09-23
1020Italy2026-10-19
1021Argentina2026-10-02
1022India2026-10-11
1023Spain2026-10-13
1024Russia2026-09-29
1025Argentina2026-10-21
1026United Kingdom2026-09-22
1027United Kingdom2026-10-07
1028United Kingdom2026-09-25
1029Japan2026-09-27
1030United Kingdom2026-09-25
1031Italy2026-10-02
1032Russia2026-10-02
1033Russia2026-09-23
1034Australia2026-09-29
1035Italy2026-10-08
1036France2026-10-19
1037United Kingdom2026-10-14
1038Canada2026-10-06
1039France2026-10-07
1040Germany2026-10-01
1041Russia2026-09-26
1042Argentina2026-09-27
1043United Kingdom2026-10-05
1044Canada2026-09-25
1045Spain2026-10-03
1046Japan2026-10-01
1047Argentina2026-09-29
1048United Kingdom2026-10-01
1049France2026-09-28

On-Demand Data

NameIdCountryDate
Nicolas K Royster1000Canada2026-10-03
Leja J Caudy1001Argentina2026-10-01
Leon R Bolognia1002France2026-10-21
James V Malet1003Australia2026-09-25
Jeanfrancois P Paprocki1004Italy2026-10-03
Clifford Z Stenseth1005Argentina2026-10-15
Mujtaba O Kolmetz1006Australia2026-09-29
James S Paprocki1007Canada2026-09-30
Kadeem Z Stockham1008Italy2026-10-20
Murillo U Gillian1009Russia2026-10-02
Francesco U Morasca1010France2026-10-21
Antonio S Ruta1011United Kingdom2026-10-01
Johnson F Figeroa1012United Kingdom2026-10-10
Tony X Ostrosky1013Australia2026-09-22
Sinclair E Darakjy1014Spain2026-10-17
Adams U Tollner1015United Kingdom2026-10-18
Faith L Gaucho1016Canada2026-10-12
Jennifer Q Stenseth1017Germany2026-10-19
Greenwood N Venere1018Japan2026-10-13
David Q Inouye1019Brazil2026-10-19
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Julie Z NestleRussiaElwin Sharvill RENEWAL
Aditya B MarrierAustraliaStephen Shaw NEGOTIATION
Greenwood O AmigonJapanAmy Elsner NEGOTIATION
Clifford U MarrierCanadaAmy Elsner PROPOSAL
Maisha A VenereRussiaAnna Fali QUALIFIED
Aditya N WaycottFranceIoni Bowcher UNQUALIFIED
Tony D BowleyAustraliaXuxue Feng NEW
Maria S VocelkaSpainIoni Bowcher RENEWAL
Jefferson E RutaBrazilIvan Magalhaes UNQUALIFIED
Jefferson B FerenczUnited KingdomStephen Shaw QUALIFIED
Leja L GarufiJapanAsiya Javayant NEGOTIATION
Stacey C GarufiItalyAsiya Javayant NEGOTIATION
Julie O SaylorsFranceIoni Bowcher NEW
Isabel H MorascaIndiaIvan Magalhaes NEW
Chavez O OldroydGermanyAnna Fali UNQUALIFIED
Jones A ButtUnited KingdomIvan Magalhaes NEW
Faith L AlbaresRussiaElwin Sharvill PROPOSAL
Munro K PerinAustraliaBernardo Dominic QUALIFIED
Johnson K MaletRussiaIoni Bowcher NEW
Mayumi A OstroskyBrazilAsiya Javayant PROPOSAL
Jones G TollnerBrazilIoni Bowcher QUALIFIED
Antonio X BologniaArgentinaAsiya Javayant NEW
Claire P VocelkaIndiaAsiya Javayant RENEWAL
Ricardo W RimCanadaOnyama Limba UNQUALIFIED
Johnson T DilliardIndiaAnna Fali UNQUALIFIED
Julie P GauchoGermanyBernardo Dominic QUALIFIED
Maria L DarakjySpainStephen Shaw NEGOTIATION
Isabel L SchemmerAustraliaStephen Shaw NEW
Aditya C InouyeIndiaOnyama Limba NEW
Emily G PerinSpainStephen Shaw UNQUALIFIED
Greenwood M MorascaRussiaIvan Magalhaes NEGOTIATION
Antonio D PerinJapanBernardo Dominic NEW
Izzy F GillianItalyAmy Elsner QUALIFIED
Ivar T DilliardJapanBernardo Dominic NEW
Aruna B BriddickJapanIoni Bowcher QUALIFIED
Faith L PoquetteJapanIvan Magalhaes UNQUALIFIED
Stacey D BowleyBrazilBernardo Dominic NEGOTIATION
Deepesh A RutaRussiaBernardo Dominic QUALIFIED
Rodrigues O RoysterJapanIvan Magalhaes NEGOTIATION
Juan L MarrierRussiaIoni Bowcher 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.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>