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
Smith N SchemmerRussiaStephen Shaw UNQUALIFIED
Jeanfrancois J RoysterSpainIvan Magalhaes NEW
Misaki Q GillianUnited KingdomAnna Fali RENEWAL
Greenwood I NickaArgentinaAsiya Javayant RENEWAL
Aditya N KuskoAustraliaBernardo Dominic UNQUALIFIED
Misaki D SergiIndiaXuxue Feng QUALIFIED
Maisha X TollnerAustraliaXuxue Feng NEW
Misaki R KolmetzIndiaXuxue Feng UNQUALIFIED
Leon O GarufiItalyBernardo Dominic NEW
Murillo B FerenczSpainStephen Shaw NEW
Antonio C AmigonSpainIvan Magalhaes QUALIFIED
Isabel O RulapaughUnited KingdomAmy Elsner RENEWAL
James X SchemmerIndiaAsiya Javayant RENEWAL
Antonio D PerinCanadaIoni Bowcher QUALIFIED
Mayumi M DoeCanadaBernardo Dominic PROPOSAL
Jones C GlickCanadaIvan Magalhaes NEGOTIATION
Aika L FigeroaUnited KingdomIoni Bowcher NEGOTIATION
Misaki J SlusarskiJapanBernardo Dominic PROPOSAL
Nicolas N DilliardRussiaOnyama Limba NEGOTIATION
Sinclair Z RulapaughRussiaElwin Sharvill QUALIFIED
Jefferson P CaudyGermanyAnna Fali NEW
Claire J NestleItalyBernardo Dominic NEW
Greenwood G AmigonGermanyStephen Shaw UNQUALIFIED
Jones G AmigonArgentinaAmy Elsner NEGOTIATION
Smith Q CaudyRussiaIvan Magalhaes NEW
Smith H GauchoUnited KingdomXuxue Feng NEGOTIATION
Rodrigues T StensethUnited KingdomAmy Elsner NEW
Aditya T CampainAustraliaXuxue Feng RENEWAL
Isabel D CampainFranceAnna Fali NEGOTIATION
Mujtaba D GauchoArgentinaOnyama Limba QUALIFIED
Jones T FerenczJapanIvan Magalhaes NEW
Emily O ButtItalyAsiya Javayant NEGOTIATION
Wickens C MorascaGermanyElwin Sharvill PROPOSAL
Leon H RoysterGermanyOnyama Limba NEGOTIATION
Maisha I RoysterFranceIoni Bowcher PROPOSAL
Clifford D StensethUnited KingdomIvan Magalhaes RENEWAL
Alejandro U WaycottItalyXuxue Feng NEGOTIATION
Nicolas K BowleyCanadaXuxue Feng RENEWAL
Ashley U OldroydSpainBernardo Dominic NEW
Ricardo H AlbaresCanadaAnna Fali NEW
Tony Z CaudyUnited KingdomAmy Elsner PROPOSAL
Clifford F OstroskyCanadaIvan Magalhaes QUALIFIED
Jefferson J CaldareraItalyOnyama Limba PROPOSAL
Arvin D StensethSpainBernardo Dominic NEW
Maria F StockhamBrazilIvan Magalhaes UNQUALIFIED
Aika F SergiFranceStephen Shaw PROPOSAL
Deepesh Q GlickBrazilBernardo Dominic UNQUALIFIED
Aika G GlickBrazilIoni Bowcher NEW
Leja N WaycottArgentinaIoni Bowcher NEGOTIATION
Octavia L ChuiRussiaBernardo Dominic PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Wickens K BriddickCanadaIvan Magalhaes UNQUALIFIED
Aditya G PerinJapanIvan Magalhaes NEW
Antonio J OldroydItalyOnyama Limba NEW
Wickens A BriddickUnited KingdomXuxue Feng UNQUALIFIED
Aditya U GarufiArgentinaIvan Magalhaes UNQUALIFIED
Munro Y VocelkaUnited KingdomElwin Sharvill NEW
Deepesh Q OldroydFranceAmy Elsner UNQUALIFIED
Chavez B PoquetteItalyBernardo Dominic UNQUALIFIED
Deepesh T MarrierIndiaXuxue Feng NEGOTIATION
Maria P GlickUnited KingdomXuxue Feng RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Wickens A CampainItaly2024-09-15Truhlar And Truhlar Attys UNQUALIFIED89Stephen Shaw
1001Salvatore F RutaRussia2024-09-03Truhlar And Truhlar Attys UNQUALIFIED99Bernardo Dominic
1002Maisha M KolmetzFrance2024-09-15Benton, John B Jr PROPOSAL63Bernardo Dominic
1003Maria W RutaArgentina2024-09-18King, Christopher A Esq NEW47Ivan Magalhaes
1004Mayumi G FigeroaIndia2024-09-02Feltz Printing Service NEGOTIATION63Ioni Bowcher
1005Izzy H GillianSpain2024-08-30Dorl, James J Esq NEW98Bernardo Dominic
1006Greenwood E BriddickFrance2024-09-17Chanay, Jeffrey A Esq NEGOTIATION1Ivan Magalhaes
1007Kaitlin H MaletArgentina2024-09-05Printing Dimensions PROPOSAL53Onyama Limba
1008Greenwood K RimGermany2024-08-28Chanay, Jeffrey A Esq UNQUALIFIED70Ivan Magalhaes
1009Aruna L SaylorsBrazil2024-09-07Benton, John B Jr QUALIFIED95Onyama Limba
1010Ivar M GillianSpain2024-09-13Dorl, James J Esq QUALIFIED23Onyama Limba
1011Leon A MorascaBrazil2024-09-05Commercial Press UNQUALIFIED95Xuxue Feng
1012Alejandro Z GauchoSpain2024-08-25Benton, John B Jr NEGOTIATION95Bernardo Dominic
1013Ivar P StensethGermany2024-09-01Buckley Miller Wright UNQUALIFIED4Onyama Limba
1014Ivar D MorascaFrance2024-09-14Morlong Associates QUALIFIED53Asiya Javayant
1015Ricardo M FigeroaUnited Kingdom2024-09-09Feiner Bros RENEWAL42Xuxue Feng
1016Stacey F FigeroaRussia2024-09-14Feiner Bros UNQUALIFIED56Ioni Bowcher
1017Johnson S SlusarskiGermany2024-09-23Commercial Press QUALIFIED77Anna Fali
1018Mayumi E FerenczUnited Kingdom2024-09-15Chanay, Jeffrey A Esq RENEWAL96Anna Fali
1019Cody M BriddickUnited Kingdom2024-09-07Dorl, James J Esq PROPOSAL4Xuxue Feng
1020Kadeem L MacleadIndia2024-09-08Commercial Press RENEWAL92Ivan Magalhaes
1021Antonio Q WieserArgentina2024-08-31Commercial Press PROPOSAL96Elwin Sharvill
1022Rodrigues R WaycottFrance2024-09-10Dorl, James J Esq NEW60Asiya Javayant
1023Smith Q DoeSpain2024-09-15Morlong Associates NEW67Xuxue Feng
1024Nicolas C FlosiCanada2024-09-07Chanay, Jeffrey A Esq RENEWAL74Elwin Sharvill
1025Mayumi T PerinFrance2024-08-28Chanay, Jeffrey A Esq PROPOSAL79Amy Elsner
1026Faith A KuskoUnited Kingdom2024-08-27Printing Dimensions NEW81Bernardo Dominic
1027Maria X FigeroaRussia2024-09-14Truhlar And Truhlar Attys PROPOSAL40Anna Fali
1028Murillo D KuskoIndia2024-09-08Rousseaux, Michael Esq QUALIFIED21Amy Elsner
1029Francesco V MorascaFrance2024-09-16Morlong Associates NEW83Stephen Shaw
1030Nicolas V MacleadIndia2024-09-03Feltz Printing Service PROPOSAL22Bernardo Dominic
1031Stacey A KolmetzJapan2024-08-29Dorl, James J Esq NEGOTIATION6Anna Fali
1032Ashley I MaletAustralia2024-09-22Chapman, Ross E Esq QUALIFIED89Onyama Limba
1033Mayumi P ChuiUnited Kingdom2024-09-11Truhlar And Truhlar Attys QUALIFIED53Ivan Magalhaes
1034Aditya L ChuiIndia2024-09-21Feiner Bros RENEWAL3Stephen Shaw
1035Ashley S RulapaughRussia2024-09-03King, Christopher A Esq PROPOSAL14Bernardo Dominic
1036Aruna F KuskoRussia2024-09-08Rangoni Of Florence QUALIFIED46Amy Elsner
1037Misaki Y MarrierArgentina2024-09-11Morlong Associates RENEWAL49Bernardo Dominic
1038Ivar C FollerRussia2024-09-07Commercial Press NEGOTIATION37Anna Fali
1039Salvatore R GlickGermany2024-08-26Dorl, James J Esq QUALIFIED34Amy Elsner
1040Leon K CaldareraJapan2024-08-26Feltz Printing Service QUALIFIED93Bernardo Dominic
1041Juan K MaletGermany2024-09-01Commercial Press RENEWAL64Anna Fali
1042Ricardo Y BriddickBrazil2024-08-25Chapman, Ross E Esq NEGOTIATION28Onyama Limba
1043Tony B WaycottCanada2024-09-20King, Christopher A Esq NEGOTIATION73Bernardo Dominic
1044Emily D DilliardRussia2024-09-14Benton, John B Jr UNQUALIFIED67Bernardo Dominic
1045Costa V GillianUnited Kingdom2024-09-02Chanay, Jeffrey A Esq NEGOTIATION46Amy Elsner
1046Misaki Y DoeItaly2024-09-10Printing Dimensions UNQUALIFIED17Bernardo Dominic
1047Kaitlin C DilliardCanada2024-09-15Commercial Press NEW52Asiya Javayant
1048Arvin R WhobreyAustralia2024-09-17Chemel, James L Cpa QUALIFIED90Onyama Limba
1049Costa I TollnerUnited Kingdom2024-09-08Printing Dimensions PROPOSAL87Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Salvatore F KolmetzBrazilElwin Sharvill NEGOTIATION
Darci X KolmetzSpainBernardo Dominic NEGOTIATION
Maria J AlbaresItalyOnyama Limba QUALIFIED
Kadeem U RoysterUnited KingdomIvan Magalhaes UNQUALIFIED
Aditya C NestleBrazilAnna Fali NEGOTIATION
Misaki G ChuiIndiaStephen Shaw NEW
Isabel X MorascaItalyIvan Magalhaes UNQUALIFIED
Alejandro R StockhamAustraliaAnna Fali UNQUALIFIED
Emily H WhobreyArgentinaAmy Elsner QUALIFIED
Jennifer M FlosiUnited KingdomAnna Fali UNQUALIFIED
Aruna W SlusarskiJapanAmy Elsner NEW
Izzy M DoeItalyBernardo Dominic RENEWAL
Munro O SchemmerAustraliaOnyama Limba QUALIFIED
Morrow B RimFranceXuxue Feng PROPOSAL
James H MaletAustraliaAnna Fali UNQUALIFIED
Nicolas I AlbaresUnited KingdomXuxue Feng RENEWAL
Greenwood H SergiIndiaAmy Elsner PROPOSAL
Aruna Z GlickJapanIoni Bowcher RENEWAL
Alejandro S SaylorsIndiaStephen Shaw NEW
Leon U GarufiUnited KingdomXuxue Feng NEW
Salvatore H DilliardArgentinaAnna Fali PROPOSAL
Leon E NickaUnited KingdomIvan Magalhaes QUALIFIED
Aruna O MaletFranceIoni Bowcher QUALIFIED
Sinclair T AlbaresJapanIoni Bowcher QUALIFIED
Octavia M RulapaughItalyAmy Elsner UNQUALIFIED
Murillo S DoeJapanElwin Sharvill UNQUALIFIED
Alejandro Z CaudyArgentinaOnyama Limba UNQUALIFIED
Faith U GauchoGermanyXuxue Feng NEGOTIATION
Faith G CampainFranceIvan Magalhaes UNQUALIFIED
Faith A WieserJapanAmy Elsner RENEWAL
Kadeem C VenereBrazilAnna Fali UNQUALIFIED
Greenwood U GillianArgentinaIvan Magalhaes UNQUALIFIED
Claire J VenereItalyBernardo Dominic QUALIFIED
James T NickaCanadaXuxue Feng PROPOSAL
Jefferson U DoeRussiaElwin Sharvill RENEWAL
Juan G DarakjyItalyStephen Shaw UNQUALIFIED
Jefferson C FollerItalyAmy Elsner NEW
Izzy J NickaIndiaAmy Elsner PROPOSAL
Mujtaba Q ShinkoCanadaXuxue Feng UNQUALIFIED
Jeanfrancois J GarufiRussiaAnna Fali NEW
Murillo H CaudyAustraliaBernardo Dominic NEW
Adams W RoysterBrazilIvan Magalhaes NEW
Claire N GarufiIndiaBernardo Dominic UNQUALIFIED
Jones D GauchoJapanBernardo Dominic NEGOTIATION
Julie B AmigonFranceXuxue Feng RENEWAL
Aruna T BologniaIndiaBernardo Dominic RENEWAL
Faith F FigeroaGermanyOnyama Limba PROPOSAL
Munro M VenereSpainStephen Shaw UNQUALIFIED
Silvio C WhobreyArgentinaElwin Sharvill NEGOTIATION
James Y WaycottBrazilXuxue Feng RENEWAL
Frozen Columns
Name
Munro I Glick
Morrow D Inouye
Chavez C Rulapaugh
Jones Y Marrier
Jeanfrancois X Saylors
David F Saylors
Maria T Schemmer
Mayumi G Oldroyd
Isabel N Foller
Misaki Z Tollner
Julie R Saylors
Julie H Wieser
Chavez D Nicka
Ashley T Malet
Antonio U Slusarski
Cody V Kusko
Munro J Flosi
Silvio D Poquette
Maria Y Nicka
Mayumi I Chui
Rodrigues N Caldarera
Antonio Q Caldarera
Izzy Q Slusarski
Tony C Stockham
Nicolas R Campain
Octavia H Rulapaugh
Maria L Chui
Cody U Inouye
Aika U Bowley
Tony J Whobrey
Emily T Sergi
Jones U Stenseth
Ashley O Ostrosky
Costa X Marrier
Jennifer Y Morasca
Claire W Amigon
Wickens C Darakjy
Darci X Doe
Wickens O Venere
Faith D Caudy
Clifford V Ruta
Adams M Royster
Maisha E Chui
Ricardo Q Gillian
Greenwood S Wieser
Deepesh C Bolognia
Octavia K Caudy
Clifford J Vocelka
Jennifer G Shinko
Cody Y Inouye
IdCountryDate
1000Japan2024-09-11
1001United Kingdom2024-08-31
1002Russia2024-08-26
1003United Kingdom2024-09-03
1004Germany2024-09-21
1005Australia2024-09-17
1006Canada2024-09-08
1007Argentina2024-09-05
1008Germany2024-09-15
1009Canada2024-09-11
1010Japan2024-09-06
1011Italy2024-09-03
1012Argentina2024-09-15
1013France2024-08-25
1014Japan2024-08-29
1015Spain2024-09-05
1016France2024-09-09
1017United Kingdom2024-08-28
1018Russia2024-09-11
1019France2024-09-17
1020Spain2024-09-19
1021Australia2024-09-11
1022France2024-09-06
1023Germany2024-09-20
1024Germany2024-09-21
1025Japan2024-09-17
1026Japan2024-09-01
1027Canada2024-09-22
1028Brazil2024-09-01
1029Canada2024-09-22
1030Australia2024-09-09
1031Russia2024-09-21
1032France2024-08-28
1033United Kingdom2024-09-23
1034United Kingdom2024-09-08
1035Germany2024-08-25
1036Argentina2024-09-19
1037India2024-09-09
1038France2024-09-02
1039Brazil2024-09-03
1040Japan2024-09-10
1041Canada2024-09-05
1042Australia2024-09-01
1043France2024-09-18
1044Canada2024-09-16
1045India2024-09-21
1046Italy2024-09-07
1047United Kingdom2024-08-26
1048United Kingdom2024-09-02
1049United Kingdom2024-09-19

On-Demand Data

NameIdCountryDate
Mayumi N Briddick1000France2024-09-20
Salvatore Z Sergi1001Italy2024-09-17
Sinclair K Poquette1002Canada2024-08-29
Octavia Y Doe1003Canada2024-09-01
James E Schemmer1004Russia2024-09-08
Stacey S Bowley1005United Kingdom2024-09-14
Jeanfrancois I Maclead1006Brazil2024-09-04
Ashley C Caudy1007Spain2024-08-30
Adams E Schemmer1008Canada2024-09-23
Munro O Gaucho1009Italy2024-08-29
Silvio F Schemmer1010Brazil2024-09-21
Rodrigues I Tollner1011United Kingdom2024-09-03
Juan I Flosi1012Australia2024-09-20
Munro S Waycott1013Canada2024-08-25
Arvin T Foller1014Germany2024-09-08
Aika M Bowley1015Spain2024-08-27
Jones K Morasca1016Germany2024-08-29
Francesco F Gaucho1017Australia2024-09-18
Darci H Caldarera1018India2024-08-25
Greenwood N Whobrey1019Spain2024-08-31
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Chavez R RutaArgentinaXuxue Feng UNQUALIFIED
Izzy R FigeroaIndiaAsiya Javayant NEGOTIATION
Francesco V SlusarskiGermanyIvan Magalhaes NEGOTIATION
Adams J GarufiCanadaAmy Elsner NEW
Costa Y PaprockiBrazilBernardo Dominic NEW
Tony X CampainBrazilElwin Sharvill NEW
Smith I NestleArgentinaBernardo Dominic RENEWAL
Murillo M SchemmerCanadaAnna Fali RENEWAL
Ashley E RimBrazilAnna Fali RENEWAL
Alejandro Y ChuiUnited KingdomOnyama Limba RENEWAL
Adams A BriddickArgentinaStephen Shaw NEGOTIATION
Juan A ChuiIndiaElwin Sharvill PROPOSAL
Maria R VenereJapanStephen Shaw QUALIFIED
Stacey M CaldareraUnited KingdomStephen Shaw RENEWAL
Munro U VenereSpainBernardo Dominic RENEWAL
Greenwood R PerinSpainStephen Shaw NEW
Maisha I PaprockiAustraliaAsiya Javayant NEW
Isabel B GillianCanadaAnna Fali UNQUALIFIED
Antonio E PerinGermanyXuxue Feng UNQUALIFIED
Mujtaba U RutaFranceAmy Elsner PROPOSAL
Claire V WieserJapanIoni Bowcher NEW
Kadeem U OldroydRussiaXuxue Feng PROPOSAL
Tony G InouyeSpainAmy Elsner UNQUALIFIED
Greenwood V MarrierRussiaOnyama Limba NEW
Juan V FlosiIndiaElwin Sharvill RENEWAL
Misaki F AmigonItalyIoni Bowcher NEW
Misaki H RimUnited KingdomAmy Elsner UNQUALIFIED
David J MaletAustraliaOnyama Limba PROPOSAL
Aditya Q OldroydFranceAsiya Javayant RENEWAL
Faith K ShinkoAustraliaBernardo Dominic RENEWAL
Ricardo A BologniaIndiaIvan Magalhaes UNQUALIFIED
Jefferson D CaudyCanadaStephen Shaw PROPOSAL
Chavez F RoysterArgentinaElwin Sharvill RENEWAL
Faith T CaudyGermanyAmy Elsner QUALIFIED
Smith K GillianItalyStephen Shaw NEW
Arvin H SergiUnited KingdomXuxue Feng NEGOTIATION
Arvin Y OstroskyGermanyStephen Shaw RENEWAL
Ricardo Z NickaItalyAmy Elsner NEGOTIATION
Cody I VenereIndiaIoni Bowcher NEW
Wickens X VenereJapanElwin Sharvill RENEWAL

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