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 O TollnerItalyAmy Elsner RENEWAL
Claire C RutaArgentinaStephen Shaw NEW
Murillo T MorascaAustraliaAmy Elsner UNQUALIFIED
Aika E SlusarskiUnited KingdomOnyama Limba PROPOSAL
Tony O GlickRussiaAsiya Javayant RENEWAL
Faith T ShinkoIndiaAmy Elsner RENEWAL
Munro V FlosiBrazilElwin Sharvill PROPOSAL
Munro K TollnerFranceIoni Bowcher RENEWAL
Darci I CampainUnited KingdomElwin Sharvill PROPOSAL
Chavez C ButtIndiaBernardo Dominic NEW
Claire H VocelkaIndiaStephen Shaw PROPOSAL
Faith F PaprockiCanadaBernardo Dominic NEW
Aruna F FollerArgentinaIvan Magalhaes NEGOTIATION
Mujtaba P ShinkoJapanBernardo Dominic UNQUALIFIED
Isabel N ButtJapanXuxue Feng RENEWAL
Ricardo K ChuiBrazilXuxue Feng NEGOTIATION
Maisha D PerinUnited KingdomXuxue Feng NEGOTIATION
Morrow V DarakjyBrazilAsiya Javayant PROPOSAL
Rodrigues H SlusarskiFranceAnna Fali QUALIFIED
Aditya M VenereItalyAmy Elsner PROPOSAL
Aika I DoeArgentinaAsiya Javayant PROPOSAL
Greenwood B OldroydAustraliaIoni Bowcher UNQUALIFIED
Tony S MaletGermanyIvan Magalhaes UNQUALIFIED
Ivar K CaudySpainOnyama Limba NEGOTIATION
Murillo S WieserArgentinaElwin Sharvill UNQUALIFIED
Ricardo G MaletJapanAsiya Javayant NEGOTIATION
Aditya F GillianFranceIoni Bowcher PROPOSAL
Ricardo B FigeroaIndiaOnyama Limba NEW
Isabel E FlosiGermanyStephen Shaw NEGOTIATION
Deepesh N FerenczBrazilIvan Magalhaes QUALIFIED
Wickens U MarrierIndiaBernardo Dominic NEGOTIATION
Darci A PerinItalyIoni Bowcher RENEWAL
Izzy F PerinIndiaElwin Sharvill UNQUALIFIED
Costa A RutaArgentinaAmy Elsner QUALIFIED
Johnson V StockhamBrazilOnyama Limba PROPOSAL
Leja Z ChuiSpainIoni Bowcher NEGOTIATION
Maisha B SergiBrazilStephen Shaw NEGOTIATION
Costa V SchemmerIndiaAnna Fali RENEWAL
Jeanfrancois W FollerFranceIoni Bowcher UNQUALIFIED
Silvio P BriddickRussiaAnna Fali NEW
Maisha Y BriddickIndiaIvan Magalhaes PROPOSAL
Octavia K MaletIndiaElwin Sharvill NEGOTIATION
Adams V WieserUnited KingdomStephen Shaw NEGOTIATION
Mujtaba F AlbaresSpainAmy Elsner PROPOSAL
Tony R FerenczArgentinaStephen Shaw UNQUALIFIED
Mujtaba P MacleadBrazilIvan Magalhaes QUALIFIED
Nicolas I SergiJapanIvan Magalhaes RENEWAL
Jennifer Z DilliardSpainAmy Elsner NEW
Kadeem V BriddickBrazilAsiya Javayant NEW
Morrow J RoysterRussiaIoni Bowcher RENEWAL
Horizontal
NameCountryRepresentativeStatus
Aruna L FigeroaAustraliaXuxue Feng PROPOSAL
Tony J WieserUnited KingdomOnyama Limba QUALIFIED
Alejandro U MaletGermanyAmy Elsner RENEWAL
Clifford W CaudyCanadaStephen Shaw RENEWAL
Smith H RoysterJapanStephen Shaw NEW
Nicolas O NestleCanadaStephen Shaw QUALIFIED
Aruna G MarrierFranceXuxue Feng UNQUALIFIED
Mujtaba T FerenczBrazilXuxue Feng PROPOSAL
Faith Y MorascaItalyIoni Bowcher RENEWAL
Darci U WaycottGermanyIvan Magalhaes QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Julie Z ChuiBrazil2026-10-17Dorl, James J Esq UNQUALIFIED54Anna Fali
1001Kaitlin A PerinJapan2026-11-07King, Christopher A Esq UNQUALIFIED34Bernardo Dominic
1002Aruna E RimUnited Kingdom2026-11-01Rousseaux, Michael Esq UNQUALIFIED87Ioni Bowcher
1003Aditya N CaudyAustralia2026-10-14Truhlar And Truhlar Attys NEGOTIATION2Ioni Bowcher
1004Octavia L InouyeItaly2026-11-06Chapman, Ross E Esq UNQUALIFIED85Ioni Bowcher
1005Mayumi E RulapaughAustralia2026-10-29Morlong Associates UNQUALIFIED47Bernardo Dominic
1006Murillo Y ShinkoItaly2026-10-22Buckley Miller Wright RENEWAL69Stephen Shaw
1007Aditya M RimArgentina2026-11-05Dorl, James J Esq QUALIFIED64Stephen Shaw
1008James Q SlusarskiGermany2026-11-04Truhlar And Truhlar Attys RENEWAL11Elwin Sharvill
1009Maria A GarufiRussia2026-10-21King, Christopher A Esq RENEWAL80Bernardo Dominic
1010Tony W FigeroaBrazil2026-10-15Buckley Miller Wright UNQUALIFIED59Stephen Shaw
1011Emily T RutaSpain2026-10-25Truhlar And Truhlar Attys NEW30Xuxue Feng
1012Claire C CampainRussia2026-10-29Rangoni Of Florence NEGOTIATION62Onyama Limba
1013Costa X VocelkaSpain2026-11-02Chapman, Ross E Esq QUALIFIED29Ivan Magalhaes
1014Octavia Q GillianAustralia2026-10-26Chanay, Jeffrey A Esq NEGOTIATION41Onyama Limba
1015Greenwood P GauchoIndia2026-10-18Feiner Bros RENEWAL16Asiya Javayant
1016Faith E MorascaArgentina2026-10-14Printing Dimensions PROPOSAL54Ivan Magalhaes
1017Tony Y MarrierSpain2026-11-11Morlong Associates NEGOTIATION36Anna Fali
1018Munro H PaprockiJapan2026-11-04Buckley Miller Wright NEGOTIATION97Xuxue Feng
1019James O PerinIndia2026-10-15King, Christopher A Esq QUALIFIED77Elwin Sharvill
1020Rodrigues U CaldareraRussia2026-11-01Rousseaux, Michael Esq NEGOTIATION36Stephen Shaw
1021Aditya E CampainIndia2026-10-26Chanay, Jeffrey A Esq PROPOSAL99Amy Elsner
1022Misaki N MaletJapan2026-10-25King, Christopher A Esq QUALIFIED97Anna Fali
1023Aruna F PoquetteCanada2026-10-20Truhlar And Truhlar Attys PROPOSAL73Asiya Javayant
1024Maisha W OstroskyIndia2026-10-22Truhlar And Truhlar Attys NEGOTIATION81Ivan Magalhaes
1025Kaitlin I BowleyRussia2026-10-29Buckley Miller Wright QUALIFIED39Ivan Magalhaes
1026Rodrigues N SergiJapan2026-10-18Printing Dimensions QUALIFIED38Xuxue Feng
1027James C BowleyCanada2026-11-01Chemel, James L Cpa PROPOSAL96Xuxue Feng
1028Rodrigues A PoquetteIndia2026-10-19Morlong Associates UNQUALIFIED17Ioni Bowcher
1029Alejandro O MarrierIndia2026-10-25Buckley Miller Wright RENEWAL9Ivan Magalhaes
1030Ricardo L AlbaresSpain2026-11-07Commercial Press PROPOSAL56Elwin Sharvill
1031Greenwood A VocelkaAustralia2026-10-20Feltz Printing Service QUALIFIED87Bernardo Dominic
1032Misaki Y SlusarskiJapan2026-11-01Chemel, James L Cpa RENEWAL74Xuxue Feng
1033Izzy P CampainUnited Kingdom2026-11-04Rangoni Of Florence UNQUALIFIED95Asiya Javayant
1034Octavia O VenereAustralia2026-10-19Morlong Associates UNQUALIFIED64Anna Fali
1035James N AlbaresItaly2026-11-07Feiner Bros QUALIFIED55Stephen Shaw
1036Leon S RutaIndia2026-10-15Feltz Printing Service NEGOTIATION18Ioni Bowcher
1037Clifford X CaldareraBrazil2026-10-18Feiner Bros NEGOTIATION98Ioni Bowcher
1038Mayumi Y MaletAustralia2026-10-14Truhlar And Truhlar Attys NEGOTIATION63Ivan Magalhaes
1039Chavez Y DilliardAustralia2026-11-09Chanay, Jeffrey A Esq UNQUALIFIED74Amy Elsner
1040Mayumi Y VocelkaCanada2026-11-11Chanay, Jeffrey A Esq PROPOSAL29Asiya Javayant
1041Morrow Y MarrierIndia2026-10-24Chapman, Ross E Esq RENEWAL75Ivan Magalhaes
1042Isabel A FlosiIndia2026-10-28Printing Dimensions NEW4Xuxue Feng
1043Leon Q NickaItaly2026-10-26Rousseaux, Michael Esq NEW90Xuxue Feng
1044Nicolas S OldroydItaly2026-10-31Rangoni Of Florence QUALIFIED16Bernardo Dominic
1045Stacey O RimGermany2026-10-23Rangoni Of Florence QUALIFIED81Anna Fali
1046Maisha A RoysterAustralia2026-10-23Dorl, James J Esq QUALIFIED46Ivan Magalhaes
1047Faith R StockhamGermany2026-11-03Chemel, James L Cpa PROPOSAL38Asiya Javayant
1048Emily V WieserBrazil2026-11-06Buckley Miller Wright RENEWAL68Amy Elsner
1049Deepesh J DilliardSpain2026-10-18Morlong Associates RENEWAL99Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Deepesh L OldroydRussiaAsiya Javayant PROPOSAL
Aruna G BriddickItalyIoni Bowcher UNQUALIFIED
Aika Y SlusarskiItalyElwin Sharvill RENEWAL
Isabel L NickaRussiaAsiya Javayant NEGOTIATION
Stacey D CaudyArgentinaBernardo Dominic PROPOSAL
Emily E GillianJapanAsiya Javayant NEW
Faith V KolmetzItalyOnyama Limba NEGOTIATION
Sinclair R SaylorsJapanElwin Sharvill NEGOTIATION
Smith V NestleUnited KingdomAmy Elsner PROPOSAL
Julie Q RutaCanadaStephen Shaw RENEWAL
Johnson K VenereRussiaIoni Bowcher QUALIFIED
Ricardo I IturbideArgentinaOnyama Limba UNQUALIFIED
Isabel A DarakjySpainIoni Bowcher NEGOTIATION
Izzy F MorascaFranceIvan Magalhaes UNQUALIFIED
Mujtaba P GauchoItalyAmy Elsner UNQUALIFIED
Juan B ShinkoRussiaIvan Magalhaes PROPOSAL
Nicolas F KuskoUnited KingdomElwin Sharvill PROPOSAL
Darci Y VocelkaArgentinaElwin Sharvill RENEWAL
Clifford F BologniaAustraliaIvan Magalhaes PROPOSAL
Izzy N SlusarskiJapanBernardo Dominic NEGOTIATION
Juan Z TollnerBrazilOnyama Limba NEGOTIATION
Clifford T ButtAustraliaBernardo Dominic RENEWAL
Arvin L MarrierItalyXuxue Feng NEW
Costa L DoeFranceIoni Bowcher QUALIFIED
Ashley W ChuiFranceIvan Magalhaes NEGOTIATION
Silvio U DarakjySpainOnyama Limba UNQUALIFIED
Silvio R GlickArgentinaXuxue Feng NEW
Munro C GauchoBrazilElwin Sharvill NEW
Cody Y FollerArgentinaXuxue Feng PROPOSAL
Morrow D WieserFranceAsiya Javayant PROPOSAL
Smith D AlbaresAustraliaXuxue Feng UNQUALIFIED
Munro R MacleadRussiaElwin Sharvill RENEWAL
Emily V OstroskyGermanyAnna Fali QUALIFIED
Jones F PaprockiRussiaAnna Fali NEW
Clifford B SchemmerArgentinaBernardo Dominic RENEWAL
Jefferson H RulapaughIndiaAnna Fali QUALIFIED
Mayumi E VenereRussiaOnyama Limba RENEWAL
Morrow T SaylorsUnited KingdomElwin Sharvill RENEWAL
Kadeem Y DarakjyJapanBernardo Dominic NEGOTIATION
Misaki O KuskoItalyOnyama Limba RENEWAL
Chavez V TollnerUnited KingdomElwin Sharvill PROPOSAL
Greenwood S NestleGermanyAmy Elsner NEW
Smith N PoquetteItalyBernardo Dominic NEW
Clifford A FerenczSpainElwin Sharvill RENEWAL
Arvin E GlickRussiaAmy Elsner RENEWAL
Aditya G FlosiRussiaAsiya Javayant QUALIFIED
Mujtaba G KolmetzFranceAsiya Javayant NEGOTIATION
Ricardo J WieserUnited KingdomAsiya Javayant RENEWAL
Adams Z WhobreyArgentinaStephen Shaw NEW
Chavez V AmigonGermanyStephen Shaw PROPOSAL
Frozen Columns
Name
Ivar U Figeroa
Clifford M Glick
Juan S Campain
Misaki K Oldroyd
Chavez L Venere
Murillo N Venere
Nicolas I Malet
Costa B Oldroyd
Stacey N Bolognia
Ricardo Y Venere
Rodrigues P Ruta
Juan H Kolmetz
Francesco J Gaucho
Sinclair Q Nestle
Nicolas M Tollner
Greenwood H Rim
Arvin Y Nicka
James U Nestle
Maisha Q Amigon
Deepesh V Marrier
Aika Y Glick
James K Saylors
Deepesh R Gillian
Misaki S Stenseth
Darci P Whobrey
Mayumi X Gillian
Darci K Rim
Faith U Schemmer
Claire E Rim
Claire T Amigon
Stacey T Amigon
Emily Y Rim
Wickens H Schemmer
Munro C Perin
Kadeem Q Nicka
Greenwood F Caudy
Salvatore B Chui
Sinclair X Bolognia
David I Chui
Tony F Figeroa
Julie B Glick
Costa A Stenseth
Ivar I Vocelka
Kadeem H Poquette
Munro F Kolmetz
Emily N Flosi
Silvio X Bowley
Julie R Caldarera
Julie N Venere
Maisha V Schemmer
IdCountryDate
1000Brazil2026-10-16
1001Russia2026-11-06
1002Russia2026-10-21
1003Germany2026-10-21
1004Argentina2026-11-02
1005India2026-10-23
1006Japan2026-11-06
1007Brazil2026-11-11
1008Brazil2026-11-07
1009Brazil2026-10-26
1010Brazil2026-10-31
1011Italy2026-10-17
1012Argentina2026-10-25
1013Russia2026-10-24
1014Argentina2026-10-24
1015Spain2026-10-15
1016France2026-10-20
1017Australia2026-11-01
1018India2026-10-16
1019United Kingdom2026-10-18
1020India2026-10-28
1021Australia2026-10-20
1022United Kingdom2026-10-20
1023Germany2026-11-01
1024Japan2026-10-19
1025Australia2026-11-06
1026India2026-11-10
1027Japan2026-10-23
1028Italy2026-11-06
1029Italy2026-11-08
1030Canada2026-11-07
1031Russia2026-10-17
1032Australia2026-10-30
1033Italy2026-10-15
1034Brazil2026-10-24
1035Spain2026-10-17
1036Japan2026-10-17
1037France2026-11-11
1038France2026-10-14
1039Japan2026-10-28
1040Germany2026-10-14
1041Argentina2026-10-23
1042Canada2026-10-29
1043Japan2026-10-21
1044Russia2026-11-08
1045Argentina2026-10-31
1046Argentina2026-11-01
1047France2026-10-19
1048Italy2026-10-28
1049Australia2026-10-29

On-Demand Data

NameIdCountryDate
Juan W Stenseth1000France2026-10-22
Izzy U Waycott1001India2026-11-07
Aditya N Schemmer1002Italy2026-10-13
Kadeem C Perin1003Canada2026-11-03
Isabel B Glick1004Brazil2026-10-28
Aruna B Paprocki1005Germany2026-11-05
Isabel P Ferencz1006Italy2026-10-17
Johnson Y Venere1007India2026-11-11
Salvatore C Albares1008Brazil2026-10-29
Munro E Albares1009Brazil2026-10-24
Mujtaba B Morasca1010France2026-11-10
Tony I Saylors1011Italy2026-11-07
Maisha V Iturbide1012India2026-10-22
Clifford I Inouye1013Italy2026-10-31
Ivar Y Whobrey1014Germany2026-10-15
Jefferson K Maclead1015Germany2026-11-04
Ashley O Sergi1016Australia2026-11-01
Adams B Gaucho1017Germany2026-10-28
Isabel V Malet1018Japan2026-11-06
Wickens P Briddick1019Spain2026-11-05
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maria L VenereBrazilAmy Elsner NEGOTIATION
Mujtaba M NickaGermanyIvan Magalhaes PROPOSAL
Juan X ButtIndiaStephen Shaw NEW
Emily C WhobreyIndiaStephen Shaw PROPOSAL
Mujtaba J CaldareraBrazilElwin Sharvill QUALIFIED
Chavez K FerenczFranceXuxue Feng RENEWAL
Sinclair G DarakjyFranceIoni Bowcher RENEWAL
Francesco O GlickRussiaBernardo Dominic PROPOSAL
Emily V SaylorsIndiaIvan Magalhaes RENEWAL
Leja O SergiGermanyAmy Elsner RENEWAL
Jefferson H BriddickFranceXuxue Feng QUALIFIED
Ricardo B FerenczBrazilAmy Elsner UNQUALIFIED
Maisha U GarufiItalyAmy Elsner QUALIFIED
Clifford D CaudyIndiaAnna Fali PROPOSAL
Maisha L MaletIndiaIoni Bowcher NEGOTIATION
Claire M DoeJapanStephen Shaw QUALIFIED
Costa H PerinIndiaStephen Shaw RENEWAL
Aruna F GillianCanadaIvan Magalhaes RENEWAL
Clifford S DoeGermanyElwin Sharvill UNQUALIFIED
Juan H ButtIndiaAsiya Javayant NEGOTIATION
Izzy R BowleyArgentinaIoni Bowcher RENEWAL
Nicolas O WhobreyItalyElwin Sharvill UNQUALIFIED
Ivar K ButtFranceXuxue Feng RENEWAL
Jefferson F AlbaresBrazilAsiya Javayant QUALIFIED
Smith J FigeroaJapanAsiya Javayant NEW
Julie E MarrierAustraliaXuxue Feng NEW
Ivar B GlickRussiaAsiya Javayant RENEWAL
James R RoysterFranceIoni Bowcher RENEWAL
Nicolas G NickaIndiaIoni Bowcher PROPOSAL
Wickens B WhobreyUnited KingdomIvan Magalhaes UNQUALIFIED
Ricardo B AlbaresArgentinaOnyama Limba NEGOTIATION
Costa Z FollerBrazilAnna Fali QUALIFIED
Aruna S NickaJapanXuxue Feng NEGOTIATION
Izzy I KuskoRussiaAsiya Javayant NEW
Greenwood W KolmetzJapanAnna Fali RENEWAL
Adams E BriddickUnited KingdomXuxue Feng NEGOTIATION
Juan J AlbaresGermanyIvan Magalhaes NEW
Jones J FollerArgentinaOnyama Limba NEW
Leja L FigeroaGermanyAsiya Javayant NEW
Chavez Y DarakjyArgentinaAmy Elsner 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>