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
Ricardo U MarrierRussiaIoni Bowcher NEW
Stacey X MaletRussiaBernardo Dominic UNQUALIFIED
Maria I DilliardFranceAmy Elsner NEW
Alejandro O RimGermanyXuxue Feng PROPOSAL
Faith L BriddickJapanAmy Elsner QUALIFIED
Maria J KuskoJapanStephen Shaw QUALIFIED
Isabel I RutaJapanAnna Fali NEW
Cody Q MarrierIndiaXuxue Feng PROPOSAL
Johnson C CampainBrazilAsiya Javayant PROPOSAL
Morrow J OldroydArgentinaAsiya Javayant NEW
Mujtaba C AlbaresIndiaXuxue Feng UNQUALIFIED
James K WhobreySpainXuxue Feng NEW
Silvio D MacleadUnited KingdomElwin Sharvill RENEWAL
Octavia U DarakjyJapanBernardo Dominic NEW
Chavez C FollerAustraliaElwin Sharvill RENEWAL
Misaki Q MacleadSpainElwin Sharvill NEGOTIATION
Claire Z StockhamAustraliaIvan Magalhaes RENEWAL
Faith H CampainItalyOnyama Limba UNQUALIFIED
Stacey I VenereArgentinaElwin Sharvill UNQUALIFIED
Leja M DilliardUnited KingdomIvan Magalhaes RENEWAL
Wickens X IturbideIndiaAmy Elsner UNQUALIFIED
Smith I VocelkaIndiaBernardo Dominic NEGOTIATION
Aika T MacleadSpainBernardo Dominic QUALIFIED
Kaitlin M NestleGermanyStephen Shaw UNQUALIFIED
Izzy O RoysterJapanAsiya Javayant QUALIFIED
Wickens N FigeroaJapanBernardo Dominic NEGOTIATION
Stacey O TollnerArgentinaAnna Fali QUALIFIED
Alejandro T ChuiCanadaIvan Magalhaes NEW
Nicolas S TollnerIndiaOnyama Limba NEW
Kaitlin X FollerCanadaBernardo Dominic RENEWAL
Julie I GarufiAustraliaAnna Fali RENEWAL
Alejandro Z OstroskyItalyStephen Shaw QUALIFIED
Isabel L PerinRussiaBernardo Dominic UNQUALIFIED
Isabel Y DoeRussiaAmy Elsner QUALIFIED
Misaki Q OstroskyBrazilIoni Bowcher QUALIFIED
Silvio D DoeBrazilAsiya Javayant UNQUALIFIED
Costa Z TollnerItalyBernardo Dominic UNQUALIFIED
Alejandro R VenereFranceAsiya Javayant QUALIFIED
Kadeem V GillianGermanyAnna Fali UNQUALIFIED
Jones T MaletArgentinaAnna Fali UNQUALIFIED
Ricardo X BologniaUnited KingdomXuxue Feng RENEWAL
Francesco V RulapaughIndiaAnna Fali QUALIFIED
Chavez S OstroskyRussiaAsiya Javayant RENEWAL
Claire O SaylorsArgentinaBernardo Dominic RENEWAL
Wickens X DoeGermanyElwin Sharvill NEGOTIATION
Arvin E PoquetteCanadaStephen Shaw RENEWAL
Stacey B DilliardIndiaBernardo Dominic NEGOTIATION
Ricardo X StensethRussiaAmy Elsner RENEWAL
Chavez N MaletBrazilAsiya Javayant UNQUALIFIED
Leon V CaldareraFranceAnna Fali UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Adams A FlosiItalyAnna Fali NEW
Kadeem A MarrierFranceAnna Fali QUALIFIED
Maisha M StockhamBrazilAmy Elsner RENEWAL
Isabel O ShinkoAustraliaOnyama Limba NEW
Octavia E DarakjyArgentinaOnyama Limba NEW
Aruna P ButtUnited KingdomXuxue Feng NEW
Emily Q CaudyItalyBernardo Dominic NEGOTIATION
Salvatore S OstroskyUnited KingdomAnna Fali NEW
Maria J VocelkaCanadaStephen Shaw RENEWAL
Maisha V SergiRussiaBernardo Dominic RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jennifer W DarakjyArgentina2026-09-14Feiner Bros NEGOTIATION60Bernardo Dominic
1001Morrow R AlbaresItaly2026-09-23Chapman, Ross E Esq NEGOTIATION69Ivan Magalhaes
1002Morrow F NestleRussia2026-09-05Chapman, Ross E Esq PROPOSAL98Xuxue Feng
1003Aruna O PerinUnited Kingdom2026-09-24King, Christopher A Esq UNQUALIFIED84Onyama Limba
1004Alejandro X WaycottRussia2026-09-20Printing Dimensions UNQUALIFIED52Xuxue Feng
1005Faith D AlbaresIndia2026-09-07Chemel, James L Cpa RENEWAL5Stephen Shaw
1006Rodrigues Z ChuiSpain2026-09-16Buckley Miller Wright NEGOTIATION31Elwin Sharvill
1007Julie H RulapaughItaly2026-09-03Morlong Associates NEW96Stephen Shaw
1008Octavia C BriddickUnited Kingdom2026-08-30Dorl, James J Esq UNQUALIFIED63Stephen Shaw
1009Octavia R RutaCanada2026-08-28Dorl, James J Esq UNQUALIFIED13Amy Elsner
1010Greenwood G OstroskyArgentina2026-09-08Morlong Associates NEGOTIATION15Onyama Limba
1011Mayumi L DarakjyIndia2026-09-14Commercial Press QUALIFIED20Bernardo Dominic
1012Munro V AmigonSpain2026-09-14Morlong Associates UNQUALIFIED98Xuxue Feng
1013Rodrigues T GillianGermany2026-09-21Morlong Associates QUALIFIED5Ivan Magalhaes
1014Wickens Z DoeSpain2026-09-10Chanay, Jeffrey A Esq NEW51Elwin Sharvill
1015Jennifer K GauchoItaly2026-09-15Rangoni Of Florence PROPOSAL92Bernardo Dominic
1016Ricardo Q MorascaJapan2026-09-07Morlong Associates NEGOTIATION91Elwin Sharvill
1017Morrow G InouyeSpain2026-09-04Rousseaux, Michael Esq UNQUALIFIED68Ivan Magalhaes
1018Maria L SergiRussia2026-09-22King, Christopher A Esq NEGOTIATION44Xuxue Feng
1019Maria D GarufiSpain2026-09-16Printing Dimensions UNQUALIFIED68Ioni Bowcher
1020Maria N MaletCanada2026-09-07Dorl, James J Esq NEGOTIATION70Anna Fali
1021Juan U DilliardFrance2026-09-03Chapman, Ross E Esq PROPOSAL24Bernardo Dominic
1022Arvin A WhobreyCanada2026-08-29Printing Dimensions RENEWAL71Asiya Javayant
1023Johnson I MacleadRussia2026-09-22Feltz Printing Service NEGOTIATION58Asiya Javayant
1024Kaitlin Q GauchoRussia2026-09-14Truhlar And Truhlar Attys PROPOSAL72Stephen Shaw
1025Tony M MorascaRussia2026-09-09Printing Dimensions UNQUALIFIED23Elwin Sharvill
1026Alejandro F WaycottCanada2026-09-01Feltz Printing Service NEGOTIATION10Anna Fali
1027Maisha Y PoquetteIndia2026-08-26Chapman, Ross E Esq UNQUALIFIED97Elwin Sharvill
1028David K FerenczUnited Kingdom2026-09-23Feltz Printing Service UNQUALIFIED69Onyama Limba
1029Maisha M VenereIndia2026-09-15Feiner Bros UNQUALIFIED50Onyama Limba
1030Silvio C OldroydSpain2026-09-15Rousseaux, Michael Esq NEW55Bernardo Dominic
1031Greenwood U SchemmerCanada2026-09-01Buckley Miller Wright RENEWAL60Amy Elsner
1032Rodrigues K PoquetteArgentina2026-09-22Feiner Bros NEGOTIATION69Asiya Javayant
1033Jennifer R WieserRussia2026-09-21Benton, John B Jr QUALIFIED72Asiya Javayant
1034Stacey A ShinkoJapan2026-09-15King, Christopher A Esq UNQUALIFIED62Bernardo Dominic
1035Kadeem I FerenczFrance2026-08-30Rangoni Of Florence PROPOSAL7Onyama Limba
1036Maria S WieserArgentina2026-09-06Dorl, James J Esq NEW13Amy Elsner
1037Chavez B KuskoFrance2026-09-01Chemel, James L Cpa QUALIFIED60Elwin Sharvill
1038Claire C VocelkaIndia2026-09-13Chanay, Jeffrey A Esq NEW13Stephen Shaw
1039Silvio C OldroydRussia2026-09-12Chanay, Jeffrey A Esq NEGOTIATION40Xuxue Feng
1040Salvatore C MacleadItaly2026-09-09Rousseaux, Michael Esq NEW29Anna Fali
1041Munro P KuskoIndia2026-09-22Truhlar And Truhlar Attys PROPOSAL28Asiya Javayant
1042Mujtaba Y ButtUnited Kingdom2026-09-13Chemel, James L Cpa QUALIFIED88Onyama Limba
1043Aika M ShinkoIndia2026-09-13Buckley Miller Wright NEGOTIATION43Bernardo Dominic
1044Cody E GarufiUnited Kingdom2026-09-22Benton, John B Jr PROPOSAL71Amy Elsner
1045Deepesh G GauchoBrazil2026-08-28Printing Dimensions NEW86Elwin Sharvill
1046Leon U KolmetzFrance2026-09-01Dorl, James J Esq RENEWAL51Anna Fali
1047Francesco B KolmetzBrazil2026-09-24Feiner Bros NEGOTIATION52Xuxue Feng
1048Stacey N SchemmerIndia2026-09-04Benton, John B Jr UNQUALIFIED25Stephen Shaw
1049Clifford Q WhobreyFrance2026-09-09Chapman, Ross E Esq RENEWAL47Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Nicolas I SaylorsItalyElwin Sharvill RENEWAL
Tony S CaldareraRussiaStephen Shaw QUALIFIED
Juan U WaycottSpainAmy Elsner QUALIFIED
Ricardo C DilliardItalyAmy Elsner RENEWAL
Jones M ShinkoUnited KingdomAnna Fali NEW
Francesco M CaldareraUnited KingdomIoni Bowcher QUALIFIED
Deepesh U WieserIndiaBernardo Dominic PROPOSAL
Deepesh P PoquetteCanadaOnyama Limba RENEWAL
Leon D PaprockiCanadaOnyama Limba UNQUALIFIED
David D RulapaughAustraliaAnna Fali PROPOSAL
Jefferson M SergiArgentinaIoni Bowcher NEW
Darci T MarrierAustraliaStephen Shaw QUALIFIED
Alejandro Q CampainJapanStephen Shaw NEGOTIATION
Deepesh U ChuiRussiaAsiya Javayant NEW
Ricardo B ShinkoSpainOnyama Limba RENEWAL
Jennifer R AlbaresFranceElwin Sharvill NEGOTIATION
Wickens V BriddickCanadaBernardo Dominic UNQUALIFIED
Ricardo G AmigonItalyAnna Fali PROPOSAL
Kadeem S GillianUnited KingdomOnyama Limba RENEWAL
Jennifer S MaletGermanyXuxue Feng UNQUALIFIED
Aruna H MarrierArgentinaOnyama Limba NEGOTIATION
Salvatore D WaycottJapanOnyama Limba UNQUALIFIED
Wickens G DarakjyItalyOnyama Limba NEW
Mayumi Y GillianArgentinaElwin Sharvill UNQUALIFIED
Jeanfrancois H KolmetzUnited KingdomAsiya Javayant RENEWAL
Costa I FerenczFranceElwin Sharvill QUALIFIED
Kaitlin G RimJapanStephen Shaw UNQUALIFIED
Munro Q OldroydRussiaStephen Shaw QUALIFIED
Wickens A ShinkoJapanBernardo Dominic PROPOSAL
Julie H StensethIndiaAmy Elsner NEW
Ivar V ShinkoAustraliaAmy Elsner NEW
Jones S FollerItalyStephen Shaw NEGOTIATION
Julie P MacleadAustraliaStephen Shaw QUALIFIED
Julie N BologniaRussiaAnna Fali NEW
Adams A InouyeSpainXuxue Feng PROPOSAL
Francesco F WaycottCanadaStephen Shaw NEGOTIATION
Wickens A StensethFranceAsiya Javayant NEGOTIATION
Ivar A WaycottSpainBernardo Dominic NEW
Costa C GillianCanadaElwin Sharvill QUALIFIED
Emily H CaudyAustraliaStephen Shaw RENEWAL
Emily F WieserItalyIvan Magalhaes NEGOTIATION
Aruna I TollnerItalyElwin Sharvill QUALIFIED
Isabel G BriddickBrazilAnna Fali NEW
Ivar A ChuiArgentinaAnna Fali NEGOTIATION
Jones U BowleyFranceOnyama Limba NEGOTIATION
Sinclair U MacleadUnited KingdomAsiya Javayant QUALIFIED
Wickens P WaycottArgentinaAnna Fali RENEWAL
Claire D PaprockiSpainAnna Fali QUALIFIED
Francesco E MorascaArgentinaAmy Elsner PROPOSAL
Cody V CampainArgentinaStephen Shaw NEW
Frozen Columns
Name
James M Darakjy
Julie I Ferencz
Silvio O Tollner
Leon D Sergi
Maisha Z Gillian
Aditya J Inouye
Wickens R Ferencz
Clifford W Shinko
Deepesh V Gaucho
Mayumi G Gaucho
Juan X Garufi
Francesco V Venere
Munro D Maclead
Silvio V Gillian
Murillo S Oldroyd
Juan D Morasca
Kadeem X Kusko
Maria D Stenseth
Mujtaba A Venere
Jeanfrancois E Venere
Juan J Wieser
Faith D Kusko
Aditya N Marrier
Maisha T Flosi
Juan M Rim
Kaitlin M Wieser
Alejandro N Flosi
Claire B Bowley
Alejandro R Sergi
Francesco D Flosi
Morrow D Bolognia
Emily Q Sergi
Leon R Caldarera
Julie E Perin
Izzy B Figeroa
Arvin Q Ostrosky
Izzy M Vocelka
Aditya W Glick
Faith A Albares
Antonio K Rulapaugh
Rodrigues M Schemmer
Izzy K Waycott
Adams W Shinko
Maisha H Campain
Morrow Z Butt
Sinclair R Nicka
Ricardo Y Saylors
James N Garufi
Aditya U Iturbide
Emily C Royster
IdCountryDate
1000Canada2026-09-18
1001France2026-09-17
1002Russia2026-09-02
1003Germany2026-08-28
1004France2026-09-08
1005Germany2026-09-02
1006Italy2026-09-18
1007Brazil2026-09-13
1008Australia2026-09-11
1009France2026-09-24
1010Japan2026-09-21
1011Germany2026-09-16
1012Argentina2026-09-21
1013Spain2026-09-16
1014Italy2026-09-06
1015France2026-08-30
1016United Kingdom2026-09-17
1017United Kingdom2026-09-14
1018Japan2026-09-11
1019Japan2026-09-24
1020Japan2026-09-22
1021France2026-08-26
1022United Kingdom2026-09-03
1023Canada2026-09-22
1024Germany2026-09-01
1025France2026-09-24
1026United Kingdom2026-09-07
1027Russia2026-09-15
1028United Kingdom2026-08-26
1029Germany2026-09-14
1030Japan2026-09-21
1031Germany2026-09-11
1032Australia2026-09-08
1033Spain2026-08-28
1034Australia2026-09-12
1035Argentina2026-09-15
1036Canada2026-09-18
1037France2026-08-27
1038Italy2026-09-09
1039United Kingdom2026-09-05
1040United Kingdom2026-08-29
1041Brazil2026-08-30
1042France2026-09-19
1043Canada2026-09-04
1044Canada2026-09-15
1045United Kingdom2026-08-29
1046Japan2026-09-09
1047France2026-09-09
1048Brazil2026-09-15
1049Russia2026-09-17

On-Demand Data

NameIdCountryDate
Cody J Flosi1000United Kingdom2026-09-14
David D Chui1001France2026-09-21
Ashley I Chui1002Germany2026-09-04
Munro J Kolmetz1003Canada2026-09-21
Jefferson Y Nicka1004Argentina2026-09-15
Smith Q Malet1005Argentina2026-09-13
Johnson P Ruta1006Australia2026-09-21
Faith B Kolmetz1007United Kingdom2026-09-17
Chavez W Dilliard1008United Kingdom2026-09-22
Jennifer C Marrier1009Japan2026-09-11
Mayumi I Ostrosky1010Japan2026-09-10
Wickens T Nestle1011India2026-09-12
Wickens K Maclead1012United Kingdom2026-09-08
Kaitlin N Slusarski1013Canada2026-09-17
Isabel O Gaucho1014United Kingdom2026-09-20
Clifford J Nicka1015India2026-08-27
Isabel R Caudy1016Italy2026-09-20
Aditya W Chui1017India2026-09-07
Izzy X Oldroyd1018India2026-09-17
Claire C Amigon1019Spain2026-09-02
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Johnson B CaldareraUnited KingdomBernardo Dominic NEW
Izzy I NickaBrazilAnna Fali NEW
Maisha L AlbaresUnited KingdomIoni Bowcher RENEWAL
Octavia S OstroskyUnited KingdomXuxue Feng NEGOTIATION
Ashley Y MaletSpainXuxue Feng QUALIFIED
Silvio H OstroskyRussiaStephen Shaw NEW
Murillo D PaprockiSpainElwin Sharvill UNQUALIFIED
Nicolas L CaudyRussiaStephen Shaw UNQUALIFIED
Jones R VenereCanadaBernardo Dominic NEW
Leon D GlickItalyAsiya Javayant NEGOTIATION
Maisha X GarufiItalyAmy Elsner RENEWAL
Costa B RutaFranceIvan Magalhaes NEGOTIATION
Clifford S WieserIndiaIoni Bowcher QUALIFIED
Kaitlin L GlickArgentinaIvan Magalhaes QUALIFIED
Julie C SergiIndiaIoni Bowcher NEW
Mujtaba Z ShinkoItalyElwin Sharvill RENEWAL
Aika T CaldareraAustraliaElwin Sharvill NEW
Aika G KolmetzAustraliaStephen Shaw PROPOSAL
Maria I VenereFranceElwin Sharvill PROPOSAL
Adams I StockhamUnited KingdomIvan Magalhaes NEGOTIATION
Antonio D RoysterAustraliaAnna Fali RENEWAL
Izzy W DilliardBrazilXuxue Feng NEW
Tony D MaletCanadaOnyama Limba RENEWAL
Juan N VocelkaArgentinaElwin Sharvill NEGOTIATION
Salvatore H MaletCanadaBernardo Dominic NEGOTIATION
Mujtaba J NickaFranceAmy Elsner QUALIFIED
Costa W CaldareraBrazilIoni Bowcher NEW
Clifford H WaycottCanadaBernardo Dominic NEW
Cody C WieserIndiaAmy Elsner QUALIFIED
Chavez Q VocelkaAustraliaElwin Sharvill NEW
Aika Z SaylorsFranceStephen Shaw PROPOSAL
Izzy F WhobreyGermanyXuxue Feng UNQUALIFIED
Kaitlin V DoeBrazilBernardo Dominic UNQUALIFIED
Emily V GillianAustraliaStephen Shaw NEGOTIATION
Antonio L WaycottGermanyXuxue Feng RENEWAL
Maria L RimRussiaBernardo Dominic RENEWAL
Ricardo U WhobreyArgentinaIvan Magalhaes RENEWAL
Aruna C GauchoJapanIoni Bowcher PROPOSAL
Faith M ButtCanadaAmy Elsner NEGOTIATION
Leja E SchemmerGermanyIoni 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>