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
Maisha U MaletBrazilStephen Shaw RENEWAL
Mujtaba J RimFranceIvan Magalhaes RENEWAL
Morrow E MacleadCanadaAsiya Javayant PROPOSAL
Jennifer N IturbideFranceIvan Magalhaes NEGOTIATION
Jones R CampainArgentinaStephen Shaw NEW
Kadeem L SaylorsAustraliaBernardo Dominic RENEWAL
Wickens V PoquetteItalyAsiya Javayant QUALIFIED
Leja F GauchoBrazilStephen Shaw UNQUALIFIED
Juan S RimCanadaElwin Sharvill NEW
Maisha H SaylorsArgentinaAnna Fali UNQUALIFIED
Silvio K RutaBrazilElwin Sharvill NEW
Rodrigues T SchemmerSpainBernardo Dominic NEGOTIATION
Jones J TollnerUnited KingdomStephen Shaw RENEWAL
Aika J TollnerArgentinaAmy Elsner QUALIFIED
Kaitlin B SergiFranceStephen Shaw NEGOTIATION
Darci Y OstroskyUnited KingdomBernardo Dominic NEW
Cody X IturbideRussiaIoni Bowcher QUALIFIED
Silvio Y MacleadIndiaXuxue Feng RENEWAL
Julie Q BriddickBrazilAnna Fali QUALIFIED
Adams M MarrierSpainIoni Bowcher PROPOSAL
Julie P RulapaughGermanyStephen Shaw QUALIFIED
Maisha C OstroskyAustraliaIvan Magalhaes NEGOTIATION
Mujtaba O BriddickUnited KingdomIvan Magalhaes RENEWAL
Cody T WieserJapanStephen Shaw QUALIFIED
Wickens O KolmetzSpainAnna Fali RENEWAL
Rodrigues F PaprockiCanadaElwin Sharvill NEW
Juan J IturbideIndiaStephen Shaw PROPOSAL
Kadeem C RulapaughJapanBernardo Dominic QUALIFIED
Murillo A ShinkoGermanyAsiya Javayant QUALIFIED
Munro O CampainAustraliaStephen Shaw QUALIFIED
Kaitlin F AmigonSpainAnna Fali QUALIFIED
Julie M PaprockiAustraliaAsiya Javayant NEGOTIATION
Silvio N RoysterFranceElwin Sharvill QUALIFIED
Francesco E KolmetzRussiaElwin Sharvill PROPOSAL
Ivar H VenereRussiaElwin Sharvill NEGOTIATION
Claire V SchemmerBrazilAmy Elsner NEGOTIATION
Francesco O VocelkaAustraliaAsiya Javayant RENEWAL
Jefferson O PerinRussiaBernardo Dominic NEW
Cody I SchemmerUnited KingdomAnna Fali PROPOSAL
Mujtaba I PaprockiBrazilAmy Elsner NEW
Cody X InouyeAustraliaIoni Bowcher UNQUALIFIED
Jennifer U CampainItalyElwin Sharvill UNQUALIFIED
Ricardo J FlosiGermanyIvan Magalhaes PROPOSAL
Juan I WhobreyRussiaBernardo Dominic NEGOTIATION
Alejandro R PerinCanadaIvan Magalhaes QUALIFIED
Faith R SaylorsBrazilElwin Sharvill RENEWAL
Aditya J SchemmerRussiaStephen Shaw PROPOSAL
Mujtaba E MorascaJapanOnyama Limba NEGOTIATION
Salvatore M CaudySpainBernardo Dominic PROPOSAL
Smith H MacleadArgentinaAsiya Javayant NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Ricardo S StensethFranceStephen Shaw NEW
Deepesh F CaldareraArgentinaIvan Magalhaes QUALIFIED
Aika F OldroydJapanXuxue Feng NEW
Costa X OstroskyAustraliaXuxue Feng UNQUALIFIED
Murillo U PerinCanadaElwin Sharvill RENEWAL
Stacey A BologniaAustraliaOnyama Limba RENEWAL
Claire F WhobreyArgentinaAnna Fali UNQUALIFIED
Rodrigues L DilliardIndiaOnyama Limba PROPOSAL
Maria T RutaSpainElwin Sharvill QUALIFIED
Silvio E FigeroaBrazilBernardo Dominic NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jefferson X CaldareraIndia2026-11-01Truhlar And Truhlar Attys RENEWAL29Amy Elsner
1001Ivar Y DilliardSpain2026-11-07Rousseaux, Michael Esq RENEWAL84Asiya Javayant
1002James F FerenczRussia2026-10-30Feltz Printing Service RENEWAL39Elwin Sharvill
1003Morrow D VocelkaJapan2026-10-22Truhlar And Truhlar Attys NEW31Asiya Javayant
1004Smith B WieserItaly2026-10-19Feltz Printing Service RENEWAL0Asiya Javayant
1005Costa F SergiBrazil2026-10-24Commercial Press QUALIFIED30Stephen Shaw
1006Costa G CampainCanada2026-11-01Printing Dimensions PROPOSAL55Bernardo Dominic
1007Smith J NickaJapan2026-10-22Benton, John B Jr PROPOSAL63Onyama Limba
1008Costa R MacleadBrazil2026-10-13Printing Dimensions UNQUALIFIED42Ivan Magalhaes
1009Kadeem R GauchoSpain2026-10-27King, Christopher A Esq NEW64Xuxue Feng
1010Munro B VenereCanada2026-11-04Feiner Bros UNQUALIFIED63Xuxue Feng
1011Kadeem X StockhamCanada2026-11-04Buckley Miller Wright PROPOSAL35Amy Elsner
1012Octavia G KuskoGermany2026-10-19Rousseaux, Michael Esq QUALIFIED65Anna Fali
1013Mayumi H ShinkoItaly2026-10-24King, Christopher A Esq NEGOTIATION81Ioni Bowcher
1014Wickens O DoeItaly2026-10-27Benton, John B Jr NEW48Asiya Javayant
1015Alejandro G SergiBrazil2026-10-14Truhlar And Truhlar Attys QUALIFIED26Xuxue Feng
1016Jones X DilliardGermany2026-11-02Chemel, James L Cpa PROPOSAL12Onyama Limba
1017David E GarufiItaly2026-10-18Buckley Miller Wright PROPOSAL88Ioni Bowcher
1018Juan L KolmetzIndia2026-10-23Chapman, Ross E Esq PROPOSAL84Ivan Magalhaes
1019Maria O RimItaly2026-10-26Benton, John B Jr QUALIFIED83Elwin Sharvill
1020Francesco A GarufiIndia2026-10-17Printing Dimensions NEGOTIATION98Elwin Sharvill
1021Leon W DoeRussia2026-10-14Benton, John B Jr RENEWAL48Ivan Magalhaes
1022Leon G PoquetteArgentina2026-10-20Chanay, Jeffrey A Esq QUALIFIED4Ivan Magalhaes
1023Morrow E DilliardCanada2026-10-13Chanay, Jeffrey A Esq RENEWAL26Ivan Magalhaes
1024Octavia Y VocelkaBrazil2026-10-23Rangoni Of Florence QUALIFIED68Onyama Limba
1025Silvio T WaycottIndia2026-10-29Dorl, James J Esq UNQUALIFIED62Stephen Shaw
1026Kaitlin J FigeroaFrance2026-10-29Chanay, Jeffrey A Esq NEGOTIATION25Elwin Sharvill
1027Claire Z AlbaresGermany2026-10-19King, Christopher A Esq PROPOSAL55Stephen Shaw
1028Juan Q KuskoSpain2026-10-29Feiner Bros NEW60Asiya Javayant
1029Octavia U OldroydFrance2026-10-13Feiner Bros UNQUALIFIED56Onyama Limba
1030James U TollnerAustralia2026-10-27Buckley Miller Wright UNQUALIFIED54Xuxue Feng
1031Ashley R ButtFrance2026-10-26Chanay, Jeffrey A Esq QUALIFIED61Anna Fali
1032Deepesh P DarakjyGermany2026-10-12Rousseaux, Michael Esq NEW40Ivan Magalhaes
1033Jones T NickaUnited Kingdom2026-10-26Chemel, James L Cpa QUALIFIED10Bernardo Dominic
1034Jones L FlosiAustralia2026-10-15Feiner Bros NEGOTIATION31Elwin Sharvill
1035David A WieserUnited Kingdom2026-10-19Feltz Printing Service NEGOTIATION80Anna Fali
1036Stacey W VenereAustralia2026-11-08Rangoni Of Florence PROPOSAL13Asiya Javayant
1037Wickens A NickaBrazil2026-10-25Chemel, James L Cpa QUALIFIED35Ivan Magalhaes
1038Jones S WhobreyGermany2026-11-06Truhlar And Truhlar Attys PROPOSAL48Xuxue Feng
1039Mujtaba S SchemmerCanada2026-10-22Rousseaux, Michael Esq QUALIFIED90Stephen Shaw
1040Munro W AmigonAustralia2026-10-30Rousseaux, Michael Esq PROPOSAL98Onyama Limba
1041Morrow N GlickRussia2026-10-27Buckley Miller Wright UNQUALIFIED21Stephen Shaw
1042Smith C ButtAustralia2026-11-04Chemel, James L Cpa QUALIFIED70Asiya Javayant
1043Mayumi E WaycottAustralia2026-11-01Feltz Printing Service RENEWAL5Stephen Shaw
1044Aditya D GarufiUnited Kingdom2026-10-18Commercial Press RENEWAL57Elwin Sharvill
1045Misaki O PaprockiBrazil2026-11-01Feiner Bros QUALIFIED37Asiya Javayant
1046Tony S FigeroaRussia2026-10-29Printing Dimensions NEGOTIATION84Ivan Magalhaes
1047Octavia G ChuiSpain2026-10-12Benton, John B Jr UNQUALIFIED29Xuxue Feng
1048Antonio N IturbideRussia2026-10-18Buckley Miller Wright PROPOSAL23Asiya Javayant
1049James N MaletCanada2026-10-13Printing Dimensions NEGOTIATION23Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Jennifer I AlbaresRussiaAnna Fali NEW
Sinclair T ButtUnited KingdomOnyama Limba PROPOSAL
Antonio H IturbideGermanyStephen Shaw UNQUALIFIED
Adams C GauchoArgentinaElwin Sharvill UNQUALIFIED
Greenwood N VocelkaBrazilBernardo Dominic UNQUALIFIED
Maisha C RoysterArgentinaBernardo Dominic NEGOTIATION
Maisha G StensethArgentinaAnna Fali RENEWAL
Nicolas H ShinkoBrazilOnyama Limba NEGOTIATION
Alejandro E NestleBrazilElwin Sharvill UNQUALIFIED
Wickens W FerenczItalyIoni Bowcher QUALIFIED
Aditya U RutaAustraliaXuxue Feng UNQUALIFIED
Aruna B MacleadRussiaElwin Sharvill NEGOTIATION
Costa W FerenczUnited KingdomElwin Sharvill QUALIFIED
Chavez G GarufiSpainStephen Shaw NEW
Nicolas A PaprockiArgentinaIvan Magalhaes RENEWAL
Izzy E RulapaughCanadaElwin Sharvill NEGOTIATION
Leja J AlbaresCanadaAsiya Javayant QUALIFIED
Rodrigues X TollnerUnited KingdomIoni Bowcher RENEWAL
Darci F CaldareraSpainAnna Fali QUALIFIED
Deepesh F MarrierSpainIvan Magalhaes PROPOSAL
Tony T RoysterCanadaAsiya Javayant RENEWAL
Ashley D WhobreyUnited KingdomStephen Shaw PROPOSAL
Maria X RimItalyAmy Elsner UNQUALIFIED
Chavez M FerenczUnited KingdomElwin Sharvill NEW
Jones F GillianSpainBernardo Dominic PROPOSAL
Chavez Y AlbaresArgentinaBernardo Dominic NEGOTIATION
Rodrigues A MacleadAustraliaAmy Elsner NEW
Chavez X NickaSpainElwin Sharvill PROPOSAL
James Z BowleyBrazilAsiya Javayant UNQUALIFIED
Ashley V GillianSpainElwin Sharvill RENEWAL
Juan P RimGermanyElwin Sharvill NEGOTIATION
Wickens W TollnerJapanOnyama Limba QUALIFIED
Izzy H DoeArgentinaElwin Sharvill QUALIFIED
Jefferson U GauchoArgentinaAmy Elsner NEGOTIATION
Johnson X DoeRussiaXuxue Feng NEGOTIATION
Aika P AmigonGermanyElwin Sharvill NEGOTIATION
Kaitlin B ButtFranceOnyama Limba NEW
Izzy K AlbaresBrazilIoni Bowcher NEW
Aika Q KuskoFranceBernardo Dominic NEW
Salvatore V CaldareraFranceXuxue Feng QUALIFIED
Mayumi U MaletBrazilIvan Magalhaes NEGOTIATION
Aditya P WaycottCanadaBernardo Dominic UNQUALIFIED
Faith U MaletFranceAsiya Javayant QUALIFIED
Isabel D RutaBrazilOnyama Limba RENEWAL
Nicolas N OstroskyCanadaStephen Shaw RENEWAL
Jennifer B StensethSpainElwin Sharvill RENEWAL
Kadeem V DarakjyIndiaIvan Magalhaes UNQUALIFIED
Isabel J RoysterFranceStephen Shaw UNQUALIFIED
Cody I MorascaUnited KingdomElwin Sharvill NEW
Darci T ChuiUnited KingdomAmy Elsner NEW
Frozen Columns
Name
Ricardo A Foller
Munro G Nicka
Jeanfrancois C Venere
Jones P Caldarera
Aruna M Morasca
Juan Y Stenseth
Juan M Poquette
Johnson Y Inouye
Ashley S Chui
Jones V Malet
Cody T Wieser
Leon Z Royster
Arvin I Perin
Emily S Wieser
Antonio V Albares
Johnson E Rulapaugh
Alejandro R Schemmer
Aditya P Paprocki
Leja N Rulapaugh
Chavez E Malet
Jones T Bowley
Cody S Garufi
Clifford F Saylors
Johnson U Morasca
Isabel L Butt
Adams M Bolognia
Kaitlin Q Chui
Munro F Malet
Francesco N Dilliard
Silvio M Waycott
Antonio M Doe
Ashley L Ostrosky
Octavia D Kusko
Antonio W Butt
Antonio L Whobrey
Maisha H Marrier
Cody O Butt
Maria E Malet
Kadeem V Stenseth
Munro R Glick
Francesco F Butt
Mayumi B Schemmer
Maisha Q Chui
Rodrigues O Ostrosky
Sinclair Q Whobrey
Aika T Gillian
Rodrigues U Ruta
James W Gaucho
Deepesh B Royster
Jefferson C Butt
IdCountryDate
1000Australia2026-11-01
1001Russia2026-10-25
1002Brazil2026-10-24
1003Canada2026-11-07
1004Argentina2026-11-09
1005Canada2026-11-04
1006Australia2026-10-13
1007Australia2026-10-18
1008Brazil2026-10-24
1009Russia2026-11-04
1010United Kingdom2026-10-18
1011Brazil2026-10-30
1012Canada2026-10-28
1013France2026-10-31
1014France2026-10-28
1015Brazil2026-10-24
1016United Kingdom2026-10-31
1017France2026-10-21
1018Canada2026-11-05
1019Spain2026-10-23
1020Australia2026-10-20
1021Canada2026-10-12
1022Brazil2026-11-05
1023United Kingdom2026-10-13
1024United Kingdom2026-10-27
1025Australia2026-11-04
1026United Kingdom2026-10-17
1027Australia2026-11-09
1028Russia2026-10-21
1029Spain2026-10-13
1030Japan2026-11-05
1031Italy2026-10-19
1032Brazil2026-10-27
1033Russia2026-11-06
1034Brazil2026-11-02
1035Germany2026-11-06
1036France2026-11-07
1037Australia2026-10-25
1038Brazil2026-10-18
1039Japan2026-10-30
1040Argentina2026-10-28
1041United Kingdom2026-10-20
1042India2026-11-03
1043Canada2026-10-21
1044Germany2026-10-30
1045Italy2026-11-09
1046Spain2026-11-08
1047Brazil2026-10-18
1048France2026-10-19
1049Argentina2026-10-21

On-Demand Data

NameIdCountryDate
Jones M Bolognia1000Argentina2026-10-18
Francesco I Maclead1001Japan2026-10-22
Izzy P Caudy1002France2026-10-16
Julie A Foller1003Spain2026-10-22
Tony N Doe1004United Kingdom2026-10-13
Arvin V Marrier1005Canada2026-11-03
Morrow N Whobrey1006Australia2026-10-17
Mayumi V Stockham1007Australia2026-10-25
Alejandro U Butt1008France2026-10-18
Rodrigues J Wieser1009Russia2026-10-31
Aruna A Campain1010Japan2026-10-14
Stacey E Briddick1011Argentina2026-11-10
Salvatore N Bowley1012United Kingdom2026-10-13
Darci A Malet1013France2026-10-25
Kaitlin B Malet1014France2026-11-08
Salvatore W Marrier1015Germany2026-11-02
Greenwood L Ostrosky1016Japan2026-11-10
Silvio B Dilliard1017Russia2026-10-22
Kaitlin U Saylors1018Australia2026-10-31
Jeanfrancois F Campain1019Argentina2026-10-21
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Munro D SlusarskiRussiaAmy Elsner RENEWAL
Leja D InouyeUnited KingdomOnyama Limba NEW
Juan Z GlickSpainElwin Sharvill RENEWAL
Izzy O OldroydBrazilAmy Elsner QUALIFIED
Mujtaba R RutaAustraliaIvan Magalhaes NEW
Ashley N BriddickAustraliaBernardo Dominic UNQUALIFIED
Octavia N FerenczUnited KingdomXuxue Feng NEGOTIATION
Smith H FerenczBrazilOnyama Limba PROPOSAL
Wickens Y BriddickIndiaIoni Bowcher NEGOTIATION
Greenwood S BriddickJapanAnna Fali RENEWAL
Francesco B AmigonCanadaIoni Bowcher QUALIFIED
Clifford M OldroydAustraliaXuxue Feng RENEWAL
Juan H DoeArgentinaAsiya Javayant RENEWAL
Jennifer N MaletFranceIoni Bowcher NEGOTIATION
Francesco Q RutaFranceAsiya Javayant NEGOTIATION
Kaitlin R FlosiFranceIvan Magalhaes NEW
Claire T BologniaRussiaXuxue Feng PROPOSAL
Aditya P WhobreyCanadaElwin Sharvill NEW
Ricardo I MacleadCanadaAmy Elsner NEGOTIATION
Stacey F SlusarskiItalyBernardo Dominic NEGOTIATION
Munro G FlosiItalyElwin Sharvill RENEWAL
Francesco S OstroskyIndiaAnna Fali PROPOSAL
Stacey D PoquetteCanadaAnna Fali NEGOTIATION
Jennifer U DilliardArgentinaIvan Magalhaes NEW
Jennifer W KuskoUnited KingdomIvan Magalhaes UNQUALIFIED
James Z MacleadGermanyElwin Sharvill RENEWAL
James G GauchoRussiaElwin Sharvill UNQUALIFIED
Wickens T ButtSpainXuxue Feng NEGOTIATION
Arvin U RoysterAustraliaBernardo Dominic PROPOSAL
Morrow X MarrierIndiaAsiya Javayant UNQUALIFIED
Greenwood N InouyeJapanIoni Bowcher NEW
Misaki L MaletBrazilIvan Magalhaes NEGOTIATION
Jones A WieserBrazilBernardo Dominic NEW
Jeanfrancois J NickaCanadaIoni Bowcher PROPOSAL
Izzy I MaletRussiaBernardo Dominic QUALIFIED
Ivar Z MorascaBrazilXuxue Feng QUALIFIED
Aditya D VocelkaGermanyXuxue Feng UNQUALIFIED
Claire Y FollerIndiaAnna Fali QUALIFIED
Smith X RimAustraliaStephen Shaw NEW
Adams L WhobreyItalyIoni Bowcher PROPOSAL

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