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
Stacey L MorascaBrazilIvan Magalhaes UNQUALIFIED
Isabel G OstroskySpainIvan Magalhaes UNQUALIFIED
Maisha V VenereIndiaAmy Elsner QUALIFIED
Leon U GarufiAustraliaIvan Magalhaes UNQUALIFIED
Jeanfrancois W FerenczBrazilAnna Fali NEW
Leon J SergiArgentinaBernardo Dominic RENEWAL
Clifford T NickaFranceStephen Shaw RENEWAL
Alejandro B PerinBrazilAnna Fali UNQUALIFIED
Stacey H DoeFranceElwin Sharvill PROPOSAL
Leja Y SlusarskiFranceIoni Bowcher NEW
Murillo A OstroskyBrazilAnna Fali NEGOTIATION
Ivar X WaycottRussiaIvan Magalhaes QUALIFIED
Rodrigues Q VocelkaAustraliaIoni Bowcher RENEWAL
Antonio V GlickArgentinaStephen Shaw PROPOSAL
Smith P MacleadAustraliaAmy Elsner NEGOTIATION
Aika A FlosiBrazilAmy Elsner NEGOTIATION
Tony D MacleadBrazilAnna Fali QUALIFIED
Alejandro S SlusarskiItalyElwin Sharvill NEW
Clifford E BriddickItalyOnyama Limba NEW
Mayumi G GillianRussiaOnyama Limba PROPOSAL
Alejandro X DoeRussiaOnyama Limba UNQUALIFIED
Octavia U PerinIndiaStephen Shaw NEGOTIATION
Ashley O VenereFranceBernardo Dominic RENEWAL
Alejandro A PaprockiBrazilXuxue Feng NEGOTIATION
Kadeem W MorascaJapanAsiya Javayant NEW
Aruna E PaprockiJapanXuxue Feng RENEWAL
Emily B OstroskyItalyXuxue Feng RENEWAL
Tony B RulapaughBrazilBernardo Dominic UNQUALIFIED
Tony X CaldareraRussiaAnna Fali UNQUALIFIED
Ricardo H KuskoGermanyOnyama Limba UNQUALIFIED
Johnson N InouyeUnited KingdomElwin Sharvill UNQUALIFIED
Mayumi A DarakjyArgentinaBernardo Dominic PROPOSAL
Johnson S AmigonUnited KingdomIoni Bowcher QUALIFIED
Jones K NickaFranceAmy Elsner NEGOTIATION
Sinclair O NestleBrazilAsiya Javayant NEGOTIATION
Nicolas L WieserItalyAsiya Javayant PROPOSAL
Leja R VocelkaItalyAnna Fali NEGOTIATION
Morrow U BowleyCanadaIvan Magalhaes RENEWAL
Kaitlin J MacleadFranceElwin Sharvill UNQUALIFIED
Francesco C FigeroaFranceXuxue Feng PROPOSAL
Tony M MaletRussiaBernardo Dominic QUALIFIED
Antonio O BowleyCanadaIvan Magalhaes RENEWAL
Jennifer T VenereFranceIvan Magalhaes RENEWAL
Isabel R BowleyIndiaAnna Fali RENEWAL
Smith J SergiBrazilStephen Shaw UNQUALIFIED
Munro V RulapaughRussiaBernardo Dominic QUALIFIED
Misaki F TollnerJapanOnyama Limba RENEWAL
Kadeem C VenereIndiaAmy Elsner RENEWAL
Costa K MaletArgentinaAsiya Javayant NEGOTIATION
Sinclair U WhobreyUnited KingdomAsiya Javayant UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Rodrigues R SaylorsSpainAsiya Javayant NEW
Isabel E RoysterFranceStephen Shaw QUALIFIED
Jones B NickaRussiaOnyama Limba NEGOTIATION
Jefferson O FigeroaUnited KingdomIoni Bowcher NEGOTIATION
Munro P InouyeAustraliaIoni Bowcher UNQUALIFIED
Sinclair D RimJapanAsiya Javayant NEW
Kaitlin I WaycottItalyAmy Elsner RENEWAL
Juan S FollerArgentinaElwin Sharvill NEW
Faith T InouyeRussiaAmy Elsner PROPOSAL
Jeanfrancois C FollerUnited KingdomStephen Shaw PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jefferson V WieserIndia2026-09-15King, Christopher A Esq UNQUALIFIED26Xuxue Feng
1001Costa W RoysterItaly2026-09-25Chanay, Jeffrey A Esq NEGOTIATION45Amy Elsner
1002Clifford O WieserArgentina2026-09-29Chemel, James L Cpa PROPOSAL84Onyama Limba
1003Emily O WaycottAustralia2026-09-27Morlong Associates PROPOSAL7Ioni Bowcher
1004Kadeem K NestleCanada2026-09-17Chapman, Ross E Esq UNQUALIFIED67Asiya Javayant
1005Jefferson L SlusarskiGermany2026-10-04Feltz Printing Service UNQUALIFIED47Ioni Bowcher
1006Julie X RulapaughAustralia2026-10-10Dorl, James J Esq NEW86Anna Fali
1007Johnson Y VenereRussia2026-09-24Feiner Bros QUALIFIED82Asiya Javayant
1008Cody V FigeroaIndia2026-10-01Chemel, James L Cpa UNQUALIFIED88Anna Fali
1009James H BologniaAustralia2026-09-22King, Christopher A Esq PROPOSAL20Amy Elsner
1010Nicolas D NestleGermany2026-10-11King, Christopher A Esq NEGOTIATION38Ivan Magalhaes
1011Salvatore W ButtRussia2026-09-16King, Christopher A Esq UNQUALIFIED2Ivan Magalhaes
1012Greenwood C RimUnited Kingdom2026-09-29Dorl, James J Esq NEW18Ioni Bowcher
1013Cody K GillianAustralia2026-09-15Rousseaux, Michael Esq PROPOSAL43Anna Fali
1014Silvio Q ShinkoIndia2026-10-08Benton, John B Jr UNQUALIFIED79Anna Fali
1015Silvio A FollerCanada2026-10-03Rousseaux, Michael Esq NEW54Bernardo Dominic
1016Deepesh K GillianArgentina2026-10-01Rousseaux, Michael Esq RENEWAL16Bernardo Dominic
1017Munro F BologniaCanada2026-09-28Benton, John B Jr NEGOTIATION28Amy Elsner
1018Julie H ButtUnited Kingdom2026-09-26Chapman, Ross E Esq NEGOTIATION93Anna Fali
1019Cody K FlosiSpain2026-10-08Commercial Press PROPOSAL97Onyama Limba
1020Nicolas F DarakjyCanada2026-09-25Benton, John B Jr RENEWAL7Xuxue Feng
1021Julie E InouyeUnited Kingdom2026-09-23Buckley Miller Wright RENEWAL51Bernardo Dominic
1022Juan P StockhamJapan2026-09-30Chapman, Ross E Esq NEGOTIATION71Stephen Shaw
1023Chavez M VocelkaRussia2026-10-10Printing Dimensions NEW8Anna Fali
1024Rodrigues B FlosiCanada2026-10-07Morlong Associates UNQUALIFIED32Ivan Magalhaes
1025Julie U FlosiUnited Kingdom2026-09-20Chemel, James L Cpa NEGOTIATION86Bernardo Dominic
1026Jones M MacleadGermany2026-10-04Feiner Bros NEGOTIATION34Amy Elsner
1027Murillo M CampainAustralia2026-09-20Chapman, Ross E Esq RENEWAL25Onyama Limba
1028Mujtaba R GillianIndia2026-10-03Chapman, Ross E Esq NEGOTIATION59Asiya Javayant
1029Sinclair E WieserSpain2026-10-01Chemel, James L Cpa UNQUALIFIED51Xuxue Feng
1030Salvatore E RoysterSpain2026-10-14Benton, John B Jr QUALIFIED62Ivan Magalhaes
1031Isabel L ButtUnited Kingdom2026-10-04Rangoni Of Florence UNQUALIFIED14Anna Fali
1032Deepesh C ChuiArgentina2026-10-01Commercial Press NEGOTIATION99Ivan Magalhaes
1033Aika H StensethGermany2026-10-07Benton, John B Jr UNQUALIFIED27Anna Fali
1034Alejandro Q StockhamFrance2026-10-10Printing Dimensions QUALIFIED60Asiya Javayant
1035Ivar D OldroydArgentina2026-09-25Truhlar And Truhlar Attys PROPOSAL23Onyama Limba
1036Maisha J NickaCanada2026-09-24Chanay, Jeffrey A Esq NEW63Bernardo Dominic
1037Cody Z WaycottAustralia2026-10-01Printing Dimensions NEW5Ivan Magalhaes
1038Smith J DarakjyBrazil2026-10-06King, Christopher A Esq NEW0Elwin Sharvill
1039Mujtaba Y BowleyUnited Kingdom2026-09-25Buckley Miller Wright PROPOSAL50Onyama Limba
1040Sinclair A BriddickUnited Kingdom2026-10-05Dorl, James J Esq RENEWAL97Asiya Javayant
1041Kadeem H PerinAustralia2026-09-24Dorl, James J Esq NEW62Elwin Sharvill
1042David V PoquetteCanada2026-10-09Benton, John B Jr UNQUALIFIED48Asiya Javayant
1043Aditya L VenereSpain2026-09-24Benton, John B Jr NEW85Bernardo Dominic
1044Kaitlin E OldroydIndia2026-10-11Benton, John B Jr PROPOSAL41Ivan Magalhaes
1045Tony S CampainItaly2026-09-20Truhlar And Truhlar Attys NEGOTIATION17Stephen Shaw
1046Munro J GlickAustralia2026-10-13Chapman, Ross E Esq UNQUALIFIED72Onyama Limba
1047Maisha L AlbaresRussia2026-10-03Chapman, Ross E Esq RENEWAL96Anna Fali
1048Jennifer O WieserRussia2026-09-23Truhlar And Truhlar Attys QUALIFIED9Elwin Sharvill
1049Ashley Z MaletArgentina2026-09-27Morlong Associates QUALIFIED72Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Costa N NestleBrazilBernardo Dominic RENEWAL
Silvio G ChuiCanadaElwin Sharvill NEGOTIATION
Jennifer F SaylorsIndiaAmy Elsner NEGOTIATION
Ricardo B CaudyJapanBernardo Dominic QUALIFIED
Adams M TollnerRussiaStephen Shaw PROPOSAL
Kadeem R StockhamFranceAnna Fali NEW
Morrow J OldroydSpainOnyama Limba NEGOTIATION
Ivar Y ButtRussiaIoni Bowcher UNQUALIFIED
Faith Y AmigonAustraliaOnyama Limba UNQUALIFIED
Jeanfrancois F FollerGermanyAsiya Javayant UNQUALIFIED
Maria N CaudyJapanStephen Shaw RENEWAL
Juan M CaldareraAustraliaAsiya Javayant NEW
Ivar H OstroskyJapanIoni Bowcher NEW
Aditya M AmigonAustraliaIoni Bowcher RENEWAL
James P CaudyFranceAnna Fali UNQUALIFIED
Costa P MaletSpainIvan Magalhaes QUALIFIED
Claire O GarufiAustraliaAsiya Javayant UNQUALIFIED
Murillo Q KolmetzAustraliaAmy Elsner NEW
Tony K DilliardSpainXuxue Feng NEGOTIATION
Arvin D GlickArgentinaXuxue Feng QUALIFIED
Aditya L MacleadCanadaStephen Shaw RENEWAL
Claire D WaycottSpainElwin Sharvill UNQUALIFIED
Morrow X DarakjyCanadaStephen Shaw PROPOSAL
Kaitlin Q GillianRussiaIvan Magalhaes PROPOSAL
Ashley E BriddickAustraliaElwin Sharvill NEW
Antonio G ShinkoAustraliaAsiya Javayant NEW
Morrow G CaldareraArgentinaAsiya Javayant NEW
Adams O SchemmerArgentinaBernardo Dominic RENEWAL
Julie N GillianItalyAmy Elsner NEGOTIATION
Ricardo L FerenczGermanyBernardo Dominic QUALIFIED
Claire P MarrierFranceXuxue Feng UNQUALIFIED
Ashley O BologniaGermanyAmy Elsner PROPOSAL
Maisha T FerenczCanadaAnna Fali RENEWAL
Maria G NickaArgentinaIoni Bowcher NEGOTIATION
Jeanfrancois O ChuiIndiaBernardo Dominic RENEWAL
Leja P NickaSpainStephen Shaw UNQUALIFIED
Sinclair U SaylorsJapanAmy Elsner PROPOSAL
Arvin R GlickGermanyOnyama Limba NEGOTIATION
Silvio G OldroydFranceAsiya Javayant PROPOSAL
Octavia K StockhamRussiaAmy Elsner NEGOTIATION
Francesco Q DoeGermanyBernardo Dominic NEW
Mayumi F GauchoGermanyStephen Shaw RENEWAL
Wickens V KolmetzCanadaBernardo Dominic NEW
Maria K RoysterArgentinaStephen Shaw UNQUALIFIED
Adams N KolmetzIndiaIvan Magalhaes QUALIFIED
Octavia L FigeroaJapanElwin Sharvill UNQUALIFIED
Munro Y NickaSpainXuxue Feng QUALIFIED
Wickens F CaldareraBrazilAsiya Javayant NEGOTIATION
Deepesh V SlusarskiSpainIoni Bowcher QUALIFIED
Misaki W SaylorsSpainAsiya Javayant UNQUALIFIED
Frozen Columns
Name
Claire Z Caldarera
Mujtaba G Gaucho
Murillo B Dilliard
Faith T Chui
Darci D Sergi
Aditya I Perin
James Q Gaucho
Jennifer U Campain
Mujtaba Y Nicka
Emily B Nestle
Rodrigues W Vocelka
Ricardo G Marrier
Wickens L Kolmetz
Johnson G Saylors
Deepesh P Foller
Murillo P Doe
Aditya G Inouye
Costa Y Figeroa
Arvin X Garufi
Nicolas R Stenseth
Aditya Q Marrier
Izzy X Malet
Ashley F Tollner
Nicolas I Kusko
Julie V Iturbide
Leja W Maclead
Arvin K Caudy
Alejandro V Marrier
Leon B Bolognia
Salvatore Y Butt
Munro V Foller
Arvin B Paprocki
Costa C Garufi
Juan F Garufi
Faith I Malet
Arvin N Foller
Ricardo C Ruta
Octavia L Chui
Smith M Gaucho
Izzy Q Tollner
Ashley O Rulapaugh
Antonio Q Morasca
Francesco V Gaucho
Arvin U Bowley
Cody X Ferencz
Antonio P Waycott
Morrow G Briddick
Smith B Garufi
Aditya Y Glick
Silvio I Shinko
IdCountryDate
1000Brazil2026-10-11
1001Italy2026-09-30
1002Australia2026-09-18
1003France2026-09-29
1004Canada2026-10-08
1005France2026-09-29
1006Germany2026-10-10
1007Canada2026-09-18
1008Japan2026-09-19
1009Italy2026-09-18
1010Canada2026-09-28
1011Italy2026-09-20
1012Russia2026-09-20
1013United Kingdom2026-10-13
1014United Kingdom2026-09-17
1015Germany2026-10-06
1016Japan2026-10-06
1017United Kingdom2026-10-08
1018Spain2026-09-20
1019India2026-10-03
1020India2026-09-25
1021Russia2026-10-04
1022United Kingdom2026-10-14
1023United Kingdom2026-09-16
1024Russia2026-09-27
1025Australia2026-09-21
1026France2026-09-17
1027France2026-09-30
1028France2026-10-09
1029Spain2026-10-04
1030Canada2026-09-25
1031Canada2026-10-10
1032Spain2026-10-02
1033Brazil2026-09-17
1034Japan2026-09-24
1035Canada2026-09-21
1036Brazil2026-09-27
1037Brazil2026-10-03
1038Spain2026-10-03
1039France2026-10-11
1040Italy2026-09-16
1041Australia2026-10-01
1042Germany2026-09-15
1043India2026-10-10
1044Argentina2026-10-09
1045Brazil2026-09-25
1046Australia2026-09-26
1047Canada2026-09-16
1048Italy2026-10-13
1049Japan2026-10-08

On-Demand Data

NameIdCountryDate
Izzy G Schemmer1000Brazil2026-10-01
Misaki T Perin1001France2026-09-27
Ashley D Nestle1002Spain2026-10-14
Tony B Foller1003Germany2026-10-14
Nicolas E Kusko1004Australia2026-09-28
Salvatore H Malet1005Japan2026-09-22
Silvio C Ruta1006Australia2026-09-26
Leon D Venere1007Japan2026-09-26
Greenwood Q Nicka1008India2026-10-01
Kaitlin X Sergi1009Argentina2026-10-13
Kadeem G Darakjy1010India2026-09-16
Aruna U Iturbide1011Spain2026-09-21
Morrow V Perin1012Argentina2026-09-18
Clifford H Kusko1013Canada2026-10-04
Munro U Darakjy1014Australia2026-09-15
Greenwood S Briddick1015Brazil2026-10-01
Mujtaba X Oldroyd1016India2026-10-05
Costa I Figeroa1017Russia2026-09-18
Misaki O Figeroa1018Australia2026-09-26
Munro A Paprocki1019Argentina2026-09-17
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Isabel K GauchoUnited KingdomElwin Sharvill RENEWAL
Antonio U RoysterItalyAnna Fali RENEWAL
Francesco V CaldareraGermanyBernardo Dominic NEW
Claire E PoquetteGermanyStephen Shaw QUALIFIED
Clifford A TollnerUnited KingdomXuxue Feng UNQUALIFIED
Mayumi S OstroskyJapanOnyama Limba NEW
Wickens M BriddickItalyXuxue Feng PROPOSAL
Deepesh Q BowleyRussiaBernardo Dominic NEGOTIATION
Aika H SchemmerIndiaXuxue Feng NEGOTIATION
Jennifer A OldroydBrazilAsiya Javayant UNQUALIFIED
Mayumi J GlickFranceAnna Fali QUALIFIED
Antonio Q CaldareraRussiaElwin Sharvill UNQUALIFIED
Kadeem P WieserUnited KingdomIvan Magalhaes QUALIFIED
Isabel U ShinkoCanadaAmy Elsner NEGOTIATION
Costa J GlickSpainAmy Elsner UNQUALIFIED
Costa R TollnerRussiaAnna Fali QUALIFIED
Ashley Y SchemmerRussiaElwin Sharvill NEW
Leon B StockhamItalyAmy Elsner NEW
Faith X OstroskyJapanElwin Sharvill RENEWAL
Aika N CaldareraItalyOnyama Limba PROPOSAL
Alejandro J AmigonJapanStephen Shaw NEW
Morrow F GauchoArgentinaIoni Bowcher QUALIFIED
Ivar R ButtArgentinaOnyama Limba UNQUALIFIED
Deepesh C WaycottSpainBernardo Dominic RENEWAL
Salvatore H PaprockiSpainIoni Bowcher RENEWAL
Maria I PoquetteIndiaIvan Magalhaes QUALIFIED
Rodrigues M AmigonJapanAmy Elsner NEW
Jones A CaldareraItalyAnna Fali QUALIFIED
Emily N FerenczSpainIvan Magalhaes NEW
Cody F ChuiSpainStephen Shaw NEGOTIATION
Isabel H BriddickBrazilElwin Sharvill UNQUALIFIED
Maisha Y VocelkaItalyStephen Shaw UNQUALIFIED
Ashley P NestleAustraliaAnna Fali RENEWAL
Silvio J IturbideCanadaBernardo Dominic QUALIFIED
Jeanfrancois A RoysterBrazilAsiya Javayant PROPOSAL
Jeanfrancois R MarrierSpainElwin Sharvill RENEWAL
Aruna L DarakjyUnited KingdomOnyama Limba RENEWAL
Darci P MacleadAustraliaAnna Fali RENEWAL
Smith T CaudyRussiaElwin Sharvill QUALIFIED
Antonio L AlbaresCanadaBernardo Dominic 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>