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
Greenwood A OldroydFranceAsiya Javayant RENEWAL
Mayumi K SergiFranceXuxue Feng NEGOTIATION
Izzy V PoquetteItalyBernardo Dominic NEW
Antonio F ButtIndiaXuxue Feng PROPOSAL
Greenwood I RulapaughFranceIoni Bowcher QUALIFIED
Morrow S DilliardArgentinaElwin Sharvill NEGOTIATION
Maisha R BriddickJapanOnyama Limba QUALIFIED
Maisha J SchemmerIndiaElwin Sharvill PROPOSAL
Isabel F NestleBrazilAnna Fali UNQUALIFIED
Leon H WhobreyArgentinaAmy Elsner PROPOSAL
Mayumi A MorascaJapanBernardo Dominic RENEWAL
Kadeem X PerinArgentinaAnna Fali PROPOSAL
Misaki D RimItalyAsiya Javayant RENEWAL
Maisha R FlosiSpainStephen Shaw QUALIFIED
Adams O GlickGermanyIvan Magalhaes RENEWAL
Kaitlin O AmigonRussiaStephen Shaw NEGOTIATION
Stacey Z FlosiIndiaAnna Fali QUALIFIED
Octavia H MarrierCanadaAnna Fali UNQUALIFIED
Nicolas P SergiAustraliaOnyama Limba RENEWAL
Ashley T ShinkoSpainElwin Sharvill NEW
Jennifer J InouyeAustraliaBernardo Dominic PROPOSAL
Kadeem A MarrierArgentinaOnyama Limba NEGOTIATION
Leon O RutaBrazilXuxue Feng QUALIFIED
Ashley R GarufiUnited KingdomAnna Fali QUALIFIED
Jones L NestleRussiaAnna Fali QUALIFIED
Leja X IturbideUnited KingdomElwin Sharvill PROPOSAL
Jennifer K IturbideUnited KingdomIvan Magalhaes NEW
Ivar Z StensethRussiaAmy Elsner PROPOSAL
Leja M MarrierIndiaAnna Fali UNQUALIFIED
Leon N FollerUnited KingdomXuxue Feng NEGOTIATION
Chavez W VocelkaGermanyBernardo Dominic PROPOSAL
Chavez E PoquetteItalyIoni Bowcher RENEWAL
Aruna S CampainJapanElwin Sharvill QUALIFIED
Claire P MaletAustraliaElwin Sharvill RENEWAL
Jennifer V RimCanadaElwin Sharvill QUALIFIED
Isabel Z VocelkaUnited KingdomBernardo Dominic UNQUALIFIED
Mujtaba C WhobreyGermanyAmy Elsner NEGOTIATION
Julie U DarakjyCanadaAnna Fali PROPOSAL
Ricardo I OstroskyGermanyIvan Magalhaes RENEWAL
Aditya Z OldroydRussiaAnna Fali NEGOTIATION
Juan A NickaArgentinaAmy Elsner RENEWAL
Arvin C FigeroaRussiaAmy Elsner NEW
Claire F NestleArgentinaOnyama Limba UNQUALIFIED
Stacey A MaletArgentinaElwin Sharvill PROPOSAL
Silvio V WaycottIndiaXuxue Feng QUALIFIED
Faith U ButtUnited KingdomStephen Shaw NEGOTIATION
Maria U KuskoGermanyBernardo Dominic QUALIFIED
Wickens A PoquetteItalyStephen Shaw NEW
Julie U BowleyFranceIvan Magalhaes RENEWAL
Ivar X BowleyBrazilAnna Fali UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Chavez I WaycottRussiaAnna Fali NEGOTIATION
Deepesh F SergiBrazilAmy Elsner NEGOTIATION
Ashley T BowleyCanadaStephen Shaw NEW
Ricardo R MacleadCanadaIoni Bowcher NEGOTIATION
Wickens N ChuiCanadaAsiya Javayant PROPOSAL
Wickens E GarufiFranceAnna Fali RENEWAL
Sinclair R CaudySpainAsiya Javayant NEGOTIATION
Costa L SergiBrazilStephen Shaw NEGOTIATION
Leon O MaletGermanyBernardo Dominic UNQUALIFIED
Octavia X ChuiIndiaAnna Fali UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Francesco Q DilliardRussia2026-09-29Dorl, James J Esq QUALIFIED83Anna Fali
1001Ivar O IturbideArgentina2026-09-13Buckley Miller Wright PROPOSAL39Amy Elsner
1002Costa R WaycottRussia2026-09-28Feltz Printing Service UNQUALIFIED71Anna Fali
1003Claire H SlusarskiBrazil2026-09-29Benton, John B Jr RENEWAL24Anna Fali
1004Cody T StockhamBrazil2026-09-21Truhlar And Truhlar Attys NEW87Xuxue Feng
1005Octavia N BologniaCanada2026-09-28Truhlar And Truhlar Attys NEGOTIATION33Ioni Bowcher
1006Mujtaba L BriddickUnited Kingdom2026-09-13Buckley Miller Wright QUALIFIED96Amy Elsner
1007Chavez E SergiBrazil2026-09-20Benton, John B Jr RENEWAL11Amy Elsner
1008Smith Q FlosiUnited Kingdom2026-09-04King, Christopher A Esq QUALIFIED77Xuxue Feng
1009Cody M FlosiArgentina2026-09-05Commercial Press UNQUALIFIED87Elwin Sharvill
1010Darci G ButtCanada2026-09-30Rousseaux, Michael Esq PROPOSAL59Stephen Shaw
1011Jennifer T RulapaughSpain2026-10-01Benton, John B Jr PROPOSAL27Elwin Sharvill
1012Johnson B FlosiIndia2026-09-27Truhlar And Truhlar Attys UNQUALIFIED79Ivan Magalhaes
1013Jones E MarrierBrazil2026-09-05Rousseaux, Michael Esq QUALIFIED42Ioni Bowcher
1014Aika U ButtArgentina2026-09-12Benton, John B Jr NEW41Xuxue Feng
1015Rodrigues C VocelkaArgentina2026-09-18Benton, John B Jr PROPOSAL42Amy Elsner
1016Kadeem R NickaFrance2026-09-30Rangoni Of Florence RENEWAL72Stephen Shaw
1017Costa B VocelkaBrazil2026-09-22Rousseaux, Michael Esq NEW83Asiya Javayant
1018Jones A ButtRussia2026-09-21Dorl, James J Esq NEW51Xuxue Feng
1019Misaki E OstroskySpain2026-09-12Chapman, Ross E Esq NEW93Onyama Limba
1020Jones H FlosiUnited Kingdom2026-09-17Printing Dimensions NEGOTIATION88Ivan Magalhaes
1021Greenwood U MaletUnited Kingdom2026-09-26Benton, John B Jr PROPOSAL65Ivan Magalhaes
1022Munro U ChuiCanada2026-09-22Dorl, James J Esq RENEWAL21Stephen Shaw
1023Rodrigues O BologniaFrance2026-09-30Buckley Miller Wright UNQUALIFIED47Xuxue Feng
1024Tony L FollerGermany2026-09-09Commercial Press RENEWAL33Ivan Magalhaes
1025David K SchemmerAustralia2026-09-14Chemel, James L Cpa UNQUALIFIED21Elwin Sharvill
1026Salvatore U DarakjyBrazil2026-09-18King, Christopher A Esq UNQUALIFIED61Asiya Javayant
1027Cody U SchemmerSpain2026-09-14Commercial Press NEGOTIATION99Amy Elsner
1028Deepesh M BologniaBrazil2026-09-24Rousseaux, Michael Esq QUALIFIED54Bernardo Dominic
1029Rodrigues O GarufiGermany2026-10-02Morlong Associates PROPOSAL70Asiya Javayant
1030Isabel M RutaGermany2026-09-06Rousseaux, Michael Esq NEW79Xuxue Feng
1031Jones X BriddickArgentina2026-09-09Truhlar And Truhlar Attys RENEWAL58Bernardo Dominic
1032Kaitlin F KolmetzUnited Kingdom2026-09-12Chapman, Ross E Esq UNQUALIFIED38Asiya Javayant
1033Clifford T BriddickSpain2026-09-23Morlong Associates RENEWAL39Onyama Limba
1034Mujtaba X StensethBrazil2026-09-27Rousseaux, Michael Esq NEGOTIATION66Ivan Magalhaes
1035James W MaletCanada2026-09-12Dorl, James J Esq NEW24Ioni Bowcher
1036Ricardo W SlusarskiJapan2026-09-14Truhlar And Truhlar Attys QUALIFIED77Stephen Shaw
1037Ivar F WieserItaly2026-09-15Chemel, James L Cpa QUALIFIED60Ioni Bowcher
1038Arvin X CampainJapan2026-09-10Dorl, James J Esq PROPOSAL45Ivan Magalhaes
1039Jones K BowleyJapan2026-09-09Morlong Associates UNQUALIFIED92Elwin Sharvill
1040Morrow O MacleadBrazil2026-09-23Printing Dimensions NEGOTIATION94Elwin Sharvill
1041Julie W WaycottItaly2026-09-28Rousseaux, Michael Esq NEGOTIATION94Ioni Bowcher
1042Murillo W WieserSpain2026-09-22Feltz Printing Service RENEWAL38Asiya Javayant
1043Sinclair G KuskoGermany2026-09-29King, Christopher A Esq PROPOSAL53Bernardo Dominic
1044Isabel L AmigonItaly2026-10-02Buckley Miller Wright PROPOSAL43Amy Elsner
1045Aditya Q MaletBrazil2026-09-21Printing Dimensions NEW87Ivan Magalhaes
1046Morrow F InouyeRussia2026-09-13King, Christopher A Esq NEGOTIATION87Ivan Magalhaes
1047Costa I FlosiIndia2026-09-05Benton, John B Jr QUALIFIED62Amy Elsner
1048Greenwood Q TollnerJapan2026-09-27King, Christopher A Esq PROPOSAL90Amy Elsner
1049Morrow H VocelkaItaly2026-09-21Chemel, James L Cpa NEW85Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Isabel W BriddickBrazilAmy Elsner QUALIFIED
Misaki D DilliardGermanyAsiya Javayant UNQUALIFIED
Jennifer J ChuiGermanyOnyama Limba RENEWAL
Ashley L SchemmerRussiaStephen Shaw RENEWAL
Sinclair D FlosiBrazilIvan Magalhaes RENEWAL
Sinclair G DilliardAustraliaElwin Sharvill PROPOSAL
Jeanfrancois G CaldareraItalyXuxue Feng UNQUALIFIED
Francesco F FlosiRussiaIoni Bowcher RENEWAL
Arvin F SergiFranceOnyama Limba NEGOTIATION
Julie X InouyeFranceXuxue Feng RENEWAL
Leja N MacleadFranceIvan Magalhaes RENEWAL
Mayumi U RoysterArgentinaAsiya Javayant PROPOSAL
Chavez O RoysterSpainStephen Shaw NEW
Johnson N DoeItalyAnna Fali RENEWAL
Adams N BowleyJapanIoni Bowcher PROPOSAL
Juan A FollerSpainXuxue Feng QUALIFIED
Julie C KuskoAustraliaElwin Sharvill NEW
Antonio C GlickUnited KingdomElwin Sharvill QUALIFIED
Leon M DarakjySpainAmy Elsner UNQUALIFIED
Munro W VocelkaArgentinaAsiya Javayant RENEWAL
Kadeem H RutaFranceIoni Bowcher NEW
Maisha B KuskoRussiaAsiya Javayant PROPOSAL
Maisha Y StockhamFranceElwin Sharvill PROPOSAL
Clifford O WieserItalyOnyama Limba UNQUALIFIED
Tony F WhobreyAustraliaIoni Bowcher RENEWAL
Emily L InouyeFranceStephen Shaw QUALIFIED
Rodrigues Z SergiArgentinaAmy Elsner PROPOSAL
Jennifer B SchemmerArgentinaAsiya Javayant UNQUALIFIED
Aruna Z SlusarskiArgentinaAmy Elsner PROPOSAL
Aditya D WaycottFranceStephen Shaw NEGOTIATION
Munro W MaletUnited KingdomElwin Sharvill NEGOTIATION
Aika C ShinkoRussiaAsiya Javayant RENEWAL
Rodrigues D GlickArgentinaBernardo Dominic NEGOTIATION
Salvatore D WaycottBrazilBernardo Dominic NEGOTIATION
Murillo J AmigonItalyIvan Magalhaes QUALIFIED
Adams K ChuiCanadaAsiya Javayant NEGOTIATION
Julie B RoysterJapanOnyama Limba QUALIFIED
Murillo B PerinBrazilAnna Fali NEGOTIATION
Julie E WieserFranceIvan Magalhaes RENEWAL
Aruna O MaletJapanElwin Sharvill UNQUALIFIED
Jones C RoysterJapanXuxue Feng NEGOTIATION
Clifford A FlosiJapanXuxue Feng NEGOTIATION
David M PoquetteCanadaOnyama Limba NEW
Claire U DarakjyGermanyAnna Fali UNQUALIFIED
Francesco Y InouyeItalyElwin Sharvill UNQUALIFIED
Kadeem A OldroydRussiaIoni Bowcher NEW
Sinclair R StockhamUnited KingdomIvan Magalhaes NEGOTIATION
Izzy I AlbaresIndiaElwin Sharvill QUALIFIED
Sinclair X MacleadFranceBernardo Dominic RENEWAL
James E AmigonSpainAsiya Javayant NEW
Frozen Columns
Name
Salvatore J Sergi
Deepesh B Gaucho
Darci U Bolognia
Adams P Vocelka
Aruna A Schemmer
Kadeem I Iturbide
Ashley K Ferencz
Misaki U Oldroyd
Francesco G Rulapaugh
Juan H Ruta
Aika Z Chui
Claire D Kolmetz
Silvio P Caudy
James I Ostrosky
Jefferson B Gaucho
Aditya F Amigon
Jefferson S Kolmetz
Claire H Malet
Aika E Rim
James N Bowley
Antonio D Schemmer
Nicolas Y Inouye
Ashley K Caudy
Octavia O Iturbide
Wickens M Stenseth
Arvin R Wieser
Aika Q Darakjy
Mujtaba I Waycott
Jennifer B Caldarera
Jones M Gillian
Salvatore K Slusarski
Cody V Malet
Jennifer A Kusko
Misaki X Albares
Emily E Figeroa
Darci B Inouye
Leon E Stockham
Maria Y Dilliard
Isabel A Saylors
Smith I Caudy
Johnson Z Garufi
Emily C Ruta
Aditya C Doe
Alejandro K Bowley
Maria O Vocelka
Julie I Perin
Ricardo M Slusarski
Ivar N Campain
Faith V Bowley
Octavia F Perin
IdCountryDate
1000Australia2026-09-14
1001Argentina2026-09-30
1002Japan2026-09-25
1003Italy2026-09-15
1004Canada2026-09-16
1005India2026-09-15
1006Russia2026-09-24
1007Italy2026-09-21
1008India2026-09-05
1009Russia2026-10-01
1010Russia2026-09-07
1011India2026-09-29
1012Australia2026-09-09
1013Japan2026-10-01
1014Russia2026-09-05
1015Brazil2026-09-04
1016Canada2026-09-23
1017Japan2026-09-27
1018France2026-09-24
1019Brazil2026-09-27
1020Australia2026-09-23
1021Germany2026-09-26
1022Spain2026-09-07
1023France2026-09-30
1024Canada2026-09-19
1025India2026-09-20
1026Japan2026-09-18
1027Argentina2026-09-22
1028France2026-09-13
1029United Kingdom2026-09-27
1030Spain2026-09-23
1031India2026-09-27
1032Canada2026-09-08
1033United Kingdom2026-09-23
1034Russia2026-09-21
1035Spain2026-09-16
1036Argentina2026-09-18
1037Canada2026-09-07
1038Russia2026-09-22
1039France2026-09-17
1040Italy2026-09-19
1041Germany2026-09-13
1042Spain2026-10-02
1043India2026-09-27
1044United Kingdom2026-09-11
1045Argentina2026-09-18
1046France2026-09-27
1047United Kingdom2026-09-27
1048Italy2026-09-09
1049Japan2026-09-27

On-Demand Data

NameIdCountryDate
Deepesh S Flosi1000Brazil2026-09-24
Octavia Y Flosi1001India2026-09-11
Cody N Dilliard1002United Kingdom2026-09-13
Deepesh F Doe1003Italy2026-09-21
Aruna X Wieser1004United Kingdom2026-09-05
Adams Z Saylors1005Brazil2026-09-20
Izzy E Flosi1006Russia2026-09-08
Ricardo S Chui1007France2026-09-21
Costa R Waycott1008Japan2026-09-17
Jefferson R Rulapaugh1009Italy2026-09-24
Ricardo U Nicka1010Spain2026-09-15
Francesco Q Malet1011Italy2026-09-18
Jennifer E Bowley1012India2026-09-30
Izzy D Stockham1013Germany2026-09-26
Chavez L Ruta1014Italy2026-09-14
Leja M Gaucho1015France2026-09-06
Rodrigues U Vocelka1016Brazil2026-10-01
Ivar K Sergi1017Italy2026-09-22
Salvatore O Ostrosky1018Australia2026-09-29
Francesco N Rulapaugh1019Brazil2026-09-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Ricardo G SchemmerSpainOnyama Limba PROPOSAL
Ivar I SlusarskiUnited KingdomAsiya Javayant RENEWAL
Morrow Y DilliardArgentinaOnyama Limba UNQUALIFIED
Sinclair U PerinSpainBernardo Dominic NEW
Maria L SlusarskiArgentinaOnyama Limba RENEWAL
Adams F OstroskyUnited KingdomAmy Elsner NEW
Cody C StockhamAustraliaStephen Shaw NEGOTIATION
Leon O FollerGermanyXuxue Feng NEW
Leja W GillianUnited KingdomElwin Sharvill QUALIFIED
David L GauchoIndiaIvan Magalhaes NEW
Darci G AmigonRussiaAnna Fali NEGOTIATION
Jennifer D StensethGermanyIoni Bowcher PROPOSAL
Antonio B FollerGermanyAmy Elsner NEW
Sinclair D DoeRussiaIvan Magalhaes UNQUALIFIED
Julie Y StockhamUnited KingdomOnyama Limba NEW
Francesco X TollnerCanadaAmy Elsner UNQUALIFIED
Salvatore R ChuiItalyXuxue Feng QUALIFIED
Silvio H NickaJapanAsiya Javayant NEGOTIATION
Chavez L PoquetteItalyIoni Bowcher PROPOSAL
Francesco J WhobreyBrazilStephen Shaw NEGOTIATION
Arvin B CampainAustraliaAnna Fali RENEWAL
Leon Z CampainRussiaBernardo Dominic RENEWAL
Chavez Y MaletSpainStephen Shaw RENEWAL
Faith O KuskoGermanyIoni Bowcher UNQUALIFIED
Maisha A MaletArgentinaAnna Fali NEGOTIATION
Aditya N PerinJapanAsiya Javayant UNQUALIFIED
Ivar P ChuiFranceAmy Elsner NEGOTIATION
Faith B SaylorsJapanAsiya Javayant RENEWAL
Julie M SergiAustraliaIvan Magalhaes RENEWAL
Aditya H StockhamRussiaElwin Sharvill PROPOSAL
Johnson C BowleySpainAsiya Javayant PROPOSAL
Tony V BriddickIndiaStephen Shaw NEGOTIATION
Antonio J ButtBrazilIoni Bowcher NEW
Munro K WieserAustraliaAsiya Javayant RENEWAL
Jefferson D ChuiRussiaIoni Bowcher UNQUALIFIED
Juan R SergiUnited KingdomElwin Sharvill NEW
Sinclair S PerinFranceXuxue Feng RENEWAL
Greenwood H StockhamCanadaIvan Magalhaes QUALIFIED
Smith G SlusarskiCanadaBernardo Dominic PROPOSAL
Jeanfrancois B ChuiCanadaIvan Magalhaes 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>