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 G KuskoGermanyBernardo Dominic NEW
Faith T ButtFranceBernardo Dominic RENEWAL
James L MaletJapanBernardo Dominic PROPOSAL
Leja D CampainAustraliaAmy Elsner PROPOSAL
James N WieserGermanyXuxue Feng PROPOSAL
David J AlbaresIndiaIvan Magalhaes UNQUALIFIED
Smith W SergiBrazilAsiya Javayant PROPOSAL
Mujtaba V ShinkoIndiaAmy Elsner NEW
Alejandro Z DilliardGermanyAmy Elsner UNQUALIFIED
Sinclair Y StockhamArgentinaIvan Magalhaes UNQUALIFIED
Antonio J InouyeUnited KingdomOnyama Limba NEW
Julie R MaletIndiaOnyama Limba NEGOTIATION
Francesco Z AlbaresAustraliaIoni Bowcher UNQUALIFIED
Alejandro B BowleyItalyIoni Bowcher NEGOTIATION
Stacey P OldroydSpainAsiya Javayant NEW
Johnson B BowleyJapanAmy Elsner NEW
Clifford I GlickCanadaOnyama Limba NEGOTIATION
Deepesh D NickaArgentinaAmy Elsner PROPOSAL
Jones P KuskoGermanyStephen Shaw RENEWAL
James H GarufiAustraliaAnna Fali NEW
Antonio S StockhamBrazilAmy Elsner NEGOTIATION
Sinclair Y OldroydJapanIvan Magalhaes NEW
Emily T DilliardBrazilXuxue Feng PROPOSAL
Arvin W PaprockiArgentinaAnna Fali QUALIFIED
Morrow F GauchoFranceIvan Magalhaes NEGOTIATION
Wickens R GillianCanadaElwin Sharvill RENEWAL
Sinclair O RutaItalyBernardo Dominic UNQUALIFIED
Leon W TollnerIndiaIvan Magalhaes UNQUALIFIED
David T IturbideSpainIoni Bowcher RENEWAL
Chavez O DarakjySpainElwin Sharvill UNQUALIFIED
Antonio V AmigonIndiaElwin Sharvill NEGOTIATION
Greenwood F VenereSpainElwin Sharvill RENEWAL
Leon M StockhamSpainAmy Elsner NEW
Wickens N DarakjyAustraliaAnna Fali PROPOSAL
Julie V GarufiFranceIvan Magalhaes PROPOSAL
Kaitlin A FlosiRussiaElwin Sharvill PROPOSAL
Emily T GauchoSpainAnna Fali RENEWAL
Ivar E RulapaughJapanIvan Magalhaes PROPOSAL
Faith Z ButtAustraliaElwin Sharvill UNQUALIFIED
Chavez Q ShinkoAustraliaAmy Elsner UNQUALIFIED
Tony L GlickBrazilStephen Shaw UNQUALIFIED
Rodrigues R ShinkoUnited KingdomElwin Sharvill NEGOTIATION
Clifford O StensethArgentinaElwin Sharvill PROPOSAL
Greenwood H StensethArgentinaAsiya Javayant PROPOSAL
Jeanfrancois D BologniaIndiaAnna Fali PROPOSAL
Ivar E KuskoFranceAnna Fali NEGOTIATION
Rodrigues K SaylorsUnited KingdomAnna Fali QUALIFIED
Aika E PerinArgentinaOnyama Limba RENEWAL
Jennifer S OldroydItalyXuxue Feng UNQUALIFIED
Octavia T WaycottGermanyAmy Elsner NEW
Horizontal
NameCountryRepresentativeStatus
Aika N MarrierBrazilXuxue Feng QUALIFIED
Aditya J RutaUnited KingdomAmy Elsner NEW
Leon V MacleadFranceStephen Shaw NEW
Costa Z PerinArgentinaAsiya Javayant RENEWAL
Alejandro I AlbaresSpainIoni Bowcher QUALIFIED
Rodrigues R WhobreyFranceIoni Bowcher PROPOSAL
Nicolas D BriddickBrazilAsiya Javayant PROPOSAL
Leon C FerenczIndiaStephen Shaw UNQUALIFIED
Costa H ShinkoFranceAmy Elsner UNQUALIFIED
James O NestleGermanyAsiya Javayant QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Cody P MarrierCanada2026-11-06Rangoni Of Florence UNQUALIFIED31Amy Elsner
1001Isabel A FerenczAustralia2026-11-09Rangoni Of Florence QUALIFIED28Onyama Limba
1002Leja N DoeRussia2026-10-26Chanay, Jeffrey A Esq NEGOTIATION23Xuxue Feng
1003Silvio R StensethFrance2026-11-07Rousseaux, Michael Esq QUALIFIED7Ivan Magalhaes
1004Greenwood G RutaAustralia2026-11-03Chanay, Jeffrey A Esq NEGOTIATION80Ioni Bowcher
1005David D BologniaCanada2026-11-09Rousseaux, Michael Esq PROPOSAL10Anna Fali
1006Wickens H VocelkaItaly2026-10-15King, Christopher A Esq QUALIFIED1Asiya Javayant
1007Nicolas N FlosiSpain2026-10-19Morlong Associates QUALIFIED71Xuxue Feng
1008Adams C FlosiItaly2026-11-02Chanay, Jeffrey A Esq UNQUALIFIED70Anna Fali
1009Kadeem B NickaBrazil2026-10-22Truhlar And Truhlar Attys UNQUALIFIED88Anna Fali
1010Mujtaba B BriddickGermany2026-10-22Rangoni Of Florence QUALIFIED9Amy Elsner
1011Maisha G OldroydCanada2026-10-28Morlong Associates RENEWAL50Ivan Magalhaes
1012Mujtaba S RutaIndia2026-10-24Dorl, James J Esq NEGOTIATION54Xuxue Feng
1013Faith G FerenczCanada2026-10-30Dorl, James J Esq UNQUALIFIED56Ivan Magalhaes
1014Cody Z DilliardIndia2026-11-04Printing Dimensions RENEWAL90Elwin Sharvill
1015Chavez C CaldareraSpain2026-10-29Truhlar And Truhlar Attys PROPOSAL15Ivan Magalhaes
1016Octavia U SchemmerIndia2026-11-09Morlong Associates RENEWAL13Bernardo Dominic
1017Aruna I RimBrazil2026-10-16Buckley Miller Wright UNQUALIFIED42Asiya Javayant
1018Leon M StensethRussia2026-10-20Benton, John B Jr UNQUALIFIED25Asiya Javayant
1019Costa N GlickBrazil2026-10-20Rangoni Of Florence NEW66Stephen Shaw
1020Francesco P PaprockiItaly2026-10-17Commercial Press RENEWAL13Amy Elsner
1021Johnson D FlosiUnited Kingdom2026-10-30Chanay, Jeffrey A Esq PROPOSAL20Amy Elsner
1022Deepesh H VocelkaGermany2026-11-03Feltz Printing Service NEW50Ioni Bowcher
1023Ricardo G FigeroaGermany2026-10-15Dorl, James J Esq UNQUALIFIED8Xuxue Feng
1024Deepesh R VenereAustralia2026-11-05Rousseaux, Michael Esq RENEWAL35Anna Fali
1025Ricardo F ShinkoArgentina2026-10-15Chanay, Jeffrey A Esq QUALIFIED17Stephen Shaw
1026Jennifer D RimAustralia2026-11-02Morlong Associates NEW48Stephen Shaw
1027Jeanfrancois N RimJapan2026-11-12Rousseaux, Michael Esq PROPOSAL59Elwin Sharvill
1028Leon Z FlosiJapan2026-10-20Feiner Bros PROPOSAL10Onyama Limba
1029Silvio S BowleyRussia2026-11-12Feiner Bros RENEWAL83Amy Elsner
1030Silvio J StensethUnited Kingdom2026-10-31Rangoni Of Florence QUALIFIED80Amy Elsner
1031Rodrigues M RoysterGermany2026-10-29Morlong Associates NEW46Asiya Javayant
1032Leja K SergiCanada2026-10-30Feltz Printing Service NEW35Elwin Sharvill
1033Munro E ButtBrazil2026-11-06Commercial Press PROPOSAL62Asiya Javayant
1034Aruna C CaldareraUnited Kingdom2026-11-05Morlong Associates QUALIFIED81Ivan Magalhaes
1035Cody Q ButtCanada2026-11-07Chanay, Jeffrey A Esq PROPOSAL44Ioni Bowcher
1036Misaki Q NickaGermany2026-10-24Benton, John B Jr UNQUALIFIED31Asiya Javayant
1037Misaki K KuskoArgentina2026-10-20Rousseaux, Michael Esq PROPOSAL73Elwin Sharvill
1038Aika V MacleadGermany2026-10-17Dorl, James J Esq QUALIFIED28Ioni Bowcher
1039Tony M PerinRussia2026-10-24Truhlar And Truhlar Attys RENEWAL93Stephen Shaw
1040Sinclair O SlusarskiItaly2026-10-27Rousseaux, Michael Esq NEW19Onyama Limba
1041Izzy B PaprockiCanada2026-11-09Feiner Bros QUALIFIED71Asiya Javayant
1042Misaki M KuskoGermany2026-10-19Commercial Press RENEWAL60Xuxue Feng
1043Mayumi M WaycottRussia2026-10-29Feiner Bros UNQUALIFIED36Amy Elsner
1044Stacey Y SaylorsSpain2026-10-16Feltz Printing Service NEGOTIATION59Anna Fali
1045Aika A FigeroaItaly2026-11-10Rangoni Of Florence QUALIFIED30Ivan Magalhaes
1046Aditya H DarakjySpain2026-10-16Feiner Bros NEGOTIATION27Asiya Javayant
1047Leja I SaylorsAustralia2026-10-16Buckley Miller Wright NEW38Ivan Magalhaes
1048Jeanfrancois O BologniaCanada2026-11-06Morlong Associates QUALIFIED61Bernardo Dominic
1049Faith Z SaylorsFrance2026-10-20Printing Dimensions NEGOTIATION15Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Darci M PaprockiIndiaIoni Bowcher PROPOSAL
Mujtaba T CaldareraJapanAnna Fali NEW
Deepesh W CaudyJapanStephen Shaw PROPOSAL
Tony G GauchoIndiaAmy Elsner NEGOTIATION
Faith P NickaSpainElwin Sharvill PROPOSAL
Adams U OstroskyRussiaXuxue Feng PROPOSAL
David Q RulapaughAustraliaBernardo Dominic PROPOSAL
Darci V DarakjyJapanAnna Fali PROPOSAL
Salvatore Z GarufiSpainBernardo Dominic NEW
Deepesh X CampainJapanIvan Magalhaes UNQUALIFIED
Munro H WieserBrazilElwin Sharvill NEW
Jones M CaldareraJapanIvan Magalhaes PROPOSAL
Aruna I GarufiBrazilStephen Shaw UNQUALIFIED
Nicolas X NestleIndiaAmy Elsner UNQUALIFIED
Emily P OldroydArgentinaBernardo Dominic NEGOTIATION
Alejandro Q ChuiBrazilBernardo Dominic PROPOSAL
Deepesh A IturbideJapanElwin Sharvill UNQUALIFIED
Johnson H BowleySpainXuxue Feng PROPOSAL
Ricardo A BowleyIndiaIoni Bowcher NEW
Julie T DilliardUnited KingdomBernardo Dominic NEGOTIATION
Wickens C VenereJapanStephen Shaw NEW
Leon J SaylorsUnited KingdomIoni Bowcher PROPOSAL
Kaitlin F GlickAustraliaIvan Magalhaes PROPOSAL
James I PoquetteAustraliaAsiya Javayant PROPOSAL
Adams X PerinGermanyXuxue Feng NEGOTIATION
Jefferson S RulapaughUnited KingdomAsiya Javayant PROPOSAL
Alejandro N RutaFranceIoni Bowcher QUALIFIED
James C DoeGermanyOnyama Limba PROPOSAL
Antonio C PaprockiJapanIoni Bowcher RENEWAL
Stacey J WieserIndiaIoni Bowcher NEGOTIATION
Morrow H RoysterFranceAmy Elsner NEGOTIATION
Ricardo K NestleUnited KingdomAnna Fali PROPOSAL
Greenwood X PoquetteItalyXuxue Feng QUALIFIED
Jefferson P KuskoRussiaElwin Sharvill UNQUALIFIED
Johnson G MorascaIndiaOnyama Limba QUALIFIED
Jefferson N RoysterArgentinaStephen Shaw UNQUALIFIED
Leja T MarrierAustraliaBernardo Dominic NEW
Francesco Z ButtItalyAnna Fali PROPOSAL
Claire F StensethJapanXuxue Feng RENEWAL
Julie U AmigonBrazilAsiya Javayant PROPOSAL
Aika Z PoquetteIndiaXuxue Feng PROPOSAL
Greenwood A CaldareraAustraliaBernardo Dominic NEGOTIATION
Sinclair P GarufiGermanyAmy Elsner NEW
Clifford K WhobreyJapanOnyama Limba PROPOSAL
Claire L BologniaArgentinaAsiya Javayant PROPOSAL
Greenwood S GillianSpainIoni Bowcher UNQUALIFIED
Darci H WaycottCanadaOnyama Limba PROPOSAL
Sinclair Z KuskoRussiaAmy Elsner RENEWAL
Adams K DarakjyRussiaElwin Sharvill NEGOTIATION
Claire R SlusarskiJapanAnna Fali QUALIFIED
Frozen Columns
Name
Francesco O Inouye
Greenwood L Nicka
Costa Q Garufi
Salvatore Y Glick
Maria E Sergi
Greenwood E Caudy
Juan W Paprocki
Octavia V Whobrey
Silvio U Butt
Sinclair W Royster
Emily S Caldarera
Morrow Q Poquette
James N Waycott
Maria M Poquette
Cody A Caldarera
Aruna V Whobrey
Claire G Wieser
Faith G Gaucho
Cody C Glick
Sinclair R Gillian
Kadeem G Ostrosky
Nicolas Y Paprocki
Maria G Marrier
Sinclair Q Campain
Costa C Tollner
Adams N Bowley
Arvin V Venere
Greenwood F Ruta
Mayumi U Amigon
Nicolas H Ferencz
Juan K Sergi
Mujtaba B Waycott
Smith W Caudy
Tony K Bowley
Jennifer P Vocelka
Greenwood W Caldarera
Murillo B Malet
Arvin H Nestle
Johnson F Maclead
Ricardo V Nestle
Isabel A Iturbide
Morrow C Ferencz
Julie H Iturbide
Julie A Nicka
Jones E Kusko
Leon X Bolognia
Cody P Ostrosky
Clifford M Malet
Ricardo P Inouye
Octavia O Amigon
IdCountryDate
1000Australia2026-10-20
1001Japan2026-10-15
1002Russia2026-10-19
1003Japan2026-10-19
1004Russia2026-10-28
1005Germany2026-11-01
1006Germany2026-10-24
1007Canada2026-11-02
1008United Kingdom2026-10-17
1009Argentina2026-10-21
1010Russia2026-10-26
1011Canada2026-10-28
1012France2026-10-29
1013Germany2026-10-14
1014United Kingdom2026-11-08
1015France2026-11-03
1016Australia2026-11-08
1017Spain2026-10-15
1018Germany2026-10-14
1019Argentina2026-10-15
1020Germany2026-10-30
1021Spain2026-11-12
1022Brazil2026-10-24
1023Italy2026-10-20
1024Australia2026-10-18
1025India2026-11-04
1026Argentina2026-11-02
1027Germany2026-10-26
1028Italy2026-10-30
1029Brazil2026-10-29
1030Australia2026-10-20
1031India2026-10-16
1032Spain2026-11-02
1033Spain2026-10-25
1034Argentina2026-11-09
1035Italy2026-11-01
1036Russia2026-10-18
1037Canada2026-11-02
1038Japan2026-11-11
1039Italy2026-10-19
1040India2026-10-24
1041Australia2026-11-12
1042Italy2026-10-24
1043Canada2026-11-02
1044Brazil2026-11-10
1045Brazil2026-10-25
1046Russia2026-10-26
1047India2026-10-19
1048Japan2026-10-23
1049Japan2026-10-29

On-Demand Data

NameIdCountryDate
Kaitlin L Iturbide1000Germany2026-10-28
Julie H Foller1001United Kingdom2026-11-06
Kadeem A Poquette1002Spain2026-11-09
Darci C Maclead1003Japan2026-10-28
Alejandro B Darakjy1004Canada2026-10-28
Claire A Caldarera1005Japan2026-10-15
Aruna L Ferencz1006France2026-10-30
Salvatore L Butt1007Russia2026-11-05
James F Poquette1008Italy2026-10-23
Leja Q Gillian1009Japan2026-11-09
Costa Z Briddick1010Japan2026-10-21
Ricardo F Caudy1011Australia2026-11-10
Costa H Rim1012Russia2026-11-09
Emily B Malet1013Australia2026-10-16
Kaitlin N Albares1014Brazil2026-10-31
Chavez L Gillian1015Japan2026-10-15
Aika L Perin1016Argentina2026-10-22
Wickens E Gillian1017Italy2026-10-15
Murillo Q Ostrosky1018India2026-10-23
Costa Q Morasca1019Australia2026-10-20
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Wickens V ButtFranceIoni Bowcher UNQUALIFIED
Morrow M CampainSpainIvan Magalhaes UNQUALIFIED
David U CaldareraSpainIoni Bowcher PROPOSAL
Alejandro H MarrierIndiaAmy Elsner RENEWAL
Izzy Y KuskoUnited KingdomAsiya Javayant PROPOSAL
Ashley Q RimRussiaElwin Sharvill RENEWAL
Aruna Q BriddickUnited KingdomElwin Sharvill PROPOSAL
Maria U RimIndiaXuxue Feng UNQUALIFIED
Izzy B ButtAustraliaOnyama Limba NEGOTIATION
Cody W GlickAustraliaIvan Magalhaes RENEWAL
Costa S IturbideSpainStephen Shaw QUALIFIED
Morrow L PerinGermanyIvan Magalhaes NEW
Leon S FollerRussiaIvan Magalhaes NEW
Octavia P RoysterFranceIoni Bowcher QUALIFIED
Morrow D AlbaresJapanOnyama Limba NEGOTIATION
Ricardo U SergiIndiaXuxue Feng RENEWAL
Costa W AmigonJapanStephen Shaw RENEWAL
Smith T MaletArgentinaAnna Fali UNQUALIFIED
Kaitlin B SlusarskiJapanAnna Fali UNQUALIFIED
Jones Z SlusarskiItalyIvan Magalhaes RENEWAL
Isabel S GarufiItalyIoni Bowcher PROPOSAL
Greenwood N StockhamFranceStephen Shaw NEGOTIATION
Jefferson T MacleadJapanIvan Magalhaes NEGOTIATION
Octavia G InouyeRussiaXuxue Feng PROPOSAL
Chavez W FerenczBrazilAsiya Javayant NEGOTIATION
Greenwood O PerinItalyOnyama Limba NEGOTIATION
Antonio G FerenczGermanyOnyama Limba NEW
Jefferson U PoquetteSpainStephen Shaw RENEWAL
Wickens B WhobreyAustraliaAmy Elsner UNQUALIFIED
Octavia R SaylorsArgentinaBernardo Dominic NEGOTIATION
Darci S FerenczBrazilStephen Shaw PROPOSAL
Jeanfrancois B WhobreyRussiaStephen Shaw QUALIFIED
Kadeem N WhobreyRussiaBernardo Dominic NEW
Julie L GillianAustraliaAsiya Javayant RENEWAL
Smith D OstroskyRussiaAnna Fali UNQUALIFIED
Emily P VocelkaJapanAsiya Javayant PROPOSAL
Julie Y CaudyRussiaAnna Fali RENEWAL
Leon S InouyeIndiaIvan Magalhaes QUALIFIED
Johnson U SchemmerAustraliaAsiya Javayant NEGOTIATION
Misaki A PaprockiIndiaAsiya Javayant RENEWAL

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