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
Deepesh I PoquetteGermanyXuxue Feng NEW
Darci T FerenczItalyStephen Shaw NEW
Greenwood Q FlosiFranceBernardo Dominic UNQUALIFIED
Aditya V KuskoSpainXuxue Feng QUALIFIED
Ivar M OldroydUnited KingdomAsiya Javayant NEW
Aika E CampainRussiaBernardo Dominic UNQUALIFIED
Smith P RimUnited KingdomBernardo Dominic UNQUALIFIED
Ivar N WieserSpainIoni Bowcher RENEWAL
Jones M BologniaItalyXuxue Feng NEW
Silvio O WieserCanadaStephen Shaw PROPOSAL
Morrow G VenereIndiaAnna Fali NEW
Kaitlin H MaletJapanIvan Magalhaes PROPOSAL
Munro R KolmetzCanadaIoni Bowcher PROPOSAL
Tony P FlosiJapanAmy Elsner RENEWAL
Ashley L StensethItalyOnyama Limba RENEWAL
Leja U GauchoAustraliaIoni Bowcher NEW
Antonio Q MaletIndiaBernardo Dominic QUALIFIED
Murillo F StensethItalyAnna Fali UNQUALIFIED
Mujtaba F WhobreyIndiaIvan Magalhaes QUALIFIED
Smith J RutaRussiaBernardo Dominic NEGOTIATION
Mujtaba I FigeroaGermanyIvan Magalhaes NEGOTIATION
Antonio I GlickAustraliaElwin Sharvill NEW
Francesco Z BriddickJapanBernardo Dominic NEGOTIATION
Aruna U MacleadUnited KingdomAmy Elsner RENEWAL
Jennifer N FerenczRussiaIoni Bowcher PROPOSAL
Tony G PerinFranceAnna Fali UNQUALIFIED
Murillo T RimIndiaXuxue Feng QUALIFIED
Sinclair W StensethRussiaBernardo Dominic RENEWAL
Aditya B SlusarskiRussiaAmy Elsner NEGOTIATION
Leon M RimIndiaXuxue Feng NEW
Jeanfrancois K FigeroaGermanyBernardo Dominic UNQUALIFIED
Faith M NickaSpainAmy Elsner UNQUALIFIED
Jones S FigeroaArgentinaAsiya Javayant UNQUALIFIED
Stacey G BologniaArgentinaStephen Shaw NEW
Aika Q MaletGermanyXuxue Feng UNQUALIFIED
Ivar C PerinUnited KingdomAmy Elsner QUALIFIED
Arvin I AlbaresAustraliaOnyama Limba NEGOTIATION
Silvio M CampainRussiaXuxue Feng UNQUALIFIED
Mayumi Y WhobreyBrazilXuxue Feng RENEWAL
Morrow Y GarufiFranceXuxue Feng NEW
Francesco Y WaycottUnited KingdomAmy Elsner NEW
Chavez Q VenereIndiaAmy Elsner QUALIFIED
Ashley C GarufiBrazilBernardo Dominic PROPOSAL
Leon R OldroydIndiaBernardo Dominic UNQUALIFIED
Mujtaba Q CaldareraUnited KingdomOnyama Limba PROPOSAL
Aika M DarakjyUnited KingdomBernardo Dominic NEW
Smith K NestleBrazilAsiya Javayant NEGOTIATION
Mujtaba N WaycottAustraliaOnyama Limba UNQUALIFIED
Munro C PoquetteFranceXuxue Feng NEGOTIATION
Jones O MarrierArgentinaOnyama Limba NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Jones W ChuiFranceOnyama Limba NEW
Faith R RimUnited KingdomBernardo Dominic NEW
Nicolas J SergiIndiaXuxue Feng NEGOTIATION
Salvatore O GarufiGermanyAnna Fali NEW
Mayumi L WieserCanadaAnna Fali QUALIFIED
Emily E CaudyUnited KingdomIvan Magalhaes RENEWAL
Mujtaba V SchemmerBrazilStephen Shaw NEGOTIATION
Ivar L ButtUnited KingdomXuxue Feng NEW
Cody E OldroydBrazilStephen Shaw PROPOSAL
Maisha T PaprockiAustraliaAmy Elsner UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Salvatore Z FollerCanada2024-10-21King, Christopher A Esq QUALIFIED48Anna Fali
1001Jennifer O SaylorsSpain2024-10-18Dorl, James J Esq QUALIFIED2Stephen Shaw
1002Isabel K InouyeUnited Kingdom2024-10-06Truhlar And Truhlar Attys PROPOSAL77Ivan Magalhaes
1003Murillo S PoquetteFrance2024-10-13Rousseaux, Michael Esq UNQUALIFIED22Stephen Shaw
1004David M AlbaresJapan2024-10-18Chapman, Ross E Esq UNQUALIFIED22Anna Fali
1005Tony O TollnerBrazil2024-10-29Morlong Associates NEW6Ioni Bowcher
1006Rodrigues R PoquetteUnited Kingdom2024-10-07Rousseaux, Michael Esq NEW79Elwin Sharvill
1007Octavia H SergiArgentina2024-10-18Feiner Bros NEGOTIATION60Bernardo Dominic
1008Deepesh V GauchoFrance2024-10-16Rousseaux, Michael Esq RENEWAL36Bernardo Dominic
1009Munro X GlickFrance2024-10-07Truhlar And Truhlar Attys NEGOTIATION62Anna Fali
1010Kadeem G MorascaArgentina2024-10-04Feiner Bros NEW90Onyama Limba
1011Jeanfrancois Y FerenczCanada2024-10-21Feltz Printing Service NEW75Amy Elsner
1012Faith W FollerItaly2024-10-30Commercial Press PROPOSAL82Stephen Shaw
1013Nicolas S InouyeIndia2024-10-25Feiner Bros NEW97Stephen Shaw
1014Munro F SlusarskiItaly2024-10-08Benton, John B Jr PROPOSAL42Bernardo Dominic
1015Tony A MaletFrance2024-10-20Printing Dimensions RENEWAL26Onyama Limba
1016Mujtaba B PoquetteBrazil2024-10-25Buckley Miller Wright PROPOSAL6Asiya Javayant
1017Kadeem T KolmetzAustralia2024-10-12Rangoni Of Florence QUALIFIED13Asiya Javayant
1018Leon O PaprockiItaly2024-10-22Chapman, Ross E Esq UNQUALIFIED14Onyama Limba
1019Maria C SlusarskiIndia2024-10-26Chemel, James L Cpa NEGOTIATION0Xuxue Feng
1020Claire G ButtBrazil2024-10-13Rangoni Of Florence UNQUALIFIED44Asiya Javayant
1021Clifford T NestleIndia2024-10-16Printing Dimensions NEW29Amy Elsner
1022Arvin Y GarufiAustralia2024-10-29Morlong Associates NEW83Amy Elsner
1023Greenwood G WhobreyJapan2024-10-10Commercial Press PROPOSAL18Ivan Magalhaes
1024Maria D StockhamFrance2024-10-13Chapman, Ross E Esq NEGOTIATION58Stephen Shaw
1025Julie G DoeArgentina2024-10-19Chanay, Jeffrey A Esq PROPOSAL0Onyama Limba
1026Smith F WhobreyCanada2024-10-21Chemel, James L Cpa NEGOTIATION32Xuxue Feng
1027Costa W MaletRussia2024-10-19Chemel, James L Cpa RENEWAL72Asiya Javayant
1028Kaitlin G StensethRussia2024-10-16Chanay, Jeffrey A Esq QUALIFIED95Ivan Magalhaes
1029James B RimIndia2024-10-24Buckley Miller Wright NEGOTIATION24Ioni Bowcher
1030Claire S NestleAustralia2024-10-20Feiner Bros RENEWAL9Onyama Limba
1031Jones H DarakjyArgentina2024-10-07King, Christopher A Esq QUALIFIED61Elwin Sharvill
1032Arvin N OstroskyJapan2024-10-23Rousseaux, Michael Esq QUALIFIED82Amy Elsner
1033Kaitlin F SergiArgentina2024-10-11Truhlar And Truhlar Attys RENEWAL88Bernardo Dominic
1034Rodrigues P MacleadJapan2024-10-06Benton, John B Jr UNQUALIFIED92Amy Elsner
1035Jeanfrancois R InouyeIndia2024-10-15Chapman, Ross E Esq QUALIFIED70Asiya Javayant
1036Johnson G MarrierItaly2024-10-19Chemel, James L Cpa NEGOTIATION8Ivan Magalhaes
1037Leja Q SchemmerRussia2024-10-20Rangoni Of Florence UNQUALIFIED21Xuxue Feng
1038Mujtaba G SlusarskiItaly2024-10-24Benton, John B Jr RENEWAL98Anna Fali
1039Jennifer L ButtRussia2024-10-03Chemel, James L Cpa UNQUALIFIED63Ioni Bowcher
1040Isabel I DoeArgentina2024-10-14Rangoni Of Florence NEW21Amy Elsner
1041Izzy X WieserArgentina2024-10-11Feltz Printing Service NEW88Elwin Sharvill
1042Ivar G PaprockiSpain2024-10-28Buckley Miller Wright PROPOSAL19Bernardo Dominic
1043Sinclair D GarufiAustralia2024-10-03Rousseaux, Michael Esq QUALIFIED58Stephen Shaw
1044Mujtaba E PaprockiArgentina2024-10-02Benton, John B Jr RENEWAL72Amy Elsner
1045Aruna D VenereJapan2024-10-03Printing Dimensions QUALIFIED47Elwin Sharvill
1046Emily B TollnerJapan2024-10-26Dorl, James J Esq NEW62Elwin Sharvill
1047Aditya N WaycottSpain2024-10-25King, Christopher A Esq PROPOSAL3Asiya Javayant
1048Stacey W SchemmerCanada2024-10-26Benton, John B Jr PROPOSAL60Amy Elsner
1049Munro J FollerAustralia2024-10-31Chanay, Jeffrey A Esq NEW94Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Leon F WaycottIndiaOnyama Limba UNQUALIFIED
Faith T CampainAustraliaXuxue Feng QUALIFIED
Francesco P NestleJapanAmy Elsner QUALIFIED
Antonio Y ButtIndiaXuxue Feng RENEWAL
Francesco E KolmetzUnited KingdomAmy Elsner UNQUALIFIED
Jeanfrancois R CampainFranceOnyama Limba NEGOTIATION
Tony J FigeroaCanadaAmy Elsner UNQUALIFIED
Maria T DoeCanadaStephen Shaw RENEWAL
Ricardo S RulapaughFranceStephen Shaw NEW
Greenwood E FigeroaAustraliaIoni Bowcher QUALIFIED
Wickens O GauchoAustraliaIoni Bowcher PROPOSAL
Chavez O KolmetzRussiaXuxue Feng UNQUALIFIED
Sinclair B FollerAustraliaAmy Elsner QUALIFIED
Jennifer S SergiGermanyAmy Elsner RENEWAL
Sinclair Y FlosiIndiaBernardo Dominic RENEWAL
Faith G KolmetzAustraliaXuxue Feng UNQUALIFIED
Izzy J RimUnited KingdomAsiya Javayant NEGOTIATION
Silvio F CaldareraIndiaXuxue Feng QUALIFIED
Tony O WaycottIndiaStephen Shaw NEW
Rodrigues N SaylorsIndiaBernardo Dominic NEW
Morrow A CaudyGermanyIvan Magalhaes QUALIFIED
Smith I PaprockiUnited KingdomAnna Fali UNQUALIFIED
Emily G RutaSpainXuxue Feng UNQUALIFIED
Julie P GlickBrazilOnyama Limba PROPOSAL
Smith L WaycottGermanyAsiya Javayant QUALIFIED
Leon O GlickRussiaStephen Shaw QUALIFIED
Octavia B ShinkoArgentinaAsiya Javayant RENEWAL
Aditya B BowleyCanadaXuxue Feng UNQUALIFIED
Maisha Q AlbaresItalyBernardo Dominic PROPOSAL
Wickens P GauchoCanadaBernardo Dominic NEGOTIATION
Leon W WaycottSpainXuxue Feng NEGOTIATION
Murillo B BriddickItalyElwin Sharvill PROPOSAL
Isabel G NickaCanadaXuxue Feng RENEWAL
Arvin R RimJapanXuxue Feng QUALIFIED
Murillo R IturbideCanadaAsiya Javayant PROPOSAL
Darci F AmigonJapanBernardo Dominic NEW
Rodrigues D KuskoSpainBernardo Dominic NEW
Antonio C WhobreyBrazilElwin Sharvill NEGOTIATION
David K OstroskyIndiaIoni Bowcher NEGOTIATION
Leja I StensethBrazilBernardo Dominic PROPOSAL
James L WaycottRussiaIvan Magalhaes UNQUALIFIED
Aika J RoysterFranceElwin Sharvill QUALIFIED
Aruna U SaylorsUnited KingdomAnna Fali RENEWAL
Jones Q RimSpainXuxue Feng NEGOTIATION
Darci B MaletSpainStephen Shaw NEGOTIATION
Darci D DarakjyGermanyIoni Bowcher PROPOSAL
Maisha X StensethCanadaIvan Magalhaes RENEWAL
James Z AmigonRussiaBernardo Dominic NEGOTIATION
Stacey Y KuskoJapanXuxue Feng UNQUALIFIED
Arvin Z ChuiIndiaAsiya Javayant RENEWAL
Frozen Columns
Name
Tony F Glick
Aruna C Waycott
Faith X Malet
Smith Y Gaucho
Ivar A Schemmer
Leon D Paprocki
Izzy O Glick
Aditya T Kolmetz
Jones K Wieser
Maisha Y Wieser
Murillo N Nicka
Ivar Y Campain
Salvatore W Tollner
Mujtaba T Poquette
Alejandro O Briddick
Darci S Gaucho
Greenwood E Maclead
Chavez V Tollner
Chavez P Butt
Salvatore X Nestle
Greenwood S Poquette
Arvin M Perin
Maria X Caldarera
Leon N Darakjy
Antonio L Campain
Cody W Albares
Jefferson O Stockham
David N Gaucho
Alejandro P Kusko
Nicolas C Flosi
Murillo X Maclead
Claire X Waycott
Silvio P Ostrosky
Aruna L Ferencz
Deepesh A Bolognia
Kaitlin W Kolmetz
Mayumi J Figeroa
Claire X Stockham
Wickens O Caldarera
Jennifer C Briddick
Aruna K Morasca
Stacey O Slusarski
Claire V Inouye
Kadeem Y Wieser
Aika U Ferencz
David R Butt
Antonio U Marrier
Julie V Inouye
Jennifer H Waycott
Stacey F Rim
IdCountryDate
1000Spain2024-10-28
1001Australia2024-10-21
1002Argentina2024-10-19
1003Spain2024-10-05
1004Brazil2024-10-09
1005Italy2024-10-17
1006Brazil2024-10-12
1007Russia2024-10-22
1008Germany2024-10-12
1009France2024-10-05
1010Italy2024-10-22
1011United Kingdom2024-10-05
1012United Kingdom2024-10-05
1013Spain2024-10-29
1014Brazil2024-10-30
1015Germany2024-10-21
1016Japan2024-10-19
1017Germany2024-10-03
1018Germany2024-10-27
1019Canada2024-10-19
1020Russia2024-10-29
1021France2024-10-04
1022Japan2024-10-07
1023Canada2024-10-20
1024Italy2024-10-08
1025Spain2024-10-02
1026Canada2024-10-16
1027Italy2024-10-07
1028Russia2024-10-13
1029India2024-10-22
1030India2024-10-15
1031Australia2024-10-02
1032Germany2024-10-18
1033France2024-10-16
1034Australia2024-10-16
1035Russia2024-10-24
1036Japan2024-10-16
1037Brazil2024-10-20
1038Argentina2024-10-31
1039Spain2024-10-26
1040Japan2024-10-31
1041Canada2024-10-04
1042Italy2024-10-29
1043France2024-10-02
1044Argentina2024-10-19
1045France2024-10-15
1046India2024-10-12
1047Russia2024-10-09
1048Spain2024-10-31
1049Germany2024-10-19

On-Demand Data

NameIdCountryDate
Aruna D Marrier1000United Kingdom2024-10-29
Mujtaba F Dilliard1001Italy2024-10-30
Isabel B Slusarski1002Brazil2024-10-23
Deepesh V Darakjy1003France2024-10-12
Aditya K Malet1004Australia2024-10-23
Ashley K Whobrey1005Italy2024-10-30
Aruna R Kusko1006India2024-10-17
Jefferson N Maclead1007Argentina2024-10-05
Mayumi R Rim1008Australia2024-10-28
Nicolas O Maclead1009Germany2024-10-13
Faith P Marrier1010Japan2024-10-27
Chavez U Butt1011United Kingdom2024-10-12
Jeanfrancois J Maclead1012Brazil2024-10-18
Julie Z Kusko1013Germany2024-10-04
Munro W Bolognia1014Germany2024-10-12
Jefferson P Schemmer1015India2024-10-03
Tony K Inouye1016India2024-10-09
Aditya R Stockham1017United Kingdom2024-10-08
Leja R Butt1018Canada2024-10-29
Jennifer G Stockham1019Russia2024-10-02
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aditya C FerenczSpainOnyama Limba PROPOSAL
James T StensethGermanyAsiya Javayant NEGOTIATION
Aruna X FlosiGermanyAnna Fali NEGOTIATION
Costa H KolmetzSpainIvan Magalhaes NEGOTIATION
Stacey P IturbideBrazilIoni Bowcher UNQUALIFIED
Cody J ButtCanadaBernardo Dominic RENEWAL
Emily U RoysterAustraliaElwin Sharvill RENEWAL
Ricardo H CaldareraGermanyIoni Bowcher UNQUALIFIED
Octavia N NickaArgentinaXuxue Feng NEW
Emily D RutaFranceIvan Magalhaes NEGOTIATION
Aika F PerinAustraliaAsiya Javayant NEGOTIATION
Costa H KuskoArgentinaStephen Shaw PROPOSAL
James M RoysterBrazilIoni Bowcher NEGOTIATION
David K SaylorsUnited KingdomAsiya Javayant UNQUALIFIED
Maria Y BowleyBrazilIoni Bowcher NEW
Costa Y PaprockiIndiaAsiya Javayant NEGOTIATION
Alejandro D KolmetzItalyBernardo Dominic PROPOSAL
Alejandro U FigeroaJapanAsiya Javayant RENEWAL
Johnson I MarrierBrazilAmy Elsner QUALIFIED
Ashley X MarrierBrazilAmy Elsner UNQUALIFIED
Aditya U FlosiRussiaAmy Elsner RENEWAL
Faith V FerenczUnited KingdomAnna Fali NEW
Octavia Z ShinkoFranceBernardo Dominic RENEWAL
Silvio D OstroskyIndiaIvan Magalhaes QUALIFIED
Julie Z AlbaresIndiaXuxue Feng UNQUALIFIED
Alejandro D PaprockiCanadaStephen Shaw UNQUALIFIED
Francesco R TollnerGermanyAnna Fali QUALIFIED
Antonio M DilliardItalyOnyama Limba RENEWAL
Silvio E FerenczRussiaIvan Magalhaes NEGOTIATION
Stacey L DarakjyArgentinaOnyama Limba NEGOTIATION
Aditya V RoysterAustraliaAmy Elsner NEGOTIATION
Octavia R WhobreyBrazilAsiya Javayant PROPOSAL
Antonio M OldroydGermanyElwin Sharvill RENEWAL
Claire W MaletRussiaStephen Shaw PROPOSAL
Alejandro K FlosiRussiaElwin Sharvill RENEWAL
Arvin B FollerUnited KingdomXuxue Feng NEGOTIATION
Faith E VocelkaIndiaBernardo Dominic UNQUALIFIED
Octavia Y SchemmerUnited KingdomIoni Bowcher NEGOTIATION
Faith J CampainCanadaOnyama Limba RENEWAL
Ashley Z PaprockiCanadaAsiya Javayant 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>