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
Deepesh A MarrierRussiaOnyama Limba NEGOTIATION
Aruna A KuskoIndiaBernardo Dominic NEW
Aika J ShinkoAustraliaIvan Magalhaes PROPOSAL
Leon H AlbaresItalyOnyama Limba NEGOTIATION
Jennifer I SlusarskiIndiaAmy Elsner PROPOSAL
Maisha I GarufiItalyXuxue Feng UNQUALIFIED
Sinclair A TollnerGermanyAnna Fali NEGOTIATION
Greenwood E CaudyArgentinaElwin Sharvill UNQUALIFIED
Deepesh O KolmetzSpainAnna Fali PROPOSAL
Leja B CaldareraSpainAsiya Javayant NEW
Rodrigues W SchemmerGermanyStephen Shaw NEW
Mayumi B WhobreyJapanIoni Bowcher RENEWAL
Arvin U CampainAustraliaAmy Elsner QUALIFIED
Wickens F StensethAustraliaElwin Sharvill PROPOSAL
Clifford T SlusarskiBrazilOnyama Limba RENEWAL
Alejandro M CaudyFranceAmy Elsner RENEWAL
Cody E PoquetteAustraliaAnna Fali NEGOTIATION
Kaitlin F PoquetteCanadaIvan Magalhaes UNQUALIFIED
Leja K NickaBrazilStephen Shaw PROPOSAL
Nicolas U SchemmerBrazilIoni Bowcher NEW
Darci N WhobreyRussiaIvan Magalhaes QUALIFIED
Ricardo P StensethItalyStephen Shaw UNQUALIFIED
Isabel S FerenczFranceAsiya Javayant NEW
Munro K ChuiUnited KingdomXuxue Feng NEW
Clifford Z WieserBrazilAnna Fali QUALIFIED
Maisha E AlbaresRussiaAsiya Javayant QUALIFIED
Jennifer R PaprockiRussiaStephen Shaw UNQUALIFIED
Tony S AlbaresRussiaIoni Bowcher RENEWAL
Maisha Z StensethCanadaAmy Elsner RENEWAL
Kadeem C PaprockiGermanyBernardo Dominic QUALIFIED
Cody K InouyeAustraliaStephen Shaw RENEWAL
Cody K RulapaughAustraliaBernardo Dominic RENEWAL
Izzy Q KolmetzFranceElwin Sharvill NEW
Salvatore B CaudyUnited KingdomAnna Fali UNQUALIFIED
Misaki J MaletSpainStephen Shaw RENEWAL
Isabel U PerinAustraliaOnyama Limba PROPOSAL
Jones D WieserArgentinaOnyama Limba UNQUALIFIED
Julie L OldroydRussiaAsiya Javayant RENEWAL
Stacey Z WieserJapanIoni Bowcher QUALIFIED
Aika O RoysterAustraliaAmy Elsner UNQUALIFIED
Johnson O ShinkoSpainOnyama Limba NEW
Tony V SaylorsFranceBernardo Dominic QUALIFIED
Juan X CaldareraAustraliaIvan Magalhaes PROPOSAL
Sinclair E OldroydItalyAnna Fali QUALIFIED
Wickens R MaletRussiaIvan Magalhaes RENEWAL
Sinclair E PaprockiFranceOnyama Limba NEW
Mujtaba K GarufiAustraliaXuxue Feng PROPOSAL
James X NestleFranceBernardo Dominic UNQUALIFIED
Octavia M FerenczJapanBernardo Dominic NEW
Adams C GauchoIndiaAmy Elsner NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
David X SergiItalyElwin Sharvill RENEWAL
Morrow K VenereFranceAmy Elsner NEW
James U OldroydAustraliaElwin Sharvill NEGOTIATION
Nicolas J KuskoArgentinaStephen Shaw UNQUALIFIED
Jennifer B SergiIndiaAsiya Javayant UNQUALIFIED
Leon D ShinkoJapanIoni Bowcher PROPOSAL
David J AmigonSpainXuxue Feng NEW
Salvatore L KolmetzBrazilXuxue Feng QUALIFIED
Leon J AlbaresCanadaStephen Shaw RENEWAL
Clifford H InouyeCanadaAsiya Javayant UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Morrow S SaylorsAustralia2026-08-22Rangoni Of Florence PROPOSAL95Ioni Bowcher
1001Mujtaba F RutaUnited Kingdom2026-08-22Truhlar And Truhlar Attys UNQUALIFIED96Xuxue Feng
1002Isabel L DarakjyArgentina2026-09-17King, Christopher A Esq PROPOSAL27Ioni Bowcher
1003James I MacleadBrazil2026-09-18Dorl, James J Esq NEGOTIATION27Onyama Limba
1004Costa N SlusarskiBrazil2026-08-22Benton, John B Jr PROPOSAL45Onyama Limba
1005Mujtaba F ChuiSpain2026-08-30King, Christopher A Esq NEW51Ioni Bowcher
1006Darci X NestleArgentina2026-08-21Printing Dimensions RENEWAL60Ivan Magalhaes
1007Morrow M VocelkaCanada2026-09-07Feiner Bros RENEWAL51Xuxue Feng
1008Julie N NestleBrazil2026-08-21Dorl, James J Esq QUALIFIED59Amy Elsner
1009Silvio T CaudyFrance2026-08-29Feltz Printing Service QUALIFIED28Stephen Shaw
1010Faith N DarakjyRussia2026-09-17Commercial Press NEGOTIATION28Elwin Sharvill
1011Adams Z VocelkaItaly2026-08-22Feiner Bros NEGOTIATION96Onyama Limba
1012Arvin L GillianUnited Kingdom2026-09-14Chanay, Jeffrey A Esq QUALIFIED22Elwin Sharvill
1013Francesco F PaprockiUnited Kingdom2026-08-27Benton, John B Jr RENEWAL51Onyama Limba
1014Nicolas K GauchoCanada2026-08-22Rangoni Of Florence NEW87Bernardo Dominic
1015Rodrigues U FigeroaCanada2026-09-07Benton, John B Jr PROPOSAL68Bernardo Dominic
1016Kadeem W RimCanada2026-08-27Printing Dimensions PROPOSAL50Elwin Sharvill
1017Darci T DarakjySpain2026-09-18Chanay, Jeffrey A Esq PROPOSAL23Anna Fali
1018Claire F PerinAustralia2026-09-02Commercial Press NEW12Asiya Javayant
1019Mayumi M SlusarskiAustralia2026-08-26Chanay, Jeffrey A Esq UNQUALIFIED95Ivan Magalhaes
1020Francesco I RulapaughBrazil2026-08-27Printing Dimensions UNQUALIFIED10Onyama Limba
1021Kadeem J SlusarskiArgentina2026-09-11Chapman, Ross E Esq RENEWAL70Bernardo Dominic
1022Maisha C ChuiRussia2026-08-22Truhlar And Truhlar Attys NEW31Asiya Javayant
1023Misaki G KuskoCanada2026-09-04Chapman, Ross E Esq RENEWAL72Anna Fali
1024Murillo L SlusarskiBrazil2026-08-21Commercial Press QUALIFIED98Anna Fali
1025Claire M DoeBrazil2026-08-30King, Christopher A Esq RENEWAL69Stephen Shaw
1026Francesco G OstroskyItaly2026-09-07Dorl, James J Esq RENEWAL74Asiya Javayant
1027Izzy L SchemmerAustralia2026-08-29Feltz Printing Service NEGOTIATION86Asiya Javayant
1028Leon I PoquetteBrazil2026-08-31Printing Dimensions UNQUALIFIED82Xuxue Feng
1029Ricardo E SlusarskiUnited Kingdom2026-09-04Rousseaux, Michael Esq NEGOTIATION33Anna Fali
1030Jones T PerinSpain2026-08-21Printing Dimensions RENEWAL48Stephen Shaw
1031Mayumi G GillianGermany2026-08-25Chemel, James L Cpa NEW32Xuxue Feng
1032Antonio E BowleyUnited Kingdom2026-09-08Chapman, Ross E Esq RENEWAL80Amy Elsner
1033Francesco B NestleAustralia2026-09-09Feiner Bros NEW0Onyama Limba
1034Faith F ButtSpain2026-08-21Rangoni Of Florence UNQUALIFIED85Xuxue Feng
1035Faith O BriddickCanada2026-09-19Feltz Printing Service RENEWAL19Stephen Shaw
1036Sinclair K StockhamItaly2026-09-01Buckley Miller Wright QUALIFIED41Elwin Sharvill
1037Sinclair L BologniaJapan2026-09-09Chemel, James L Cpa NEGOTIATION96Ivan Magalhaes
1038Jeanfrancois L ChuiIndia2026-08-21Chemel, James L Cpa PROPOSAL75Elwin Sharvill
1039Rodrigues J CaudyJapan2026-08-26Commercial Press NEGOTIATION15Xuxue Feng
1040Juan V RulapaughGermany2026-09-12Feiner Bros NEW86Ioni Bowcher
1041Emily W GarufiItaly2026-09-07Morlong Associates QUALIFIED50Xuxue Feng
1042Morrow V FlosiBrazil2026-08-31Benton, John B Jr QUALIFIED30Amy Elsner
1043Johnson H DarakjyFrance2026-08-21Morlong Associates UNQUALIFIED84Bernardo Dominic
1044David I WhobreyAustralia2026-09-14Chanay, Jeffrey A Esq PROPOSAL29Anna Fali
1045Mujtaba S SergiCanada2026-09-17Truhlar And Truhlar Attys UNQUALIFIED72Ioni Bowcher
1046Izzy A InouyeBrazil2026-08-31Commercial Press QUALIFIED55Asiya Javayant
1047Jefferson C BriddickSpain2026-09-03Chanay, Jeffrey A Esq NEGOTIATION56Elwin Sharvill
1048Silvio J FigeroaCanada2026-08-25Feiner Bros NEW4Ioni Bowcher
1049Aruna T PaprockiUnited Kingdom2026-09-17Truhlar And Truhlar Attys NEW1Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Stacey H RoysterSpainAsiya Javayant NEGOTIATION
Rodrigues N SergiJapanXuxue Feng NEW
Jeanfrancois G StensethArgentinaXuxue Feng NEW
Jennifer R RulapaughArgentinaAmy Elsner PROPOSAL
Leon T DoeRussiaStephen Shaw UNQUALIFIED
Morrow Q FigeroaArgentinaAsiya Javayant UNQUALIFIED
Aditya V GillianSpainAmy Elsner QUALIFIED
Emily A MarrierJapanIoni Bowcher PROPOSAL
Faith D FollerUnited KingdomAsiya Javayant UNQUALIFIED
Leja Z StensethSpainIoni Bowcher PROPOSAL
Kadeem M RutaItalyIvan Magalhaes PROPOSAL
Silvio D BriddickRussiaBernardo Dominic UNQUALIFIED
Ivar G PaprockiGermanyBernardo Dominic RENEWAL
Aruna B ChuiGermanyStephen Shaw RENEWAL
Johnson B RimSpainOnyama Limba QUALIFIED
Jennifer Y GarufiArgentinaBernardo Dominic PROPOSAL
Adams J WhobreyIndiaAnna Fali RENEWAL
Stacey B ChuiRussiaOnyama Limba NEW
Deepesh E StensethGermanyAnna Fali RENEWAL
Leon N BriddickUnited KingdomIvan Magalhaes PROPOSAL
Wickens I WieserAustraliaStephen Shaw UNQUALIFIED
Aika Y VocelkaRussiaIoni Bowcher RENEWAL
Aika S GauchoRussiaAnna Fali NEW
Kadeem R OstroskyArgentinaAsiya Javayant NEW
Octavia S StensethUnited KingdomAmy Elsner QUALIFIED
Faith D FerenczAustraliaBernardo Dominic RENEWAL
Jefferson G OstroskyIndiaAsiya Javayant NEGOTIATION
Mayumi T SlusarskiSpainStephen Shaw RENEWAL
Nicolas Y SergiBrazilIvan Magalhaes NEW
Deepesh Z CampainUnited KingdomStephen Shaw QUALIFIED
Izzy F NestleJapanAnna Fali RENEWAL
Clifford S StockhamSpainIoni Bowcher UNQUALIFIED
Isabel Z CaldareraBrazilElwin Sharvill NEW
David C DoeAustraliaXuxue Feng NEGOTIATION
Morrow Z PerinIndiaAsiya Javayant QUALIFIED
Ricardo S DilliardAustraliaAnna Fali PROPOSAL
Munro G MarrierGermanyElwin Sharvill PROPOSAL
Emily P NestleGermanyIoni Bowcher UNQUALIFIED
Maria Z FollerGermanyAsiya Javayant NEW
Leja K FerenczGermanyOnyama Limba NEGOTIATION
Arvin X NickaArgentinaAsiya Javayant QUALIFIED
Mujtaba A AmigonGermanyIvan Magalhaes QUALIFIED
Misaki L BowleySpainIvan Magalhaes NEW
Adams B MacleadRussiaIvan Magalhaes PROPOSAL
Munro C PaprockiFranceXuxue Feng NEW
Murillo B OldroydSpainElwin Sharvill NEW
Emily I KuskoArgentinaElwin Sharvill QUALIFIED
Chavez X VenereArgentinaBernardo Dominic NEGOTIATION
Faith R WhobreyBrazilOnyama Limba NEGOTIATION
Johnson L PoquetteBrazilBernardo Dominic QUALIFIED
Frozen Columns
Name
Costa D Venere
Octavia Z Bowley
Salvatore M Rulapaugh
David N Vocelka
Antonio G Bolognia
Maria Q Ostrosky
Johnson T Nestle
Octavia H Butt
Kaitlin I Malet
Jones Y Vocelka
Mayumi L Chui
Emily W Wieser
Smith O Wieser
Antonio J Ruta
Faith T Albares
Kadeem C Malet
Maisha P Inouye
Silvio E Marrier
Munro A Schemmer
Jeanfrancois Q Marrier
Francesco U Amigon
Kaitlin V Figeroa
Antonio E Amigon
Aika Y Doe
Antonio I Butt
Claire S Glick
Rodrigues G Venere
Maisha X Gillian
Adams F Flosi
Ricardo H Foller
Deepesh O Stockham
Jennifer M Gaucho
Maisha O Shinko
Costa G Poquette
Murillo L Malet
Cody T Rulapaugh
Costa F Flosi
Antonio Q Ruta
Aika O Darakjy
Wickens Y Venere
Morrow S Venere
Silvio M Butt
Maria P Malet
Munro W Gaucho
Greenwood B Darakjy
Johnson Y Stockham
James T Shinko
Claire I Sergi
Cody H Wieser
Ashley B Bolognia
IdCountryDate
1000France2026-09-01
1001Australia2026-09-04
1002Russia2026-09-03
1003France2026-09-06
1004Brazil2026-09-05
1005Spain2026-09-15
1006Italy2026-09-01
1007Italy2026-08-26
1008Germany2026-08-25
1009Russia2026-08-21
1010Spain2026-09-08
1011France2026-09-09
1012Brazil2026-09-08
1013Australia2026-09-19
1014Germany2026-08-31
1015Australia2026-09-02
1016Germany2026-09-16
1017Brazil2026-09-05
1018United Kingdom2026-08-22
1019France2026-08-29
1020Argentina2026-09-16
1021India2026-09-15
1022Italy2026-08-23
1023United Kingdom2026-08-30
1024Italy2026-09-08
1025Russia2026-09-03
1026Spain2026-08-24
1027United Kingdom2026-08-27
1028Spain2026-09-13
1029Australia2026-08-30
1030Japan2026-09-14
1031Spain2026-09-13
1032Russia2026-09-11
1033Canada2026-08-31
1034Canada2026-08-23
1035Argentina2026-08-30
1036France2026-09-08
1037Australia2026-08-22
1038Canada2026-09-07
1039Brazil2026-08-21
1040United Kingdom2026-09-19
1041Canada2026-08-24
1042Germany2026-09-03
1043Russia2026-08-24
1044Russia2026-09-10
1045Canada2026-08-22
1046Russia2026-09-17
1047Japan2026-09-03
1048Italy2026-08-23
1049United Kingdom2026-09-08

On-Demand Data

NameIdCountryDate
Smith Q Schemmer1000Germany2026-09-05
Isabel V Waycott1001Italy2026-08-28
Chavez B Rim1002Russia2026-08-26
Francesco F Briddick1003Japan2026-08-26
Leon L Poquette1004Canada2026-08-30
Leon G Doe1005Germany2026-09-07
Mujtaba S Flosi1006Russia2026-09-11
Izzy F Wieser1007France2026-09-10
Morrow B Bolognia1008Canada2026-09-12
Maisha D Caldarera1009Russia2026-09-17
Isabel M Nestle1010France2026-08-22
Aruna C Shinko1011United Kingdom2026-09-07
Darci Z Malet1012Japan2026-09-06
James J Kolmetz1013India2026-09-10
Maisha F Chui1014Japan2026-09-10
Juan Z Darakjy1015Australia2026-08-26
Morrow E Amigon1016Russia2026-09-19
Sinclair S Ostrosky1017Australia2026-09-10
Julie I Iturbide1018France2026-09-15
Johnson C Garufi1019Germany2026-08-22
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Rodrigues E BowleyUnited KingdomOnyama Limba NEW
Kaitlin U StensethItalyBernardo Dominic QUALIFIED
Nicolas E PaprockiItalyAmy Elsner NEW
Mujtaba H WaycottItalyOnyama Limba PROPOSAL
Mayumi X BowleyFranceIoni Bowcher UNQUALIFIED
Greenwood I RulapaughUnited KingdomAsiya Javayant RENEWAL
Octavia R RutaFranceAnna Fali RENEWAL
Faith A TollnerAustraliaAnna Fali PROPOSAL
Aika E BowleyItalyAmy Elsner PROPOSAL
Jeanfrancois H NickaIndiaOnyama Limba NEGOTIATION
Misaki U GarufiAustraliaIvan Magalhaes UNQUALIFIED
Murillo J VocelkaUnited KingdomAnna Fali QUALIFIED
Nicolas N CaldareraCanadaAsiya Javayant RENEWAL
Juan Q VocelkaUnited KingdomIvan Magalhaes NEGOTIATION
Nicolas J SchemmerItalyIvan Magalhaes QUALIFIED
Murillo F VocelkaSpainBernardo Dominic NEGOTIATION
Chavez X CampainAustraliaXuxue Feng UNQUALIFIED
Aika B DarakjyCanadaStephen Shaw RENEWAL
Aika V StockhamIndiaIoni Bowcher NEGOTIATION
Deepesh A KolmetzItalyAnna Fali NEW
Leon F DarakjyIndiaIvan Magalhaes RENEWAL
Kadeem G StockhamCanadaIoni Bowcher QUALIFIED
Claire Y FollerRussiaAmy Elsner NEGOTIATION
Ashley L PerinUnited KingdomAnna Fali QUALIFIED
Aditya I VenereCanadaIvan Magalhaes RENEWAL
Rodrigues R SaylorsRussiaBernardo Dominic UNQUALIFIED
Emily I BowleyItalyXuxue Feng RENEWAL
James F MarrierItalyIvan Magalhaes PROPOSAL
Arvin X StensethGermanyAnna Fali UNQUALIFIED
Greenwood U WieserUnited KingdomAsiya Javayant UNQUALIFIED
Wickens J MaletCanadaAnna Fali NEGOTIATION
Alejandro Z FlosiFranceAsiya Javayant RENEWAL
Costa H WhobreySpainIoni Bowcher RENEWAL
Tony T FlosiRussiaAmy Elsner UNQUALIFIED
Silvio S SchemmerUnited KingdomBernardo Dominic PROPOSAL
Maria K FigeroaUnited KingdomAmy Elsner RENEWAL
Alejandro G ShinkoSpainElwin Sharvill QUALIFIED
Greenwood D WieserIndiaStephen Shaw PROPOSAL
Johnson M KuskoJapanXuxue Feng PROPOSAL
Julie H DilliardCanadaElwin Sharvill UNQUALIFIED

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