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
Jennifer V AlbaresCanadaAmy Elsner QUALIFIED
Greenwood M CampainIndiaXuxue Feng NEW
Munro J OldroydJapanAnna Fali RENEWAL
Jefferson K VenereJapanIoni Bowcher QUALIFIED
Kaitlin T WaycottItalyStephen Shaw PROPOSAL
Clifford F WhobreyAustraliaXuxue Feng NEW
Ashley S KolmetzIndiaStephen Shaw UNQUALIFIED
Rodrigues Z DoeIndiaStephen Shaw UNQUALIFIED
Jefferson S KuskoSpainBernardo Dominic NEGOTIATION
Misaki I SlusarskiRussiaAnna Fali PROPOSAL
Deepesh W RoysterJapanOnyama Limba QUALIFIED
Adams S StockhamItalyIoni Bowcher PROPOSAL
Morrow T DarakjyRussiaAnna Fali UNQUALIFIED
Rodrigues A CaldareraSpainIoni Bowcher NEGOTIATION
Leja P InouyeFranceIvan Magalhaes PROPOSAL
Leja F PoquetteCanadaStephen Shaw QUALIFIED
Stacey Y InouyeSpainOnyama Limba NEGOTIATION
Arvin E AmigonUnited KingdomElwin Sharvill NEW
Emily K AlbaresItalyOnyama Limba UNQUALIFIED
Johnson S InouyeFranceOnyama Limba UNQUALIFIED
Mujtaba Y SergiArgentinaAsiya Javayant UNQUALIFIED
Deepesh X RimGermanyAsiya Javayant PROPOSAL
Stacey F RimSpainIvan Magalhaes UNQUALIFIED
Juan P ButtBrazilStephen Shaw PROPOSAL
Clifford R FlosiUnited KingdomXuxue Feng RENEWAL
Clifford C RutaUnited KingdomElwin Sharvill PROPOSAL
Mujtaba Q SergiItalyAsiya Javayant UNQUALIFIED
Maisha S CaudyRussiaAsiya Javayant NEW
Aditya V PaprockiUnited KingdomBernardo Dominic RENEWAL
Ivar C VenereItalyAsiya Javayant PROPOSAL
Cody D CaudyAustraliaIvan Magalhaes UNQUALIFIED
Stacey Q MorascaRussiaIoni Bowcher NEGOTIATION
Darci R OldroydJapanIvan Magalhaes PROPOSAL
Leja L FerenczIndiaAsiya Javayant RENEWAL
Francesco Q RulapaughGermanyOnyama Limba QUALIFIED
Jennifer U RimSpainBernardo Dominic PROPOSAL
Ricardo B NestleAustraliaIoni Bowcher UNQUALIFIED
Chavez T MacleadArgentinaStephen Shaw QUALIFIED
Alejandro W DarakjyFranceAmy Elsner UNQUALIFIED
Antonio S CaudyCanadaAnna Fali QUALIFIED
Izzy A ShinkoGermanyBernardo Dominic RENEWAL
Smith I WieserFranceElwin Sharvill NEW
Aika W SergiArgentinaOnyama Limba RENEWAL
Kaitlin J WaycottJapanElwin Sharvill QUALIFIED
Maisha C BologniaRussiaOnyama Limba UNQUALIFIED
Jefferson Z KuskoJapanIoni Bowcher NEW
Salvatore K ShinkoUnited KingdomBernardo Dominic NEGOTIATION
Faith B KolmetzIndiaAmy Elsner RENEWAL
Jeanfrancois I WhobreyItalyBernardo Dominic NEW
Ivar W CaudyArgentinaIoni Bowcher QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Cody O MaletCanadaOnyama Limba NEW
Mujtaba V DilliardGermanyAsiya Javayant QUALIFIED
Adams C DarakjySpainBernardo Dominic NEGOTIATION
Leja D DoeItalyElwin Sharvill PROPOSAL
Faith E GauchoUnited KingdomOnyama Limba NEW
Octavia W VenereCanadaStephen Shaw NEW
Jennifer E SaylorsFranceOnyama Limba NEGOTIATION
Nicolas N GillianIndiaAsiya Javayant RENEWAL
Emily R OstroskyBrazilOnyama Limba PROPOSAL
Maisha N SergiItalyIvan Magalhaes UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Emily H ButtAustralia2026-10-31Truhlar And Truhlar Attys NEGOTIATION57Asiya Javayant
1001Adams S BologniaGermany2026-10-14Chemel, James L Cpa UNQUALIFIED8Stephen Shaw
1002Julie W GillianIndia2026-10-07Commercial Press NEW33Bernardo Dominic
1003Chavez E MarrierCanada2026-10-26Printing Dimensions PROPOSAL16Ivan Magalhaes
1004Jones T PerinUnited Kingdom2026-10-20Chapman, Ross E Esq QUALIFIED68Anna Fali
1005Aruna V BologniaJapan2026-11-02Chapman, Ross E Esq QUALIFIED29Onyama Limba
1006Leon Y StensethIndia2026-10-22Dorl, James J Esq RENEWAL91Xuxue Feng
1007Salvatore M RulapaughFrance2026-10-29Morlong Associates PROPOSAL84Onyama Limba
1008Jennifer R GarufiArgentina2026-10-21Chanay, Jeffrey A Esq PROPOSAL60Elwin Sharvill
1009Octavia A TollnerUnited Kingdom2026-10-23Rousseaux, Michael Esq UNQUALIFIED0Xuxue Feng
1010Jennifer C RulapaughGermany2026-10-15Chanay, Jeffrey A Esq UNQUALIFIED71Bernardo Dominic
1011Morrow B PaprockiBrazil2026-10-25King, Christopher A Esq RENEWAL49Elwin Sharvill
1012Clifford U StensethRussia2026-10-20King, Christopher A Esq NEGOTIATION49Xuxue Feng
1013Faith Z MaletItaly2026-10-18Commercial Press NEW65Asiya Javayant
1014Leja I KuskoFrance2026-11-04Feltz Printing Service RENEWAL94Ivan Magalhaes
1015Claire S NestleCanada2026-10-20Rousseaux, Michael Esq RENEWAL35Ivan Magalhaes
1016Sinclair Z DarakjyUnited Kingdom2026-10-13Chapman, Ross E Esq NEW89Anna Fali
1017Darci H GauchoIndia2026-10-11Morlong Associates PROPOSAL27Elwin Sharvill
1018Misaki N IturbideItaly2026-10-25Truhlar And Truhlar Attys NEGOTIATION92Anna Fali
1019Emily Z WieserBrazil2026-11-04Printing Dimensions QUALIFIED81Ioni Bowcher
1020Stacey I OldroydItaly2026-10-13Chemel, James L Cpa UNQUALIFIED29Elwin Sharvill
1021Claire V BologniaJapan2026-10-29Printing Dimensions NEGOTIATION20Elwin Sharvill
1022Munro M SlusarskiCanada2026-10-27Feiner Bros RENEWAL74Elwin Sharvill
1023Juan Z CaudyGermany2026-10-11Commercial Press RENEWAL17Ivan Magalhaes
1024Izzy W MorascaJapan2026-10-20Benton, John B Jr QUALIFIED84Anna Fali
1025Morrow R AmigonFrance2026-10-30King, Christopher A Esq QUALIFIED78Ioni Bowcher
1026Arvin D OldroydBrazil2026-10-07Feiner Bros UNQUALIFIED65Elwin Sharvill
1027Jeanfrancois L InouyeSpain2026-10-21Rangoni Of Florence RENEWAL50Xuxue Feng
1028Isabel M InouyeFrance2026-10-13Printing Dimensions NEW76Xuxue Feng
1029Mayumi Z WaycottGermany2026-10-20Morlong Associates UNQUALIFIED95Bernardo Dominic
1030Faith N FerenczCanada2026-10-09Chapman, Ross E Esq UNQUALIFIED17Anna Fali
1031Stacey A GauchoRussia2026-10-08Chanay, Jeffrey A Esq PROPOSAL61Xuxue Feng
1032Claire B AlbaresIndia2026-10-14Chanay, Jeffrey A Esq NEGOTIATION49Stephen Shaw
1033Francesco X CampainItaly2026-10-12Chapman, Ross E Esq PROPOSAL63Xuxue Feng
1034Stacey V VocelkaFrance2026-10-26Dorl, James J Esq RENEWAL75Ivan Magalhaes
1035Chavez J ButtBrazil2026-10-30Truhlar And Truhlar Attys PROPOSAL19Anna Fali
1036Aruna J GillianFrance2026-10-28Dorl, James J Esq NEW28Asiya Javayant
1037Antonio X RimBrazil2026-10-11Dorl, James J Esq QUALIFIED47Onyama Limba
1038Wickens K FerenczIndia2026-10-16Morlong Associates NEW56Onyama Limba
1039Claire N CaudyJapan2026-10-26Chemel, James L Cpa RENEWAL72Ioni Bowcher
1040Octavia R BowleyAustralia2026-10-15Morlong Associates UNQUALIFIED63Amy Elsner
1041Juan M IturbideFrance2026-10-12Chemel, James L Cpa NEW58Ivan Magalhaes
1042Juan R DarakjyItaly2026-10-26Chanay, Jeffrey A Esq QUALIFIED2Anna Fali
1043Faith G AlbaresSpain2026-10-28Chemel, James L Cpa QUALIFIED21Stephen Shaw
1044Arvin A NickaGermany2026-10-06Buckley Miller Wright PROPOSAL18Stephen Shaw
1045Deepesh G PaprockiAustralia2026-10-11Rangoni Of Florence RENEWAL0Ioni Bowcher
1046Kaitlin X MacleadGermany2026-10-06Feiner Bros RENEWAL15Ioni Bowcher
1047Francesco M ShinkoUnited Kingdom2026-10-06Rousseaux, Michael Esq NEGOTIATION82Ioni Bowcher
1048Munro U KolmetzSpain2026-10-12Chanay, Jeffrey A Esq RENEWAL41Onyama Limba
1049Faith O GauchoUnited Kingdom2026-10-12Dorl, James J Esq QUALIFIED66Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
James Y FlosiArgentinaAsiya Javayant QUALIFIED
Smith Z AlbaresUnited KingdomBernardo Dominic RENEWAL
James I MarrierArgentinaStephen Shaw PROPOSAL
Izzy Z ButtRussiaAsiya Javayant NEGOTIATION
Arvin J GarufiItalyIoni Bowcher QUALIFIED
Sinclair U SchemmerJapanIvan Magalhaes QUALIFIED
Sinclair Y RulapaughJapanBernardo Dominic PROPOSAL
Julie X KolmetzArgentinaAnna Fali PROPOSAL
Costa T CaldareraItalyXuxue Feng NEGOTIATION
Johnson Z FollerJapanIvan Magalhaes RENEWAL
Tony W CaudyCanadaAsiya Javayant RENEWAL
Aika L StockhamGermanyElwin Sharvill NEGOTIATION
Sinclair H GarufiJapanAsiya Javayant RENEWAL
Juan Z SergiFranceAnna Fali NEGOTIATION
Deepesh E FerenczItalyAmy Elsner NEW
Jennifer O MorascaIndiaIvan Magalhaes NEGOTIATION
Morrow W SergiUnited KingdomXuxue Feng UNQUALIFIED
Mayumi G MarrierFranceIoni Bowcher PROPOSAL
Kadeem T FollerBrazilAsiya Javayant UNQUALIFIED
Isabel H OldroydUnited KingdomElwin Sharvill NEGOTIATION
Francesco F MacleadUnited KingdomIvan Magalhaes NEW
Arvin C DilliardSpainStephen Shaw UNQUALIFIED
Murillo V FlosiArgentinaOnyama Limba RENEWAL
Maisha O CaldareraGermanyAsiya Javayant RENEWAL
Munro V MaletUnited KingdomAmy Elsner UNQUALIFIED
Kaitlin V AlbaresFranceBernardo Dominic RENEWAL
Isabel B CaudySpainAsiya Javayant NEW
Costa Z ShinkoGermanyStephen Shaw QUALIFIED
Salvatore H ButtItalyAnna Fali PROPOSAL
Juan B VenereBrazilXuxue Feng UNQUALIFIED
Alejandro O BologniaArgentinaAnna Fali RENEWAL
Sinclair K WaycottRussiaAnna Fali QUALIFIED
Cody S OldroydArgentinaStephen Shaw RENEWAL
Chavez I PaprockiRussiaXuxue Feng QUALIFIED
Murillo O PerinGermanyStephen Shaw PROPOSAL
Rodrigues V KuskoItalyOnyama Limba NEGOTIATION
Stacey U SaylorsGermanyIvan Magalhaes NEW
Aditya P CampainCanadaXuxue Feng RENEWAL
Jones V WaycottAustraliaXuxue Feng PROPOSAL
James Z FigeroaRussiaElwin Sharvill QUALIFIED
Ricardo J OstroskyUnited KingdomStephen Shaw PROPOSAL
Jeanfrancois T CampainJapanAsiya Javayant NEW
Smith M SergiArgentinaAnna Fali UNQUALIFIED
Adams L WhobreyGermanyAnna Fali NEW
Maria S FlosiJapanAmy Elsner UNQUALIFIED
Kadeem X WhobreyFranceIoni Bowcher QUALIFIED
Isabel H PerinJapanAmy Elsner RENEWAL
Maria A KolmetzUnited KingdomBernardo Dominic UNQUALIFIED
Clifford N WieserSpainXuxue Feng RENEWAL
Kadeem T DilliardSpainAnna Fali PROPOSAL
Frozen Columns
Name
Misaki S Ruta
Izzy B Amigon
Faith S Campain
Arvin N Morasca
Izzy V Briddick
Chavez O Poquette
Mayumi K Bowley
Munro K Slusarski
James H Morasca
Cody X Bolognia
Ricardo H Oldroyd
Faith J Whobrey
Smith D Nestle
Mayumi N Stenseth
Tony Q Amigon
Kaitlin C Whobrey
Francesco T Slusarski
Jones C Schemmer
Misaki E Stockham
Mujtaba F Inouye
Francesco I Caudy
Morrow K Nicka
Silvio L Campain
Cody K Waycott
Aika L Caldarera
Maisha M Rulapaugh
Isabel W Oldroyd
Rodrigues R Amigon
Arvin V Caudy
Misaki H Marrier
Mujtaba G Morasca
Tony Y Rulapaugh
Mayumi X Amigon
Stacey E Nicka
David L Shinko
Ashley H Dilliard
Silvio M Kolmetz
Nicolas P Wieser
Claire Q Gillian
Misaki E Rulapaugh
Isabel L Garufi
Smith Q Rim
Juan R Royster
Darci X Vocelka
Johnson I Waycott
Juan S Malet
Jennifer V Iturbide
Adams A Paprocki
Stacey M Rulapaugh
Ashley I Venere
IdCountryDate
1000Japan2026-10-22
1001United Kingdom2026-11-01
1002Australia2026-11-03
1003Russia2026-10-11
1004Brazil2026-11-03
1005United Kingdom2026-10-29
1006Australia2026-10-27
1007Japan2026-11-03
1008France2026-11-04
1009India2026-10-29
1010Italy2026-10-26
1011Russia2026-10-25
1012United Kingdom2026-10-08
1013Canada2026-10-24
1014Japan2026-10-09
1015France2026-11-04
1016Russia2026-10-18
1017Japan2026-10-10
1018Spain2026-10-08
1019India2026-11-01
1020Brazil2026-10-19
1021India2026-10-28
1022Japan2026-10-16
1023France2026-10-22
1024Japan2026-10-13
1025Spain2026-10-20
1026Japan2026-10-11
1027United Kingdom2026-10-30
1028Australia2026-10-31
1029Spain2026-11-03
1030Brazil2026-10-06
1031Argentina2026-10-23
1032Argentina2026-10-17
1033Canada2026-10-10
1034Japan2026-10-14
1035Germany2026-10-07
1036Italy2026-10-12
1037Italy2026-11-01
1038Brazil2026-11-04
1039Russia2026-10-22
1040United Kingdom2026-10-26
1041Canada2026-10-27
1042Australia2026-10-27
1043Australia2026-10-11
1044Australia2026-11-03
1045France2026-10-26
1046Italy2026-10-13
1047France2026-10-16
1048Italy2026-10-29
1049Brazil2026-10-30

On-Demand Data

NameIdCountryDate
Kadeem J Kolmetz1000Australia2026-10-31
Jones C Gillian1001Germany2026-11-04
Sinclair E Rim1002Italy2026-10-13
Chavez O Saylors1003Brazil2026-10-31
Aika B Briddick1004Australia2026-10-23
Francesco D Briddick1005Russia2026-10-14
Jennifer A Stenseth1006India2026-10-16
Faith U Kolmetz1007Spain2026-11-01
Alejandro S Stenseth1008Australia2026-10-12
Isabel I Dilliard1009Spain2026-10-13
Antonio K Gaucho1010Canada2026-10-24
Adams K Ostrosky1011India2026-10-17
Emily T Marrier1012Australia2026-10-29
Jefferson B Shinko1013Argentina2026-10-17
Kaitlin E Maclead1014Russia2026-11-02
Maria D Gaucho1015Brazil2026-10-08
Morrow Z Venere1016Brazil2026-10-31
Mujtaba X Rulapaugh1017Spain2026-10-17
Cody C Slusarski1018Australia2026-11-02
Costa Z Glick1019Australia2026-10-26
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Claire T ChuiRussiaAsiya Javayant RENEWAL
Morrow G MorascaAustraliaIvan Magalhaes QUALIFIED
Murillo T GauchoUnited KingdomAnna Fali QUALIFIED
Ashley T GillianSpainAnna Fali QUALIFIED
Juan P GlickCanadaAsiya Javayant PROPOSAL
James Q FigeroaGermanyAsiya Javayant NEW
Alejandro V TollnerCanadaOnyama Limba NEW
Aruna J PaprockiSpainBernardo Dominic RENEWAL
Emily O CampainGermanyElwin Sharvill RENEWAL
Leja Z OldroydCanadaElwin Sharvill QUALIFIED
Munro E OstroskyIndiaIvan Magalhaes PROPOSAL
Darci S OstroskyAustraliaIvan Magalhaes NEGOTIATION
Morrow D MaletArgentinaElwin Sharvill NEGOTIATION
Aruna Q FlosiGermanyOnyama Limba PROPOSAL
Leon U DoeUnited KingdomElwin Sharvill RENEWAL
Kadeem Z WaycottIndiaStephen Shaw NEW
Alejandro M FollerGermanyOnyama Limba RENEWAL
Adams Z VenereItalyAnna Fali RENEWAL
Aditya D ChuiAustraliaAnna Fali NEW
Misaki B BowleyAustraliaAsiya Javayant PROPOSAL
Maria F RoysterGermanyElwin Sharvill PROPOSAL
Leja P SchemmerSpainIvan Magalhaes RENEWAL
Isabel S SaylorsBrazilStephen Shaw RENEWAL
Smith D PoquetteRussiaStephen Shaw PROPOSAL
Morrow V MaletCanadaIoni Bowcher RENEWAL
Alejandro Z BologniaJapanStephen Shaw QUALIFIED
Juan I CaldareraItalyOnyama Limba UNQUALIFIED
Sinclair U MaletAustraliaXuxue Feng UNQUALIFIED
Claire U ButtCanadaAnna Fali NEGOTIATION
Chavez H PaprockiUnited KingdomStephen Shaw QUALIFIED
Mujtaba D SlusarskiArgentinaOnyama Limba NEGOTIATION
Maria V WieserCanadaIoni Bowcher UNQUALIFIED
Isabel P ShinkoFranceAnna Fali QUALIFIED
Johnson S FollerBrazilXuxue Feng UNQUALIFIED
Murillo N KolmetzGermanyIvan Magalhaes QUALIFIED
Faith Y FlosiSpainElwin Sharvill PROPOSAL
Greenwood P BriddickItalyAsiya Javayant UNQUALIFIED
Silvio G NestleJapanOnyama Limba RENEWAL
Isabel X FerenczGermanyAsiya Javayant PROPOSAL
Silvio K PoquetteItalyElwin Sharvill UNQUALIFIED

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