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
Ashley N AmigonIndiaXuxue Feng NEW
Jefferson M CaldareraGermanyBernardo Dominic PROPOSAL
Isabel S NestleFranceStephen Shaw QUALIFIED
Jefferson V ButtJapanBernardo Dominic UNQUALIFIED
Morrow W MacleadSpainIvan Magalhaes PROPOSAL
Maisha Q ChuiGermanyAnna Fali NEW
Emily A SaylorsArgentinaElwin Sharvill NEGOTIATION
Mayumi D WhobreyCanadaStephen Shaw QUALIFIED
Jeanfrancois D PoquetteSpainBernardo Dominic NEW
Kaitlin C AmigonJapanStephen Shaw UNQUALIFIED
Deepesh X PoquetteAustraliaAsiya Javayant NEGOTIATION
Aditya M BowleyJapanAmy Elsner QUALIFIED
Alejandro K WhobreyGermanyElwin Sharvill NEGOTIATION
Ricardo X RoysterGermanyBernardo Dominic NEGOTIATION
Faith P PaprockiAustraliaAnna Fali NEW
Ivar N RoysterSpainAnna Fali NEW
Murillo Y NickaCanadaXuxue Feng NEGOTIATION
Mujtaba M WieserRussiaBernardo Dominic UNQUALIFIED
Aruna P ButtCanadaIoni Bowcher RENEWAL
Juan V NickaCanadaAsiya Javayant QUALIFIED
Munro N KolmetzSpainAsiya Javayant QUALIFIED
Johnson R OstroskyArgentinaAmy Elsner UNQUALIFIED
Maisha Q BriddickSpainAmy Elsner QUALIFIED
Morrow S RutaCanadaAmy Elsner NEW
Ivar I MarrierFranceOnyama Limba UNQUALIFIED
Salvatore L WaycottJapanAnna Fali PROPOSAL
Kadeem S StensethFranceIvan Magalhaes NEW
Munro X OldroydAustraliaAsiya Javayant PROPOSAL
Cody S WaycottUnited KingdomAsiya Javayant QUALIFIED
Sinclair Y GlickJapanIoni Bowcher NEGOTIATION
Salvatore S MarrierIndiaStephen Shaw NEW
Jeanfrancois W KolmetzItalyBernardo Dominic PROPOSAL
Adams W RutaItalyOnyama Limba RENEWAL
Munro W NickaSpainXuxue Feng NEW
Sinclair A SlusarskiAustraliaBernardo Dominic RENEWAL
Stacey P TollnerRussiaElwin Sharvill UNQUALIFIED
Tony X ShinkoRussiaElwin Sharvill QUALIFIED
Jeanfrancois K NickaItalyAnna Fali RENEWAL
Tony X OstroskySpainAmy Elsner NEW
Murillo K MacleadCanadaStephen Shaw NEGOTIATION
Clifford T KuskoBrazilXuxue Feng NEGOTIATION
Aruna D WieserItalyElwin Sharvill UNQUALIFIED
Aika Q DilliardUnited KingdomXuxue Feng PROPOSAL
Leja C PaprockiArgentinaElwin Sharvill NEGOTIATION
Misaki P BowleyGermanyBernardo Dominic NEW
Tony B RulapaughSpainAsiya Javayant PROPOSAL
Leja Y BologniaFranceAnna Fali UNQUALIFIED
Costa W VocelkaCanadaStephen Shaw NEW
Sinclair Z CaldareraFranceXuxue Feng NEW
Francesco C GlickGermanyXuxue Feng RENEWAL
Horizontal
NameCountryRepresentativeStatus
Tony G BowleyBrazilAmy Elsner QUALIFIED
Misaki C VenereUnited KingdomAsiya Javayant UNQUALIFIED
Maria Y AmigonRussiaBernardo Dominic PROPOSAL
Chavez L RutaSpainOnyama Limba QUALIFIED
Cody J WhobreyAustraliaIoni Bowcher NEW
Misaki N OstroskyFranceBernardo Dominic NEW
Adams H OldroydSpainXuxue Feng NEW
Mujtaba X RoysterAustraliaOnyama Limba QUALIFIED
Deepesh H SchemmerAustraliaAmy Elsner PROPOSAL
Jones H CampainItalyIoni Bowcher QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Maisha D GauchoItaly2024-09-18Buckley Miller Wright NEW92Ioni Bowcher
1001Mayumi K CaudySpain2024-09-13Chanay, Jeffrey A Esq PROPOSAL88Asiya Javayant
1002Silvio F StensethGermany2024-09-07Buckley Miller Wright NEW93Elwin Sharvill
1003Isabel X DarakjySpain2024-08-27Commercial Press QUALIFIED56Ioni Bowcher
1004Cody F FerenczItaly2024-09-22Dorl, James J Esq PROPOSAL74Elwin Sharvill
1005Jeanfrancois E SchemmerIndia2024-09-04Truhlar And Truhlar Attys QUALIFIED86Bernardo Dominic
1006Leon W RutaCanada2024-09-19Truhlar And Truhlar Attys NEW64Asiya Javayant
1007Emily W VocelkaIndia2024-09-15Rangoni Of Florence NEGOTIATION15Xuxue Feng
1008Jones J WieserGermany2024-08-28King, Christopher A Esq NEW37Amy Elsner
1009David Z OldroydIndia2024-09-16Buckley Miller Wright PROPOSAL79Asiya Javayant
1010Clifford F CampainGermany2024-09-04Printing Dimensions RENEWAL80Bernardo Dominic
1011Costa C MarrierBrazil2024-09-13King, Christopher A Esq PROPOSAL21Asiya Javayant
1012Cody T VocelkaAustralia2024-09-22Chemel, James L Cpa PROPOSAL9Stephen Shaw
1013Jones K GarufiGermany2024-08-31Chemel, James L Cpa QUALIFIED68Onyama Limba
1014Jones Q DoeItaly2024-09-09King, Christopher A Esq PROPOSAL70Amy Elsner
1015Isabel C RoysterGermany2024-08-27Truhlar And Truhlar Attys PROPOSAL90Elwin Sharvill
1016Leja M TollnerSpain2024-08-27Chemel, James L Cpa NEW63Xuxue Feng
1017Silvio J BowleyJapan2024-09-13Buckley Miller Wright QUALIFIED5Onyama Limba
1018Greenwood E FollerBrazil2024-09-12King, Christopher A Esq QUALIFIED22Ivan Magalhaes
1019Jennifer Z SchemmerCanada2024-09-13Buckley Miller Wright NEW67Ivan Magalhaes
1020Octavia O MorascaBrazil2024-09-20Printing Dimensions QUALIFIED69Xuxue Feng
1021Clifford U KuskoAustralia2024-09-18Rousseaux, Michael Esq NEGOTIATION88Ivan Magalhaes
1022Stacey N FerenczItaly2024-09-02Feiner Bros NEW3Bernardo Dominic
1023Munro Z OldroydBrazil2024-08-25Benton, John B Jr QUALIFIED64Asiya Javayant
1024Ivar C KuskoCanada2024-09-03Chanay, Jeffrey A Esq NEGOTIATION10Stephen Shaw
1025Greenwood R MaletGermany2024-09-15King, Christopher A Esq QUALIFIED90Ioni Bowcher
1026David J VenereGermany2024-09-20Commercial Press RENEWAL70Elwin Sharvill
1027Wickens F SaylorsGermany2024-09-23Chemel, James L Cpa NEGOTIATION96Amy Elsner
1028Arvin P OldroydUnited Kingdom2024-09-12King, Christopher A Esq NEGOTIATION0Amy Elsner
1029Greenwood L RoysterArgentina2024-09-18Commercial Press RENEWAL59Asiya Javayant
1030James B FerenczUnited Kingdom2024-08-29King, Christopher A Esq NEW10Bernardo Dominic
1031Salvatore V RimItaly2024-09-02Truhlar And Truhlar Attys NEGOTIATION44Stephen Shaw
1032Arvin H KolmetzCanada2024-08-25Rousseaux, Michael Esq PROPOSAL28Ioni Bowcher
1033Sinclair G MaletArgentina2024-09-05Feltz Printing Service PROPOSAL77Anna Fali
1034Alejandro M BowleyJapan2024-09-18Morlong Associates NEGOTIATION8Onyama Limba
1035Jefferson J DoeAustralia2024-09-02Commercial Press RENEWAL87Onyama Limba
1036Rodrigues X BowleyArgentina2024-08-31Dorl, James J Esq PROPOSAL1Xuxue Feng
1037Salvatore S RulapaughIndia2024-08-25Printing Dimensions QUALIFIED32Anna Fali
1038Murillo Q MacleadGermany2024-09-18Rangoni Of Florence QUALIFIED60Ivan Magalhaes
1039Sinclair F StockhamAustralia2024-08-25Commercial Press QUALIFIED98Stephen Shaw
1040Jones S FlosiSpain2024-09-14Rousseaux, Michael Esq PROPOSAL22Ioni Bowcher
1041Stacey K GauchoJapan2024-09-04Morlong Associates NEGOTIATION35Xuxue Feng
1042Faith O RulapaughSpain2024-09-14Dorl, James J Esq QUALIFIED91Ivan Magalhaes
1043Smith G CampainItaly2024-08-30Feltz Printing Service QUALIFIED92Elwin Sharvill
1044Aditya W SchemmerJapan2024-09-03Buckley Miller Wright RENEWAL90Bernardo Dominic
1045Leon E FlosiRussia2024-09-01Morlong Associates RENEWAL32Asiya Javayant
1046Juan H ShinkoUnited Kingdom2024-09-16Commercial Press NEGOTIATION81Onyama Limba
1047Morrow D AlbaresIndia2024-09-14Benton, John B Jr PROPOSAL84Anna Fali
1048Salvatore Q WieserIndia2024-09-06Printing Dimensions UNQUALIFIED37Ioni Bowcher
1049Mujtaba F PaprockiUnited Kingdom2024-09-05Chemel, James L Cpa QUALIFIED82Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Salvatore P MarrierBrazilAsiya Javayant NEW
Adams E ButtUnited KingdomAsiya Javayant UNQUALIFIED
Aditya A PerinSpainOnyama Limba QUALIFIED
Antonio L GarufiAustraliaAmy Elsner QUALIFIED
Isabel X KuskoCanadaStephen Shaw QUALIFIED
James Z CaldareraItalyAmy Elsner RENEWAL
Kaitlin V KolmetzJapanElwin Sharvill NEW
James K InouyeIndiaXuxue Feng PROPOSAL
James O StensethIndiaIoni Bowcher QUALIFIED
Isabel L SergiSpainAmy Elsner RENEWAL
Rodrigues M BriddickArgentinaXuxue Feng PROPOSAL
Wickens C StockhamArgentinaOnyama Limba PROPOSAL
Munro M PaprockiItalyAnna Fali NEGOTIATION
Claire U RutaGermanyIoni Bowcher NEGOTIATION
Maria B NestleAustraliaBernardo Dominic QUALIFIED
Juan D FerenczAustraliaElwin Sharvill NEW
Alejandro Y NickaCanadaIvan Magalhaes UNQUALIFIED
James G GillianRussiaBernardo Dominic UNQUALIFIED
David P GarufiFranceIvan Magalhaes PROPOSAL
Silvio V InouyeRussiaIvan Magalhaes PROPOSAL
Arvin T FerenczFranceIoni Bowcher UNQUALIFIED
Jefferson J BologniaAustraliaBernardo Dominic QUALIFIED
Jennifer L NestleRussiaAsiya Javayant NEW
Isabel R RutaArgentinaBernardo Dominic RENEWAL
Kadeem E FollerFranceIvan Magalhaes QUALIFIED
Deepesh O MorascaGermanyAsiya Javayant PROPOSAL
Aika C CaudyGermanyIoni Bowcher PROPOSAL
Faith N SergiAustraliaAmy Elsner NEGOTIATION
Costa V OstroskyItalyXuxue Feng UNQUALIFIED
David J FerenczItalyElwin Sharvill PROPOSAL
Francesco Y GarufiGermanyOnyama Limba NEW
Jones Z BriddickBrazilStephen Shaw RENEWAL
Salvatore M RoysterArgentinaOnyama Limba PROPOSAL
Izzy C SergiAustraliaOnyama Limba PROPOSAL
Francesco U NickaCanadaAsiya Javayant NEW
Salvatore J ChuiGermanyIoni Bowcher QUALIFIED
Aditya R CaudyIndiaAsiya Javayant NEGOTIATION
Cody S KolmetzCanadaIoni Bowcher PROPOSAL
Nicolas D DoeItalyAmy Elsner UNQUALIFIED
Maria B DoeItalyAmy Elsner NEW
Smith R OldroydGermanyAnna Fali NEW
Johnson K SchemmerArgentinaAsiya Javayant PROPOSAL
Murillo R RimJapanAnna Fali QUALIFIED
Ashley N BriddickRussiaAnna Fali QUALIFIED
Tony H BowleyCanadaElwin Sharvill PROPOSAL
Arvin I MarrierIndiaElwin Sharvill PROPOSAL
Kadeem A VenereSpainIoni Bowcher QUALIFIED
Ashley W GauchoFranceIoni Bowcher RENEWAL
Rodrigues D VenereGermanyStephen Shaw NEW
Leon L VocelkaSpainStephen Shaw NEW
Frozen Columns
Name
David T Gaucho
Wickens Z Malet
Claire R Ruta
Octavia J Kusko
Jennifer D Nicka
Maria O Slusarski
Mujtaba D Oldroyd
Kaitlin Z Poquette
Aika R Nicka
Rodrigues R Waycott
Jefferson B Royster
Aditya T Inouye
Greenwood W Malet
Nicolas P Maclead
Alejandro X Kolmetz
Francesco U Dilliard
Ivar J Butt
Ashley Q Poquette
Octavia U Rulapaugh
Wickens D Darakjy
Claire Y Kolmetz
Ricardo F Iturbide
Sinclair D Whobrey
Kaitlin U Doe
Antonio S Slusarski
Leja N Kolmetz
Clifford M Figeroa
Ashley B Briddick
Mujtaba U Stenseth
Jeanfrancois Z Paprocki
Isabel F Malet
Julie B Iturbide
Mayumi E Garufi
Juan F Tollner
Maria Y Chui
Emily X Vocelka
Maisha T Royster
Octavia F Poquette
Leja A Schemmer
Maisha S Iturbide
James J Stenseth
Juan T Royster
David P Morasca
Jones C Vocelka
Ricardo K Rim
David D Glick
Deepesh W Ostrosky
Francesco O Tollner
Aika U Inouye
Chavez Y Flosi
IdCountryDate
1000Argentina2024-09-09
1001France2024-09-21
1002Japan2024-09-14
1003Germany2024-09-17
1004Australia2024-09-08
1005United Kingdom2024-08-29
1006India2024-09-07
1007Spain2024-09-09
1008Australia2024-08-29
1009Australia2024-09-21
1010Japan2024-08-26
1011Canada2024-09-02
1012United Kingdom2024-08-30
1013Canada2024-09-21
1014Italy2024-09-05
1015Italy2024-08-26
1016Australia2024-09-01
1017Brazil2024-09-23
1018Italy2024-09-10
1019India2024-09-12
1020France2024-09-21
1021Spain2024-09-21
1022Spain2024-09-22
1023Brazil2024-08-31
1024France2024-09-08
1025Brazil2024-09-19
1026United Kingdom2024-09-08
1027Brazil2024-09-11
1028Spain2024-08-31
1029Australia2024-09-02
1030France2024-09-20
1031France2024-09-02
1032India2024-09-04
1033Brazil2024-09-11
1034Germany2024-08-28
1035Russia2024-09-03
1036Germany2024-08-30
1037Brazil2024-09-10
1038India2024-09-01
1039Russia2024-09-15
1040Canada2024-09-23
1041India2024-09-19
1042Russia2024-09-19
1043Japan2024-09-07
1044Spain2024-09-20
1045Canada2024-09-02
1046Spain2024-09-10
1047Australia2024-09-12
1048Spain2024-09-23
1049Spain2024-09-06

On-Demand Data

NameIdCountryDate
Maria Z Dilliard1000France2024-08-26
Mujtaba W Bolognia1001Italy2024-09-15
Kadeem E Royster1002United Kingdom2024-09-13
Faith X Paprocki1003Canada2024-09-09
Faith V Stockham1004Brazil2024-09-13
James K Darakjy1005India2024-09-07
Jefferson M Tollner1006Italy2024-09-16
Maisha I Vocelka1007Argentina2024-09-05
Jennifer E Amigon1008India2024-09-14
Isabel X Dilliard1009Canada2024-09-10
Faith E Ostrosky1010Spain2024-08-31
Salvatore D Albares1011Spain2024-08-25
Stacey U Royster1012India2024-09-01
Sinclair T Venere1013Australia2024-09-02
Francesco N Amigon1014Australia2024-09-23
Rodrigues G Inouye1015Spain2024-09-08
Rodrigues Y Dilliard1016Canada2024-08-25
Tony M Gaucho1017Canada2024-09-14
Ivar K Paprocki1018Brazil2024-09-02
Sinclair P Kusko1019Japan2024-09-09
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Alejandro N RulapaughGermanyIoni Bowcher PROPOSAL
Greenwood V ShinkoBrazilBernardo Dominic QUALIFIED
Clifford F KolmetzRussiaAmy Elsner RENEWAL
Francesco S RoysterBrazilXuxue Feng UNQUALIFIED
Juan W RulapaughArgentinaXuxue Feng PROPOSAL
Greenwood W CaldareraUnited KingdomAnna Fali QUALIFIED
Darci S InouyeBrazilStephen Shaw QUALIFIED
Smith O NickaGermanyOnyama Limba QUALIFIED
Maisha B MaletFranceAmy Elsner QUALIFIED
Ashley P RutaRussiaXuxue Feng UNQUALIFIED
Morrow X MarrierUnited KingdomStephen Shaw NEW
Smith Q MorascaArgentinaIoni Bowcher UNQUALIFIED
Arvin O CaldareraGermanyAmy Elsner RENEWAL
Johnson S SaylorsJapanIoni Bowcher RENEWAL
Greenwood L FigeroaBrazilElwin Sharvill QUALIFIED
Nicolas O SchemmerCanadaElwin Sharvill QUALIFIED
Leon T MarrierUnited KingdomElwin Sharvill UNQUALIFIED
Ricardo W AlbaresIndiaIvan Magalhaes UNQUALIFIED
Jefferson N DilliardUnited KingdomAsiya Javayant NEGOTIATION
Clifford S CaudyUnited KingdomBernardo Dominic PROPOSAL
Sinclair K InouyeAustraliaAsiya Javayant UNQUALIFIED
Ashley R OldroydAustraliaIvan Magalhaes QUALIFIED
Munro I SaylorsArgentinaIvan Magalhaes NEGOTIATION
Jennifer O ChuiUnited KingdomAmy Elsner PROPOSAL
Leon T KuskoUnited KingdomAnna Fali NEW
Stacey Z StockhamJapanStephen Shaw UNQUALIFIED
Maria Z MarrierAustraliaIvan Magalhaes NEW
Mujtaba S DarakjyAustraliaStephen Shaw NEGOTIATION
Smith Z CaldareraArgentinaElwin Sharvill PROPOSAL
Costa P PerinIndiaIvan Magalhaes NEW
Julie E MacleadUnited KingdomIoni Bowcher UNQUALIFIED
Kadeem U OstroskyBrazilIoni Bowcher NEGOTIATION
Munro K SaylorsSpainAmy Elsner QUALIFIED
James K MorascaCanadaIoni Bowcher NEW
Isabel T RoysterItalyElwin Sharvill UNQUALIFIED
Morrow X FerenczFranceStephen Shaw RENEWAL
Cody D DoeBrazilIoni Bowcher NEGOTIATION
Morrow L InouyeIndiaIoni Bowcher NEW
Maisha F CaldareraArgentinaAmy Elsner UNQUALIFIED
Izzy V AmigonArgentinaElwin 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>