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 Y RulapaughJapanXuxue Feng QUALIFIED
Alejandro Q DilliardCanadaElwin Sharvill RENEWAL
Greenwood T MaletSpainAmy Elsner NEW
Clifford P PaprockiGermanyAnna Fali NEW
Leon R AlbaresSpainAmy Elsner UNQUALIFIED
Julie K GauchoArgentinaElwin Sharvill NEGOTIATION
Morrow N OldroydGermanyIvan Magalhaes NEGOTIATION
Octavia W SlusarskiFranceAsiya Javayant NEW
Stacey X SchemmerAustraliaElwin Sharvill QUALIFIED
Nicolas M RulapaughFranceBernardo Dominic PROPOSAL
Arvin H VenereArgentinaIoni Bowcher QUALIFIED
Smith F SergiIndiaXuxue Feng NEGOTIATION
Sinclair V MacleadIndiaOnyama Limba UNQUALIFIED
Antonio D ShinkoFranceXuxue Feng PROPOSAL
Ricardo E RutaBrazilElwin Sharvill NEW
Clifford A SchemmerIndiaXuxue Feng RENEWAL
Tony A RimRussiaIoni Bowcher NEGOTIATION
Chavez H DarakjyBrazilBernardo Dominic UNQUALIFIED
David K ShinkoGermanyXuxue Feng NEW
Cody S BriddickCanadaAmy Elsner PROPOSAL
Sinclair R VenereCanadaAnna Fali UNQUALIFIED
Mayumi U RimRussiaStephen Shaw NEW
Aika K DoeRussiaElwin Sharvill RENEWAL
Wickens E TollnerJapanAnna Fali PROPOSAL
Stacey I ButtRussiaIvan Magalhaes UNQUALIFIED
Aruna R GauchoArgentinaIvan Magalhaes PROPOSAL
Francesco B GillianRussiaOnyama Limba QUALIFIED
Salvatore Q StockhamSpainIvan Magalhaes UNQUALIFIED
Stacey U GillianSpainIoni Bowcher NEGOTIATION
Tony S WieserItalyAmy Elsner UNQUALIFIED
Johnson Y SaylorsAustraliaIvan Magalhaes NEW
Sinclair X WieserFranceOnyama Limba RENEWAL
Arvin Q RoysterFranceXuxue Feng RENEWAL
Aruna N RulapaughItalyStephen Shaw QUALIFIED
Ashley B StensethGermanyAsiya Javayant RENEWAL
Chavez V SergiUnited KingdomXuxue Feng NEW
Stacey M MaletSpainStephen Shaw UNQUALIFIED
Jefferson T GillianBrazilIoni Bowcher RENEWAL
Jones E IturbideJapanElwin Sharvill NEGOTIATION
Alejandro Y MacleadIndiaBernardo Dominic NEW
Kaitlin W CaudySpainIvan Magalhaes RENEWAL
Leon J MarrierAustraliaIoni Bowcher RENEWAL
Cody R GarufiArgentinaAsiya Javayant NEGOTIATION
Leon Y PaprockiArgentinaElwin Sharvill RENEWAL
Deepesh R OstroskyFranceAnna Fali UNQUALIFIED
Aruna S BriddickAustraliaIoni Bowcher UNQUALIFIED
Julie H GauchoSpainAnna Fali RENEWAL
Clifford E DilliardUnited KingdomIvan Magalhaes RENEWAL
Jefferson C IturbideArgentinaAsiya Javayant UNQUALIFIED
Jennifer Y AlbaresIndiaXuxue Feng PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Ashley S InouyeArgentinaAsiya Javayant QUALIFIED
Faith W ChuiCanadaIvan Magalhaes PROPOSAL
Antonio X SergiJapanAnna Fali NEW
Rodrigues L FlosiFranceXuxue Feng RENEWAL
Jeanfrancois N BriddickFranceOnyama Limba NEGOTIATION
Mayumi X MorascaUnited KingdomBernardo Dominic UNQUALIFIED
Maisha E FigeroaSpainXuxue Feng RENEWAL
Silvio A BologniaRussiaIoni Bowcher NEW
Emily B GlickFranceIvan Magalhaes NEW
Murillo W FlosiCanadaXuxue Feng QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Silvio Z AmigonSpain2024-10-18Rangoni Of Florence UNQUALIFIED43Amy Elsner
1001James J RutaCanada2024-10-24Chemel, James L Cpa RENEWAL94Anna Fali
1002Francesco Y SchemmerBrazil2024-10-24Benton, John B Jr NEW63Stephen Shaw
1003Sinclair D GlickIndia2024-10-21Truhlar And Truhlar Attys PROPOSAL1Stephen Shaw
1004Jeanfrancois Y PaprockiUnited Kingdom2024-11-14Truhlar And Truhlar Attys PROPOSAL10Stephen Shaw
1005Stacey N RulapaughItaly2024-10-19Rousseaux, Michael Esq PROPOSAL11Bernardo Dominic
1006Munro U MaletBrazil2024-10-20Feltz Printing Service NEGOTIATION89Ioni Bowcher
1007Misaki G MacleadRussia2024-11-05Feiner Bros NEW33Onyama Limba
1008Wickens Z MaletRussia2024-10-20Feltz Printing Service NEGOTIATION76Stephen Shaw
1009Ricardo X GlickRussia2024-11-14Feltz Printing Service QUALIFIED15Bernardo Dominic
1010Cody C KuskoIndia2024-11-04Buckley Miller Wright RENEWAL19Xuxue Feng
1011Cody G CampainRussia2024-10-27Chapman, Ross E Esq RENEWAL8Xuxue Feng
1012Maisha V RimGermany2024-10-25Benton, John B Jr NEW34Bernardo Dominic
1013Munro D KolmetzItaly2024-11-01Buckley Miller Wright PROPOSAL62Bernardo Dominic
1014Cody P SergiRussia2024-10-28Benton, John B Jr PROPOSAL48Stephen Shaw
1015Mayumi J KuskoBrazil2024-11-05Chapman, Ross E Esq NEW81Asiya Javayant
1016Silvio E MarrierIndia2024-11-04Dorl, James J Esq PROPOSAL56Ioni Bowcher
1017Kadeem Q FollerIndia2024-11-03Morlong Associates NEW56Ioni Bowcher
1018Tony K FigeroaItaly2024-10-24Commercial Press QUALIFIED82Stephen Shaw
1019Kadeem F MaletUnited Kingdom2024-10-26Chanay, Jeffrey A Esq UNQUALIFIED63Ioni Bowcher
1020David K RimFrance2024-10-24Truhlar And Truhlar Attys NEGOTIATION97Ioni Bowcher
1021Johnson Z StockhamItaly2024-10-22Feiner Bros RENEWAL80Ioni Bowcher
1022Costa E SaylorsCanada2024-11-14Chemel, James L Cpa NEW66Onyama Limba
1023Faith M ShinkoUnited Kingdom2024-11-06Truhlar And Truhlar Attys NEGOTIATION51Elwin Sharvill
1024Julie J WaycottSpain2024-11-02Rangoni Of Florence NEGOTIATION92Asiya Javayant
1025Aika O GauchoFrance2024-10-16Morlong Associates PROPOSAL90Ivan Magalhaes
1026Mayumi P DoeUnited Kingdom2024-10-27Chapman, Ross E Esq PROPOSAL12Bernardo Dominic
1027Maisha O DilliardAustralia2024-11-05King, Christopher A Esq RENEWAL9Ioni Bowcher
1028Leja Z ButtArgentina2024-10-25Chanay, Jeffrey A Esq NEW85Amy Elsner
1029David I OldroydUnited Kingdom2024-11-03Chapman, Ross E Esq NEGOTIATION38Xuxue Feng
1030Morrow N BologniaCanada2024-11-02Chanay, Jeffrey A Esq UNQUALIFIED46Elwin Sharvill
1031Smith W CaudyItaly2024-11-06Rangoni Of Florence PROPOSAL62Bernardo Dominic
1032Claire V GlickArgentina2024-11-10Buckley Miller Wright NEGOTIATION56Ioni Bowcher
1033Alejandro P WaycottIndia2024-10-24Truhlar And Truhlar Attys NEGOTIATION80Stephen Shaw
1034Jeanfrancois J CaldareraSpain2024-10-18Morlong Associates UNQUALIFIED52Stephen Shaw
1035Faith H FollerBrazil2024-11-14Feiner Bros PROPOSAL41Amy Elsner
1036Smith J MorascaFrance2024-11-01Feiner Bros UNQUALIFIED51Elwin Sharvill
1037Julie P IturbideIndia2024-10-20Rousseaux, Michael Esq QUALIFIED45Asiya Javayant
1038Rodrigues O MorascaUnited Kingdom2024-11-14Dorl, James J Esq RENEWAL4Elwin Sharvill
1039Darci U BologniaJapan2024-11-04King, Christopher A Esq UNQUALIFIED87Ioni Bowcher
1040Jones Q ChuiIndia2024-11-01King, Christopher A Esq UNQUALIFIED69Onyama Limba
1041Juan D PerinUnited Kingdom2024-10-31Feltz Printing Service PROPOSAL36Stephen Shaw
1042Silvio U WhobreyGermany2024-11-12Morlong Associates UNQUALIFIED9Amy Elsner
1043Nicolas H StensethIndia2024-11-12Chemel, James L Cpa RENEWAL83Bernardo Dominic
1044Aditya Y DoeBrazil2024-11-03Commercial Press PROPOSAL54Bernardo Dominic
1045Francesco I PerinRussia2024-10-18Morlong Associates UNQUALIFIED14Ivan Magalhaes
1046Claire C OldroydBrazil2024-10-30King, Christopher A Esq QUALIFIED12Ivan Magalhaes
1047Maisha H SergiGermany2024-11-04Rangoni Of Florence UNQUALIFIED24Stephen Shaw
1048Deepesh D BriddickItaly2024-11-06Dorl, James J Esq UNQUALIFIED23Xuxue Feng
1049Clifford Z MacleadCanada2024-10-22Chapman, Ross E Esq NEW38Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Greenwood O SergiCanadaIoni Bowcher UNQUALIFIED
Antonio A VocelkaIndiaAmy Elsner PROPOSAL
David F RimIndiaIoni Bowcher UNQUALIFIED
Costa V GauchoCanadaElwin Sharvill NEW
Aruna P SlusarskiIndiaAmy Elsner PROPOSAL
Smith Y MacleadCanadaOnyama Limba UNQUALIFIED
Kaitlin B InouyeFranceElwin Sharvill RENEWAL
Leon F InouyeSpainBernardo Dominic NEGOTIATION
Jefferson D DarakjyIndiaXuxue Feng NEW
David O GillianGermanyAsiya Javayant NEGOTIATION
Nicolas J MaletJapanBernardo Dominic NEW
Costa M SaylorsFranceStephen Shaw NEGOTIATION
Emily H PaprockiAustraliaIvan Magalhaes NEGOTIATION
Clifford T GillianAustraliaIoni Bowcher PROPOSAL
Adams V VocelkaCanadaOnyama Limba RENEWAL
Deepesh H CaudyCanadaIvan Magalhaes PROPOSAL
Jefferson H BowleyItalyIoni Bowcher NEGOTIATION
Alejandro Z DoeJapanOnyama Limba PROPOSAL
Murillo N PerinArgentinaXuxue Feng UNQUALIFIED
Stacey F SchemmerFranceAsiya Javayant NEGOTIATION
Jeanfrancois V PerinBrazilIoni Bowcher UNQUALIFIED
Jefferson Z FlosiJapanAsiya Javayant PROPOSAL
Isabel S RutaArgentinaIvan Magalhaes UNQUALIFIED
Wickens C RulapaughGermanyAmy Elsner UNQUALIFIED
Emily T GarufiIndiaStephen Shaw NEW
Nicolas I MaletIndiaIvan Magalhaes NEGOTIATION
James O DarakjySpainElwin Sharvill NEW
Kadeem E NickaJapanOnyama Limba RENEWAL
Jennifer N FollerCanadaAsiya Javayant QUALIFIED
Julie H NestleFranceElwin Sharvill QUALIFIED
Leja T GarufiUnited KingdomAmy Elsner RENEWAL
Tony C MaletGermanyStephen Shaw UNQUALIFIED
Costa K KuskoBrazilXuxue Feng NEW
Alejandro F WieserSpainIvan Magalhaes PROPOSAL
Izzy H PoquetteIndiaIoni Bowcher NEW
Adams Z BologniaItalyXuxue Feng NEW
Arvin F WieserUnited KingdomAsiya Javayant PROPOSAL
Stacey N ChuiFranceOnyama Limba RENEWAL
Wickens B GarufiIndiaAsiya Javayant NEGOTIATION
Clifford P BowleyArgentinaStephen Shaw UNQUALIFIED
Ricardo E KolmetzCanadaStephen Shaw UNQUALIFIED
Ricardo E FigeroaBrazilAsiya Javayant RENEWAL
Isabel C GauchoUnited KingdomAnna Fali RENEWAL
Aditya K FollerJapanElwin Sharvill QUALIFIED
Julie Y SchemmerAustraliaElwin Sharvill RENEWAL
Antonio Y PerinBrazilIoni Bowcher NEGOTIATION
Nicolas G DarakjyUnited KingdomOnyama Limba RENEWAL
Adams F FigeroaArgentinaAmy Elsner QUALIFIED
Ricardo P CampainCanadaBernardo Dominic RENEWAL
Kaitlin J ShinkoUnited KingdomElwin Sharvill NEGOTIATION
Frozen Columns
Name
Jennifer B Tollner
Murillo C Venere
Smith W Slusarski
Isabel Y Kolmetz
Emily U Ferencz
Greenwood W Waycott
Claire S Sergi
Wickens W Dilliard
Misaki Q Saylors
Maria D Inouye
David Y Royster
Claire F Waycott
Tony O Perin
Octavia M Doe
Nicolas J Marrier
Maria Z Darakjy
Octavia S Figeroa
Johnson M Malet
Aika M Glick
Mayumi F Morasca
Nicolas G Royster
Wickens F Morasca
Ricardo J Caudy
Jennifer R Poquette
Adams J Vocelka
Morrow A Rim
Ashley Q Albares
Greenwood L Maclead
Leon Z Marrier
Octavia X Slusarski
Leja G Perin
Adams M Stenseth
Greenwood T Morasca
Jones O Waycott
Smith K Inouye
Jones M Malet
Ashley P Caldarera
Aika V Campain
Leja G Amigon
Arvin G Rulapaugh
Kadeem Y Butt
Misaki C Caudy
Wickens J Glick
Octavia V Caldarera
Clifford D Malet
Smith H Inouye
Darci M Butt
Aruna W Shinko
Mayumi U Gillian
Johnson I Malet
IdCountryDate
1000Canada2024-10-28
1001Canada2024-11-08
1002India2024-10-24
1003Brazil2024-11-06
1004Russia2024-10-23
1005United Kingdom2024-11-09
1006Germany2024-11-02
1007France2024-11-03
1008Canada2024-10-17
1009Russia2024-10-20
1010Japan2024-11-07
1011Spain2024-10-31
1012India2024-11-03
1013Argentina2024-10-19
1014United Kingdom2024-11-11
1015Italy2024-10-18
1016Italy2024-10-24
1017Spain2024-11-08
1018India2024-10-25
1019Russia2024-11-06
1020United Kingdom2024-11-06
1021United Kingdom2024-11-07
1022Japan2024-11-08
1023India2024-10-20
1024United Kingdom2024-10-24
1025France2024-10-18
1026Argentina2024-11-05
1027Germany2024-10-25
1028United Kingdom2024-11-10
1029Japan2024-10-24
1030Canada2024-10-16
1031Brazil2024-10-21
1032Italy2024-10-22
1033Spain2024-10-17
1034Australia2024-10-18
1035Germany2024-11-08
1036Canada2024-11-10
1037Spain2024-10-28
1038Russia2024-10-29
1039Spain2024-10-23
1040Canada2024-11-02
1041United Kingdom2024-11-06
1042India2024-10-22
1043India2024-10-29
1044Australia2024-10-17
1045Spain2024-10-26
1046Japan2024-10-23
1047Germany2024-10-19
1048Canada2024-11-01
1049Spain2024-11-13

On-Demand Data

NameIdCountryDate
Aditya I Marrier1000Russia2024-11-07
Ivar M Shinko1001Russia2024-11-11
Isabel S Poquette1002Germany2024-11-11
Adams V Gaucho1003United Kingdom2024-10-19
Smith Y Rulapaugh1004Canada2024-11-07
Mayumi A Vocelka1005Italy2024-11-03
Ivar P Nestle1006Canada2024-10-20
Rodrigues S Stenseth1007Canada2024-11-09
James E Bolognia1008Brazil2024-10-20
Jeanfrancois U Gaucho1009Italy2024-10-30
Juan G Bowley1010India2024-11-11
Emily W Royster1011Brazil2024-11-01
Octavia X Kolmetz1012Brazil2024-11-05
Stacey L Venere1013Australia2024-10-27
Jefferson E Venere1014Australia2024-10-25
Faith Z Malet1015Australia2024-10-17
Rodrigues L Ostrosky1016Spain2024-10-17
Rodrigues P Paprocki1017Japan2024-11-12
Ivar N Venere1018India2024-10-25
David L Waycott1019Japan2024-10-24
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Morrow E InouyeIndiaXuxue Feng RENEWAL
Leon E DarakjyBrazilStephen Shaw NEGOTIATION
Ricardo U PaprockiJapanIvan Magalhaes NEGOTIATION
Mayumi V AlbaresItalyStephen Shaw UNQUALIFIED
Claire I OldroydBrazilAmy Elsner PROPOSAL
Greenwood X StensethSpainAnna Fali RENEWAL
Misaki A OstroskyRussiaStephen Shaw RENEWAL
Stacey F BriddickRussiaXuxue Feng NEW
Kaitlin P WaycottIndiaStephen Shaw PROPOSAL
Clifford D PoquetteIndiaIoni Bowcher NEGOTIATION
Jeanfrancois T VenereArgentinaElwin Sharvill NEGOTIATION
Morrow Z MorascaGermanyElwin Sharvill QUALIFIED
Kaitlin E DarakjyArgentinaElwin Sharvill RENEWAL
Salvatore B WieserRussiaAnna Fali UNQUALIFIED
Mayumi T BriddickItalyAsiya Javayant QUALIFIED
Alejandro E GauchoBrazilStephen Shaw QUALIFIED
Leon Z PaprockiItalyIoni Bowcher PROPOSAL
Ivar A KuskoItalyStephen Shaw NEGOTIATION
Francesco D StensethJapanAmy Elsner RENEWAL
Greenwood F VenereBrazilElwin Sharvill PROPOSAL
Cody I FollerAustraliaXuxue Feng RENEWAL
Arvin W WaycottCanadaAmy Elsner RENEWAL
Costa C VocelkaItalyElwin Sharvill PROPOSAL
Faith Z BowleyGermanyStephen Shaw UNQUALIFIED
Morrow Y GillianBrazilElwin Sharvill NEW
Faith F RimBrazilAsiya Javayant RENEWAL
Isabel Y PoquetteRussiaIvan Magalhaes NEGOTIATION
Kadeem K OldroydIndiaStephen Shaw PROPOSAL
Sinclair G KuskoUnited KingdomXuxue Feng UNQUALIFIED
Jennifer L AmigonGermanyBernardo Dominic RENEWAL
Leon X RutaArgentinaIoni Bowcher RENEWAL
David V BriddickUnited KingdomAsiya Javayant PROPOSAL
Ivar E SchemmerFranceIvan Magalhaes RENEWAL
Arvin X MorascaFranceXuxue Feng QUALIFIED
Adams C OstroskyJapanXuxue Feng QUALIFIED
Jefferson H SergiUnited KingdomBernardo Dominic PROPOSAL
Faith D CaudyIndiaStephen Shaw QUALIFIED
Mujtaba V BowleyItalyStephen Shaw NEGOTIATION
Izzy T MarrierGermanyOnyama Limba QUALIFIED
Mujtaba O SlusarskiItalyAnna Fali NEW

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