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
Kaitlin T BriddickSpainAnna Fali PROPOSAL
Isabel W SchemmerGermanyXuxue Feng QUALIFIED
Francesco L BologniaArgentinaIoni Bowcher NEW
Aika J FigeroaArgentinaStephen Shaw UNQUALIFIED
Claire U BowleyIndiaAsiya Javayant PROPOSAL
Ivar W AlbaresSpainAsiya Javayant QUALIFIED
Greenwood L GauchoItalyIvan Magalhaes QUALIFIED
Greenwood E MorascaRussiaIoni Bowcher NEW
Izzy L WieserItalyAnna Fali NEGOTIATION
Aika D FollerCanadaElwin Sharvill RENEWAL
Morrow R FerenczGermanyIvan Magalhaes NEW
Nicolas Y PoquetteSpainElwin Sharvill NEGOTIATION
Chavez O BriddickFranceAnna Fali QUALIFIED
Jennifer I NestleArgentinaElwin Sharvill QUALIFIED
Greenwood S NickaRussiaIoni Bowcher NEW
Juan L GillianBrazilXuxue Feng QUALIFIED
Faith F AmigonGermanyIvan Magalhaes NEGOTIATION
David J GauchoGermanyBernardo Dominic QUALIFIED
Sinclair E AmigonArgentinaElwin Sharvill QUALIFIED
Deepesh R FerenczJapanIoni Bowcher QUALIFIED
Nicolas W FerenczSpainIoni Bowcher NEGOTIATION
Leja C MarrierAustraliaElwin Sharvill PROPOSAL
Julie K PoquetteCanadaIvan Magalhaes QUALIFIED
Deepesh O WaycottArgentinaStephen Shaw PROPOSAL
Wickens L NickaCanadaElwin Sharvill PROPOSAL
Greenwood C MarrierAustraliaElwin Sharvill UNQUALIFIED
Jones R FigeroaGermanyIvan Magalhaes RENEWAL
Jones J NestleUnited KingdomIvan Magalhaes PROPOSAL
Clifford I MacleadRussiaAnna Fali QUALIFIED
Kaitlin L StockhamJapanXuxue Feng RENEWAL
Nicolas A InouyeUnited KingdomXuxue Feng PROPOSAL
Deepesh W WaycottItalyStephen Shaw NEW
Cody Y BologniaUnited KingdomIoni Bowcher RENEWAL
Aditya M MacleadRussiaStephen Shaw QUALIFIED
Clifford W ChuiAustraliaAsiya Javayant UNQUALIFIED
Maisha Y InouyeArgentinaStephen Shaw PROPOSAL
Rodrigues D WieserSpainAmy Elsner UNQUALIFIED
Jeanfrancois K GillianArgentinaOnyama Limba NEW
Munro Q GillianFranceXuxue Feng NEGOTIATION
Costa M TollnerBrazilElwin Sharvill NEW
Chavez K GarufiIndiaBernardo Dominic PROPOSAL
Ashley W MacleadArgentinaXuxue Feng NEGOTIATION
Deepesh L FerenczBrazilXuxue Feng PROPOSAL
Jones I ButtBrazilBernardo Dominic PROPOSAL
Ashley O SergiJapanElwin Sharvill PROPOSAL
Johnson T FlosiFranceBernardo Dominic NEGOTIATION
Kaitlin H MacleadAustraliaOnyama Limba UNQUALIFIED
Mujtaba A FollerUnited KingdomIvan Magalhaes NEW
Alejandro H CaldareraIndiaStephen Shaw NEGOTIATION
Francesco H AlbaresAustraliaAsiya Javayant RENEWAL
Horizontal
NameCountryRepresentativeStatus
Aika Q VenereBrazilAsiya Javayant QUALIFIED
Mujtaba U OldroydIndiaAnna Fali NEW
Stacey L AlbaresJapanAsiya Javayant QUALIFIED
Kaitlin R NickaUnited KingdomAmy Elsner RENEWAL
Jones M GauchoArgentinaIvan Magalhaes NEGOTIATION
Jeanfrancois A VocelkaGermanyIoni Bowcher RENEWAL
James N WieserGermanyXuxue Feng UNQUALIFIED
Kadeem S ShinkoBrazilElwin Sharvill PROPOSAL
Wickens Y RulapaughArgentinaXuxue Feng PROPOSAL
Murillo K RulapaughAustraliaElwin Sharvill QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Salvatore Q WaycottGermany2026-10-22Printing Dimensions PROPOSAL90Elwin Sharvill
1001Faith T NestleAustralia2026-10-17Buckley Miller Wright UNQUALIFIED58Amy Elsner
1002Morrow D SaylorsSpain2026-10-06Feltz Printing Service QUALIFIED77Stephen Shaw
1003Greenwood R WhobreyCanada2026-10-27Rousseaux, Michael Esq UNQUALIFIED25Ioni Bowcher
1004Jennifer M InouyeSpain2026-10-09Rousseaux, Michael Esq NEGOTIATION4Ioni Bowcher
1005Stacey G RulapaughAustralia2026-10-10Benton, John B Jr PROPOSAL87Bernardo Dominic
1006Deepesh P SlusarskiCanada2026-10-17Chapman, Ross E Esq NEGOTIATION9Anna Fali
1007Isabel O OstroskyFrance2026-10-23King, Christopher A Esq NEW88Xuxue Feng
1008Jones N BowleyFrance2026-11-02Printing Dimensions NEW84Onyama Limba
1009Arvin E PaprockiArgentina2026-10-30Morlong Associates NEW1Stephen Shaw
1010Ashley M FigeroaSpain2026-10-31Printing Dimensions NEGOTIATION25Bernardo Dominic
1011Adams U PerinSpain2026-10-16Benton, John B Jr NEGOTIATION28Elwin Sharvill
1012Juan Y PaprockiBrazil2026-10-15Commercial Press NEW50Amy Elsner
1013Adams B FlosiJapan2026-10-23Feiner Bros RENEWAL88Elwin Sharvill
1014Clifford U WaycottIndia2026-10-15Truhlar And Truhlar Attys NEW12Asiya Javayant
1015Izzy J RimAustralia2026-10-08Benton, John B Jr UNQUALIFIED53Ivan Magalhaes
1016Tony M VenereSpain2026-10-05Chemel, James L Cpa RENEWAL61Ivan Magalhaes
1017Claire X MarrierIndia2026-10-22Chanay, Jeffrey A Esq QUALIFIED92Anna Fali
1018Stacey U GarufiAustralia2026-10-10Chemel, James L Cpa RENEWAL16Elwin Sharvill
1019Isabel M SchemmerIndia2026-10-15Buckley Miller Wright RENEWAL18Amy Elsner
1020Misaki V DoeIndia2026-10-20Feltz Printing Service NEW83Onyama Limba
1021Izzy C DoeUnited Kingdom2026-10-10Chapman, Ross E Esq RENEWAL81Xuxue Feng
1022Clifford H RoysterRussia2026-10-26King, Christopher A Esq NEGOTIATION6Amy Elsner
1023Aruna U NickaRussia2026-10-19Rangoni Of Florence PROPOSAL7Amy Elsner
1024James W KolmetzJapan2026-10-25Printing Dimensions UNQUALIFIED88Anna Fali
1025Leja Z OstroskyArgentina2026-10-31Feltz Printing Service NEW45Bernardo Dominic
1026Aruna F AlbaresSpain2026-10-05Commercial Press PROPOSAL59Anna Fali
1027Mayumi N SlusarskiBrazil2026-10-12Commercial Press UNQUALIFIED6Asiya Javayant
1028Octavia E DilliardSpain2026-10-17Commercial Press QUALIFIED4Ivan Magalhaes
1029Wickens K CaudyIndia2026-10-09Rangoni Of Florence QUALIFIED37Asiya Javayant
1030Nicolas E PerinFrance2026-10-29Chapman, Ross E Esq UNQUALIFIED64Onyama Limba
1031James G GauchoArgentina2026-10-29Rousseaux, Michael Esq RENEWAL45Ivan Magalhaes
1032Octavia K PaprockiSpain2026-11-01Printing Dimensions NEGOTIATION95Xuxue Feng
1033Darci M CampainUnited Kingdom2026-10-24Printing Dimensions NEGOTIATION15Xuxue Feng
1034Aika A FlosiAustralia2026-11-01Commercial Press PROPOSAL63Ivan Magalhaes
1035Maisha H PerinItaly2026-10-12Feltz Printing Service RENEWAL69Ivan Magalhaes
1036Costa T DarakjyCanada2026-10-19Chemel, James L Cpa UNQUALIFIED1Ivan Magalhaes
1037Leja N MaletGermany2026-10-12Truhlar And Truhlar Attys QUALIFIED33Elwin Sharvill
1038Chavez D NickaFrance2026-10-27Chapman, Ross E Esq NEGOTIATION17Asiya Javayant
1039Claire T FerenczIndia2026-10-31Feiner Bros RENEWAL50Elwin Sharvill
1040Adams T VocelkaGermany2026-10-28Rousseaux, Michael Esq QUALIFIED7Anna Fali
1041Mayumi Z TollnerBrazil2026-10-18Buckley Miller Wright PROPOSAL85Stephen Shaw
1042Aika I InouyeSpain2026-10-30Benton, John B Jr PROPOSAL46Xuxue Feng
1043Salvatore P GarufiFrance2026-10-06Rousseaux, Michael Esq QUALIFIED13Amy Elsner
1044Sinclair W ButtArgentina2026-10-24Feltz Printing Service PROPOSAL22Onyama Limba
1045Arvin L CaudyJapan2026-10-31Commercial Press RENEWAL66Anna Fali
1046Ashley N MacleadIndia2026-10-22Benton, John B Jr NEW43Stephen Shaw
1047Adams T WieserCanada2026-10-27Morlong Associates QUALIFIED60Ioni Bowcher
1048Jennifer C GlickSpain2026-10-29Rangoni Of Florence RENEWAL97Amy Elsner
1049Darci H PerinFrance2026-10-15Truhlar And Truhlar Attys NEGOTIATION35Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Munro D DarakjyRussiaBernardo Dominic NEW
Darci J GillianSpainElwin Sharvill NEGOTIATION
Ivar R NestleSpainOnyama Limba QUALIFIED
Misaki D SlusarskiUnited KingdomElwin Sharvill PROPOSAL
Jennifer Z BologniaAustraliaStephen Shaw NEW
Jefferson I ButtUnited KingdomIvan Magalhaes PROPOSAL
Silvio S NickaSpainIvan Magalhaes QUALIFIED
Nicolas B StensethFranceAsiya Javayant RENEWAL
Claire T NestleGermanyIoni Bowcher NEW
Leon T DoeItalyAnna Fali NEW
Greenwood O ButtSpainStephen Shaw RENEWAL
Silvio G NickaIndiaElwin Sharvill RENEWAL
Cody Z ChuiRussiaXuxue Feng RENEWAL
Johnson A WaycottAustraliaOnyama Limba UNQUALIFIED
Aika X MarrierItalyBernardo Dominic RENEWAL
Stacey A CaldareraGermanyAsiya Javayant NEGOTIATION
Salvatore R DarakjyJapanOnyama Limba UNQUALIFIED
Mayumi L SergiCanadaOnyama Limba QUALIFIED
Silvio Y AlbaresSpainElwin Sharvill RENEWAL
Cody A NickaCanadaXuxue Feng NEW
Adams B WaycottSpainAmy Elsner RENEWAL
Jones J CaldareraArgentinaIoni Bowcher NEW
David B MaletCanadaAmy Elsner NEGOTIATION
Leja F WaycottSpainOnyama Limba NEGOTIATION
Francesco G FerenczFranceElwin Sharvill RENEWAL
Clifford W AmigonAustraliaStephen Shaw PROPOSAL
Greenwood A BriddickRussiaElwin Sharvill RENEWAL
Arvin S ChuiAustraliaBernardo Dominic NEW
Jones L MaletArgentinaAsiya Javayant NEW
Smith E WieserJapanIoni Bowcher UNQUALIFIED
Mayumi U DarakjyJapanIvan Magalhaes RENEWAL
Misaki N VocelkaJapanAsiya Javayant UNQUALIFIED
Murillo N RulapaughGermanyXuxue Feng PROPOSAL
Ivar C MarrierIndiaBernardo Dominic QUALIFIED
Ricardo U KolmetzArgentinaAsiya Javayant PROPOSAL
Jeanfrancois Y GauchoAustraliaIvan Magalhaes NEGOTIATION
Morrow K AlbaresGermanyElwin Sharvill NEGOTIATION
Kadeem D MorascaGermanyAnna Fali NEGOTIATION
Leja R TollnerIndiaIoni Bowcher UNQUALIFIED
Nicolas J GarufiIndiaElwin Sharvill PROPOSAL
Salvatore V KuskoCanadaBernardo Dominic NEGOTIATION
Jones T GlickUnited KingdomAmy Elsner RENEWAL
Clifford V VenereBrazilIvan Magalhaes RENEWAL
Alejandro R PoquetteRussiaElwin Sharvill RENEWAL
Izzy X WhobreyItalyAsiya Javayant NEW
Mujtaba R PaprockiIndiaAmy Elsner QUALIFIED
Leon D PoquetteSpainAsiya Javayant QUALIFIED
David D RulapaughCanadaElwin Sharvill NEGOTIATION
Jeanfrancois V WieserIndiaOnyama Limba PROPOSAL
Munro H WaycottBrazilIvan Magalhaes RENEWAL
Frozen Columns
Name
Wickens O Dilliard
Wickens O Morasca
Octavia A Campain
Murillo A Poquette
Maria U Chui
Maisha D Stockham
Deepesh B Campain
Chavez W Oldroyd
David K Kusko
Wickens M Whobrey
Jeanfrancois O Foller
Jones K Maclead
Adams H Sergi
Jennifer W Dilliard
Sinclair F Schemmer
James S Stockham
David J Gaucho
David V Nicka
Francesco K Rim
Salvatore Q Iturbide
Jones F Poquette
Ricardo M Waycott
Misaki V Ostrosky
Johnson P Maclead
Ashley A Tollner
Cody G Marrier
Morrow K Rim
Smith B Marrier
Octavia Q Inouye
Nicolas Y Caldarera
Chavez K Nestle
Mujtaba S Chui
Alejandro A Butt
Isabel L Foller
Aruna T Nicka
Morrow L Doe
Johnson B Stockham
Mujtaba K Bolognia
Stacey A Kolmetz
Clifford N Bowley
Julie Z Rulapaugh
Smith Y Perin
David Q Perin
Mujtaba C Doe
Ashley C Morasca
Ricardo R Darakjy
Cody I Amigon
Silvio N Perin
Juan S Caudy
Jefferson L Iturbide
IdCountryDate
1000India2026-10-25
1001India2026-10-29
1002Germany2026-10-14
1003Argentina2026-10-07
1004Germany2026-11-03
1005Russia2026-10-11
1006Russia2026-10-23
1007Canada2026-11-02
1008United Kingdom2026-10-25
1009Russia2026-10-09
1010Japan2026-10-27
1011France2026-11-03
1012India2026-10-06
1013Spain2026-10-25
1014Italy2026-10-19
1015Argentina2026-10-22
1016Australia2026-10-10
1017India2026-10-15
1018United Kingdom2026-10-26
1019India2026-10-13
1020United Kingdom2026-10-26
1021Germany2026-10-27
1022Argentina2026-10-17
1023Spain2026-10-05
1024Russia2026-10-25
1025United Kingdom2026-11-02
1026Russia2026-10-26
1027India2026-10-17
1028Brazil2026-10-25
1029Australia2026-10-24
1030United Kingdom2026-10-21
1031United Kingdom2026-11-03
1032Spain2026-10-06
1033Spain2026-11-03
1034India2026-10-16
1035Russia2026-10-31
1036United Kingdom2026-10-18
1037Russia2026-10-06
1038Germany2026-10-12
1039Italy2026-10-25
1040Brazil2026-10-30
1041Brazil2026-10-18
1042United Kingdom2026-11-02
1043Argentina2026-10-26
1044United Kingdom2026-10-31
1045Japan2026-10-17
1046Japan2026-10-19
1047Italy2026-10-26
1048Italy2026-10-18
1049Italy2026-10-21

On-Demand Data

NameIdCountryDate
Kaitlin D Malet1000Germany2026-10-27
Leja P Dilliard1001France2026-10-28
Claire H Darakjy1002United Kingdom2026-10-06
Sinclair N Gaucho1003France2026-10-23
Claire R Royster1004Australia2026-10-16
Murillo C Wieser1005Argentina2026-10-22
Murillo C Bolognia1006Germany2026-10-12
Aika E Foller1007Spain2026-10-30
Misaki Q Doe1008India2026-10-19
Maisha I Garufi1009Brazil2026-10-23
Smith E Oldroyd1010Australia2026-10-26
Cody B Caudy1011France2026-11-02
Antonio K Paprocki1012Canada2026-11-01
Rodrigues J Waycott1013Italy2026-10-27
Chavez O Bolognia1014Canada2026-10-18
Arvin M Saylors1015Brazil2026-10-23
Kaitlin A Saylors1016Japan2026-11-02
Octavia H Kolmetz1017Russia2026-10-18
Sinclair O Wieser1018Australia2026-10-31
Murillo Q Caudy1019Italy2026-10-17
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Misaki K MarrierIndiaOnyama Limba UNQUALIFIED
Claire Q GillianItalyAnna Fali QUALIFIED
Morrow T RimSpainBernardo Dominic PROPOSAL
Faith T RoysterItalyElwin Sharvill QUALIFIED
Jeanfrancois M ShinkoJapanIvan Magalhaes NEW
Octavia S SchemmerArgentinaAnna Fali QUALIFIED
Silvio G KolmetzSpainAnna Fali QUALIFIED
Julie F MaletItalyOnyama Limba RENEWAL
Sinclair A FlosiSpainElwin Sharvill PROPOSAL
Octavia S ShinkoAustraliaElwin Sharvill PROPOSAL
Kadeem N VenereFranceStephen Shaw NEW
Nicolas Y KolmetzIndiaAnna Fali RENEWAL
Octavia M VocelkaBrazilStephen Shaw PROPOSAL
Misaki R FlosiUnited KingdomAsiya Javayant NEW
Clifford N MarrierSpainBernardo Dominic UNQUALIFIED
Kaitlin L DilliardFranceAsiya Javayant RENEWAL
Jones K FerenczGermanyStephen Shaw NEGOTIATION
Wickens E AmigonItalyBernardo Dominic UNQUALIFIED
Adams H AlbaresCanadaAnna Fali PROPOSAL
David A KolmetzSpainAmy Elsner UNQUALIFIED
Aditya D WieserIndiaXuxue Feng QUALIFIED
Munro O RoysterJapanIoni Bowcher PROPOSAL
Nicolas I CaldareraSpainElwin Sharvill RENEWAL
Claire Y RutaIndiaAnna Fali QUALIFIED
Leja Z SaylorsItalyElwin Sharvill NEGOTIATION
Wickens S WaycottCanadaAnna Fali QUALIFIED
Jefferson J OldroydRussiaElwin Sharvill UNQUALIFIED
Silvio Z PaprockiRussiaAmy Elsner UNQUALIFIED
Leja G NestleArgentinaXuxue Feng RENEWAL
David M BowleyGermanyBernardo Dominic NEW
Arvin M IturbideCanadaAsiya Javayant NEGOTIATION
Murillo S BologniaIndiaBernardo Dominic QUALIFIED
Rodrigues R SaylorsBrazilAmy Elsner QUALIFIED
Alejandro W IturbideGermanyAnna Fali QUALIFIED
Johnson N AlbaresRussiaElwin Sharvill PROPOSAL
Izzy V RutaArgentinaAmy Elsner UNQUALIFIED
Jeanfrancois A GillianJapanXuxue Feng RENEWAL
Aditya F SchemmerSpainOnyama Limba RENEWAL
Greenwood D PaprockiSpainAmy Elsner UNQUALIFIED
Johnson R RulapaughIndiaAnna 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>