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
Rodrigues U MaletBrazilAsiya Javayant PROPOSAL
Munro K ButtArgentinaAmy Elsner NEW
Misaki H DilliardAustraliaElwin Sharvill RENEWAL
Greenwood T WieserFranceXuxue Feng NEGOTIATION
Kadeem L FerenczSpainIoni Bowcher NEW
Mayumi W OldroydUnited KingdomAnna Fali QUALIFIED
Kaitlin R MorascaCanadaAsiya Javayant RENEWAL
Aika Z PaprockiBrazilXuxue Feng UNQUALIFIED
Deepesh S ChuiFranceElwin Sharvill NEGOTIATION
Mujtaba W ShinkoCanadaAsiya Javayant NEW
Wickens G GillianUnited KingdomStephen Shaw QUALIFIED
Wickens G KuskoItalyXuxue Feng NEW
Aika L AmigonRussiaXuxue Feng RENEWAL
Leon N PerinBrazilAmy Elsner RENEWAL
Munro W CampainSpainStephen Shaw PROPOSAL
Izzy L GlickItalyBernardo Dominic RENEWAL
Aruna I PaprockiJapanElwin Sharvill UNQUALIFIED
Ashley O GillianRussiaOnyama Limba UNQUALIFIED
Alejandro P DarakjySpainOnyama Limba NEGOTIATION
Murillo P FlosiGermanyIvan Magalhaes QUALIFIED
Emily V ButtSpainOnyama Limba QUALIFIED
James C FlosiAustraliaAsiya Javayant PROPOSAL
Leja X AmigonFranceXuxue Feng NEGOTIATION
Juan W InouyeIndiaBernardo Dominic RENEWAL
Julie U MaletJapanBernardo Dominic RENEWAL
Octavia T TollnerAustraliaStephen Shaw RENEWAL
Costa E GillianUnited KingdomBernardo Dominic PROPOSAL
Arvin F PaprockiAustraliaOnyama Limba NEW
Nicolas X DarakjyJapanIvan Magalhaes RENEWAL
Darci I MarrierUnited KingdomElwin Sharvill NEW
Chavez E KolmetzFranceStephen Shaw NEGOTIATION
Aditya X WhobreyBrazilBernardo Dominic PROPOSAL
Kaitlin F CaldareraFranceStephen Shaw NEW
Kadeem V RoysterGermanyIoni Bowcher NEGOTIATION
Jones U PerinRussiaElwin Sharvill NEGOTIATION
Arvin U SergiBrazilOnyama Limba QUALIFIED
Ricardo C GarufiCanadaAmy Elsner PROPOSAL
Jones L RoysterItalyXuxue Feng RENEWAL
Jeanfrancois C PerinFranceAnna Fali NEW
Adams H BriddickBrazilIvan Magalhaes NEGOTIATION
Rodrigues C PaprockiSpainAnna Fali UNQUALIFIED
Claire E NickaGermanyBernardo Dominic UNQUALIFIED
Francesco Z RoysterJapanElwin Sharvill NEGOTIATION
Sinclair G AlbaresBrazilOnyama Limba NEGOTIATION
Kadeem Y SaylorsIndiaIvan Magalhaes QUALIFIED
Antonio A DilliardAustraliaAnna Fali UNQUALIFIED
Maisha E GarufiFranceBernardo Dominic PROPOSAL
Mujtaba F KuskoCanadaIoni Bowcher NEGOTIATION
Jennifer P DilliardBrazilElwin Sharvill RENEWAL
David Y PoquetteJapanAmy Elsner NEW
Horizontal
NameCountryRepresentativeStatus
David B AlbaresItalyAmy Elsner RENEWAL
Salvatore T FlosiCanadaAsiya Javayant QUALIFIED
Jennifer Q StockhamItalyAmy Elsner UNQUALIFIED
Smith Y MaletCanadaElwin Sharvill NEW
Morrow E KolmetzItalyXuxue Feng NEW
Smith G RutaBrazilAmy Elsner RENEWAL
Izzy M DoeGermanyXuxue Feng RENEWAL
Johnson R SlusarskiUnited KingdomStephen Shaw UNQUALIFIED
Izzy T WhobreySpainAnna Fali NEW
Ashley M DilliardUnited KingdomXuxue Feng QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Kaitlin D BriddickUnited Kingdom2026-08-27Chemel, James L Cpa RENEWAL76Anna Fali
1001Salvatore C StockhamRussia2026-08-30Feltz Printing Service NEW74Amy Elsner
1002Jeanfrancois A PoquetteFrance2026-08-29Feltz Printing Service UNQUALIFIED36Ivan Magalhaes
1003Chavez Q MaletIndia2026-09-01Feltz Printing Service NEW79Ioni Bowcher
1004Chavez H NickaUnited Kingdom2026-09-10Rangoni Of Florence NEW3Stephen Shaw
1005Murillo F TollnerGermany2026-09-12King, Christopher A Esq QUALIFIED79Amy Elsner
1006Stacey G SaylorsCanada2026-09-10Truhlar And Truhlar Attys UNQUALIFIED48Ivan Magalhaes
1007Ashley W WieserCanada2026-08-29Dorl, James J Esq RENEWAL27Xuxue Feng
1008Munro U PoquetteCanada2026-09-14Printing Dimensions NEGOTIATION46Bernardo Dominic
1009Misaki V BowleyBrazil2026-08-24Truhlar And Truhlar Attys UNQUALIFIED4Ivan Magalhaes
1010Munro F MaletArgentina2026-08-31Chapman, Ross E Esq NEGOTIATION65Elwin Sharvill
1011Aruna K RulapaughGermany2026-09-04Chanay, Jeffrey A Esq PROPOSAL78Ioni Bowcher
1012Wickens U CaldareraFrance2026-09-11Buckley Miller Wright UNQUALIFIED59Ivan Magalhaes
1013Morrow A FlosiItaly2026-09-01Chanay, Jeffrey A Esq RENEWAL42Bernardo Dominic
1014Costa G GlickSpain2026-08-27Commercial Press NEGOTIATION89Onyama Limba
1015Sinclair R MaletCanada2026-08-28Truhlar And Truhlar Attys NEGOTIATION16Onyama Limba
1016Aika X RulapaughCanada2026-09-04Buckley Miller Wright NEGOTIATION69Ioni Bowcher
1017Munro M DoeFrance2026-08-25Chemel, James L Cpa PROPOSAL16Elwin Sharvill
1018David D KuskoFrance2026-09-05Rousseaux, Michael Esq NEW47Ioni Bowcher
1019Silvio H VocelkaIndia2026-08-27Rousseaux, Michael Esq QUALIFIED63Xuxue Feng
1020Emily P FlosiGermany2026-09-04Rangoni Of Florence UNQUALIFIED65Bernardo Dominic
1021Jones U DilliardItaly2026-09-02Buckley Miller Wright UNQUALIFIED93Stephen Shaw
1022Darci P NestleJapan2026-09-02Buckley Miller Wright NEGOTIATION59Asiya Javayant
1023Stacey W DarakjyFrance2026-08-30Benton, John B Jr NEGOTIATION27Onyama Limba
1024Chavez C PoquetteGermany2026-08-22Feltz Printing Service QUALIFIED62Bernardo Dominic
1025Chavez J BowleyGermany2026-08-28Feltz Printing Service PROPOSAL47Ivan Magalhaes
1026Leja Q CampainJapan2026-09-15King, Christopher A Esq NEGOTIATION48Xuxue Feng
1027Murillo O GlickCanada2026-09-14Rousseaux, Michael Esq QUALIFIED63Xuxue Feng
1028Julie B MacleadGermany2026-08-25Printing Dimensions PROPOSAL67Bernardo Dominic
1029Silvio P SaylorsUnited Kingdom2026-09-05King, Christopher A Esq NEW14Ivan Magalhaes
1030Clifford N SlusarskiItaly2026-09-10Chapman, Ross E Esq PROPOSAL28Onyama Limba
1031Kadeem M BowleyRussia2026-09-15Rousseaux, Michael Esq NEW25Elwin Sharvill
1032Octavia D RoysterJapan2026-09-08Feltz Printing Service NEW93Ioni Bowcher
1033Maisha V SaylorsBrazil2026-08-20King, Christopher A Esq NEGOTIATION66Xuxue Feng
1034Clifford S IturbideRussia2026-09-15Morlong Associates NEW64Ioni Bowcher
1035Salvatore X FlosiItaly2026-09-07Benton, John B Jr NEW97Onyama Limba
1036Morrow H BologniaIndia2026-09-01Chapman, Ross E Esq NEW8Amy Elsner
1037Silvio Q NestleCanada2026-09-17Truhlar And Truhlar Attys NEGOTIATION10Asiya Javayant
1038Johnson C RulapaughUnited Kingdom2026-09-10Feltz Printing Service NEW32Ivan Magalhaes
1039Francesco O MaletArgentina2026-08-27Feltz Printing Service RENEWAL99Xuxue Feng
1040Morrow U InouyeJapan2026-09-10Feltz Printing Service QUALIFIED74Bernardo Dominic
1041Cody D ChuiUnited Kingdom2026-08-29Chapman, Ross E Esq UNQUALIFIED48Stephen Shaw
1042Jennifer O AlbaresArgentina2026-09-13Rousseaux, Michael Esq NEGOTIATION70Onyama Limba
1043Stacey C NickaGermany2026-09-13Printing Dimensions UNQUALIFIED10Xuxue Feng
1044Leja F RimAustralia2026-09-11Dorl, James J Esq NEW3Elwin Sharvill
1045Octavia N MarrierCanada2026-08-30Buckley Miller Wright UNQUALIFIED25Xuxue Feng
1046Wickens X DarakjyIndia2026-09-08Buckley Miller Wright NEW59Elwin Sharvill
1047David C ShinkoArgentina2026-09-11Truhlar And Truhlar Attys NEW60Stephen Shaw
1048Adams W VocelkaAustralia2026-09-08Truhlar And Truhlar Attys QUALIFIED69Ivan Magalhaes
1049Stacey Q DarakjyAustralia2026-08-23Chapman, Ross E Esq PROPOSAL86Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Cody Q InouyeIndiaStephen Shaw NEW
Isabel G StockhamCanadaIoni Bowcher NEGOTIATION
Sinclair K InouyeRussiaStephen Shaw RENEWAL
Octavia B MorascaAustraliaStephen Shaw NEGOTIATION
Kaitlin V CaldareraBrazilXuxue Feng PROPOSAL
Aditya I DoeRussiaAnna Fali NEW
Faith N SchemmerRussiaXuxue Feng RENEWAL
Adams G RutaFranceBernardo Dominic PROPOSAL
Deepesh H BologniaItalyAnna Fali NEGOTIATION
Juan M InouyeJapanIvan Magalhaes RENEWAL
Isabel C StockhamFranceAmy Elsner PROPOSAL
Jones V FigeroaSpainXuxue Feng NEW
Arvin N VenereRussiaAsiya Javayant NEW
Izzy Y CampainBrazilIvan Magalhaes NEW
Ashley M DoeArgentinaElwin Sharvill QUALIFIED
Cody K CampainUnited KingdomAmy Elsner QUALIFIED
Julie H RulapaughUnited KingdomXuxue Feng UNQUALIFIED
Adams M BowleyCanadaAsiya Javayant RENEWAL
Clifford U OldroydFranceIvan Magalhaes PROPOSAL
Rodrigues Z RimUnited KingdomAmy Elsner QUALIFIED
Francesco E FollerAustraliaStephen Shaw NEW
Tony K DoeUnited KingdomAsiya Javayant NEGOTIATION
Aditya I MaletCanadaElwin Sharvill PROPOSAL
Aditya T BologniaGermanyIoni Bowcher NEGOTIATION
Octavia H MorascaIndiaAsiya Javayant PROPOSAL
Misaki J VenereArgentinaBernardo Dominic RENEWAL
Smith Q AlbaresJapanStephen Shaw UNQUALIFIED
Wickens K MorascaBrazilXuxue Feng NEGOTIATION
Cody Q ButtGermanyXuxue Feng QUALIFIED
Claire P RutaArgentinaAnna Fali NEW
Darci L MaletRussiaAnna Fali NEGOTIATION
Adams I OstroskyUnited KingdomOnyama Limba PROPOSAL
Claire G CampainRussiaAmy Elsner RENEWAL
Jones W SaylorsIndiaAmy Elsner NEGOTIATION
Adams D InouyeJapanXuxue Feng QUALIFIED
Tony U SchemmerIndiaElwin Sharvill QUALIFIED
Emily W PerinUnited KingdomXuxue Feng NEGOTIATION
Nicolas Y BowleyAustraliaAmy Elsner NEGOTIATION
Mayumi N CaldareraRussiaIoni Bowcher QUALIFIED
Leja J MorascaGermanyAsiya Javayant QUALIFIED
Costa C DilliardAustraliaXuxue Feng RENEWAL
Claire Y WhobreyGermanyAnna Fali NEW
James K NestleBrazilXuxue Feng UNQUALIFIED
Emily Q ButtCanadaIvan Magalhaes UNQUALIFIED
Adams F FlosiArgentinaAmy Elsner QUALIFIED
Octavia H GlickRussiaAmy Elsner QUALIFIED
Smith Q MaletRussiaOnyama Limba QUALIFIED
Clifford T CaldareraArgentinaIoni Bowcher QUALIFIED
Leon W SlusarskiIndiaOnyama Limba UNQUALIFIED
Aditya J SlusarskiJapanStephen Shaw NEGOTIATION
Frozen Columns
Name
Maisha U Caldarera
Misaki A Garufi
Cody F Rulapaugh
Claire B Bowley
Ashley T Stenseth
Aruna M Figeroa
Nicolas C Butt
Murillo A Morasca
Munro X Rim
Munro U Marrier
Ivar F Iturbide
Smith R Gillian
Leja J Kusko
Mujtaba U Saylors
Mayumi B Malet
Munro Q Paprocki
Leon Z Waycott
Chavez B Glick
Ashley H Maclead
Mayumi V Tollner
Ashley O Tollner
Julie T Doe
Kadeem B Perin
Wickens F Oldroyd
Smith U Campain
Alejandro L Nicka
Maria C Paprocki
Jeanfrancois D Oldroyd
Mujtaba N Marrier
Antonio F Slusarski
Mayumi H Chui
Leja J Nicka
Francesco P Stockham
Kaitlin V Royster
Ashley G Morasca
Aruna Z Figeroa
Tony H Waycott
Clifford R Stenseth
Munro P Glick
Murillo Q Waycott
Ricardo W Caudy
Stacey X Paprocki
Darci V Stenseth
Ivar Z Morasca
Jeanfrancois X Waycott
Francesco X Venere
Wickens E Saylors
Ricardo G Chui
Tony I Gillian
Jones J Paprocki
IdCountryDate
1000India2026-09-14
1001Spain2026-09-07
1002Australia2026-08-24
1003Russia2026-08-23
1004Brazil2026-09-17
1005Brazil2026-08-24
1006Japan2026-08-27
1007Italy2026-08-26
1008Spain2026-09-02
1009United Kingdom2026-08-31
1010Russia2026-09-08
1011Germany2026-08-28
1012Canada2026-09-15
1013Japan2026-09-03
1014Brazil2026-09-13
1015Australia2026-08-22
1016Australia2026-08-19
1017Italy2026-09-09
1018Canada2026-09-14
1019United Kingdom2026-09-15
1020Japan2026-09-12
1021India2026-09-16
1022France2026-08-25
1023Spain2026-09-12
1024Australia2026-09-10
1025United Kingdom2026-08-26
1026Argentina2026-09-04
1027United Kingdom2026-09-12
1028Argentina2026-09-14
1029Argentina2026-08-31
1030Brazil2026-09-05
1031Italy2026-09-10
1032Russia2026-08-20
1033India2026-09-09
1034Germany2026-08-22
1035Australia2026-09-06
1036India2026-09-15
1037Australia2026-08-27
1038Italy2026-08-19
1039Italy2026-08-27
1040Japan2026-09-13
1041Argentina2026-09-04
1042Spain2026-08-25
1043Brazil2026-08-28
1044Japan2026-09-07
1045Japan2026-09-08
1046Argentina2026-08-26
1047Russia2026-09-06
1048France2026-08-31
1049France2026-09-13

On-Demand Data

NameIdCountryDate
Jones Y Inouye1000Brazil2026-08-22
Wickens R Sergi1001Canada2026-09-08
Maria N Bowley1002Spain2026-09-01
Kaitlin A Nestle1003Canada2026-09-02
Antonio R Shinko1004France2026-08-28
Ivar D Caudy1005France2026-09-13
Darci L Inouye1006Australia2026-08-30
Juan V Poquette1007Germany2026-09-03
Jennifer D Rulapaugh1008United Kingdom2026-08-19
David L Slusarski1009Canada2026-08-20
Emily E Ostrosky1010Argentina2026-09-01
Kaitlin M Poquette1011Spain2026-08-28
Darci O Rulapaugh1012France2026-08-26
David F Caudy1013France2026-08-29
Rodrigues X Flosi1014Italy2026-08-27
Jeanfrancois I Rulapaugh1015Australia2026-09-13
Tony Y Flosi1016Brazil2026-08-29
Jeanfrancois O Glick1017Japan2026-09-08
Maisha U Campain1018Brazil2026-08-22
Rodrigues R Caudy1019Spain2026-09-07
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jefferson E GlickJapanIvan Magalhaes PROPOSAL
Ricardo I MaletFranceIvan Magalhaes RENEWAL
Faith D DoeGermanyAnna Fali RENEWAL
Ivar W BriddickRussiaAnna Fali RENEWAL
Jeanfrancois C DoeAustraliaOnyama Limba QUALIFIED
Darci L DilliardSpainElwin Sharvill QUALIFIED
Deepesh A WaycottUnited KingdomAmy Elsner NEW
Munro J MaletBrazilIvan Magalhaes RENEWAL
Julie U WieserFranceOnyama Limba PROPOSAL
Darci N OldroydRussiaIvan Magalhaes QUALIFIED
Cody O PaprockiArgentinaAmy Elsner UNQUALIFIED
Emily C FlosiIndiaXuxue Feng NEGOTIATION
Ivar M MacleadRussiaStephen Shaw QUALIFIED
Antonio X SergiSpainAmy Elsner QUALIFIED
Isabel C RulapaughRussiaElwin Sharvill QUALIFIED
Jefferson Y FollerUnited KingdomOnyama Limba QUALIFIED
Johnson O CaldareraGermanyXuxue Feng RENEWAL
Isabel M FerenczSpainBernardo Dominic NEW
Antonio K BologniaFranceBernardo Dominic NEGOTIATION
Cody K VenereArgentinaOnyama Limba UNQUALIFIED
Julie Z MaletFranceXuxue Feng NEW
Murillo N WaycottArgentinaElwin Sharvill PROPOSAL
Rodrigues X MacleadGermanyIvan Magalhaes QUALIFIED
Octavia M FerenczBrazilIvan Magalhaes UNQUALIFIED
Morrow B WieserIndiaAnna Fali PROPOSAL
Antonio I BriddickBrazilOnyama Limba UNQUALIFIED
Rodrigues P AmigonGermanyAmy Elsner NEGOTIATION
Jennifer I DoeIndiaAmy Elsner RENEWAL
Mayumi X DarakjyUnited KingdomElwin Sharvill UNQUALIFIED
Kaitlin Z SchemmerSpainElwin Sharvill NEW
James R PaprockiUnited KingdomAsiya Javayant UNQUALIFIED
Isabel C KolmetzUnited KingdomStephen Shaw NEW
Wickens C MarrierArgentinaIvan Magalhaes RENEWAL
Jennifer L RutaCanadaElwin Sharvill QUALIFIED
Silvio Z GarufiArgentinaBernardo Dominic QUALIFIED
Leja R RutaSpainAsiya Javayant NEW
Costa Y DoeIndiaOnyama Limba QUALIFIED
Jefferson H MaletBrazilElwin Sharvill NEW
Maria A GarufiRussiaIvan Magalhaes NEW
Emily Y WieserSpainStephen Shaw 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>