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
Antonio G CaldareraItalyAmy Elsner UNQUALIFIED
Misaki X KuskoFranceStephen Shaw NEW
Cody Y GillianItalyStephen Shaw RENEWAL
Aditya A MorascaBrazilXuxue Feng UNQUALIFIED
Claire J ButtCanadaIoni Bowcher NEW
Mujtaba N InouyeJapanXuxue Feng NEW
Juan O WaycottBrazilAmy Elsner QUALIFIED
Leon D GillianFranceElwin Sharvill NEGOTIATION
Claire D RulapaughAustraliaAnna Fali PROPOSAL
Misaki A GauchoGermanyAmy Elsner PROPOSAL
Clifford W RulapaughRussiaStephen Shaw QUALIFIED
Mayumi I KuskoCanadaAmy Elsner PROPOSAL
Munro S CampainFranceXuxue Feng NEGOTIATION
Leon M TollnerAustraliaBernardo Dominic QUALIFIED
Maria Y WaycottUnited KingdomXuxue Feng NEW
Salvatore D FigeroaRussiaOnyama Limba NEGOTIATION
Aruna O ButtRussiaAsiya Javayant NEW
Tony Y DoeGermanyAsiya Javayant PROPOSAL
Alejandro T PoquetteIndiaOnyama Limba NEGOTIATION
David E RoysterItalyStephen Shaw UNQUALIFIED
Tony Z WaycottArgentinaXuxue Feng QUALIFIED
Tony A CaudyFranceIvan Magalhaes PROPOSAL
Nicolas W FlosiUnited KingdomOnyama Limba NEW
Jennifer L DoeAustraliaElwin Sharvill NEW
Ricardo S VocelkaRussiaElwin Sharvill NEGOTIATION
Silvio N OstroskyAustraliaIoni Bowcher NEW
Greenwood F IturbideGermanyIvan Magalhaes NEGOTIATION
Emily S PaprockiFranceBernardo Dominic UNQUALIFIED
Costa F NestleAustraliaAmy Elsner UNQUALIFIED
Morrow L RimAustraliaElwin Sharvill PROPOSAL
Aika P OldroydIndiaAnna Fali RENEWAL
Kaitlin T SaylorsBrazilIvan Magalhaes NEGOTIATION
Costa S MacleadCanadaElwin Sharvill UNQUALIFIED
Deepesh X InouyeIndiaStephen Shaw RENEWAL
Salvatore D RimArgentinaAsiya Javayant RENEWAL
Emily G DoeAustraliaIoni Bowcher UNQUALIFIED
Misaki J ChuiSpainBernardo Dominic RENEWAL
Juan Q InouyeBrazilAmy Elsner UNQUALIFIED
Ashley D RimIndiaElwin Sharvill NEW
Stacey H MarrierAustraliaBernardo Dominic UNQUALIFIED
Jennifer P MarrierItalyElwin Sharvill RENEWAL
Leon J ChuiJapanOnyama Limba PROPOSAL
Alejandro W CaudyItalyElwin Sharvill QUALIFIED
Alejandro Q KolmetzRussiaIoni Bowcher RENEWAL
Francesco Y KolmetzIndiaIoni Bowcher NEGOTIATION
Izzy V MarrierBrazilIvan Magalhaes PROPOSAL
Arvin Z FollerItalyStephen Shaw NEGOTIATION
Morrow R VenereItalyXuxue Feng PROPOSAL
Ricardo Z MaletFranceStephen Shaw QUALIFIED
Julie I CampainUnited KingdomElwin Sharvill QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Leja K InouyeArgentinaBernardo Dominic PROPOSAL
Emily P InouyeUnited KingdomAnna Fali NEGOTIATION
Aika Q MorascaGermanyIoni Bowcher UNQUALIFIED
Leja A AlbaresIndiaIoni Bowcher NEW
Francesco K RulapaughSpainAmy Elsner PROPOSAL
Adams J OstroskyItalyIvan Magalhaes PROPOSAL
Aruna E SlusarskiFranceAsiya Javayant RENEWAL
Faith Z NestleGermanyOnyama Limba RENEWAL
Jones P StockhamUnited KingdomIvan Magalhaes NEW
Nicolas G NestleSpainXuxue Feng RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Darci I StensethItaly2026-09-07Chemel, James L Cpa UNQUALIFIED1Stephen Shaw
1001Aruna G StockhamArgentina2026-09-12Rousseaux, Michael Esq RENEWAL49Xuxue Feng
1002Emily I MorascaGermany2026-09-05Feltz Printing Service PROPOSAL89Elwin Sharvill
1003Mayumi N GauchoBrazil2026-09-18Chanay, Jeffrey A Esq PROPOSAL85Ivan Magalhaes
1004Darci K NestleGermany2026-09-21Printing Dimensions NEW81Amy Elsner
1005Maisha A StockhamUnited Kingdom2026-09-26Benton, John B Jr PROPOSAL6Stephen Shaw
1006Morrow Y GauchoArgentina2026-09-06Benton, John B Jr QUALIFIED44Ioni Bowcher
1007Ashley T MaletRussia2026-09-16Buckley Miller Wright NEW3Onyama Limba
1008Kaitlin Q RulapaughAustralia2026-09-06Commercial Press QUALIFIED64Elwin Sharvill
1009Ashley N StensethSpain2026-09-12Commercial Press UNQUALIFIED34Asiya Javayant
1010Jefferson U NickaGermany2026-08-30Truhlar And Truhlar Attys NEW73Ioni Bowcher
1011Clifford E RimIndia2026-08-30Commercial Press RENEWAL54Asiya Javayant
1012Stacey Z VocelkaBrazil2026-09-06Printing Dimensions UNQUALIFIED81Bernardo Dominic
1013Chavez X PerinFrance2026-09-16Rangoni Of Florence PROPOSAL67Asiya Javayant
1014Murillo C KuskoUnited Kingdom2026-09-16Chapman, Ross E Esq NEGOTIATION69Ivan Magalhaes
1015Deepesh E RutaBrazil2026-09-06Chemel, James L Cpa RENEWAL4Anna Fali
1016Jefferson R VocelkaFrance2026-09-08Feiner Bros PROPOSAL28Ivan Magalhaes
1017Aruna C PaprockiItaly2026-09-03Rousseaux, Michael Esq PROPOSAL64Bernardo Dominic
1018Jefferson M RoysterAustralia2026-09-25Rangoni Of Florence PROPOSAL20Bernardo Dominic
1019Jennifer G GillianCanada2026-09-16Chanay, Jeffrey A Esq QUALIFIED35Ivan Magalhaes
1020Deepesh O MacleadCanada2026-09-12Printing Dimensions PROPOSAL31Stephen Shaw
1021Aika D SergiFrance2026-09-16Feltz Printing Service RENEWAL10Asiya Javayant
1022Julie R SchemmerBrazil2026-09-24Feltz Printing Service RENEWAL91Amy Elsner
1023Aruna F MaletFrance2026-09-15Chemel, James L Cpa NEW14Stephen Shaw
1024Faith T RoysterArgentina2026-09-27Feiner Bros NEW10Elwin Sharvill
1025Francesco X DarakjyArgentina2026-09-01Printing Dimensions PROPOSAL82Onyama Limba
1026Aruna C OldroydJapan2026-09-28Truhlar And Truhlar Attys RENEWAL21Ioni Bowcher
1027Aruna A FlosiArgentina2026-09-20Feltz Printing Service QUALIFIED21Elwin Sharvill
1028Mayumi J RimSpain2026-09-19Chemel, James L Cpa NEGOTIATION91Ivan Magalhaes
1029Tony A GillianUnited Kingdom2026-09-15Rousseaux, Michael Esq NEGOTIATION56Anna Fali
1030Leon Y ChuiGermany2026-09-18Truhlar And Truhlar Attys RENEWAL62Anna Fali
1031Wickens C FollerCanada2026-09-17Morlong Associates NEW77Asiya Javayant
1032Johnson E NickaJapan2026-09-05Morlong Associates NEGOTIATION10Stephen Shaw
1033Adams M SaylorsJapan2026-09-15Printing Dimensions NEGOTIATION19Anna Fali
1034Kadeem R FlosiSpain2026-09-23Buckley Miller Wright NEW39Amy Elsner
1035Wickens Z DoeJapan2026-09-02Chapman, Ross E Esq RENEWAL10Elwin Sharvill
1036Aditya S MorascaUnited Kingdom2026-09-02Feltz Printing Service QUALIFIED88Amy Elsner
1037Leon V SaylorsRussia2026-09-26King, Christopher A Esq RENEWAL44Amy Elsner
1038Darci I GarufiRussia2026-09-28Chemel, James L Cpa NEW10Stephen Shaw
1039Wickens M RutaUnited Kingdom2026-09-14Benton, John B Jr RENEWAL45Ioni Bowcher
1040Ricardo Q RimSpain2026-09-11Chanay, Jeffrey A Esq PROPOSAL75Ivan Magalhaes
1041Nicolas A PaprockiArgentina2026-09-21Chapman, Ross E Esq PROPOSAL58Asiya Javayant
1042Arvin T MarrierRussia2026-09-19Feltz Printing Service RENEWAL32Anna Fali
1043Salvatore I OstroskyArgentina2026-09-21Commercial Press NEW61Elwin Sharvill
1044Leon Y GillianIndia2026-09-12Feltz Printing Service RENEWAL99Xuxue Feng
1045Jennifer X RoysterArgentina2026-09-17Commercial Press NEGOTIATION55Bernardo Dominic
1046Kaitlin J VenereBrazil2026-09-20Feltz Printing Service NEGOTIATION74Stephen Shaw
1047Murillo F GlickGermany2026-09-13Rangoni Of Florence UNQUALIFIED21Amy Elsner
1048Salvatore M FlosiJapan2026-09-14King, Christopher A Esq NEGOTIATION30Ioni Bowcher
1049Chavez Q TollnerAustralia2026-09-21Benton, John B Jr NEGOTIATION96Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Juan B WhobreyCanadaOnyama Limba QUALIFIED
Cody X BowleyItalyAnna Fali NEGOTIATION
Deepesh O SaylorsJapanElwin Sharvill RENEWAL
Clifford C OstroskyItalyAnna Fali PROPOSAL
Tony A StockhamAustraliaAmy Elsner NEW
Izzy Q CaldareraSpainIvan Magalhaes NEW
Rodrigues M AlbaresBrazilAsiya Javayant QUALIFIED
Munro M TollnerRussiaStephen Shaw NEGOTIATION
Jefferson D RoysterGermanyAmy Elsner RENEWAL
Deepesh Z BriddickCanadaBernardo Dominic UNQUALIFIED
Silvio G FollerArgentinaXuxue Feng RENEWAL
Alejandro D FlosiIndiaIvan Magalhaes QUALIFIED
Maria M KolmetzRussiaAsiya Javayant UNQUALIFIED
Clifford F KolmetzCanadaElwin Sharvill RENEWAL
Wickens H GarufiSpainAnna Fali NEW
Mujtaba O TollnerArgentinaIoni Bowcher RENEWAL
Claire N BowleyFranceAnna Fali PROPOSAL
Morrow F VocelkaIndiaAnna Fali RENEWAL
Jones D SlusarskiUnited KingdomIvan Magalhaes UNQUALIFIED
Johnson T FollerJapanOnyama Limba NEGOTIATION
Mujtaba W ChuiSpainXuxue Feng UNQUALIFIED
Isabel T KolmetzBrazilAnna Fali NEW
James S RoysterCanadaBernardo Dominic UNQUALIFIED
Murillo Z NickaCanadaAsiya Javayant RENEWAL
Johnson L MacleadItalyElwin Sharvill UNQUALIFIED
Jefferson T RoysterRussiaStephen Shaw NEW
Jeanfrancois O DoeIndiaXuxue Feng NEGOTIATION
Aditya R CaudyGermanyAnna Fali QUALIFIED
Jennifer B RimRussiaStephen Shaw PROPOSAL
Aika Q PerinBrazilAnna Fali NEGOTIATION
Antonio X SlusarskiFranceAmy Elsner QUALIFIED
Munro E WieserCanadaXuxue Feng UNQUALIFIED
Salvatore E MarrierSpainOnyama Limba NEW
Kadeem D WaycottRussiaAsiya Javayant PROPOSAL
Darci W BriddickBrazilBernardo Dominic UNQUALIFIED
Jefferson M RulapaughBrazilElwin Sharvill QUALIFIED
Claire F MaletArgentinaAnna Fali NEGOTIATION
Alejandro I GillianAustraliaStephen Shaw UNQUALIFIED
Chavez I OstroskyIndiaIvan Magalhaes RENEWAL
Stacey Z FlosiAustraliaIvan Magalhaes UNQUALIFIED
Jefferson B DilliardBrazilAmy Elsner PROPOSAL
Mayumi T CaldareraJapanXuxue Feng QUALIFIED
Tony O AmigonAustraliaIoni Bowcher RENEWAL
Costa W InouyeFranceXuxue Feng RENEWAL
Emily K PaprockiCanadaStephen Shaw NEW
Arvin Z PoquetteArgentinaAsiya Javayant QUALIFIED
Claire H WaycottUnited KingdomAnna Fali RENEWAL
Jeanfrancois H WhobreySpainOnyama Limba PROPOSAL
Wickens H RutaArgentinaAnna Fali UNQUALIFIED
Smith U WieserGermanyAnna Fali UNQUALIFIED
Frozen Columns
Name
Ivar P Briddick
Sinclair C Venere
Mayumi I Darakjy
Stacey S Inouye
Ivar R Campain
Cody V Gillian
Juan R Tollner
Octavia J Ostrosky
Misaki T Paprocki
Murillo N Glick
Faith H Paprocki
Tony C Nestle
David P Caudy
James F Vocelka
Adams Z Doe
Sinclair G Schemmer
Morrow T Caudy
Claire G Stockham
Ivar H Bowley
Rodrigues V Ostrosky
Antonio N Flosi
Mujtaba U Vocelka
Johnson O Kusko
Stacey T Rulapaugh
Jennifer L Gaucho
Antonio H Rim
Maria I Inouye
Mujtaba P Stockham
Stacey B Perin
Johnson E Sergi
Jones V Nestle
Arvin Q Amigon
Deepesh H Gillian
Maria W Darakjy
David G Glick
Aditya X Briddick
Tony C Ferencz
Johnson F Venere
Murillo M Nestle
Adams A Shinko
Aditya S Glick
Maisha Z Rulapaugh
Faith U Briddick
Arvin L Perin
Aika T Kusko
Costa S Whobrey
Octavia U Oldroyd
Francesco Z Waycott
Silvio U Maclead
Sinclair N Sergi
IdCountryDate
1000Canada2026-09-21
1001Japan2026-09-25
1002Canada2026-09-05
1003India2026-09-13
1004France2026-09-25
1005Brazil2026-09-20
1006Spain2026-08-31
1007Spain2026-09-17
1008Spain2026-09-08
1009Spain2026-09-02
1010Russia2026-09-22
1011India2026-09-08
1012Russia2026-09-19
1013Australia2026-09-03
1014Germany2026-08-30
1015Russia2026-09-14
1016Brazil2026-09-19
1017Argentina2026-09-09
1018United Kingdom2026-09-18
1019Russia2026-09-27
1020Spain2026-09-22
1021Germany2026-09-16
1022Italy2026-09-01
1023Canada2026-09-25
1024Argentina2026-09-11
1025Spain2026-08-30
1026Russia2026-09-17
1027United Kingdom2026-09-12
1028Italy2026-09-20
1029Argentina2026-09-17
1030Spain2026-09-24
1031Canada2026-09-16
1032Russia2026-09-13
1033Australia2026-09-27
1034Canada2026-09-10
1035Australia2026-09-17
1036India2026-09-20
1037France2026-09-04
1038France2026-09-28
1039Argentina2026-09-10
1040Argentina2026-09-19
1041Japan2026-09-10
1042France2026-09-17
1043India2026-09-01
1044Italy2026-09-10
1045Russia2026-09-05
1046Australia2026-09-16
1047India2026-09-04
1048Brazil2026-09-10
1049United Kingdom2026-09-12

On-Demand Data

NameIdCountryDate
Kadeem W Bowley1000Australia2026-09-18
Stacey I Paprocki1001Russia2026-09-25
Julie S Rim1002Japan2026-09-22
Ricardo O Marrier1003Canada2026-09-08
Nicolas C Slusarski1004Japan2026-09-12
David G Gaucho1005Italy2026-09-03
Francesco E Bolognia1006Spain2026-09-22
Kaitlin T Schemmer1007Australia2026-09-23
Faith X Garufi1008Brazil2026-09-11
Jefferson J Rim1009Japan2026-09-12
Kadeem A Amigon1010United Kingdom2026-09-09
Ivar I Shinko1011Japan2026-09-22
Aruna H Briddick1012Japan2026-09-07
Misaki K Marrier1013Argentina2026-09-17
Clifford H Bolognia1014Brazil2026-09-22
Izzy X Nicka1015Argentina2026-09-01
Ricardo Z Ruta1016Spain2026-08-31
Chavez N Nestle1017Japan2026-09-05
Munro V Ruta1018Canada2026-09-18
Ashley A Venere1019Canada2026-09-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aika J InouyeRussiaOnyama Limba NEW
Alejandro D InouyeAustraliaXuxue Feng NEW
Costa H StensethArgentinaBernardo Dominic RENEWAL
Kaitlin K MacleadCanadaOnyama Limba NEW
Mujtaba L RulapaughArgentinaElwin Sharvill UNQUALIFIED
Arvin E KuskoArgentinaAmy Elsner PROPOSAL
Jefferson M KuskoAustraliaAnna Fali UNQUALIFIED
Leon P VenereUnited KingdomAnna Fali RENEWAL
Emily H CaudyUnited KingdomStephen Shaw UNQUALIFIED
Aditya G KuskoSpainElwin Sharvill NEGOTIATION
Silvio U SaylorsRussiaOnyama Limba PROPOSAL
Misaki X StockhamGermanyXuxue Feng NEGOTIATION
Maria O DoeJapanStephen Shaw NEW
Isabel P SlusarskiRussiaIoni Bowcher UNQUALIFIED
Tony D CaudyCanadaBernardo Dominic PROPOSAL
Aika D TollnerArgentinaBernardo Dominic RENEWAL
Johnson E RulapaughRussiaAnna Fali NEW
Adams Q PoquetteArgentinaIvan Magalhaes PROPOSAL
Aika X FollerRussiaStephen Shaw QUALIFIED
Deepesh W TollnerUnited KingdomStephen Shaw NEGOTIATION
Deepesh O SaylorsAustraliaIvan Magalhaes NEGOTIATION
Jones O PerinRussiaElwin Sharvill RENEWAL
Sinclair T GarufiIndiaIvan Magalhaes PROPOSAL
Silvio V BologniaBrazilIvan Magalhaes PROPOSAL
Costa Z KuskoSpainOnyama Limba RENEWAL
Johnson A RutaBrazilAmy Elsner PROPOSAL
Maisha M SlusarskiAustraliaIoni Bowcher RENEWAL
Maisha H PoquetteSpainAnna Fali NEW
Darci M WaycottIndiaBernardo Dominic NEW
Alejandro J WieserItalyAnna Fali PROPOSAL
Wickens M ButtRussiaIoni Bowcher NEW
Kadeem V PerinItalyStephen Shaw RENEWAL
Nicolas S OldroydIndiaBernardo Dominic NEGOTIATION
Chavez A SlusarskiIndiaElwin Sharvill QUALIFIED
Maria X SchemmerFranceBernardo Dominic RENEWAL
Aika H GlickBrazilOnyama Limba RENEWAL
Izzy H OstroskyArgentinaAsiya Javayant RENEWAL
Stacey O IturbideBrazilAsiya Javayant QUALIFIED
Claire P KolmetzGermanyAmy Elsner UNQUALIFIED
Maisha T ButtIndiaXuxue Feng QUALIFIED

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