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

Input Style

Themes

PrimeOne
Saga Saga
Vela Vela
Arya Arya
Bootstrap
bootstrap4-blue-light Bootstrap Blue
bootstrap4-purple-light Bootstrap Purple
bootstrap4-blue-dark Bootstrap Blue
bootstrap4-purple-dark Bootstrap Purple
Material Design
material-indigo-light Indigo
material-deeppurple-light' Deep Purple
material-indigo-dark Indigo
material-deeppurple-dark' Deep Purple
Material Design Compact
material-indigo-light Indigo
material-deeppurple-light' Deep Purple
material-indigo-dark Indigo
material-deeppurple-dark' Deep Purple

DataTable Scroll

Both vertical and horizontal scrolling of the data is supported with optional frozen rows-columns and on-demand loading features.

Vertical
NameCountryRepresentativeStatus
Mujtaba J VenereUnited KingdomAsiya Javayant PROPOSAL
Ashley E StensethIndiaAsiya Javayant UNQUALIFIED
Juan F PoquetteUnited KingdomStephen Shaw NEW
Misaki R RulapaughItalyOnyama Limba UNQUALIFIED
Clifford F PaprockiAustraliaOnyama Limba NEGOTIATION
Greenwood N SaylorsArgentinaIoni Bowcher UNQUALIFIED
Tony P GauchoAustraliaIvan Magalhaes NEGOTIATION
Ashley H MorascaRussiaStephen Shaw PROPOSAL
Kadeem X VocelkaItalyXuxue Feng QUALIFIED
Francesco O StockhamBrazilElwin Sharvill UNQUALIFIED
David K RoysterFranceAsiya Javayant NEGOTIATION
Aruna Q RimFranceIvan Magalhaes NEW
Jennifer Y NickaRussiaAmy Elsner NEGOTIATION
Octavia J CaldareraSpainBernardo Dominic NEW
Izzy K OldroydUnited KingdomAmy Elsner RENEWAL
Kaitlin U MacleadUnited KingdomAnna Fali NEGOTIATION
Kaitlin J SchemmerUnited KingdomElwin Sharvill QUALIFIED
Chavez O ButtItalyAnna Fali NEW
Jones O RoysterSpainElwin Sharvill NEW
Kaitlin Z PerinCanadaAsiya Javayant PROPOSAL
Kadeem L FigeroaBrazilStephen Shaw UNQUALIFIED
Mayumi D ChuiItalyStephen Shaw QUALIFIED
Aruna J WhobreyArgentinaAmy Elsner NEGOTIATION
Ashley U PerinSpainStephen Shaw NEW
Clifford P BologniaFranceOnyama Limba NEW
Kaitlin G VenereJapanStephen Shaw RENEWAL
Aruna N MaletBrazilIoni Bowcher PROPOSAL
Chavez Q GillianUnited KingdomXuxue Feng UNQUALIFIED
Darci U InouyeCanadaIvan Magalhaes QUALIFIED
Ricardo I KolmetzJapanElwin Sharvill NEW
Julie B WhobreyJapanIvan Magalhaes NEW
James N GlickCanadaAsiya Javayant NEW
Costa M DoeJapanBernardo Dominic QUALIFIED
Deepesh K SergiSpainAmy Elsner UNQUALIFIED
Nicolas X BologniaAustraliaStephen Shaw QUALIFIED
Izzy D DoeGermanyStephen Shaw RENEWAL
Leon D SergiBrazilAmy Elsner QUALIFIED
Leja C StockhamArgentinaIoni Bowcher NEGOTIATION
Ricardo T VenereRussiaAnna Fali RENEWAL
Ashley K PerinIndiaAmy Elsner PROPOSAL
Munro S BriddickUnited KingdomAsiya Javayant PROPOSAL
Jones U FigeroaBrazilAsiya Javayant PROPOSAL
Maisha J GauchoBrazilStephen Shaw NEW
Cody R BowleyUnited KingdomAmy Elsner UNQUALIFIED
Maria E BowleyFranceIoni Bowcher UNQUALIFIED
Emily G RimBrazilBernardo Dominic UNQUALIFIED
Leon K BowleyBrazilAnna Fali RENEWAL
Deepesh E ButtCanadaElwin Sharvill QUALIFIED
Leja N PerinSpainElwin Sharvill UNQUALIFIED
Alejandro W ShinkoJapanIvan Magalhaes PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Kadeem R SergiIndiaXuxue Feng QUALIFIED
Clifford P SergiCanadaAnna Fali PROPOSAL
Claire Q StockhamSpainAnna Fali UNQUALIFIED
Costa B CaudyCanadaAmy Elsner PROPOSAL
Smith N GlickArgentinaOnyama Limba RENEWAL
Aditya U AmigonRussiaAnna Fali UNQUALIFIED
Murillo Y AmigonJapanOnyama Limba NEW
Jefferson F SlusarskiJapanXuxue Feng QUALIFIED
Tony C AlbaresIndiaIoni Bowcher RENEWAL
Tony G SchemmerSpainBernardo Dominic PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Leon F AlbaresSpain2024-08-31Rangoni Of Florence NEW43Amy Elsner
1001Silvio L PaprockiCanada2024-09-02Feiner Bros NEW88Elwin Sharvill
1002Deepesh H NickaAustralia2024-09-06Benton, John B Jr UNQUALIFIED70Amy Elsner
1003Greenwood B ChuiArgentina2024-09-25Printing Dimensions UNQUALIFIED59Anna Fali
1004Misaki L TollnerRussia2024-09-05Morlong Associates RENEWAL22Ivan Magalhaes
1005Kadeem P RulapaughAustralia2024-09-11Chanay, Jeffrey A Esq QUALIFIED37Amy Elsner
1006Jeanfrancois M RulapaughArgentina2024-09-04Feiner Bros QUALIFIED75Xuxue Feng
1007Ricardo C FlosiBrazil2024-09-02Chemel, James L Cpa RENEWAL73Ivan Magalhaes
1008Smith J StockhamRussia2024-09-07Truhlar And Truhlar Attys UNQUALIFIED60Onyama Limba
1009Mujtaba J WaycottGermany2024-08-31Rangoni Of Florence NEW9Bernardo Dominic
1010Costa C MacleadCanada2024-09-12Feiner Bros NEGOTIATION38Amy Elsner
1011Francesco C SergiUnited Kingdom2024-08-29Commercial Press NEW68Amy Elsner
1012Smith B ChuiGermany2024-09-06Feiner Bros UNQUALIFIED15Ivan Magalhaes
1013Salvatore M DoeAustralia2024-08-30Feiner Bros RENEWAL58Asiya Javayant
1014James B RimUnited Kingdom2024-09-20Feiner Bros PROPOSAL28Elwin Sharvill
1015Wickens I KuskoArgentina2024-09-10Buckley Miller Wright UNQUALIFIED85Asiya Javayant
1016Octavia W MaletGermany2024-09-22Buckley Miller Wright UNQUALIFIED52Anna Fali
1017Munro F PoquetteFrance2024-09-18Dorl, James J Esq UNQUALIFIED9Bernardo Dominic
1018Ivar Q MorascaItaly2024-09-25Feltz Printing Service QUALIFIED21Xuxue Feng
1019James S BologniaIndia2024-09-17Rousseaux, Michael Esq QUALIFIED89Onyama Limba
1020Aditya N MaletIndia2024-09-15Benton, John B Jr QUALIFIED39Xuxue Feng
1021Salvatore H FigeroaItaly2024-09-17Truhlar And Truhlar Attys NEGOTIATION58Xuxue Feng
1022Nicolas T MaletJapan2024-08-29Feiner Bros QUALIFIED35Xuxue Feng
1023James O GauchoAustralia2024-09-26Printing Dimensions NEGOTIATION2Bernardo Dominic
1024Leon R AmigonUnited Kingdom2024-09-04Rangoni Of Florence RENEWAL86Bernardo Dominic
1025Arvin S AmigonGermany2024-09-19King, Christopher A Esq NEGOTIATION99Amy Elsner
1026Rodrigues J TollnerIndia2024-09-01Feiner Bros RENEWAL6Bernardo Dominic
1027Darci J GillianCanada2024-09-26Chanay, Jeffrey A Esq NEGOTIATION32Onyama Limba
1028Deepesh Y BriddickFrance2024-09-05Feltz Printing Service UNQUALIFIED33Asiya Javayant
1029Greenwood W RutaGermany2024-09-18Chanay, Jeffrey A Esq NEW33Xuxue Feng
1030Costa A MarrierIndia2024-08-29Rangoni Of Florence NEGOTIATION6Ivan Magalhaes
1031Isabel R WieserItaly2024-09-23Feiner Bros RENEWAL75Bernardo Dominic
1032Ivar C WhobreyIndia2024-09-03King, Christopher A Esq PROPOSAL31Stephen Shaw
1033Aruna A BriddickGermany2024-09-21Benton, John B Jr NEW91Amy Elsner
1034James M FollerJapan2024-09-10Chemel, James L Cpa PROPOSAL61Stephen Shaw
1035Aruna J TollnerIndia2024-09-01Chanay, Jeffrey A Esq NEW64Amy Elsner
1036Nicolas M NickaGermany2024-09-06Buckley Miller Wright PROPOSAL25Xuxue Feng
1037Johnson E GillianFrance2024-09-24Chapman, Ross E Esq NEW12Stephen Shaw
1038Mujtaba D VenereArgentina2024-09-01Morlong Associates NEW46Asiya Javayant
1039Maria D FlosiUnited Kingdom2024-09-08Truhlar And Truhlar Attys PROPOSAL50Asiya Javayant
1040Leja T BowleyGermany2024-09-18King, Christopher A Esq UNQUALIFIED38Ioni Bowcher
1041Francesco R FigeroaUnited Kingdom2024-09-15Printing Dimensions UNQUALIFIED63Anna Fali
1042Mayumi F RimAustralia2024-09-11Feltz Printing Service QUALIFIED12Anna Fali
1043Juan D OstroskyItaly2024-09-11Rousseaux, Michael Esq QUALIFIED84Ivan Magalhaes
1044Arvin Q CaldareraFrance2024-09-23Benton, John B Jr NEGOTIATION35Anna Fali
1045Faith W SaylorsGermany2024-09-06Chanay, Jeffrey A Esq UNQUALIFIED81Amy Elsner
1046Smith U ShinkoJapan2024-09-06Feltz Printing Service PROPOSAL27Anna Fali
1047Wickens P KuskoBrazil2024-09-03Printing Dimensions NEGOTIATION80Amy Elsner
1048Kadeem I StensethRussia2024-09-14Commercial Press UNQUALIFIED52Xuxue Feng
1049Nicolas Q ButtRussia2024-09-05King, Christopher A Esq NEGOTIATION73Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Salvatore T StensethGermanyXuxue Feng PROPOSAL
Leon D VocelkaArgentinaIoni Bowcher UNQUALIFIED
Antonio D PaprockiCanadaElwin Sharvill NEGOTIATION
Johnson Z FigeroaUnited KingdomElwin Sharvill QUALIFIED
Faith I FollerSpainAmy Elsner UNQUALIFIED
Smith Y WieserBrazilAmy Elsner QUALIFIED
Cody D MaletJapanElwin Sharvill QUALIFIED
Rodrigues O DarakjyIndiaXuxue Feng NEGOTIATION
Ricardo W VenereGermanyIoni Bowcher NEGOTIATION
Aika T SlusarskiIndiaIvan Magalhaes RENEWAL
Aruna U BowleyBrazilXuxue Feng NEW
Costa P SchemmerAustraliaOnyama Limba NEGOTIATION
Smith H MarrierFranceAsiya Javayant UNQUALIFIED
Leon F WieserUnited KingdomElwin Sharvill NEW
Adams H MorascaJapanXuxue Feng PROPOSAL
Faith Q SlusarskiArgentinaOnyama Limba QUALIFIED
Silvio R DarakjyArgentinaBernardo Dominic RENEWAL
Juan F VenereJapanElwin Sharvill QUALIFIED
Salvatore N PerinItalyBernardo Dominic NEW
Wickens T OstroskySpainAsiya Javayant QUALIFIED
Arvin H TollnerItalyBernardo Dominic NEGOTIATION
Salvatore Q BologniaSpainAmy Elsner NEGOTIATION
Mujtaba C NickaBrazilIoni Bowcher NEW
Ivar Z ShinkoRussiaAnna Fali NEW
Chavez B MaletJapanStephen Shaw RENEWAL
Kadeem E RutaIndiaBernardo Dominic QUALIFIED
Francesco R BowleyAustraliaElwin Sharvill QUALIFIED
Claire A WhobreyJapanStephen Shaw QUALIFIED
Octavia T BowleyUnited KingdomIoni Bowcher PROPOSAL
Alejandro T WaycottArgentinaIoni Bowcher RENEWAL
Jeanfrancois R RimJapanAmy Elsner RENEWAL
Darci F FerenczRussiaIvan Magalhaes UNQUALIFIED
Isabel W GarufiSpainStephen Shaw UNQUALIFIED
Jennifer K OstroskyRussiaAmy Elsner NEW
David G TollnerJapanIoni Bowcher PROPOSAL
Faith L StockhamGermanyAmy Elsner RENEWAL
Julie U BowleyItalyOnyama Limba RENEWAL
Octavia V WaycottRussiaElwin Sharvill PROPOSAL
Stacey S CampainArgentinaXuxue Feng QUALIFIED
Alejandro Q CaudyIndiaIoni Bowcher NEGOTIATION
Kaitlin S FollerBrazilElwin Sharvill NEW
Octavia S DilliardFranceIvan Magalhaes NEGOTIATION
Stacey U RulapaughIndiaAnna Fali RENEWAL
Aika T NestleAustraliaIvan Magalhaes QUALIFIED
Clifford T PoquetteFranceBernardo Dominic PROPOSAL
Chavez D DilliardCanadaAmy Elsner PROPOSAL
Clifford V DilliardFranceStephen Shaw RENEWAL
Leja G PerinJapanXuxue Feng NEGOTIATION
Murillo C RimUnited KingdomOnyama Limba NEW
Maisha Q PerinBrazilOnyama Limba QUALIFIED
Frozen Columns
Name
Leja P Perin
Munro N Sergi
Ricardo T Foller
Cody I Darakjy
David C Morasca
Clifford I Morasca
Ashley I Waycott
Silvio Y Whobrey
David U Stockham
Wickens E Foller
Salvatore N Paprocki
Kaitlin O Caudy
Nicolas R Morasca
Octavia X Glick
Octavia B Stenseth
Tony V Perin
Aika M Paprocki
Sinclair F Butt
Aika Z Kusko
Chavez X Dilliard
Juan F Ostrosky
Smith P Glick
Cody Z Morasca
Rodrigues C Slusarski
Francesco K Wieser
Sinclair A Kolmetz
Ivar P Marrier
Leon L Butt
Aruna E Tollner
Stacey O Saylors
Maria E Stenseth
Clifford S Ferencz
Ricardo Y Maclead
Rodrigues D Bowley
Sinclair E Kolmetz
Wickens P Stockham
Ivar P Slusarski
David N Wieser
Salvatore M Garufi
Jefferson O Ferencz
Murillo W Saylors
Stacey T Caldarera
Salvatore Z Poquette
Aditya I Morasca
Juan N Gaucho
Misaki B Inouye
Jeanfrancois K Rulapaugh
Tony O Bolognia
Smith Z Maclead
Costa J Dilliard
IdCountryDate
1000Australia2024-09-02
1001Brazil2024-09-16
1002Canada2024-09-17
1003Argentina2024-09-11
1004Russia2024-09-19
1005Italy2024-09-26
1006Spain2024-09-02
1007Italy2024-09-20
1008Russia2024-09-09
1009Argentina2024-09-18
1010Argentina2024-09-22
1011Japan2024-08-29
1012Argentina2024-09-11
1013Spain2024-09-16
1014United Kingdom2024-09-13
1015Australia2024-08-29
1016Japan2024-09-10
1017Spain2024-09-24
1018Japan2024-09-25
1019Spain2024-09-11
1020Spain2024-09-08
1021India2024-09-22
1022Germany2024-09-10
1023Germany2024-08-28
1024Germany2024-09-19
1025Australia2024-09-06
1026Italy2024-09-08
1027Canada2024-09-06
1028Japan2024-09-06
1029Germany2024-09-15
1030Canada2024-09-13
1031Russia2024-09-22
1032Canada2024-09-18
1033Argentina2024-09-19
1034Spain2024-09-16
1035Germany2024-09-13
1036Russia2024-09-10
1037Spain2024-09-08
1038Argentina2024-09-13
1039Canada2024-09-20
1040France2024-09-08
1041Russia2024-09-25
1042United Kingdom2024-09-13
1043Brazil2024-09-14
1044Spain2024-09-01
1045Italy2024-09-04
1046Canada2024-09-10
1047Canada2024-09-02
1048France2024-09-01
1049Russia2024-09-11

On-Demand Data

NameIdCountryDate
Jefferson L Gillian1000Japan2024-09-25
Alejandro P Shinko1001India2024-09-18
Deepesh A Ostrosky1002India2024-09-06
Maria F Dilliard1003Russia2024-09-07
Clifford H Slusarski1004Spain2024-09-26
Sinclair B Malet1005Brazil2024-09-26
Ivar C Amigon1006Argentina2024-09-10
Sinclair F Doe1007Japan2024-09-20
Wickens C Darakjy1008Italy2024-09-24
Darci A Maclead1009Italy2024-09-06
Ricardo B Marrier1010Brazil2024-09-06
Johnson B Slusarski1011Russia2024-08-31
Julie Z Stenseth1012India2024-09-17
Misaki Z Rim1013Argentina2024-09-21
Kadeem H Iturbide1014Germany2024-09-17
Greenwood X Saylors1015Argentina2024-09-10
Juan V Venere1016Brazil2024-09-13
Leja R Ruta1017Japan2024-09-02
Jeanfrancois D Flosi1018France2024-09-03
David M Figeroa1019Argentina2024-09-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Kadeem X FerenczFranceIvan Magalhaes NEW
James N OldroydUnited KingdomAmy Elsner UNQUALIFIED
Greenwood O OldroydAustraliaIvan Magalhaes RENEWAL
Costa M NickaIndiaIvan Magalhaes QUALIFIED
Isabel G ShinkoCanadaOnyama Limba PROPOSAL
Rodrigues U FlosiBrazilIoni Bowcher RENEWAL
Wickens V WieserBrazilStephen Shaw RENEWAL
Smith E CaldareraUnited KingdomAmy Elsner UNQUALIFIED
Leja F IturbideArgentinaBernardo Dominic UNQUALIFIED
Leja J PaprockiIndiaAsiya Javayant PROPOSAL
Silvio O KolmetzSpainElwin Sharvill UNQUALIFIED
Rodrigues J RulapaughArgentinaOnyama Limba NEW
Aditya E GauchoIndiaElwin Sharvill PROPOSAL
Jones K PerinUnited KingdomElwin Sharvill PROPOSAL
Kadeem O KuskoRussiaXuxue Feng QUALIFIED
Izzy V GlickIndiaXuxue Feng NEGOTIATION
Smith L FigeroaCanadaAnna Fali NEGOTIATION
Clifford O NickaFranceXuxue Feng NEGOTIATION
Morrow J DoeRussiaAmy Elsner QUALIFIED
Rodrigues Y MaletBrazilXuxue Feng QUALIFIED
Mayumi A OldroydCanadaOnyama Limba UNQUALIFIED
Salvatore Y KuskoArgentinaBernardo Dominic NEGOTIATION
Aruna F SaylorsBrazilIvan Magalhaes NEGOTIATION
Adams X DarakjyJapanAsiya Javayant NEGOTIATION
Julie C DilliardItalyAnna Fali UNQUALIFIED
Izzy R RulapaughArgentinaIoni Bowcher RENEWAL
Aruna P DoeBrazilOnyama Limba UNQUALIFIED
Silvio N CaldareraCanadaAsiya Javayant NEW
Mujtaba N CampainArgentinaXuxue Feng RENEWAL
Rodrigues M AmigonCanadaIvan Magalhaes NEGOTIATION
Maria V DarakjyFranceIoni Bowcher PROPOSAL
Smith T FollerUnited KingdomAmy Elsner PROPOSAL
Deepesh O WaycottFranceXuxue Feng NEGOTIATION
Chavez E MaletCanadaOnyama Limba RENEWAL
Costa M WhobreyGermanyXuxue Feng PROPOSAL
Ricardo E WieserArgentinaXuxue Feng PROPOSAL
Alejandro B MarrierSpainStephen Shaw UNQUALIFIED
Smith J RulapaughBrazilOnyama Limba RENEWAL
Misaki N OstroskyUnited KingdomElwin Sharvill UNQUALIFIED
Rodrigues R GarufiIndiaIoni Bowcher 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">
            <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>