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 A MaletUnited KingdomAsiya Javayant QUALIFIED
Izzy U FlosiItalyElwin Sharvill RENEWAL
Aika T BowleyAustraliaBernardo Dominic UNQUALIFIED
Costa A AmigonCanadaAsiya Javayant UNQUALIFIED
Sinclair G KolmetzUnited KingdomOnyama Limba UNQUALIFIED
Isabel B RoysterJapanAsiya Javayant QUALIFIED
Ivar N OldroydRussiaAnna Fali PROPOSAL
Kaitlin D PaprockiRussiaElwin Sharvill RENEWAL
Deepesh H VocelkaUnited KingdomXuxue Feng RENEWAL
Octavia O NickaFranceBernardo Dominic QUALIFIED
Morrow M StockhamIndiaXuxue Feng NEW
Isabel E MorascaItalyStephen Shaw RENEWAL
Munro S NestleGermanyXuxue Feng NEW
Aditya J BowleyIndiaBernardo Dominic UNQUALIFIED
Juan T WaycottRussiaBernardo Dominic QUALIFIED
James V PoquetteSpainXuxue Feng QUALIFIED
Darci W ShinkoRussiaAnna Fali PROPOSAL
Greenwood V MaletRussiaAsiya Javayant NEGOTIATION
Stacey T NickaAustraliaOnyama Limba PROPOSAL
Aruna Z MaletGermanyIoni Bowcher NEW
Salvatore F NestleArgentinaStephen Shaw NEGOTIATION
Ricardo E TollnerItalyStephen Shaw QUALIFIED
Darci B ChuiBrazilBernardo Dominic NEGOTIATION
Juan A OstroskyAustraliaAsiya Javayant RENEWAL
Maisha G MorascaArgentinaIoni Bowcher UNQUALIFIED
Aruna A AlbaresJapanAmy Elsner NEW
Isabel N KuskoItalyIoni Bowcher UNQUALIFIED
Clifford O OstroskyFranceBernardo Dominic UNQUALIFIED
Francesco S SlusarskiGermanyAsiya Javayant NEW
Kadeem R StockhamBrazilXuxue Feng UNQUALIFIED
Kaitlin O SergiBrazilXuxue Feng NEGOTIATION
Antonio W MaletRussiaElwin Sharvill RENEWAL
Clifford E ButtUnited KingdomAnna Fali UNQUALIFIED
Juan B IturbideFranceAmy Elsner QUALIFIED
Ashley B WaycottCanadaBernardo Dominic PROPOSAL
Aika S StockhamRussiaIoni Bowcher UNQUALIFIED
Aruna Y IturbideCanadaStephen Shaw NEW
Leon Y OldroydItalyOnyama Limba UNQUALIFIED
Maria B SergiGermanyStephen Shaw NEW
Stacey R VenereItalyIoni Bowcher QUALIFIED
Deepesh F BowleyRussiaAnna Fali NEW
Deepesh D MaletItalyOnyama Limba PROPOSAL
Claire F ChuiUnited KingdomAmy Elsner PROPOSAL
Faith X CaldareraArgentinaIvan Magalhaes QUALIFIED
David B RoysterSpainXuxue Feng PROPOSAL
Aika J RutaArgentinaXuxue Feng QUALIFIED
Mayumi S DilliardRussiaStephen Shaw PROPOSAL
Jones W AlbaresIndiaOnyama Limba RENEWAL
Isabel G FollerRussiaBernardo Dominic PROPOSAL
Mujtaba C ShinkoAustraliaOnyama Limba QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Ivar B ShinkoGermanyXuxue Feng RENEWAL
Kadeem C FollerBrazilXuxue Feng NEW
Cody G NestleGermanyOnyama Limba PROPOSAL
Ivar B FigeroaItalyAmy Elsner NEW
Faith Y FlosiAustraliaStephen Shaw QUALIFIED
Kaitlin Z GauchoFranceAsiya Javayant QUALIFIED
Murillo T BowleyAustraliaAmy Elsner NEW
Chavez D AlbaresJapanAmy Elsner NEW
Costa D BowleyJapanIoni Bowcher NEW
Leon J FigeroaArgentinaIoni Bowcher PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Munro B TollnerRussia2026-09-12Truhlar And Truhlar Attys QUALIFIED88Asiya Javayant
1001Cody Y AlbaresIndia2026-09-21Rangoni Of Florence PROPOSAL91Bernardo Dominic
1002Ashley S MaletJapan2026-09-24Commercial Press NEW20Ivan Magalhaes
1003Arvin S FollerAustralia2026-09-10Chanay, Jeffrey A Esq UNQUALIFIED81Anna Fali
1004James L KolmetzArgentina2026-09-16Benton, John B Jr QUALIFIED78Xuxue Feng
1005Emily S CaldareraJapan2026-09-26Chanay, Jeffrey A Esq PROPOSAL89Amy Elsner
1006Tony U OldroydJapan2026-10-03Truhlar And Truhlar Attys UNQUALIFIED69Ioni Bowcher
1007Ivar O MacleadGermany2026-09-28Commercial Press NEGOTIATION83Asiya Javayant
1008Francesco I KuskoBrazil2026-09-28Benton, John B Jr QUALIFIED48Onyama Limba
1009Nicolas K MarrierIndia2026-10-05Chanay, Jeffrey A Esq PROPOSAL2Onyama Limba
1010Isabel Z FigeroaIndia2026-09-09King, Christopher A Esq NEW61Ivan Magalhaes
1011Octavia R BologniaSpain2026-09-21King, Christopher A Esq QUALIFIED11Ivan Magalhaes
1012Stacey U AmigonCanada2026-09-10Printing Dimensions NEGOTIATION5Ioni Bowcher
1013Clifford T InouyeArgentina2026-09-10Chapman, Ross E Esq PROPOSAL45Asiya Javayant
1014Aika N GillianUnited Kingdom2026-09-17Dorl, James J Esq QUALIFIED26Ivan Magalhaes
1015Antonio L GlickArgentina2026-10-06Feltz Printing Service NEGOTIATION1Onyama Limba
1016Chavez V SchemmerRussia2026-10-07Rousseaux, Michael Esq NEGOTIATION73Elwin Sharvill
1017Ricardo B VenereGermany2026-09-16Morlong Associates RENEWAL22Stephen Shaw
1018Darci Z WhobreyFrance2026-09-20Chapman, Ross E Esq NEW93Asiya Javayant
1019Aruna C PoquetteAustralia2026-09-21Chanay, Jeffrey A Esq UNQUALIFIED44Ivan Magalhaes
1020Tony W ShinkoGermany2026-10-06Chapman, Ross E Esq NEGOTIATION76Xuxue Feng
1021Murillo V VocelkaGermany2026-10-06Morlong Associates NEGOTIATION71Bernardo Dominic
1022Aruna R OstroskyRussia2026-09-24Benton, John B Jr NEGOTIATION41Ivan Magalhaes
1023Salvatore V ShinkoFrance2026-09-19Chemel, James L Cpa UNQUALIFIED74Asiya Javayant
1024Tony F KuskoRussia2026-09-12Feltz Printing Service RENEWAL18Amy Elsner
1025Kadeem R SchemmerBrazil2026-09-22Chanay, Jeffrey A Esq RENEWAL89Ioni Bowcher
1026Nicolas H OstroskyBrazil2026-09-14Rangoni Of Florence NEW79Onyama Limba
1027Costa K PaprockiFrance2026-10-02Rousseaux, Michael Esq PROPOSAL81Ioni Bowcher
1028Johnson K FigeroaJapan2026-09-13Truhlar And Truhlar Attys UNQUALIFIED11Amy Elsner
1029David G TollnerJapan2026-10-04Commercial Press RENEWAL94Ivan Magalhaes
1030Johnson D BriddickUnited Kingdom2026-09-17Printing Dimensions QUALIFIED50Amy Elsner
1031Izzy R FerenczAustralia2026-09-15Buckley Miller Wright NEW22Amy Elsner
1032Francesco S GlickRussia2026-09-21Chemel, James L Cpa UNQUALIFIED19Elwin Sharvill
1033Rodrigues F CaldareraBrazil2026-10-04King, Christopher A Esq NEGOTIATION54Amy Elsner
1034Johnson R RimArgentina2026-09-19Feiner Bros NEW7Asiya Javayant
1035Kaitlin X OstroskyFrance2026-09-09Buckley Miller Wright NEW36Bernardo Dominic
1036Mujtaba Q PoquetteCanada2026-09-25Chanay, Jeffrey A Esq PROPOSAL47Amy Elsner
1037Morrow O IturbideUnited Kingdom2026-09-14Feltz Printing Service QUALIFIED17Bernardo Dominic
1038Ricardo P SchemmerArgentina2026-09-16Feltz Printing Service NEGOTIATION27Stephen Shaw
1039Leja H BowleyArgentina2026-10-03Chapman, Ross E Esq UNQUALIFIED5Amy Elsner
1040Mayumi W GarufiFrance2026-09-10Benton, John B Jr RENEWAL37Asiya Javayant
1041Silvio L RimRussia2026-09-11Truhlar And Truhlar Attys RENEWAL82Elwin Sharvill
1042Jeanfrancois W MarrierAustralia2026-09-18Buckley Miller Wright UNQUALIFIED28Xuxue Feng
1043Claire M RutaIndia2026-10-03Chanay, Jeffrey A Esq RENEWAL20Onyama Limba
1044Isabel T VenereJapan2026-10-02Feltz Printing Service QUALIFIED1Bernardo Dominic
1045Munro K SlusarskiCanada2026-09-20Chanay, Jeffrey A Esq PROPOSAL20Onyama Limba
1046Smith I FlosiRussia2026-09-27Morlong Associates RENEWAL48Anna Fali
1047Juan I KuskoBrazil2026-09-18Morlong Associates NEW41Onyama Limba
1048Ricardo G ShinkoGermany2026-09-15King, Christopher A Esq UNQUALIFIED45Ioni Bowcher
1049Aika F VocelkaItaly2026-09-24Truhlar And Truhlar Attys UNQUALIFIED67Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Sinclair H RoysterItalyAmy Elsner UNQUALIFIED
Cody M RoysterArgentinaXuxue Feng NEW
Maria P KolmetzIndiaAnna Fali QUALIFIED
Smith S FigeroaUnited KingdomAnna Fali RENEWAL
Julie J BriddickArgentinaOnyama Limba NEW
Nicolas U IturbideIndiaBernardo Dominic NEW
Wickens X GarufiGermanyIoni Bowcher QUALIFIED
Tony T NestleAustraliaAnna Fali RENEWAL
Chavez M PoquetteSpainStephen Shaw QUALIFIED
Aditya V NestleUnited KingdomAsiya Javayant NEW
David R AlbaresItalyXuxue Feng PROPOSAL
Claire P GarufiRussiaAmy Elsner QUALIFIED
Claire E OldroydIndiaStephen Shaw RENEWAL
Jefferson S CampainJapanElwin Sharvill PROPOSAL
Cody Y BologniaItalyIvan Magalhaes PROPOSAL
Aika O BriddickGermanyBernardo Dominic UNQUALIFIED
James T InouyeJapanStephen Shaw NEGOTIATION
David L InouyeBrazilStephen Shaw NEW
Juan Z RimItalyIoni Bowcher PROPOSAL
Alejandro U SaylorsSpainAmy Elsner NEGOTIATION
Rodrigues E SaylorsArgentinaOnyama Limba NEGOTIATION
Morrow N ShinkoCanadaIoni Bowcher QUALIFIED
Aditya H DoeJapanBernardo Dominic NEW
Kaitlin B DilliardFranceBernardo Dominic QUALIFIED
Mujtaba W KolmetzJapanAnna Fali QUALIFIED
Izzy O OstroskyGermanyXuxue Feng RENEWAL
Octavia M KuskoCanadaIvan Magalhaes UNQUALIFIED
Juan Z GillianBrazilIvan Magalhaes NEW
Jennifer P FigeroaAustraliaXuxue Feng UNQUALIFIED
Ashley N SlusarskiBrazilAnna Fali RENEWAL
James W ChuiFranceStephen Shaw QUALIFIED
Faith R CaldareraJapanBernardo Dominic NEW
David L FlosiCanadaAsiya Javayant PROPOSAL
Cody S WhobreyItalyXuxue Feng NEW
Mayumi H RimFranceOnyama Limba NEW
Antonio Y CaldareraAustraliaIoni Bowcher NEW
Francesco G KolmetzFranceIoni Bowcher RENEWAL
Aruna Z WhobreyRussiaOnyama Limba NEGOTIATION
Munro G VocelkaBrazilStephen Shaw UNQUALIFIED
Deepesh N OldroydFranceElwin Sharvill PROPOSAL
Arvin F MaletCanadaIvan Magalhaes NEW
Murillo M CaldareraItalyAnna Fali NEGOTIATION
Deepesh I FollerRussiaElwin Sharvill NEW
Alejandro L ButtItalyAmy Elsner NEW
Darci E MaletFranceXuxue Feng UNQUALIFIED
Antonio J PaprockiBrazilIoni Bowcher PROPOSAL
Silvio A FerenczFranceStephen Shaw UNQUALIFIED
Chavez A CampainIndiaAsiya Javayant UNQUALIFIED
Leja C WaycottSpainIoni Bowcher NEGOTIATION
Jeanfrancois Y MaletItalyAnna Fali RENEWAL
Frozen Columns
Name
Emily V Caldarera
Smith Z Whobrey
Wickens S Sergi
Munro S Darakjy
Jeanfrancois Y Butt
Ivar S Dilliard
Clifford K Whobrey
Arvin P Venere
Aika L Flosi
Darci P Stockham
Smith G Perin
Nicolas A Stenseth
Misaki A Malet
Julie G Stockham
Francesco S Butt
David O Stenseth
Aditya T Stockham
Izzy K Poquette
Silvio N Kusko
Ashley B Kusko
Stacey F Stenseth
Nicolas E Maclead
Sinclair P Ferencz
Isabel F Briddick
Adams Z Ruta
James T Venere
Jeanfrancois J Ruta
Claire I Caldarera
James I Marrier
Emily S Iturbide
Ashley Z Campain
Clifford T Ferencz
Izzy H Albares
Nicolas D Vocelka
Isabel P Stockham
Salvatore F Wieser
Cody D Schemmer
Cody L Gaucho
James V Royster
Jeanfrancois T Whobrey
Jones A Marrier
Wickens Q Garufi
Smith S Waycott
Munro Y Waycott
Stacey U Schemmer
Clifford A Vocelka
Kaitlin J Garufi
Kaitlin H Royster
Jeanfrancois W Morasca
Alejandro N Foller
IdCountryDate
1000Argentina2026-09-09
1001Germany2026-09-23
1002Japan2026-10-02
1003India2026-10-01
1004Australia2026-09-10
1005Argentina2026-09-28
1006Brazil2026-10-06
1007Germany2026-10-02
1008Argentina2026-09-13
1009Germany2026-09-29
1010India2026-10-07
1011Germany2026-09-30
1012United Kingdom2026-09-22
1013Japan2026-09-17
1014Japan2026-09-22
1015United Kingdom2026-10-02
1016Argentina2026-09-14
1017Italy2026-09-18
1018United Kingdom2026-09-28
1019Japan2026-09-13
1020India2026-09-18
1021Australia2026-09-11
1022Argentina2026-09-29
1023Spain2026-10-03
1024Brazil2026-09-21
1025France2026-09-29
1026Russia2026-09-17
1027Germany2026-09-19
1028Spain2026-09-26
1029Japan2026-09-28
1030Germany2026-09-22
1031Canada2026-09-26
1032Spain2026-09-16
1033Australia2026-09-15
1034Argentina2026-09-12
1035United Kingdom2026-09-16
1036Brazil2026-10-02
1037Russia2026-09-23
1038Canada2026-09-11
1039Japan2026-10-04
1040United Kingdom2026-09-29
1041Germany2026-09-26
1042Russia2026-09-16
1043Canada2026-09-11
1044France2026-10-08
1045Italy2026-09-14
1046Germany2026-09-21
1047Brazil2026-09-29
1048Canada2026-09-30
1049Spain2026-09-20

On-Demand Data

NameIdCountryDate
Antonio W Inouye1000Russia2026-09-19
Leja J Tollner1001France2026-09-30
Aika I Poquette1002Japan2026-10-06
Antonio V Maclead1003Germany2026-10-05
Ivar J Poquette1004Spain2026-09-18
Costa B Malet1005Argentina2026-09-28
Mayumi G Albares1006Brazil2026-09-26
Francesco U Nestle1007Spain2026-09-30
Isabel I Butt1008Italy2026-10-04
Johnson E Royster1009Australia2026-09-16
Aditya Y Albares1010Japan2026-09-27
Jennifer X Butt1011Argentina2026-09-16
Maisha J Oldroyd1012Russia2026-09-09
Misaki F Malet1013Australia2026-09-18
Jeanfrancois E Oldroyd1014United Kingdom2026-10-06
Jefferson B Chui1015Spain2026-09-25
Deepesh K Flosi1016Australia2026-09-11
Jefferson D Royster1017Brazil2026-10-03
Salvatore Z Nicka1018Spain2026-10-01
Aruna U Marrier1019Italy2026-09-26
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leja T FollerRussiaIvan Magalhaes QUALIFIED
Murillo F GillianAustraliaOnyama Limba NEGOTIATION
Tony R DilliardRussiaIoni Bowcher NEW
Claire S PerinCanadaBernardo Dominic NEW
Johnson Z FlosiBrazilAsiya Javayant NEGOTIATION
Claire F DoeUnited KingdomAnna Fali RENEWAL
Alejandro J ButtCanadaStephen Shaw QUALIFIED
Faith Q FollerArgentinaElwin Sharvill RENEWAL
Kadeem Q DoeItalyAmy Elsner NEW
Stacey T MorascaRussiaAmy Elsner PROPOSAL
Darci I OldroydIndiaBernardo Dominic PROPOSAL
Clifford O CaldareraSpainAmy Elsner NEW
Misaki V BriddickAustraliaXuxue Feng PROPOSAL
Aika B VocelkaCanadaAsiya Javayant UNQUALIFIED
Jeanfrancois D MaletBrazilIvan Magalhaes NEGOTIATION
Ivar D PerinSpainStephen Shaw QUALIFIED
Salvatore R MarrierUnited KingdomIoni Bowcher UNQUALIFIED
Mayumi W PerinBrazilIvan Magalhaes QUALIFIED
James H MorascaFranceAnna Fali QUALIFIED
Arvin B SlusarskiRussiaAmy Elsner UNQUALIFIED
Deepesh C PerinUnited KingdomElwin Sharvill QUALIFIED
Jones B GarufiAustraliaIvan Magalhaes NEW
Salvatore D MorascaAustraliaAsiya Javayant NEGOTIATION
Smith H WhobreyArgentinaIvan Magalhaes PROPOSAL
Claire R AmigonCanadaAnna Fali NEW
Darci F ButtCanadaBernardo Dominic RENEWAL
Arvin S KuskoAustraliaIvan Magalhaes NEGOTIATION
Alejandro C GlickUnited KingdomAmy Elsner PROPOSAL
Aditya Y TollnerGermanyOnyama Limba RENEWAL
Tony K PaprockiRussiaAsiya Javayant UNQUALIFIED
Sinclair P RimUnited KingdomAmy Elsner QUALIFIED
Leja T WieserGermanyIvan Magalhaes QUALIFIED
Arvin S DarakjyFranceIoni Bowcher NEGOTIATION
Tony B GillianCanadaOnyama Limba NEW
Emily K KolmetzBrazilAmy Elsner PROPOSAL
Nicolas F DoeArgentinaOnyama Limba UNQUALIFIED
Izzy I SaylorsCanadaXuxue Feng QUALIFIED
Deepesh Q OstroskyGermanyXuxue Feng NEW
Clifford Z MaletGermanyIvan Magalhaes NEGOTIATION
Leja S WieserGermanyAnna Fali NEGOTIATION

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