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
David W GarufiRussiaIoni Bowcher RENEWAL
Stacey X SaylorsFranceOnyama Limba NEGOTIATION
Adams A FigeroaFranceIvan Magalhaes NEW
Kaitlin D RoysterArgentinaBernardo Dominic PROPOSAL
Sinclair N FerenczItalyAnna Fali QUALIFIED
Adams Y ButtArgentinaIoni Bowcher PROPOSAL
Aika Q AlbaresArgentinaIoni Bowcher RENEWAL
Silvio C MorascaAustraliaIoni Bowcher UNQUALIFIED
Mujtaba F FlosiCanadaStephen Shaw QUALIFIED
Morrow W DarakjyGermanyStephen Shaw NEW
Clifford C MorascaJapanElwin Sharvill PROPOSAL
Chavez H NickaGermanyIoni Bowcher NEW
Emily O RulapaughBrazilIoni Bowcher NEW
Kadeem R ChuiArgentinaBernardo Dominic NEGOTIATION
Claire M RoysterRussiaXuxue Feng PROPOSAL
Mayumi Z GauchoAustraliaBernardo Dominic RENEWAL
Cody B GauchoArgentinaBernardo Dominic QUALIFIED
Johnson P FollerAustraliaElwin Sharvill PROPOSAL
Aditya F InouyeBrazilElwin Sharvill NEGOTIATION
Mayumi Y DilliardUnited KingdomAnna Fali QUALIFIED
Cody K ChuiBrazilAmy Elsner PROPOSAL
Julie E VocelkaCanadaIoni Bowcher UNQUALIFIED
Jeanfrancois F WieserRussiaOnyama Limba NEGOTIATION
Jefferson O StockhamUnited KingdomIvan Magalhaes NEGOTIATION
Smith T MacleadAustraliaXuxue Feng UNQUALIFIED
Kadeem D RutaCanadaOnyama Limba PROPOSAL
Smith R VocelkaUnited KingdomIoni Bowcher NEW
Nicolas W RutaItalyXuxue Feng QUALIFIED
Clifford M ShinkoRussiaOnyama Limba PROPOSAL
Kaitlin C OstroskyItalyElwin Sharvill PROPOSAL
James I InouyeRussiaElwin Sharvill NEW
Faith L MacleadJapanAnna Fali NEW
Emily U MacleadBrazilOnyama Limba NEW
Aika Z NestleBrazilBernardo Dominic QUALIFIED
Claire M AmigonIndiaIoni Bowcher UNQUALIFIED
Ashley J VocelkaUnited KingdomAmy Elsner UNQUALIFIED
Julie A RimBrazilStephen Shaw QUALIFIED
Deepesh N MarrierItalyAmy Elsner PROPOSAL
Rodrigues G ButtGermanyIvan Magalhaes UNQUALIFIED
Smith F BologniaGermanyStephen Shaw RENEWAL
David Y StockhamFranceXuxue Feng UNQUALIFIED
Leja N RulapaughBrazilAmy Elsner QUALIFIED
Nicolas G MacleadFranceXuxue Feng NEW
Wickens O DoeAustraliaIoni Bowcher RENEWAL
Salvatore F CampainItalyOnyama Limba NEGOTIATION
Tony Y RutaCanadaElwin Sharvill RENEWAL
Octavia N StensethAustraliaXuxue Feng RENEWAL
Isabel D GauchoFranceIvan Magalhaes RENEWAL
Kadeem M VenereAustraliaAnna Fali NEW
Ashley G GillianFranceXuxue Feng QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Antonio G FigeroaArgentinaOnyama Limba NEGOTIATION
James M GauchoRussiaBernardo Dominic PROPOSAL
Deepesh Q AmigonArgentinaAmy Elsner PROPOSAL
Morrow D MaletGermanyAsiya Javayant PROPOSAL
Mujtaba R CaudyCanadaIvan Magalhaes UNQUALIFIED
David H FigeroaRussiaOnyama Limba NEW
Izzy Z FerenczArgentinaAsiya Javayant NEW
Emily V MorascaAustraliaXuxue Feng UNQUALIFIED
Aruna L OstroskyBrazilXuxue Feng NEGOTIATION
Aditya N IturbideAustraliaXuxue Feng QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Alejandro Q CampainGermany2026-09-13Rangoni Of Florence PROPOSAL37Asiya Javayant
1001Rodrigues J MarrierGermany2026-08-30Truhlar And Truhlar Attys UNQUALIFIED10Ivan Magalhaes
1002Wickens V KuskoCanada2026-08-31Chanay, Jeffrey A Esq UNQUALIFIED50Amy Elsner
1003Misaki Y SaylorsItaly2026-08-27Feltz Printing Service UNQUALIFIED0Ioni Bowcher
1004Stacey L WhobreyUnited Kingdom2026-08-29Feiner Bros QUALIFIED69Anna Fali
1005Leja E BologniaBrazil2026-09-14Feltz Printing Service PROPOSAL43Ioni Bowcher
1006Francesco H ShinkoIndia2026-09-07Feiner Bros RENEWAL57Onyama Limba
1007Jeanfrancois A AmigonItaly2026-09-11Chapman, Ross E Esq RENEWAL54Amy Elsner
1008Murillo B SlusarskiBrazil2026-09-01Printing Dimensions RENEWAL82Elwin Sharvill
1009Aruna T MarrierCanada2026-09-24Chanay, Jeffrey A Esq PROPOSAL40Ivan Magalhaes
1010Nicolas J DarakjyBrazil2026-09-24Rangoni Of Florence QUALIFIED5Anna Fali
1011Greenwood J NestleFrance2026-09-13Chapman, Ross E Esq NEW69Asiya Javayant
1012Sinclair K GauchoAustralia2026-08-28Rousseaux, Michael Esq NEGOTIATION88Xuxue Feng
1013Morrow Y MacleadJapan2026-09-06Truhlar And Truhlar Attys NEGOTIATION16Stephen Shaw
1014Munro K StockhamGermany2026-09-19Chapman, Ross E Esq NEGOTIATION72Amy Elsner
1015Izzy Z PerinJapan2026-09-08Chapman, Ross E Esq NEGOTIATION59Xuxue Feng
1016Misaki C WaycottIndia2026-09-10Dorl, James J Esq PROPOSAL67Asiya Javayant
1017Antonio E FollerUnited Kingdom2026-09-12Chemel, James L Cpa RENEWAL4Amy Elsner
1018Leja R KuskoArgentina2026-09-03Morlong Associates PROPOSAL82Bernardo Dominic
1019Aruna U MacleadIndia2026-09-11Chapman, Ross E Esq QUALIFIED33Stephen Shaw
1020Sinclair R AmigonJapan2026-09-17Rangoni Of Florence RENEWAL96Onyama Limba
1021Ashley D OldroydUnited Kingdom2026-09-04Commercial Press RENEWAL66Stephen Shaw
1022Octavia J WaycottAustralia2026-09-03Buckley Miller Wright QUALIFIED11Elwin Sharvill
1023Aika H KuskoIndia2026-09-14Feltz Printing Service UNQUALIFIED6Bernardo Dominic
1024Costa V ShinkoArgentina2026-09-05Feltz Printing Service NEW10Elwin Sharvill
1025Deepesh N SlusarskiJapan2026-09-03Morlong Associates UNQUALIFIED45Ioni Bowcher
1026Munro J FigeroaRussia2026-09-11Commercial Press PROPOSAL43Bernardo Dominic
1027Maisha K FigeroaCanada2026-09-05King, Christopher A Esq QUALIFIED48Elwin Sharvill
1028David Q VenereSpain2026-09-07Rousseaux, Michael Esq NEGOTIATION66Xuxue Feng
1029Sinclair O DoeAustralia2026-09-04Morlong Associates UNQUALIFIED82Xuxue Feng
1030Tony E GauchoFrance2026-09-08Chanay, Jeffrey A Esq NEW58Bernardo Dominic
1031Wickens G RoysterGermany2026-09-24Buckley Miller Wright NEW68Anna Fali
1032Claire W FigeroaRussia2026-09-01Chemel, James L Cpa PROPOSAL19Onyama Limba
1033Mayumi K FollerItaly2026-08-29Chanay, Jeffrey A Esq UNQUALIFIED5Onyama Limba
1034Isabel Y MorascaItaly2026-09-09Chanay, Jeffrey A Esq NEW97Onyama Limba
1035Leja S MaletFrance2026-09-06Chanay, Jeffrey A Esq NEW8Asiya Javayant
1036Aika R InouyeCanada2026-08-30King, Christopher A Esq UNQUALIFIED27Stephen Shaw
1037Morrow O MaletSpain2026-09-23King, Christopher A Esq QUALIFIED4Anna Fali
1038Aruna L KolmetzUnited Kingdom2026-08-30Dorl, James J Esq NEGOTIATION89Ivan Magalhaes
1039Antonio D StockhamRussia2026-09-05Feltz Printing Service NEGOTIATION14Anna Fali
1040James B VocelkaIndia2026-08-31Commercial Press QUALIFIED17Asiya Javayant
1041Misaki J PerinItaly2026-09-25Rangoni Of Florence NEW32Anna Fali
1042Morrow S RimJapan2026-09-01King, Christopher A Esq QUALIFIED22Amy Elsner
1043Jennifer W MarrierFrance2026-08-31Feiner Bros NEW83Bernardo Dominic
1044Silvio H MaletAustralia2026-09-21Buckley Miller Wright RENEWAL76Ioni Bowcher
1045Julie F StensethJapan2026-09-13Dorl, James J Esq NEGOTIATION93Anna Fali
1046Antonio U SergiArgentina2026-08-30Benton, John B Jr NEGOTIATION31Asiya Javayant
1047Francesco D MarrierArgentina2026-09-22Rangoni Of Florence PROPOSAL77Stephen Shaw
1048Misaki D GarufiIndia2026-09-20Chapman, Ross E Esq RENEWAL85Xuxue Feng
1049Johnson W TollnerBrazil2026-09-13King, Christopher A Esq NEGOTIATION15Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Greenwood V RimSpainAnna Fali QUALIFIED
Alejandro B KolmetzItalyElwin Sharvill PROPOSAL
Izzy F RimUnited KingdomBernardo Dominic NEGOTIATION
Antonio R PerinBrazilXuxue Feng NEGOTIATION
Octavia P SchemmerArgentinaOnyama Limba NEW
Antonio K BowleyJapanElwin Sharvill PROPOSAL
Aika W PoquetteBrazilOnyama Limba QUALIFIED
Juan T DilliardCanadaIvan Magalhaes QUALIFIED
James K AlbaresGermanyAmy Elsner PROPOSAL
Mujtaba Y RoysterBrazilOnyama Limba NEGOTIATION
Izzy U WhobreyJapanOnyama Limba NEGOTIATION
Rodrigues E SaylorsItalyStephen Shaw UNQUALIFIED
Aika P StockhamRussiaBernardo Dominic NEW
Nicolas B PerinJapanAsiya Javayant PROPOSAL
Kadeem M ButtUnited KingdomIvan Magalhaes NEGOTIATION
Stacey T InouyeIndiaIoni Bowcher NEW
Darci F ShinkoIndiaAnna Fali UNQUALIFIED
Faith X RulapaughJapanAnna Fali NEGOTIATION
Aruna C PaprockiCanadaAmy Elsner UNQUALIFIED
Alejandro F WhobreyBrazilStephen Shaw NEW
Silvio D MaletItalyIvan Magalhaes RENEWAL
Ricardo X RulapaughIndiaIoni Bowcher PROPOSAL
Maisha T FollerFranceAmy Elsner UNQUALIFIED
Julie N PoquetteItalyIvan Magalhaes QUALIFIED
Francesco V AmigonArgentinaElwin Sharvill UNQUALIFIED
Izzy I ButtBrazilBernardo Dominic NEGOTIATION
Johnson F AlbaresArgentinaStephen Shaw RENEWAL
Chavez E WieserGermanyAnna Fali QUALIFIED
Wickens P NickaItalyElwin Sharvill QUALIFIED
Rodrigues K MorascaBrazilAsiya Javayant PROPOSAL
Wickens I RimArgentinaStephen Shaw NEGOTIATION
Aruna S GlickFranceAmy Elsner NEGOTIATION
Darci R GarufiItalyIoni Bowcher PROPOSAL
Deepesh U DoeItalyIoni Bowcher NEW
David F CaldareraCanadaElwin Sharvill RENEWAL
Isabel C RutaIndiaIoni Bowcher QUALIFIED
Jefferson F SlusarskiCanadaXuxue Feng QUALIFIED
Kadeem K SlusarskiBrazilAsiya Javayant UNQUALIFIED
Rodrigues F MaletCanadaAnna Fali RENEWAL
Ricardo T DoeBrazilElwin Sharvill QUALIFIED
James M VenereAustraliaAmy Elsner RENEWAL
Misaki D CampainRussiaAnna Fali PROPOSAL
Octavia S NickaSpainAmy Elsner NEW
Arvin V WaycottSpainIvan Magalhaes QUALIFIED
Rodrigues K BriddickCanadaAnna Fali QUALIFIED
Ricardo X WaycottSpainAmy Elsner NEGOTIATION
Silvio R GillianAustraliaAnna Fali QUALIFIED
Julie T BologniaItalyAnna Fali PROPOSAL
Emily C BowleyArgentinaElwin Sharvill QUALIFIED
Claire U WaycottArgentinaElwin Sharvill NEW
Frozen Columns
Name
Maisha J Waycott
Misaki G Bowley
Juan E Marrier
Aruna F Caudy
Alejandro Q Oldroyd
Octavia S Marrier
Johnson U Glick
Stacey Q Flosi
Johnson Y Waycott
Leja M Flosi
James V Ostrosky
Munro M Schemmer
Alejandro P Stockham
Kadeem S Albares
Leja K Garufi
Rodrigues J Doe
Adams F Malet
Kaitlin S Caldarera
Julie G Sergi
Izzy W Butt
Ashley N Venere
Darci V Marrier
Mayumi R Gillian
Murillo T Chui
Mayumi F Poquette
Rodrigues B Malet
Kadeem Q Darakjy
Francesco V Gillian
Arvin V Royster
Johnson O Vocelka
Juan V Chui
Chavez C Nicka
Smith N Ferencz
Stacey U Morasca
Sinclair E Chui
Misaki T Nestle
Francesco U Darakjy
Jeanfrancois V Darakjy
Cody Z Vocelka
Smith R Figeroa
Smith K Wieser
Jennifer O Sergi
Leon F Schemmer
Munro K Slusarski
Greenwood A Maclead
Johnson K Perin
Rodrigues C Ostrosky
Salvatore U Sergi
Cody F Venere
Arvin N Stockham
IdCountryDate
1000France2026-09-15
1001United Kingdom2026-08-27
1002Canada2026-09-24
1003Japan2026-09-14
1004Italy2026-09-16
1005Italy2026-09-07
1006Brazil2026-09-03
1007Canada2026-09-18
1008Japan2026-09-07
1009United Kingdom2026-09-21
1010Australia2026-09-14
1011Germany2026-08-31
1012Russia2026-09-22
1013Italy2026-09-07
1014India2026-09-18
1015Canada2026-09-01
1016Italy2026-09-09
1017Canada2026-09-06
1018Russia2026-09-25
1019Australia2026-09-03
1020France2026-08-27
1021United Kingdom2026-09-17
1022Australia2026-09-16
1023United Kingdom2026-09-11
1024Australia2026-08-27
1025Japan2026-08-30
1026Italy2026-09-21
1027Germany2026-09-18
1028India2026-08-31
1029Canada2026-09-03
1030Japan2026-08-31
1031India2026-09-19
1032Japan2026-09-12
1033France2026-09-05
1034Brazil2026-09-25
1035Italy2026-09-05
1036France2026-08-30
1037India2026-08-28
1038Spain2026-09-13
1039Canada2026-08-29
1040France2026-09-16
1041Argentina2026-09-16
1042United Kingdom2026-09-09
1043Canada2026-09-01
1044Spain2026-09-02
1045United Kingdom2026-09-19
1046Canada2026-09-24
1047Russia2026-09-24
1048France2026-09-13
1049Italy2026-09-23

On-Demand Data

NameIdCountryDate
Munro N Bolognia1000United Kingdom2026-09-15
Morrow T Caudy1001United Kingdom2026-09-22
Wickens T Caudy1002France2026-08-29
Jeanfrancois B Oldroyd1003France2026-08-27
Claire I Bowley1004Russia2026-08-31
Claire H Foller1005Canada2026-09-02
Leja K Chui1006Brazil2026-09-07
Mujtaba R Schemmer1007Italy2026-09-18
Jones Q Rim1008Australia2026-09-09
Isabel U Maclead1009United Kingdom2026-08-31
Rodrigues T Ruta1010Brazil2026-09-14
Antonio G Kusko1011Italy2026-08-28
Ricardo O Schemmer1012France2026-09-12
Izzy M Campain1013France2026-08-30
Jennifer N Kusko1014United Kingdom2026-09-08
Morrow G Flosi1015Canada2026-09-25
Aruna L Royster1016Argentina2026-09-07
Faith T Darakjy1017Spain2026-09-17
Johnson C Whobrey1018Brazil2026-09-13
Johnson C Chui1019Australia2026-09-12
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
David E GlickSpainOnyama Limba PROPOSAL
Claire W IturbideUnited KingdomAsiya Javayant NEGOTIATION
Nicolas N DoeBrazilIvan Magalhaes QUALIFIED
Aditya N KuskoUnited KingdomAmy Elsner RENEWAL
David U GillianCanadaBernardo Dominic QUALIFIED
Claire X BriddickGermanyXuxue Feng QUALIFIED
Jefferson Q SergiJapanStephen Shaw NEW
Tony Q RimBrazilAmy Elsner QUALIFIED
Nicolas Y VocelkaUnited KingdomIoni Bowcher PROPOSAL
Leja E PaprockiGermanyAmy Elsner NEGOTIATION
Wickens H MacleadArgentinaAnna Fali QUALIFIED
Mayumi Y CaudyArgentinaStephen Shaw NEW
Jennifer S StensethJapanIoni Bowcher NEGOTIATION
Kaitlin M BowleyIndiaAnna Fali PROPOSAL
Ivar J ShinkoAustraliaIoni Bowcher PROPOSAL
Deepesh J NestleRussiaAnna Fali QUALIFIED
Costa X SergiIndiaBernardo Dominic PROPOSAL
Morrow E WieserAustraliaAsiya Javayant NEGOTIATION
Juan T RulapaughBrazilAnna Fali RENEWAL
Ricardo J BriddickFranceAsiya Javayant UNQUALIFIED
Adams S WaycottArgentinaAmy Elsner UNQUALIFIED
Munro K FigeroaRussiaOnyama Limba NEW
Silvio I AmigonItalyStephen Shaw NEW
Jefferson J PerinIndiaXuxue Feng QUALIFIED
Munro R AlbaresFranceBernardo Dominic NEW
Aditya O KolmetzRussiaIoni Bowcher NEW
Ivar S GauchoCanadaOnyama Limba NEGOTIATION
Nicolas C WhobreyGermanyIvan Magalhaes NEW
Izzy W GlickItalyStephen Shaw QUALIFIED
Greenwood T VocelkaGermanyElwin Sharvill QUALIFIED
Octavia D ButtItalyAsiya Javayant NEGOTIATION
Leja S InouyeGermanyIoni Bowcher RENEWAL
Kadeem I OstroskyAustraliaStephen Shaw PROPOSAL
Rodrigues F CampainJapanStephen Shaw NEW
Wickens G TollnerAustraliaIvan Magalhaes NEGOTIATION
Francesco P OstroskyBrazilXuxue Feng NEW
Clifford J StensethSpainElwin Sharvill NEW
Aditya B StensethGermanyXuxue Feng QUALIFIED
Isabel O AmigonCanadaIoni Bowcher QUALIFIED
Izzy L FlosiBrazilStephen Shaw 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>