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
Maisha X PoquetteJapanXuxue Feng PROPOSAL
James P ButtFranceOnyama Limba NEW
Cody P DarakjyRussiaIvan Magalhaes PROPOSAL
Kadeem P ButtSpainStephen Shaw PROPOSAL
Ashley A WaycottCanadaXuxue Feng RENEWAL
Misaki D SergiBrazilXuxue Feng NEW
Smith E PerinGermanyXuxue Feng UNQUALIFIED
Emily I RoysterSpainIoni Bowcher NEGOTIATION
Alejandro A RulapaughGermanyXuxue Feng PROPOSAL
Silvio M GillianRussiaOnyama Limba RENEWAL
Rodrigues D PerinAustraliaStephen Shaw UNQUALIFIED
Darci W OstroskyArgentinaIoni Bowcher NEGOTIATION
Leja W KuskoRussiaStephen Shaw PROPOSAL
Aruna F DarakjyFranceIvan Magalhaes RENEWAL
Antonio S RoysterJapanStephen Shaw PROPOSAL
Chavez F WaycottItalyBernardo Dominic NEW
Ashley R KuskoJapanOnyama Limba RENEWAL
Mujtaba W WieserItalyStephen Shaw NEGOTIATION
Clifford G PoquetteCanadaOnyama Limba QUALIFIED
Nicolas M PoquetteFranceBernardo Dominic QUALIFIED
David X MarrierArgentinaOnyama Limba UNQUALIFIED
Chavez J SergiItalyElwin Sharvill PROPOSAL
Wickens A FollerUnited KingdomAnna Fali NEW
Julie Z DilliardFranceAmy Elsner QUALIFIED
Francesco Z RimItalyStephen Shaw NEGOTIATION
Murillo T KolmetzAustraliaAsiya Javayant NEGOTIATION
Rodrigues C RulapaughSpainAmy Elsner RENEWAL
Mayumi F InouyeIndiaXuxue Feng QUALIFIED
Deepesh Q SchemmerFranceBernardo Dominic QUALIFIED
Emily G BologniaIndiaBernardo Dominic UNQUALIFIED
Morrow K AlbaresFranceIvan Magalhaes NEGOTIATION
Leja M InouyeItalyIoni Bowcher NEW
Mujtaba U GlickGermanyStephen Shaw QUALIFIED
Juan X WieserSpainAnna Fali UNQUALIFIED
Ashley A PoquetteJapanIvan Magalhaes NEGOTIATION
Silvio S SergiCanadaElwin Sharvill NEGOTIATION
Leja D WhobreySpainStephen Shaw NEW
Misaki K CaldareraSpainIvan Magalhaes PROPOSAL
Ivar E KolmetzSpainAnna Fali NEGOTIATION
Jennifer N IturbideJapanXuxue Feng NEW
Jeanfrancois Y StockhamUnited KingdomAmy Elsner PROPOSAL
Ivar U GlickArgentinaAsiya Javayant QUALIFIED
Emily T BriddickGermanyStephen Shaw PROPOSAL
Cody A WaycottCanadaIoni Bowcher PROPOSAL
Deepesh H DilliardAustraliaAmy Elsner NEGOTIATION
Julie F StockhamGermanyXuxue Feng PROPOSAL
Aruna T KolmetzItalyAnna Fali QUALIFIED
Smith Q PerinItalyXuxue Feng QUALIFIED
Maisha C PaprockiCanadaAsiya Javayant QUALIFIED
Chavez C MacleadSpainStephen Shaw NEW
Horizontal
NameCountryRepresentativeStatus
Julie U GarufiFranceIoni Bowcher NEGOTIATION
Costa Y DoeAustraliaStephen Shaw RENEWAL
Morrow P FlosiBrazilIvan Magalhaes QUALIFIED
Aruna J ButtAustraliaElwin Sharvill QUALIFIED
James R AmigonRussiaAnna Fali NEW
Jones R DilliardGermanyIoni Bowcher NEW
Arvin V StockhamItalyIoni Bowcher NEW
Jeanfrancois M VenereFranceStephen Shaw PROPOSAL
Leon J DilliardArgentinaIvan Magalhaes UNQUALIFIED
Darci R KolmetzBrazilOnyama Limba QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Mayumi X SchemmerArgentina2026-09-27Feltz Printing Service NEGOTIATION67Asiya Javayant
1001Julie E MorascaBrazil2026-09-25Chemel, James L Cpa RENEWAL5Elwin Sharvill
1002Clifford E FollerSpain2026-10-11Commercial Press RENEWAL39Bernardo Dominic
1003Deepesh M ShinkoJapan2026-10-17Morlong Associates UNQUALIFIED59Amy Elsner
1004Izzy E NestleItaly2026-09-21Printing Dimensions NEGOTIATION97Stephen Shaw
1005Jefferson J BriddickItaly2026-10-08Commercial Press UNQUALIFIED19Elwin Sharvill
1006Arvin Y PoquetteBrazil2026-10-13Truhlar And Truhlar Attys UNQUALIFIED94Xuxue Feng
1007Aika G MarrierGermany2026-10-13Rousseaux, Michael Esq NEGOTIATION89Asiya Javayant
1008Arvin F KuskoCanada2026-09-25Truhlar And Truhlar Attys RENEWAL51Onyama Limba
1009Morrow E BologniaGermany2026-10-03Truhlar And Truhlar Attys NEW23Asiya Javayant
1010Cody U SaylorsUnited Kingdom2026-10-11Rangoni Of Florence RENEWAL81Elwin Sharvill
1011Izzy B SergiAustralia2026-10-09King, Christopher A Esq QUALIFIED37Asiya Javayant
1012Kadeem Q DoeSpain2026-10-08Morlong Associates UNQUALIFIED2Bernardo Dominic
1013David G FigeroaUnited Kingdom2026-09-23Commercial Press RENEWAL48Stephen Shaw
1014Francesco P SlusarskiAustralia2026-10-09Feiner Bros NEGOTIATION23Ioni Bowcher
1015Murillo A NickaCanada2026-09-29Printing Dimensions PROPOSAL96Asiya Javayant
1016Mujtaba A DilliardSpain2026-09-20Feltz Printing Service PROPOSAL54Xuxue Feng
1017Ashley P MacleadCanada2026-10-04Chanay, Jeffrey A Esq RENEWAL32Anna Fali
1018Mujtaba F CaldareraSpain2026-09-19Chapman, Ross E Esq NEW94Anna Fali
1019Claire Q DilliardBrazil2026-09-20Commercial Press RENEWAL99Onyama Limba
1020Julie K KuskoFrance2026-10-14Morlong Associates UNQUALIFIED12Onyama Limba
1021Rodrigues L StensethCanada2026-09-20Chapman, Ross E Esq UNQUALIFIED42Xuxue Feng
1022Kaitlin V AmigonFrance2026-10-08Chapman, Ross E Esq RENEWAL21Ioni Bowcher
1023David Z WaycottCanada2026-10-08Printing Dimensions QUALIFIED16Onyama Limba
1024Johnson Z WaycottCanada2026-09-21Morlong Associates NEW6Bernardo Dominic
1025Julie X FollerUnited Kingdom2026-10-14Printing Dimensions PROPOSAL10Stephen Shaw
1026Claire Q VenereBrazil2026-09-19Chanay, Jeffrey A Esq QUALIFIED19Bernardo Dominic
1027Emily O MarrierCanada2026-10-09Feltz Printing Service NEW72Onyama Limba
1028Maria E SlusarskiCanada2026-09-27Truhlar And Truhlar Attys UNQUALIFIED55Amy Elsner
1029Salvatore C DilliardSpain2026-09-20Printing Dimensions RENEWAL21Xuxue Feng
1030Greenwood X FlosiItaly2026-09-30Buckley Miller Wright QUALIFIED61Onyama Limba
1031Alejandro L DarakjyUnited Kingdom2026-09-28Rangoni Of Florence UNQUALIFIED55Asiya Javayant
1032Aruna T GauchoJapan2026-10-10Chemel, James L Cpa PROPOSAL39Stephen Shaw
1033Leja W FollerAustralia2026-10-09Commercial Press RENEWAL58Anna Fali
1034Jennifer N InouyeArgentina2026-10-01Feiner Bros NEW47Elwin Sharvill
1035Mayumi D StockhamRussia2026-09-25Rangoni Of Florence RENEWAL9Asiya Javayant
1036Wickens U VenereAustralia2026-09-19Feiner Bros PROPOSAL82Anna Fali
1037Salvatore B DarakjyFrance2026-09-30Feiner Bros NEGOTIATION73Bernardo Dominic
1038Ashley N WieserGermany2026-10-09Feiner Bros PROPOSAL79Ivan Magalhaes
1039Juan B PerinSpain2026-10-05Chanay, Jeffrey A Esq RENEWAL58Stephen Shaw
1040Jeanfrancois B BowleyArgentina2026-10-16Chanay, Jeffrey A Esq NEW7Bernardo Dominic
1041Francesco A BriddickUnited Kingdom2026-10-09Commercial Press QUALIFIED59Stephen Shaw
1042Mujtaba L GarufiFrance2026-10-05King, Christopher A Esq RENEWAL59Ivan Magalhaes
1043Izzy E ShinkoUnited Kingdom2026-10-13Buckley Miller Wright NEGOTIATION57Stephen Shaw
1044Sinclair H FerenczArgentina2026-10-01Feltz Printing Service NEGOTIATION3Ivan Magalhaes
1045Smith U PaprockiFrance2026-10-10Feiner Bros PROPOSAL53Bernardo Dominic
1046Isabel H MarrierFrance2026-10-05Buckley Miller Wright PROPOSAL72Onyama Limba
1047Ivar N CaldareraRussia2026-09-29Benton, John B Jr RENEWAL39Anna Fali
1048Jones C RulapaughFrance2026-10-11Chemel, James L Cpa NEGOTIATION1Bernardo Dominic
1049Chavez J IturbideItaly2026-10-10Chapman, Ross E Esq UNQUALIFIED63Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Ricardo R RulapaughCanadaAmy Elsner PROPOSAL
Kaitlin A DilliardAustraliaAmy Elsner UNQUALIFIED
Jeanfrancois S VocelkaUnited KingdomAmy Elsner UNQUALIFIED
Alejandro M PaprockiAustraliaIvan Magalhaes RENEWAL
Greenwood K AlbaresFranceAnna Fali NEGOTIATION
Darci E PoquetteArgentinaAsiya Javayant RENEWAL
Sinclair B MaletUnited KingdomIvan Magalhaes UNQUALIFIED
Mujtaba J DoeIndiaIvan Magalhaes NEW
Antonio U StensethJapanStephen Shaw NEW
Salvatore B RimArgentinaAnna Fali UNQUALIFIED
Aditya Z VenereSpainElwin Sharvill NEGOTIATION
Smith B FollerArgentinaElwin Sharvill NEW
Cody J GarufiGermanyXuxue Feng QUALIFIED
David Z FollerItalyBernardo Dominic NEW
Cody Y RulapaughAustraliaAmy Elsner NEGOTIATION
Sinclair X AlbaresIndiaIoni Bowcher NEGOTIATION
Jones W SlusarskiFranceBernardo Dominic PROPOSAL
Adams Q CampainBrazilXuxue Feng PROPOSAL
Darci L DoeCanadaElwin Sharvill QUALIFIED
Kadeem Y TollnerGermanyAmy Elsner PROPOSAL
Ricardo J GarufiItalyIoni Bowcher NEGOTIATION
Misaki X GarufiRussiaIvan Magalhaes RENEWAL
Ivar N BowleyAustraliaAnna Fali RENEWAL
Leon Y SergiUnited KingdomAnna Fali NEW
Sinclair Q SergiItalyAnna Fali NEGOTIATION
Jones V KolmetzSpainAsiya Javayant NEGOTIATION
Aditya I NickaFranceXuxue Feng UNQUALIFIED
Deepesh K RoysterFranceElwin Sharvill UNQUALIFIED
Maria V MaletIndiaBernardo Dominic QUALIFIED
Tony A SaylorsIndiaIoni Bowcher QUALIFIED
Ashley Q TollnerAustraliaIoni Bowcher NEGOTIATION
Mujtaba P AmigonBrazilXuxue Feng QUALIFIED
Emily H CaldareraUnited KingdomOnyama Limba UNQUALIFIED
Nicolas G TollnerGermanyAmy Elsner QUALIFIED
James R MaletSpainElwin Sharvill QUALIFIED
Nicolas S DarakjyAustraliaOnyama Limba NEW
Emily S FerenczIndiaElwin Sharvill NEW
Nicolas X MaletArgentinaAsiya Javayant RENEWAL
Aika Y CampainArgentinaXuxue Feng PROPOSAL
Silvio X MaletJapanStephen Shaw NEW
Nicolas V StockhamFranceBernardo Dominic QUALIFIED
Adams A SaylorsCanadaElwin Sharvill NEGOTIATION
Maria O FigeroaBrazilOnyama Limba NEW
Emily G NickaBrazilOnyama Limba QUALIFIED
Morrow B StensethSpainOnyama Limba NEW
Faith H AlbaresGermanyAsiya Javayant RENEWAL
Mujtaba X BologniaRussiaOnyama Limba RENEWAL
Arvin B OldroydUnited KingdomStephen Shaw PROPOSAL
Murillo K AmigonUnited KingdomXuxue Feng RENEWAL
Silvio U AmigonRussiaStephen Shaw NEGOTIATION
Frozen Columns
Name
Isabel Y Ostrosky
Leon Q Oldroyd
James F Stenseth
Jeanfrancois C Figeroa
Adams P Figeroa
Juan H Morasca
Octavia Z Nestle
Emily X Waycott
Costa F Glick
Johnson A Caldarera
Alejandro Y Caldarera
David Y Inouye
David O Perin
Izzy L Ferencz
Leon J Briddick
Julie O Schemmer
Adams Q Rulapaugh
Emily J Iturbide
Jones Q Whobrey
Greenwood B Kusko
Silvio N Amigon
Maria K Poquette
Chavez G Vocelka
Aditya B Schemmer
Johnson M Schemmer
Wickens S Shinko
Claire P Schemmer
Aruna X Saylors
Nicolas Q Slusarski
Juan U Stenseth
Jefferson E Waycott
Tony Y Flosi
Aruna G Nicka
Juan J Stenseth
James Y Schemmer
Wickens Q Ostrosky
Aditya V Nestle
Alejandro P Marrier
Francesco L Venere
Munro C Flosi
Munro P Royster
Tony E Sergi
Juan W Waycott
Tony T Whobrey
Leon R Butt
Julie S Schemmer
Darci N Morasca
Izzy M Ostrosky
Emily Z Ferencz
Aika B Venere
IdCountryDate
1000Australia2026-10-07
1001France2026-09-19
1002Germany2026-09-19
1003Australia2026-10-04
1004India2026-09-30
1005India2026-09-28
1006Brazil2026-10-04
1007Russia2026-09-30
1008United Kingdom2026-09-26
1009Brazil2026-10-08
1010Brazil2026-10-08
1011Germany2026-09-28
1012Italy2026-09-20
1013France2026-10-01
1014Australia2026-09-20
1015United Kingdom2026-09-26
1016Argentina2026-10-14
1017India2026-10-17
1018Japan2026-09-24
1019Argentina2026-10-18
1020Germany2026-09-23
1021United Kingdom2026-10-07
1022Argentina2026-09-30
1023Germany2026-10-04
1024Germany2026-10-15
1025France2026-09-30
1026Spain2026-09-22
1027Germany2026-10-11
1028Australia2026-10-07
1029United Kingdom2026-09-20
1030Argentina2026-10-10
1031Germany2026-09-21
1032Argentina2026-10-14
1033Brazil2026-09-30
1034Argentina2026-10-15
1035France2026-10-18
1036Russia2026-10-11
1037Canada2026-10-08
1038Argentina2026-10-13
1039Russia2026-09-30
1040Germany2026-10-05
1041United Kingdom2026-09-26
1042Japan2026-10-06
1043Italy2026-10-08
1044France2026-09-29
1045Australia2026-10-06
1046Germany2026-10-05
1047Brazil2026-10-12
1048Australia2026-10-16
1049Germany2026-10-05

On-Demand Data

NameIdCountryDate
Jeanfrancois X Gaucho1000Brazil2026-09-27
Deepesh Y Chui1001Russia2026-10-17
Maria A Schemmer1002Australia2026-10-16
David N Darakjy1003India2026-09-30
Jennifer A Royster1004Italy2026-10-14
Octavia Z Venere1005Brazil2026-10-16
Morrow L Glick1006Australia2026-09-25
Jones G Ruta1007Canada2026-10-13
Rodrigues W Paprocki1008India2026-09-19
Johnson H Bolognia1009Italy2026-10-08
Silvio L Briddick1010United Kingdom2026-10-15
Leon P Nicka1011Germany2026-10-13
Aruna I Wieser1012Canada2026-09-25
Ricardo N Saylors1013Japan2026-10-17
Izzy D Royster1014Japan2026-09-28
Mayumi Y Gaucho1015Brazil2026-10-18
Maisha Y Amigon1016Brazil2026-10-13
Cody X Caldarera1017Argentina2026-10-17
Ashley C Perin1018India2026-10-10
Wickens U Nestle1019India2026-10-17
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Kaitlin Z ButtCanadaIvan Magalhaes QUALIFIED
Jefferson E BriddickJapanStephen Shaw QUALIFIED
Nicolas Q MarrierUnited KingdomIvan Magalhaes UNQUALIFIED
Leja L CampainUnited KingdomOnyama Limba RENEWAL
Kaitlin N PoquetteUnited KingdomStephen Shaw NEGOTIATION
Alejandro K MacleadArgentinaAnna Fali NEW
Juan C ButtArgentinaIoni Bowcher QUALIFIED
James J DilliardBrazilAmy Elsner UNQUALIFIED
Aditya Q ButtAustraliaAsiya Javayant NEW
Leja Z RoysterSpainElwin Sharvill PROPOSAL
Aruna K KuskoIndiaXuxue Feng UNQUALIFIED
Maisha Q BriddickBrazilOnyama Limba PROPOSAL
Mujtaba T ChuiJapanIvan Magalhaes QUALIFIED
Munro S GillianAustraliaXuxue Feng QUALIFIED
Maria E MacleadAustraliaXuxue Feng NEGOTIATION
Antonio G GarufiBrazilIoni Bowcher NEGOTIATION
Juan S StockhamItalyIvan Magalhaes UNQUALIFIED
Leon G MarrierSpainOnyama Limba NEW
Ivar O RimItalyIvan Magalhaes RENEWAL
Nicolas K OstroskyCanadaIvan Magalhaes NEGOTIATION
Chavez F CaldareraGermanyXuxue Feng UNQUALIFIED
Juan J FigeroaArgentinaAsiya Javayant PROPOSAL
Jefferson X FollerIndiaIvan Magalhaes NEW
Jefferson W IturbideItalyOnyama Limba QUALIFIED
Chavez E FigeroaFranceStephen Shaw QUALIFIED
Arvin X SchemmerIndiaAmy Elsner RENEWAL
James H MarrierRussiaOnyama Limba UNQUALIFIED
Adams Z SaylorsIndiaIoni Bowcher PROPOSAL
Antonio V CampainIndiaBernardo Dominic PROPOSAL
Sinclair T MorascaFranceIoni Bowcher PROPOSAL
Maria F FerenczCanadaIvan Magalhaes UNQUALIFIED
Tony I GauchoArgentinaIoni Bowcher UNQUALIFIED
Octavia K StensethIndiaElwin Sharvill RENEWAL
Isabel Z KolmetzSpainBernardo Dominic NEW
Leja R WhobreyJapanXuxue Feng RENEWAL
Stacey D MarrierRussiaIvan Magalhaes QUALIFIED
Clifford L DoeFranceAmy Elsner QUALIFIED
Tony T CampainItalyOnyama Limba NEW
Claire W MarrierArgentinaElwin Sharvill UNQUALIFIED
Leja W DarakjyIndiaBernardo Dominic 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>