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
Costa M FollerGermanyElwin Sharvill PROPOSAL
Izzy N MorascaUnited KingdomStephen Shaw UNQUALIFIED
Ricardo G RoysterItalyXuxue Feng UNQUALIFIED
Jefferson N PoquetteGermanyAsiya Javayant RENEWAL
Antonio G SlusarskiGermanyXuxue Feng NEGOTIATION
Maisha H VocelkaIndiaElwin Sharvill NEGOTIATION
Faith P OldroydGermanyXuxue Feng NEW
Mayumi X GlickFranceBernardo Dominic NEGOTIATION
Rodrigues N AmigonArgentinaIvan Magalhaes NEGOTIATION
Julie Z WhobreyJapanBernardo Dominic UNQUALIFIED
Sinclair G SchemmerBrazilOnyama Limba UNQUALIFIED
Jeanfrancois Q DilliardRussiaOnyama Limba PROPOSAL
Jefferson H MarrierRussiaAmy Elsner QUALIFIED
Alejandro Q OldroydBrazilElwin Sharvill UNQUALIFIED
Sinclair I GauchoJapanAnna Fali NEGOTIATION
Sinclair N KolmetzItalyAnna Fali PROPOSAL
Maria A RoysterGermanyAnna Fali NEW
Jefferson S DarakjyFranceBernardo Dominic UNQUALIFIED
Julie B MacleadBrazilStephen Shaw NEGOTIATION
Leon P OldroydCanadaAnna Fali RENEWAL
Smith X FerenczSpainXuxue Feng NEGOTIATION
Ashley M GauchoItalyStephen Shaw RENEWAL
Jefferson S DoeGermanyAsiya Javayant PROPOSAL
Nicolas F GarufiUnited KingdomXuxue Feng UNQUALIFIED
Juan B BowleyJapanAmy Elsner NEGOTIATION
Kadeem T FollerItalyAsiya Javayant NEW
Misaki B ShinkoFranceBernardo Dominic RENEWAL
Greenwood D KolmetzFranceElwin Sharvill QUALIFIED
Nicolas L CaudyUnited KingdomIvan Magalhaes PROPOSAL
Antonio W CaldareraFranceStephen Shaw RENEWAL
Deepesh E RimArgentinaXuxue Feng NEGOTIATION
Chavez I BowleyAustraliaOnyama Limba RENEWAL
Aika V CaldareraJapanBernardo Dominic PROPOSAL
Mayumi T AlbaresCanadaXuxue Feng NEGOTIATION
Clifford P IturbideJapanStephen Shaw PROPOSAL
Maisha U PerinJapanStephen Shaw RENEWAL
Rodrigues Y AlbaresAustraliaOnyama Limba RENEWAL
Aika T OldroydBrazilIoni Bowcher NEW
Leon F RimCanadaElwin Sharvill NEGOTIATION
Mujtaba E RutaItalyElwin Sharvill QUALIFIED
Jennifer U SlusarskiAustraliaElwin Sharvill PROPOSAL
Misaki M RimRussiaAmy Elsner RENEWAL
Faith Q NestleArgentinaIoni Bowcher RENEWAL
Leja S MarrierFranceOnyama Limba NEW
Nicolas T FerenczCanadaXuxue Feng RENEWAL
Murillo S GauchoIndiaAmy Elsner UNQUALIFIED
Claire T WhobreyRussiaXuxue Feng NEW
Jones W NickaArgentinaAsiya Javayant NEW
Emily D PerinArgentinaOnyama Limba NEGOTIATION
Deepesh F PoquetteGermanyAmy Elsner QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Rodrigues A PaprockiItalyXuxue Feng PROPOSAL
Silvio T IturbideRussiaIvan Magalhaes UNQUALIFIED
Murillo V IturbideGermanyIvan Magalhaes NEGOTIATION
Mujtaba U VocelkaJapanIvan Magalhaes QUALIFIED
Maisha T GarufiItalyAnna Fali UNQUALIFIED
Misaki J KolmetzUnited KingdomAnna Fali NEGOTIATION
Nicolas I OstroskyAustraliaOnyama Limba UNQUALIFIED
Aruna U GauchoItalyXuxue Feng QUALIFIED
Ricardo Q ButtArgentinaIvan Magalhaes QUALIFIED
Jeanfrancois E ChuiArgentinaOnyama Limba NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Murillo X ShinkoJapan2026-09-13Feiner Bros UNQUALIFIED85Ioni Bowcher
1001Rodrigues F CaldareraFrance2026-09-03Chanay, Jeffrey A Esq RENEWAL53Bernardo Dominic
1002Faith U WaycottSpain2026-08-26Feltz Printing Service PROPOSAL40Bernardo Dominic
1003Faith Y AlbaresBrazil2026-08-22Rousseaux, Michael Esq NEW7Ioni Bowcher
1004Jefferson O SlusarskiBrazil2026-09-14Chemel, James L Cpa NEW15Elwin Sharvill
1005Leja Z KuskoRussia2026-09-02Benton, John B Jr NEW29Asiya Javayant
1006Morrow S GarufiAustralia2026-09-10Commercial Press QUALIFIED11Ioni Bowcher
1007Morrow O CampainRussia2026-08-31King, Christopher A Esq UNQUALIFIED86Stephen Shaw
1008Smith X FlosiRussia2026-09-03Truhlar And Truhlar Attys NEGOTIATION26Stephen Shaw
1009Francesco D MarrierGermany2026-09-12Morlong Associates NEGOTIATION63Xuxue Feng
1010Jennifer I RutaCanada2026-09-02Feiner Bros RENEWAL87Ioni Bowcher
1011Maria Q WaycottGermany2026-09-02Chapman, Ross E Esq NEW97Bernardo Dominic
1012Maria L AlbaresBrazil2026-09-14Feltz Printing Service QUALIFIED98Elwin Sharvill
1013Francesco T AmigonBrazil2026-08-26King, Christopher A Esq PROPOSAL9Xuxue Feng
1014Aruna R MaletCanada2026-09-05Chapman, Ross E Esq PROPOSAL86Ivan Magalhaes
1015Misaki X InouyeFrance2026-09-14Feltz Printing Service PROPOSAL59Elwin Sharvill
1016Tony M BologniaUnited Kingdom2026-09-09Printing Dimensions PROPOSAL11Elwin Sharvill
1017Kadeem Q RulapaughFrance2026-09-03Buckley Miller Wright RENEWAL13Elwin Sharvill
1018Jones I ChuiAustralia2026-08-30Rousseaux, Michael Esq UNQUALIFIED67Asiya Javayant
1019Nicolas W OldroydUnited Kingdom2026-09-16Buckley Miller Wright NEW32Asiya Javayant
1020Ricardo Q MarrierSpain2026-09-06Morlong Associates RENEWAL52Onyama Limba
1021Aika R SaylorsSpain2026-09-07Feiner Bros NEW88Elwin Sharvill
1022Leon X PerinAustralia2026-09-16Printing Dimensions QUALIFIED12Onyama Limba
1023Faith C DarakjyGermany2026-09-14Rousseaux, Michael Esq NEGOTIATION46Bernardo Dominic
1024Greenwood T IturbideAustralia2026-08-29Rangoni Of Florence QUALIFIED1Onyama Limba
1025Stacey O StockhamFrance2026-09-17Benton, John B Jr QUALIFIED99Ivan Magalhaes
1026Alejandro J GlickJapan2026-09-08Buckley Miller Wright RENEWAL11Asiya Javayant
1027Munro Q NickaSpain2026-08-20Printing Dimensions UNQUALIFIED29Ivan Magalhaes
1028Maisha S GarufiItaly2026-09-03Rousseaux, Michael Esq QUALIFIED58Stephen Shaw
1029Ivar T GlickAustralia2026-09-10Chapman, Ross E Esq UNQUALIFIED14Ioni Bowcher
1030Ricardo Y FigeroaSpain2026-09-07Printing Dimensions UNQUALIFIED73Amy Elsner
1031Chavez T KuskoUnited Kingdom2026-08-25Feiner Bros RENEWAL32Asiya Javayant
1032Jefferson E MaletBrazil2026-08-21Benton, John B Jr NEGOTIATION21Anna Fali
1033Clifford R BologniaArgentina2026-08-27Benton, John B Jr QUALIFIED83Ivan Magalhaes
1034Faith Z KolmetzIndia2026-08-31Rousseaux, Michael Esq RENEWAL70Bernardo Dominic
1035Tony E StensethRussia2026-08-29Chapman, Ross E Esq RENEWAL9Elwin Sharvill
1036Leja M PaprockiBrazil2026-08-30Chemel, James L Cpa UNQUALIFIED23Stephen Shaw
1037Leja Y WaycottGermany2026-09-01Rangoni Of Florence RENEWAL70Ioni Bowcher
1038Jefferson K MorascaBrazil2026-09-05Feltz Printing Service NEW29Stephen Shaw
1039Julie U NickaRussia2026-09-04Feltz Printing Service QUALIFIED75Asiya Javayant
1040Aruna A FollerIndia2026-09-18King, Christopher A Esq RENEWAL3Onyama Limba
1041Leon D RutaGermany2026-08-29Dorl, James J Esq UNQUALIFIED18Bernardo Dominic
1042Clifford D CaudyIndia2026-08-27Chanay, Jeffrey A Esq RENEWAL50Stephen Shaw
1043Rodrigues B GlickGermany2026-09-14Buckley Miller Wright UNQUALIFIED93Ioni Bowcher
1044Kaitlin G IturbideItaly2026-08-22Dorl, James J Esq NEGOTIATION37Anna Fali
1045David X PoquetteCanada2026-09-04Rousseaux, Michael Esq NEGOTIATION80Xuxue Feng
1046Claire A OldroydArgentina2026-09-17Commercial Press UNQUALIFIED22Ivan Magalhaes
1047Ivar D StockhamCanada2026-09-07Commercial Press PROPOSAL84Amy Elsner
1048Faith W MorascaArgentina2026-09-11Chanay, Jeffrey A Esq UNQUALIFIED70Asiya Javayant
1049Leon N StockhamItaly2026-09-10Commercial Press NEGOTIATION33Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Francesco L FollerArgentinaElwin Sharvill NEW
Tony M VocelkaGermanyBernardo Dominic UNQUALIFIED
Darci I GauchoIndiaAsiya Javayant NEW
Francesco Y WhobreyCanadaStephen Shaw QUALIFIED
Chavez O DarakjyItalyStephen Shaw NEGOTIATION
Maria S InouyeFranceBernardo Dominic UNQUALIFIED
Misaki H NestleIndiaAmy Elsner NEGOTIATION
Aika W DilliardIndiaIoni Bowcher NEW
Jeanfrancois Q ShinkoIndiaIoni Bowcher NEGOTIATION
Stacey N MacleadGermanyOnyama Limba NEGOTIATION
Morrow N MarrierBrazilAnna Fali NEGOTIATION
Costa L PerinGermanyXuxue Feng NEGOTIATION
Alejandro M MorascaBrazilIvan Magalhaes NEW
Izzy D RimBrazilElwin Sharvill NEW
Claire Y TollnerSpainElwin Sharvill RENEWAL
Kadeem T InouyeArgentinaAnna Fali QUALIFIED
Arvin D VenereIndiaBernardo Dominic RENEWAL
Cody O PaprockiAustraliaStephen Shaw QUALIFIED
Octavia X SergiUnited KingdomElwin Sharvill NEW
Jones H RimAustraliaIvan Magalhaes RENEWAL
Kadeem S AlbaresBrazilAmy Elsner UNQUALIFIED
Nicolas K MorascaArgentinaAmy Elsner NEW
Leja Q WieserJapanElwin Sharvill NEGOTIATION
Aika D MacleadIndiaStephen Shaw NEW
Mujtaba O DarakjyArgentinaOnyama Limba NEW
Costa I OldroydRussiaBernardo Dominic NEW
Smith V SchemmerRussiaOnyama Limba NEGOTIATION
Octavia D OstroskyUnited KingdomBernardo Dominic QUALIFIED
Morrow F WhobreyJapanXuxue Feng PROPOSAL
Alejandro I DarakjyUnited KingdomStephen Shaw UNQUALIFIED
David V ChuiFranceIvan Magalhaes PROPOSAL
Octavia J InouyeArgentinaElwin Sharvill NEGOTIATION
Morrow T MaletBrazilIvan Magalhaes QUALIFIED
Julie W WaycottRussiaStephen Shaw UNQUALIFIED
Claire J GauchoJapanAmy Elsner RENEWAL
Ashley B FigeroaFranceStephen Shaw QUALIFIED
Aditya N GauchoArgentinaBernardo Dominic UNQUALIFIED
Jefferson B RulapaughSpainIoni Bowcher PROPOSAL
Aruna K DilliardAustraliaIoni Bowcher NEGOTIATION
Juan E MaletItalyBernardo Dominic NEGOTIATION
Aruna R WaycottFranceAmy Elsner QUALIFIED
Aditya H GauchoRussiaAnna Fali NEGOTIATION
Julie F BologniaCanadaStephen Shaw UNQUALIFIED
Aditya I SlusarskiBrazilIvan Magalhaes NEW
Isabel S ShinkoFranceOnyama Limba UNQUALIFIED
James M SaylorsAustraliaAmy Elsner QUALIFIED
Greenwood R BowleyUnited KingdomAmy Elsner NEGOTIATION
Nicolas X DoeItalyIoni Bowcher RENEWAL
Adams R RoysterJapanXuxue Feng NEW
Stacey I RulapaughBrazilIoni Bowcher NEW
Frozen Columns
Name
Kaitlin N Slusarski
Sinclair N Marrier
Mayumi X Ferencz
Costa S Shinko
Wickens X Bowley
Clifford R Amigon
Mujtaba N Bolognia
Morrow T Malet
Johnson G Chui
Octavia C Ostrosky
Emily Q Ferencz
Deepesh I Dilliard
James A Malet
Ashley K Venere
Alejandro P Ruta
Stacey Y Saylors
Jeanfrancois J Amigon
Cody A Butt
Maria I Iturbide
Faith R Nicka
Ricardo K Venere
Mayumi V Dilliard
Emily Y Schemmer
Silvio G Chui
Smith F Stockham
Alejandro C Paprocki
Salvatore Q Amigon
Maisha W Saylors
Mujtaba N Nestle
Nicolas K Malet
Jefferson L Stenseth
Aruna X Slusarski
Greenwood T Figeroa
Claire H Slusarski
James M Dilliard
Aditya H Bolognia
Mujtaba B Poquette
Sinclair E Chui
Mujtaba X Slusarski
Juan V Ferencz
Aruna L Venere
Jeanfrancois K Glick
Aditya K Flosi
Adams M Glick
Aditya B Malet
Ivar L Venere
Mayumi W Stenseth
Ricardo R Inouye
Julie M Ostrosky
Ivar D Schemmer
IdCountryDate
1000Argentina2026-08-25
1001Italy2026-09-05
1002Japan2026-08-30
1003India2026-08-23
1004India2026-09-04
1005Japan2026-09-07
1006Brazil2026-09-10
1007Russia2026-09-17
1008Canada2026-09-15
1009Japan2026-08-24
1010Argentina2026-09-10
1011France2026-09-05
1012Japan2026-09-12
1013United Kingdom2026-09-04
1014Canada2026-09-01
1015India2026-08-26
1016Spain2026-09-14
1017Canada2026-09-10
1018Japan2026-08-31
1019Italy2026-09-15
1020Canada2026-08-31
1021Brazil2026-08-22
1022India2026-09-01
1023India2026-09-13
1024France2026-09-10
1025Australia2026-08-29
1026Argentina2026-09-10
1027Japan2026-09-18
1028Argentina2026-09-11
1029Russia2026-08-26
1030Spain2026-09-14
1031Brazil2026-09-18
1032Spain2026-08-21
1033Japan2026-09-04
1034Brazil2026-09-05
1035United Kingdom2026-09-04
1036Russia2026-08-31
1037Italy2026-09-12
1038Spain2026-09-01
1039United Kingdom2026-08-27
1040Japan2026-09-06
1041Australia2026-09-15
1042Argentina2026-08-22
1043Italy2026-08-29
1044Russia2026-08-27
1045Brazil2026-08-22
1046Spain2026-09-07
1047Japan2026-08-26
1048Russia2026-09-03
1049Spain2026-09-04

On-Demand Data

NameIdCountryDate
Jeanfrancois R Bolognia1000India2026-08-24
Greenwood L Inouye1001Brazil2026-09-10
Morrow J Figeroa1002Russia2026-08-23
Nicolas J Stenseth1003Argentina2026-09-12
Arvin B Nestle1004Italy2026-09-10
Wickens L Sergi1005France2026-08-21
David N Marrier1006Spain2026-08-24
Tony L Chui1007United Kingdom2026-08-23
Izzy H Oldroyd1008United Kingdom2026-08-25
Kaitlin D Marrier1009United Kingdom2026-08-27
Kaitlin K Perin1010France2026-09-10
Adams E Poquette1011Italy2026-09-07
Tony Z Gaucho1012Australia2026-09-08
Deepesh W Nestle1013Canada2026-09-14
Morrow M Kusko1014Japan2026-08-26
Greenwood Q Darakjy1015France2026-08-30
Jeanfrancois L Amigon1016Spain2026-08-23
Sinclair Q Figeroa1017Germany2026-08-28
Jennifer F Briddick1018United Kingdom2026-09-10
Darci U Kolmetz1019United Kingdom2026-09-15
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Antonio C BologniaUnited KingdomIoni Bowcher RENEWAL
Stacey Z OstroskyJapanAnna Fali NEGOTIATION
Maisha V ChuiCanadaOnyama Limba QUALIFIED
Nicolas O WieserFranceStephen Shaw PROPOSAL
Arvin W NestleSpainIvan Magalhaes PROPOSAL
Murillo K RoysterArgentinaIvan Magalhaes NEGOTIATION
Claire E CampainCanadaStephen Shaw QUALIFIED
Tony V AmigonAustraliaIoni Bowcher NEGOTIATION
Isabel B DilliardIndiaElwin Sharvill RENEWAL
Antonio V PaprockiUnited KingdomBernardo Dominic NEGOTIATION
Aditya X ButtBrazilIvan Magalhaes QUALIFIED
Jennifer U WieserUnited KingdomAnna Fali PROPOSAL
Juan U KuskoIndiaOnyama Limba NEW
Leon Y KuskoUnited KingdomIvan Magalhaes RENEWAL
Costa L FollerBrazilIvan Magalhaes NEW
Silvio K SlusarskiUnited KingdomAsiya Javayant PROPOSAL
Silvio Q KuskoSpainAsiya Javayant NEGOTIATION
Kadeem G BologniaJapanElwin Sharvill RENEWAL
Jones H DarakjyFranceOnyama Limba NEW
Stacey E BriddickGermanyStephen Shaw UNQUALIFIED
Leon C SergiCanadaAsiya Javayant UNQUALIFIED
Murillo R SaylorsRussiaAmy Elsner RENEWAL
Jeanfrancois H BowleyArgentinaBernardo Dominic PROPOSAL
David T SlusarskiFranceBernardo Dominic UNQUALIFIED
Mayumi P WhobreyCanadaAnna Fali RENEWAL
Deepesh C BriddickAustraliaAnna Fali QUALIFIED
Jones W MorascaAustraliaElwin Sharvill NEW
Leon L GauchoGermanyAmy Elsner NEGOTIATION
Faith M DoeUnited KingdomOnyama Limba PROPOSAL
Stacey Y VenereUnited KingdomAmy Elsner NEW
Morrow N FollerIndiaElwin Sharvill NEW
Silvio S MarrierUnited KingdomAsiya Javayant RENEWAL
Deepesh L GarufiFranceElwin Sharvill RENEWAL
Deepesh B BologniaRussiaAnna Fali NEW
Julie F CaldareraItalyIoni Bowcher QUALIFIED
Claire E ChuiFranceStephen Shaw UNQUALIFIED
Nicolas B MacleadUnited KingdomIvan Magalhaes PROPOSAL
Johnson W MorascaBrazilIoni Bowcher NEGOTIATION
Octavia O CampainAustraliaIvan Magalhaes UNQUALIFIED
Mayumi S OstroskyFranceOnyama Limba 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>