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
Morrow D BriddickUnited KingdomAmy Elsner NEW
Silvio H IturbideFranceOnyama Limba UNQUALIFIED
Jeanfrancois P OldroydBrazilElwin Sharvill RENEWAL
Clifford N CaudyArgentinaOnyama Limba QUALIFIED
Nicolas A GarufiGermanyIoni Bowcher UNQUALIFIED
Rodrigues G FollerItalyOnyama Limba NEW
Jones P AlbaresGermanyIoni Bowcher PROPOSAL
Kaitlin M WhobreyUnited KingdomStephen Shaw RENEWAL
Leon Q PoquetteFranceAmy Elsner RENEWAL
Stacey H VocelkaBrazilOnyama Limba PROPOSAL
Aruna E NestleJapanAmy Elsner UNQUALIFIED
Smith H PoquetteGermanyAsiya Javayant UNQUALIFIED
Morrow L MarrierGermanyOnyama Limba NEW
Sinclair B PaprockiArgentinaElwin Sharvill UNQUALIFIED
Aditya I RutaGermanyXuxue Feng PROPOSAL
Jeanfrancois S RoysterJapanIoni Bowcher NEGOTIATION
James U GauchoIndiaElwin Sharvill PROPOSAL
Francesco B PaprockiIndiaAnna Fali QUALIFIED
Ivar L GlickJapanAmy Elsner QUALIFIED
Francesco M KolmetzFranceAsiya Javayant NEGOTIATION
Johnson C PerinSpainAsiya Javayant NEGOTIATION
Antonio D WieserSpainAmy Elsner UNQUALIFIED
Wickens H AlbaresIndiaAsiya Javayant NEGOTIATION
Misaki V KuskoFranceElwin Sharvill NEW
Aditya F FlosiFranceBernardo Dominic NEW
Aika L CaudyAustraliaIvan Magalhaes PROPOSAL
Morrow H PoquetteRussiaIvan Magalhaes RENEWAL
Deepesh C ChuiItalyIoni Bowcher UNQUALIFIED
Morrow Y OstroskyFranceAsiya Javayant RENEWAL
Jennifer X SaylorsIndiaStephen Shaw PROPOSAL
Arvin V WaycottArgentinaAnna Fali NEW
Jones E OldroydGermanyStephen Shaw QUALIFIED
Darci U WhobreyRussiaXuxue Feng PROPOSAL
Deepesh G ShinkoFranceIvan Magalhaes QUALIFIED
Arvin K NickaItalyIoni Bowcher PROPOSAL
Maria U MaletAustraliaAnna Fali PROPOSAL
Izzy C OstroskyArgentinaOnyama Limba RENEWAL
Ricardo W WhobreyIndiaStephen Shaw UNQUALIFIED
Ashley T FerenczAustraliaBernardo Dominic UNQUALIFIED
Isabel F DarakjySpainOnyama Limba RENEWAL
James I GillianArgentinaOnyama Limba PROPOSAL
Jeanfrancois M GarufiAustraliaBernardo Dominic NEGOTIATION
Tony A ChuiItalyXuxue Feng UNQUALIFIED
Deepesh G SergiFranceIvan Magalhaes NEGOTIATION
Morrow W DarakjyBrazilIoni Bowcher QUALIFIED
Juan E GauchoJapanAnna Fali RENEWAL
Costa X FollerArgentinaIoni Bowcher PROPOSAL
Aditya J RutaFranceIvan Magalhaes RENEWAL
Chavez K GlickGermanyOnyama Limba QUALIFIED
Chavez E VocelkaFranceAsiya Javayant UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Jennifer Z AlbaresSpainIoni Bowcher RENEWAL
Leja Z PerinSpainAmy Elsner RENEWAL
Clifford H MacleadRussiaElwin Sharvill NEGOTIATION
Sinclair F InouyeIndiaAsiya Javayant RENEWAL
Jefferson W MorascaUnited KingdomAmy Elsner PROPOSAL
Cody F PerinFranceAnna Fali PROPOSAL
Aruna Y NestleCanadaStephen Shaw NEW
Stacey O GlickCanadaIvan Magalhaes NEGOTIATION
James P BowleyFranceIoni Bowcher UNQUALIFIED
Antonio R WaycottUnited KingdomBernardo Dominic NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Alejandro S BologniaArgentina2024-09-05Dorl, James J Esq RENEWAL33Ioni Bowcher
1001Deepesh K PaprockiGermany2024-09-10Dorl, James J Esq UNQUALIFIED55Bernardo Dominic
1002Leon Q FollerBrazil2024-09-03Rousseaux, Michael Esq UNQUALIFIED55Asiya Javayant
1003Leja G PaprockiRussia2024-09-22Chapman, Ross E Esq NEW82Elwin Sharvill
1004Darci M RimUnited Kingdom2024-09-03Rousseaux, Michael Esq RENEWAL40Xuxue Feng
1005James T CampainArgentina2024-08-29Feltz Printing Service PROPOSAL13Onyama Limba
1006Izzy N BriddickItaly2024-09-25Chemel, James L Cpa PROPOSAL86Bernardo Dominic
1007Clifford P MacleadAustralia2024-09-23Chemel, James L Cpa NEW82Stephen Shaw
1008Smith X GillianFrance2024-09-15Feltz Printing Service QUALIFIED85Xuxue Feng
1009Jeanfrancois V FollerRussia2024-09-19Morlong Associates UNQUALIFIED17Elwin Sharvill
1010Johnson W GarufiJapan2024-09-06Dorl, James J Esq QUALIFIED92Onyama Limba
1011Tony M PerinRussia2024-09-13Feiner Bros PROPOSAL57Onyama Limba
1012Julie A DoeIndia2024-09-20Chanay, Jeffrey A Esq NEGOTIATION19Asiya Javayant
1013Rodrigues P MaletJapan2024-09-01Feltz Printing Service UNQUALIFIED60Bernardo Dominic
1014Sinclair V MacleadItaly2024-09-25Chanay, Jeffrey A Esq RENEWAL10Ioni Bowcher
1015Tony Y SchemmerGermany2024-08-30King, Christopher A Esq NEW35Ioni Bowcher
1016Sinclair G NickaBrazil2024-09-14Printing Dimensions NEW79Bernardo Dominic
1017Murillo C MacleadRussia2024-09-23Truhlar And Truhlar Attys NEGOTIATION58Bernardo Dominic
1018Chavez M CaldareraItaly2024-08-28Commercial Press RENEWAL65Anna Fali
1019Jeanfrancois O RulapaughAustralia2024-09-21Rousseaux, Michael Esq UNQUALIFIED48Onyama Limba
1020Adams Z WieserJapan2024-09-07Printing Dimensions NEW79Amy Elsner
1021Morrow R SlusarskiArgentina2024-08-27King, Christopher A Esq NEW5Bernardo Dominic
1022Ashley C FollerRussia2024-09-21Commercial Press UNQUALIFIED96Ioni Bowcher
1023Rodrigues G CaldareraBrazil2024-09-13Rangoni Of Florence QUALIFIED59Bernardo Dominic
1024Sinclair K GarufiItaly2024-09-06Chapman, Ross E Esq NEGOTIATION0Elwin Sharvill
1025Juan Q DilliardAustralia2024-09-02Chanay, Jeffrey A Esq UNQUALIFIED22Amy Elsner
1026Izzy O SergiBrazil2024-08-29Truhlar And Truhlar Attys UNQUALIFIED60Ivan Magalhaes
1027Ashley L DarakjyGermany2024-08-28Feltz Printing Service RENEWAL92Ioni Bowcher
1028Darci Q StockhamRussia2024-09-08Morlong Associates RENEWAL17Stephen Shaw
1029Ricardo K MaletUnited Kingdom2024-09-01Morlong Associates UNQUALIFIED10Elwin Sharvill
1030Aika Q WhobreyAustralia2024-08-28Truhlar And Truhlar Attys QUALIFIED71Asiya Javayant
1031Maria S FerenczArgentina2024-09-19Chanay, Jeffrey A Esq NEGOTIATION26Ioni Bowcher
1032Juan H GarufiFrance2024-09-17Morlong Associates RENEWAL54Stephen Shaw
1033Costa P GillianIndia2024-08-28Rangoni Of Florence NEGOTIATION2Xuxue Feng
1034Ivar G BowleySpain2024-09-11Feltz Printing Service NEW22Bernardo Dominic
1035Aditya R RimGermany2024-09-03Feiner Bros NEW96Amy Elsner
1036Clifford M StensethSpain2024-09-07Rousseaux, Michael Esq UNQUALIFIED46Onyama Limba
1037Emily L StockhamFrance2024-08-27Truhlar And Truhlar Attys NEW43Onyama Limba
1038Clifford Y SchemmerUnited Kingdom2024-09-18Feiner Bros UNQUALIFIED11Onyama Limba
1039Ashley A MarrierAustralia2024-09-14Buckley Miller Wright NEW63Ivan Magalhaes
1040Misaki S TollnerAustralia2024-09-13Chapman, Ross E Esq RENEWAL52Amy Elsner
1041Sinclair Z StensethRussia2024-09-18Morlong Associates RENEWAL99Asiya Javayant
1042Jones E GauchoRussia2024-09-12Dorl, James J Esq PROPOSAL59Bernardo Dominic
1043Izzy B NickaCanada2024-09-25Chanay, Jeffrey A Esq QUALIFIED77Ivan Magalhaes
1044Kadeem A SaylorsItaly2024-09-21Printing Dimensions UNQUALIFIED80Asiya Javayant
1045Kadeem U BriddickRussia2024-09-16Chemel, James L Cpa NEGOTIATION62Xuxue Feng
1046Juan Y PerinJapan2024-09-15Buckley Miller Wright UNQUALIFIED42Stephen Shaw
1047James E NickaSpain2024-09-06Rangoni Of Florence NEW27Stephen Shaw
1048Greenwood R WhobreyAustralia2024-09-10Buckley Miller Wright PROPOSAL53Anna Fali
1049Maisha V AlbaresAustralia2024-09-07Benton, John B Jr NEW24Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
David A MacleadBrazilAnna Fali UNQUALIFIED
Francesco C SlusarskiSpainElwin Sharvill UNQUALIFIED
Mayumi Z DoeItalyAsiya Javayant NEGOTIATION
Silvio B BologniaGermanyElwin Sharvill UNQUALIFIED
Stacey M PerinSpainOnyama Limba RENEWAL
Kadeem F SlusarskiIndiaElwin Sharvill NEW
Chavez U FerenczGermanyBernardo Dominic PROPOSAL
Jefferson H VenereCanadaIoni Bowcher RENEWAL
Rodrigues D NickaCanadaXuxue Feng NEGOTIATION
Jennifer K BologniaCanadaIvan Magalhaes NEW
Johnson P StensethBrazilAsiya Javayant RENEWAL
Jeanfrancois P InouyeJapanBernardo Dominic NEW
Francesco K OstroskyAustraliaAnna Fali QUALIFIED
Francesco O FlosiItalyIvan Magalhaes QUALIFIED
Mayumi L ShinkoJapanElwin Sharvill NEGOTIATION
Jennifer J PoquetteBrazilOnyama Limba PROPOSAL
Costa Q KuskoItalyStephen Shaw NEW
Smith U ButtBrazilElwin Sharvill NEW
Faith M GarufiCanadaStephen Shaw QUALIFIED
Cody Z VenereFranceIvan Magalhaes UNQUALIFIED
Leja I MorascaJapanIoni Bowcher NEW
Greenwood D GauchoGermanyBernardo Dominic RENEWAL
Clifford T ChuiGermanyStephen Shaw RENEWAL
Julie S CaldareraItalyIoni Bowcher RENEWAL
Murillo Q StensethIndiaIoni Bowcher PROPOSAL
Sinclair N GillianBrazilAsiya Javayant QUALIFIED
Deepesh M SaylorsItalyStephen Shaw NEW
Aditya Y FerenczJapanElwin Sharvill PROPOSAL
Ashley L CaldareraCanadaIvan Magalhaes QUALIFIED
Sinclair Q MaletItalyXuxue Feng RENEWAL
Jefferson Q SergiRussiaBernardo Dominic RENEWAL
Greenwood L CaudyGermanyAnna Fali NEGOTIATION
Juan O BowleyIndiaAsiya Javayant NEGOTIATION
Tony E DarakjyJapanAsiya Javayant NEGOTIATION
Francesco E ShinkoAustraliaOnyama Limba PROPOSAL
Kadeem J BowleyAustraliaIvan Magalhaes UNQUALIFIED
Cody N SchemmerIndiaIvan Magalhaes QUALIFIED
Misaki F SergiIndiaAsiya Javayant RENEWAL
Isabel T CaldareraCanadaIvan Magalhaes QUALIFIED
Aika S GarufiAustraliaOnyama Limba QUALIFIED
Clifford G VocelkaArgentinaAmy Elsner UNQUALIFIED
Greenwood X BologniaFranceAnna Fali QUALIFIED
Leon E BologniaBrazilStephen Shaw NEW
Aditya Z ButtRussiaStephen Shaw PROPOSAL
Adams W RimBrazilBernardo Dominic NEW
Octavia R IturbideRussiaStephen Shaw NEGOTIATION
Kadeem I ChuiRussiaAmy Elsner NEW
Jennifer Z AmigonItalyOnyama Limba PROPOSAL
Antonio O ChuiAustraliaAsiya Javayant RENEWAL
Mujtaba Q NestleCanadaAmy Elsner QUALIFIED
Frozen Columns
Name
Darci Q Whobrey
Smith T Paprocki
Isabel F Rulapaugh
Leja E Bowley
Rodrigues T Nicka
Johnson N Rulapaugh
Rodrigues Z Whobrey
Jones W Maclead
Chavez D Ruta
Clifford Y Garufi
Isabel K Iturbide
James A Stockham
Silvio O Venere
Isabel D Darakjy
Maria T Caldarera
Murillo L Ruta
Murillo K Rim
Maisha A Amigon
Kaitlin F Darakjy
Mujtaba H Ferencz
Alejandro W Rim
James J Paprocki
Leon G Iturbide
Stacey C Butt
Morrow M Perin
Salvatore H Maclead
James S Nestle
James E Briddick
Stacey L Gaucho
Darci G Marrier
Mujtaba T Ostrosky
Adams V Bolognia
Mayumi Q Whobrey
Smith D Saylors
Sinclair Q Marrier
Costa V Kolmetz
Deepesh O Doe
Aditya G Chui
Antonio M Kusko
Adams A Wieser
Stacey W Maclead
Ashley G Flosi
James S Wieser
Juan S Foller
Jeanfrancois F Bolognia
Nicolas P Saylors
Sinclair E Kusko
Morrow A Amigon
Ashley I Whobrey
Juan F Wieser
IdCountryDate
1000France2024-09-11
1001Argentina2024-08-28
1002France2024-09-20
1003Canada2024-08-31
1004India2024-09-18
1005France2024-09-05
1006India2024-08-27
1007Canada2024-09-12
1008Russia2024-09-12
1009France2024-09-01
1010United Kingdom2024-09-18
1011Australia2024-08-29
1012Russia2024-09-05
1013Argentina2024-09-21
1014Russia2024-09-11
1015Spain2024-09-24
1016Russia2024-09-10
1017Canada2024-09-15
1018United Kingdom2024-09-13
1019Spain2024-08-28
1020Germany2024-08-30
1021Italy2024-09-03
1022Canada2024-09-09
1023Argentina2024-09-11
1024Japan2024-09-09
1025France2024-09-18
1026France2024-09-06
1027India2024-09-16
1028Russia2024-09-21
1029India2024-09-16
1030Argentina2024-09-03
1031France2024-09-18
1032Germany2024-08-30
1033Japan2024-09-10
1034Russia2024-09-15
1035Australia2024-08-30
1036United Kingdom2024-09-21
1037Australia2024-09-18
1038Germany2024-09-01
1039Argentina2024-09-25
1040Japan2024-09-10
1041United Kingdom2024-09-17
1042Argentina2024-09-14
1043India2024-09-07
1044France2024-09-14
1045Japan2024-09-21
1046Australia2024-09-13
1047Argentina2024-09-20
1048India2024-09-23
1049Russia2024-09-08

On-Demand Data

NameIdCountryDate
Antonio G Doe1000Germany2024-09-08
Maisha Y Amigon1001Germany2024-09-24
Antonio N Whobrey1002Germany2024-08-27
Ivar R Briddick1003Italy2024-09-03
Wickens S Saylors1004Australia2024-09-11
Leja Z Bolognia1005Canada2024-09-11
Francesco C Paprocki1006Brazil2024-09-19
Murillo A Vocelka1007Spain2024-09-03
Aruna X Doe1008Argentina2024-09-08
Francesco B Schemmer1009Brazil2024-09-05
Jefferson Y Garufi1010France2024-09-10
Alejandro C Ostrosky1011Brazil2024-09-24
Stacey C Malet1012Brazil2024-09-17
Jones T Caldarera1013Brazil2024-09-03
Smith X Rim1014Spain2024-08-31
Clifford G Sergi1015Germany2024-09-09
Murillo W Stockham1016United Kingdom2024-08-30
Kadeem K Sergi1017Japan2024-09-01
Kaitlin J Ruta1018United Kingdom2024-09-03
Salvatore L Stenseth1019United Kingdom2024-08-27
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Ivar I FlosiBrazilAsiya Javayant NEGOTIATION
Jennifer H StensethFranceStephen Shaw RENEWAL
Chavez G CaudyBrazilElwin Sharvill PROPOSAL
Faith P OstroskyIndiaIoni Bowcher PROPOSAL
Clifford M CampainCanadaOnyama Limba QUALIFIED
Silvio O ButtFranceXuxue Feng NEGOTIATION
Wickens N ShinkoRussiaAnna Fali UNQUALIFIED
Ivar P ChuiBrazilAsiya Javayant UNQUALIFIED
Leja N CampainArgentinaOnyama Limba NEGOTIATION
Maisha U VenereGermanyAnna Fali NEW
Isabel H MaletGermanyXuxue Feng NEW
Salvatore S FerenczSpainBernardo Dominic NEGOTIATION
Mujtaba J IturbideGermanyOnyama Limba NEW
Greenwood H ButtRussiaElwin Sharvill NEGOTIATION
Antonio B DilliardGermanyXuxue Feng NEW
Chavez F PoquetteRussiaAsiya Javayant QUALIFIED
Costa A TollnerItalyAmy Elsner PROPOSAL
Tony T RimItalyIvan Magalhaes NEW
Mujtaba T RoysterGermanyAmy Elsner PROPOSAL
Smith V DilliardRussiaXuxue Feng QUALIFIED
Morrow N InouyeBrazilIvan Magalhaes RENEWAL
Costa M RutaIndiaAsiya Javayant NEGOTIATION
Aruna K AmigonIndiaAnna Fali NEGOTIATION
Greenwood A FlosiSpainIoni Bowcher RENEWAL
Kaitlin J NickaGermanyOnyama Limba QUALIFIED
Sinclair U SergiItalyElwin Sharvill PROPOSAL
David V MacleadArgentinaIvan Magalhaes NEGOTIATION
Nicolas E MorascaSpainStephen Shaw UNQUALIFIED
Arvin I DarakjyAustraliaAnna Fali PROPOSAL
Clifford D MacleadGermanyOnyama Limba QUALIFIED
Ivar G FlosiIndiaAnna Fali NEW
Salvatore Y VocelkaJapanAnna Fali PROPOSAL
Francesco D TollnerItalyAmy Elsner RENEWAL
Chavez Q CaldareraRussiaAsiya Javayant PROPOSAL
Chavez R PoquetteFranceIvan Magalhaes RENEWAL
Arvin W FlosiCanadaStephen Shaw QUALIFIED
Octavia F MaletBrazilXuxue Feng UNQUALIFIED
Faith V FollerJapanIoni Bowcher NEGOTIATION
Salvatore V TollnerUnited KingdomAmy Elsner QUALIFIED
Morrow N CaldareraUnited KingdomXuxue Feng 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>