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
Sinclair C GillianSpainBernardo Dominic PROPOSAL
Jennifer N WaycottItalyAsiya Javayant QUALIFIED
Nicolas N CaldareraArgentinaAsiya Javayant RENEWAL
Clifford M GillianArgentinaAnna Fali NEGOTIATION
Rodrigues T MorascaUnited KingdomIvan Magalhaes NEW
Greenwood A BologniaAustraliaAsiya Javayant QUALIFIED
Claire R NestleIndiaBernardo Dominic PROPOSAL
Clifford F SchemmerAustraliaElwin Sharvill PROPOSAL
Mayumi J GlickAustraliaAsiya Javayant QUALIFIED
Stacey J MaletIndiaAnna Fali QUALIFIED
Aruna P VenereRussiaAnna Fali NEGOTIATION
Izzy U PoquetteFranceAmy Elsner RENEWAL
Chavez J StockhamUnited KingdomAmy Elsner NEGOTIATION
Nicolas I IturbideItalyAnna Fali RENEWAL
Octavia Y WhobreyCanadaStephen Shaw RENEWAL
Ricardo G RutaGermanyAmy Elsner NEW
Arvin L WieserAustraliaBernardo Dominic RENEWAL
James Q CampainGermanyStephen Shaw PROPOSAL
Greenwood W DarakjyIndiaAsiya Javayant RENEWAL
Leja Q NestleIndiaXuxue Feng UNQUALIFIED
Salvatore V SchemmerBrazilBernardo Dominic PROPOSAL
Ivar P SchemmerSpainXuxue Feng NEGOTIATION
Jefferson C BowleySpainOnyama Limba PROPOSAL
Leja O WieserRussiaElwin Sharvill NEW
Stacey O DilliardGermanyAnna Fali RENEWAL
Maisha Y ChuiBrazilElwin Sharvill QUALIFIED
Jeanfrancois Z GlickUnited KingdomAmy Elsner NEGOTIATION
Munro D CampainIndiaAnna Fali QUALIFIED
Mayumi G GillianRussiaIoni Bowcher NEGOTIATION
Emily F MarrierBrazilIvan Magalhaes NEW
Claire X WhobreyRussiaAsiya Javayant NEW
Adams A ShinkoItalyOnyama Limba UNQUALIFIED
Kadeem P FigeroaBrazilAsiya Javayant NEGOTIATION
Salvatore X ChuiUnited KingdomIoni Bowcher PROPOSAL
David O BologniaRussiaOnyama Limba PROPOSAL
Rodrigues R NestleAustraliaIvan Magalhaes NEW
Francesco Z StockhamJapanIoni Bowcher NEW
Misaki X GauchoCanadaIvan Magalhaes RENEWAL
Munro J WieserUnited KingdomAsiya Javayant NEW
Francesco X PoquetteArgentinaAnna Fali PROPOSAL
Kadeem U MacleadAustraliaOnyama Limba NEGOTIATION
Aika B NestleIndiaXuxue Feng NEW
Aika V IturbideUnited KingdomAsiya Javayant QUALIFIED
Kaitlin S GlickUnited KingdomIoni Bowcher NEW
Kaitlin T WhobreyItalyOnyama Limba NEW
Johnson S AlbaresCanadaIvan Magalhaes NEGOTIATION
Tony D BologniaAustraliaAnna Fali NEW
Jefferson V FigeroaSpainAsiya Javayant NEW
Jeanfrancois H StockhamUnited KingdomAnna Fali NEW
Mayumi T GauchoJapanXuxue Feng PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Octavia Z DilliardBrazilIoni Bowcher PROPOSAL
Claire I KolmetzBrazilXuxue Feng QUALIFIED
Silvio Y IturbideUnited KingdomIvan Magalhaes PROPOSAL
Ricardo P WhobreyAustraliaIvan Magalhaes NEW
Claire R GarufiGermanyBernardo Dominic NEGOTIATION
Silvio Q ChuiRussiaIvan Magalhaes QUALIFIED
Jennifer X RoysterGermanyStephen Shaw NEW
Murillo Q MacleadAustraliaIoni Bowcher NEGOTIATION
Arvin F KolmetzArgentinaIvan Magalhaes NEGOTIATION
Jeanfrancois U WaycottCanadaXuxue Feng NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Isabel G PerinArgentina2026-09-09Morlong Associates NEW82Xuxue Feng
1001Mujtaba D NestleItaly2026-09-30Rangoni Of Florence NEGOTIATION8Anna Fali
1002Smith R BologniaArgentina2026-09-22King, Christopher A Esq NEW48Ivan Magalhaes
1003Claire C CaudyItaly2026-10-01King, Christopher A Esq PROPOSAL23Anna Fali
1004Aditya U GauchoBrazil2026-09-17Feltz Printing Service NEGOTIATION31Anna Fali
1005Kadeem W RoysterIndia2026-10-06Truhlar And Truhlar Attys NEW64Onyama Limba
1006Salvatore K WieserItaly2026-09-12Dorl, James J Esq NEGOTIATION52Stephen Shaw
1007Sinclair O MaletIndia2026-09-18Feiner Bros QUALIFIED59Amy Elsner
1008Isabel M CampainCanada2026-09-29Chapman, Ross E Esq RENEWAL49Amy Elsner
1009Leja Y DilliardArgentina2026-10-04Chapman, Ross E Esq QUALIFIED96Onyama Limba
1010Antonio N StensethBrazil2026-09-23Commercial Press PROPOSAL99Stephen Shaw
1011Munro V OstroskyAustralia2026-09-16Chanay, Jeffrey A Esq UNQUALIFIED86Ioni Bowcher
1012Leja Y StensethRussia2026-10-04Chemel, James L Cpa QUALIFIED95Ioni Bowcher
1013Stacey J AmigonUnited Kingdom2026-10-05Dorl, James J Esq NEGOTIATION10Elwin Sharvill
1014Ashley L AmigonCanada2026-09-25Buckley Miller Wright RENEWAL22Xuxue Feng
1015Kadeem F CaldareraUnited Kingdom2026-09-19Chanay, Jeffrey A Esq NEGOTIATION19Ioni Bowcher
1016Smith C DarakjyCanada2026-09-29Feiner Bros UNQUALIFIED19Elwin Sharvill
1017Stacey W CaldareraBrazil2026-09-24Printing Dimensions QUALIFIED84Anna Fali
1018Kadeem P ChuiSpain2026-09-10Rousseaux, Michael Esq NEW87Bernardo Dominic
1019Ricardo K GlickJapan2026-10-06Dorl, James J Esq UNQUALIFIED15Bernardo Dominic
1020Ricardo S SchemmerArgentina2026-09-21Chanay, Jeffrey A Esq UNQUALIFIED69Stephen Shaw
1021Ivar X DoeItaly2026-09-10Buckley Miller Wright UNQUALIFIED17Ivan Magalhaes
1022Emily K MorascaJapan2026-09-17Feiner Bros QUALIFIED91Asiya Javayant
1023Faith R BowleyGermany2026-09-13Printing Dimensions PROPOSAL58Asiya Javayant
1024James W WieserArgentina2026-09-25Buckley Miller Wright RENEWAL93Ioni Bowcher
1025Arvin V IturbideRussia2026-10-03Chanay, Jeffrey A Esq NEGOTIATION66Ioni Bowcher
1026Chavez H MorascaSpain2026-09-19Morlong Associates PROPOSAL33Amy Elsner
1027Francesco G VocelkaCanada2026-09-29Feiner Bros RENEWAL23Elwin Sharvill
1028Jennifer C OstroskyJapan2026-09-09Chanay, Jeffrey A Esq RENEWAL13Ivan Magalhaes
1029Jefferson Y IturbideBrazil2026-09-15Buckley Miller Wright NEW48Xuxue Feng
1030Emily D SergiArgentina2026-09-17Benton, John B Jr PROPOSAL61Stephen Shaw
1031Cody E FollerGermany2026-09-24Morlong Associates UNQUALIFIED28Amy Elsner
1032Emily E FollerAustralia2026-10-01Rousseaux, Michael Esq NEGOTIATION3Onyama Limba
1033Izzy X MaletBrazil2026-09-16Dorl, James J Esq RENEWAL13Bernardo Dominic
1034Kaitlin R TollnerJapan2026-10-03Commercial Press RENEWAL35Xuxue Feng
1035Mayumi P StensethIndia2026-09-07King, Christopher A Esq PROPOSAL78Amy Elsner
1036Sinclair S OldroydJapan2026-09-17Rousseaux, Michael Esq UNQUALIFIED53Xuxue Feng
1037Jeanfrancois X ChuiAustralia2026-10-06Buckley Miller Wright NEGOTIATION85Bernardo Dominic
1038Munro G RimIndia2026-09-20King, Christopher A Esq NEGOTIATION56Ioni Bowcher
1039Kaitlin G GlickJapan2026-10-02Morlong Associates PROPOSAL78Asiya Javayant
1040David L BowleyBrazil2026-10-04Feiner Bros NEW34Anna Fali
1041Aditya V MarrierUnited Kingdom2026-09-24Buckley Miller Wright UNQUALIFIED82Xuxue Feng
1042Kaitlin I KolmetzFrance2026-09-12Truhlar And Truhlar Attys NEGOTIATION38Asiya Javayant
1043Ashley N TollnerRussia2026-09-12Printing Dimensions NEGOTIATION42Bernardo Dominic
1044Munro W KuskoJapan2026-09-14Commercial Press NEGOTIATION22Bernardo Dominic
1045Munro A ChuiUnited Kingdom2026-09-30Feiner Bros PROPOSAL8Amy Elsner
1046Stacey L FigeroaUnited Kingdom2026-09-29Truhlar And Truhlar Attys NEW14Ivan Magalhaes
1047Clifford Z GauchoArgentina2026-09-08Feiner Bros PROPOSAL38Bernardo Dominic
1048Chavez I MarrierItaly2026-09-16Morlong Associates PROPOSAL51Ivan Magalhaes
1049Jefferson C KuskoItaly2026-09-18Rousseaux, Michael Esq NEW60Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Aruna A PerinJapanAmy Elsner NEW
Costa H MacleadFranceIvan Magalhaes NEW
Jefferson Y MaletGermanyAmy Elsner PROPOSAL
Juan O MaletUnited KingdomAmy Elsner PROPOSAL
Ricardo O OstroskyJapanXuxue Feng UNQUALIFIED
Johnson N MorascaUnited KingdomIvan Magalhaes QUALIFIED
Kadeem H DoeFranceElwin Sharvill NEW
Aruna Y MaletBrazilElwin Sharvill UNQUALIFIED
Stacey I MarrierGermanyBernardo Dominic UNQUALIFIED
Aika G WaycottFranceIvan Magalhaes UNQUALIFIED
Greenwood B KolmetzRussiaXuxue Feng PROPOSAL
Silvio G NickaFranceIvan Magalhaes QUALIFIED
Deepesh P FerenczAustraliaStephen Shaw RENEWAL
Ashley I WieserItalyAsiya Javayant UNQUALIFIED
Costa L MaletRussiaXuxue Feng NEGOTIATION
Ashley L GillianIndiaOnyama Limba QUALIFIED
Aditya N TollnerAustraliaAnna Fali QUALIFIED
Ricardo K MacleadBrazilElwin Sharvill RENEWAL
Adams H CampainAustraliaIoni Bowcher PROPOSAL
Smith E NickaSpainIoni Bowcher QUALIFIED
Claire N StockhamGermanyStephen Shaw NEGOTIATION
Izzy O MaletFranceStephen Shaw QUALIFIED
Sinclair U MacleadItalyStephen Shaw QUALIFIED
Isabel W AmigonCanadaAsiya Javayant UNQUALIFIED
Jennifer F PaprockiRussiaAnna Fali NEW
Adams B CaudyArgentinaStephen Shaw NEW
Salvatore P WaycottGermanyAsiya Javayant RENEWAL
Aika Y RoysterItalyIoni Bowcher PROPOSAL
Wickens G DoeCanadaIoni Bowcher QUALIFIED
Rodrigues X RulapaughRussiaAsiya Javayant QUALIFIED
Jefferson R BriddickItalyAsiya Javayant RENEWAL
Kadeem F DilliardArgentinaBernardo Dominic NEW
Faith D SchemmerIndiaIoni Bowcher RENEWAL
Jefferson N MaletUnited KingdomStephen Shaw UNQUALIFIED
Alejandro D SaylorsCanadaAnna Fali QUALIFIED
Jefferson X BowleyIndiaAsiya Javayant QUALIFIED
Nicolas I AmigonBrazilAmy Elsner QUALIFIED
Jones Z DilliardCanadaXuxue Feng NEW
Sinclair Q SchemmerBrazilIoni Bowcher QUALIFIED
Clifford J OldroydJapanXuxue Feng RENEWAL
Alejandro G RoysterIndiaAmy Elsner PROPOSAL
Maisha W SaylorsCanadaStephen Shaw RENEWAL
Adams U OldroydUnited KingdomAmy Elsner QUALIFIED
Silvio N SlusarskiBrazilStephen Shaw NEGOTIATION
Antonio E GauchoAustraliaAmy Elsner QUALIFIED
Antonio F VenereItalyAsiya Javayant QUALIFIED
Deepesh Q IturbideGermanyIvan Magalhaes UNQUALIFIED
Jefferson G StockhamArgentinaAnna Fali NEW
Deepesh O BriddickBrazilBernardo Dominic NEGOTIATION
David Z GauchoIndiaBernardo Dominic QUALIFIED
Frozen Columns
Name
Mujtaba R Iturbide
Silvio H Darakjy
Leon E Venere
Tony H Amigon
Juan T Albares
Aruna K Bolognia
Adams S Albares
Mujtaba Y Amigon
Greenwood E Dilliard
Clifford I Campain
Silvio W Sergi
Octavia P Gaucho
Munro I Rulapaugh
Ashley J Schemmer
Ivar K Darakjy
Maisha I Gillian
Aruna L Figeroa
Aika J Albares
Antonio O Royster
Antonio Y Dilliard
Aditya G Bowley
James M Saylors
Maisha X Royster
Silvio Q Briddick
Stacey Y Campain
Isabel Q Ostrosky
Ivar Y Wieser
Salvatore R Tollner
Salvatore O Butt
Jones T Caudy
Aruna U Saylors
Cody S Caudy
Leja G Doe
Faith B Whobrey
Misaki V Slusarski
Leon E Butt
Misaki Y Royster
Smith B Butt
Jefferson U Rulapaugh
Maisha W Malet
Deepesh N Dilliard
Silvio F Kusko
Ivar D Stockham
Clifford D Nicka
Wickens L Saylors
Ivar Y Wieser
Sinclair W Slusarski
Jennifer K Kusko
Mujtaba K Caldarera
Silvio H Butt
IdCountryDate
1000Australia2026-09-27
1001Japan2026-09-16
1002Australia2026-09-23
1003Germany2026-10-03
1004Australia2026-09-07
1005United Kingdom2026-09-20
1006Russia2026-09-20
1007Italy2026-10-01
1008France2026-09-17
1009Brazil2026-09-20
1010Germany2026-09-22
1011Japan2026-09-29
1012Brazil2026-09-28
1013Brazil2026-09-22
1014Australia2026-09-22
1015Italy2026-09-14
1016United Kingdom2026-09-09
1017Brazil2026-09-22
1018France2026-09-30
1019Italy2026-09-22
1020India2026-09-23
1021France2026-09-14
1022Spain2026-09-09
1023Germany2026-09-14
1024Brazil2026-09-21
1025Russia2026-10-04
1026Spain2026-09-13
1027Spain2026-09-09
1028Italy2026-09-30
1029Japan2026-09-09
1030France2026-09-22
1031India2026-09-20
1032Germany2026-09-22
1033India2026-10-03
1034Russia2026-10-05
1035France2026-09-30
1036India2026-09-08
1037Japan2026-09-24
1038India2026-09-29
1039France2026-09-24
1040Italy2026-10-02
1041Russia2026-10-04
1042Argentina2026-09-09
1043Japan2026-09-20
1044Japan2026-09-09
1045France2026-09-29
1046Argentina2026-09-30
1047France2026-09-27
1048Japan2026-09-14
1049Argentina2026-09-21

On-Demand Data

NameIdCountryDate
Aditya B Vocelka1000Italy2026-09-28
Aika I Morasca1001India2026-10-06
Alejandro S Rim1002Australia2026-09-18
Greenwood Z Paprocki1003India2026-09-20
Tony G Whobrey1004Germany2026-09-22
Jefferson K Flosi1005Spain2026-09-13
Isabel V Butt1006Spain2026-09-12
Murillo J Dilliard1007Germany2026-09-26
Ashley T Nicka1008Brazil2026-09-23
Costa Y Tollner1009Russia2026-09-08
David H Caudy1010Japan2026-10-03
Wickens W Poquette1011Japan2026-09-24
Aruna E Ferencz1012Spain2026-09-20
Mujtaba L Maclead1013Russia2026-09-15
Arvin N Whobrey1014Russia2026-10-06
Jones B Malet1015Italy2026-09-21
Silvio K Poquette1016France2026-10-02
Nicolas R Schemmer1017United Kingdom2026-09-10
David N Royster1018Canada2026-09-28
Sinclair Y Caudy1019France2026-09-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aditya Y FlosiBrazilOnyama Limba QUALIFIED
Aditya G OldroydSpainAnna Fali UNQUALIFIED
Clifford L VenereGermanyAnna Fali RENEWAL
Munro E GillianCanadaIoni Bowcher NEGOTIATION
Misaki X RoysterGermanyXuxue Feng UNQUALIFIED
Tony Q SlusarskiItalyAsiya Javayant UNQUALIFIED
Cody D FigeroaFranceStephen Shaw QUALIFIED
Julie S VenereSpainAnna Fali UNQUALIFIED
Leon K WaycottBrazilAnna Fali PROPOSAL
Mayumi H MarrierIndiaXuxue Feng UNQUALIFIED
Tony P NestleFranceAmy Elsner UNQUALIFIED
Sinclair B SlusarskiUnited KingdomAsiya Javayant PROPOSAL
Maisha Y DoeBrazilOnyama Limba PROPOSAL
Ricardo B GauchoFranceOnyama Limba PROPOSAL
Johnson K SchemmerGermanyAnna Fali UNQUALIFIED
Ashley H IturbideCanadaIoni Bowcher PROPOSAL
Maisha S SaylorsArgentinaStephen Shaw NEW
Faith H GillianJapanIoni Bowcher RENEWAL
Jeanfrancois H PerinJapanXuxue Feng RENEWAL
Johnson F SaylorsUnited KingdomAsiya Javayant UNQUALIFIED
Maisha R VocelkaArgentinaAsiya Javayant QUALIFIED
Clifford W BowleyBrazilBernardo Dominic RENEWAL
Cody K CaldareraSpainIvan Magalhaes RENEWAL
Tony N GillianJapanStephen Shaw NEW
Arvin L NestleIndiaIvan Magalhaes RENEWAL
Adams Q KuskoUnited KingdomIoni Bowcher NEW
Jennifer O RimBrazilStephen Shaw QUALIFIED
Isabel Y RulapaughArgentinaBernardo Dominic RENEWAL
Kadeem G RulapaughSpainStephen Shaw UNQUALIFIED
Aika S StensethArgentinaXuxue Feng RENEWAL
Clifford E AmigonIndiaAsiya Javayant PROPOSAL
Sinclair D BowleyRussiaAmy Elsner NEW
Jeanfrancois O WhobreyItalyXuxue Feng PROPOSAL
James N MarrierAustraliaStephen Shaw NEW
Claire O GauchoBrazilAsiya Javayant NEW
Arvin Y StensethBrazilAsiya Javayant QUALIFIED
Deepesh H MacleadCanadaAmy Elsner RENEWAL
Tony M OldroydFranceAsiya Javayant NEGOTIATION
Aika H KuskoSpainIvan Magalhaes PROPOSAL
Aruna Q MacleadRussiaOnyama Limba 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>