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
Julie S BowleyFranceIvan Magalhaes PROPOSAL
Silvio T BologniaFranceAnna Fali PROPOSAL
Aditya C BriddickArgentinaElwin Sharvill NEW
Izzy F StensethAustraliaElwin Sharvill NEGOTIATION
Murillo Y CaldareraUnited KingdomStephen Shaw UNQUALIFIED
Faith Y MaletUnited KingdomBernardo Dominic QUALIFIED
Ricardo J DilliardSpainXuxue Feng PROPOSAL
Chavez M RimSpainIoni Bowcher RENEWAL
Faith K BologniaSpainAsiya Javayant RENEWAL
Jennifer A RutaSpainIoni Bowcher QUALIFIED
Tony X WieserIndiaStephen Shaw RENEWAL
Octavia T ShinkoFranceAsiya Javayant NEGOTIATION
Chavez T StensethRussiaBernardo Dominic RENEWAL
Smith L MaletGermanyAsiya Javayant RENEWAL
Aruna H RimSpainAmy Elsner NEGOTIATION
Leja Z FigeroaUnited KingdomIvan Magalhaes RENEWAL
Juan F RoysterIndiaBernardo Dominic UNQUALIFIED
Aruna Q TollnerRussiaAnna Fali NEW
Antonio U OstroskyArgentinaStephen Shaw RENEWAL
Deepesh C GillianJapanOnyama Limba PROPOSAL
Faith Y PerinAustraliaIoni Bowcher QUALIFIED
Kadeem A PaprockiArgentinaAnna Fali RENEWAL
Francesco J FollerFranceStephen Shaw QUALIFIED
Stacey B CampainFranceAmy Elsner RENEWAL
Sinclair B RimGermanyIoni Bowcher PROPOSAL
Adams D TollnerIndiaAsiya Javayant NEGOTIATION
Kaitlin Q SchemmerCanadaElwin Sharvill RENEWAL
Faith V GarufiRussiaAnna Fali PROPOSAL
Isabel H GauchoSpainBernardo Dominic PROPOSAL
Jennifer M NickaGermanyIoni Bowcher UNQUALIFIED
Maria L IturbideCanadaBernardo Dominic NEGOTIATION
Emily I GauchoRussiaOnyama Limba PROPOSAL
Ricardo H InouyeJapanBernardo Dominic NEW
Jennifer D CampainFranceElwin Sharvill NEW
Juan X TollnerArgentinaIvan Magalhaes QUALIFIED
Kaitlin S BowleyIndiaOnyama Limba RENEWAL
Smith J FerenczGermanyAmy Elsner RENEWAL
Aika T PerinGermanyIvan Magalhaes NEW
Morrow A FollerAustraliaXuxue Feng PROPOSAL
Leon P NickaArgentinaAmy Elsner UNQUALIFIED
Jeanfrancois M SchemmerUnited KingdomAnna Fali PROPOSAL
Silvio V IturbideUnited KingdomElwin Sharvill RENEWAL
James M RutaArgentinaOnyama Limba NEW
Johnson T RutaFranceBernardo Dominic RENEWAL
Leja J ChuiRussiaStephen Shaw NEW
Arvin O VocelkaAustraliaAsiya Javayant PROPOSAL
Francesco M WaycottIndiaXuxue Feng RENEWAL
Octavia L VocelkaGermanyBernardo Dominic RENEWAL
Munro B RulapaughItalyAsiya Javayant UNQUALIFIED
James R PaprockiItalyAmy Elsner PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Smith C GarufiItalyXuxue Feng NEGOTIATION
Emily S IturbideAustraliaBernardo Dominic RENEWAL
Deepesh U InouyeIndiaAnna Fali PROPOSAL
Alejandro Z DarakjyAustraliaOnyama Limba UNQUALIFIED
Mujtaba E CaudyIndiaAsiya Javayant PROPOSAL
Greenwood F VocelkaJapanElwin Sharvill NEGOTIATION
Maisha H KolmetzJapanAnna Fali NEW
Emily Q StockhamArgentinaElwin Sharvill PROPOSAL
Izzy G KuskoSpainBernardo Dominic UNQUALIFIED
Isabel T NestleIndiaIvan Magalhaes PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aika H BologniaFrance2025-06-12Chapman, Ross E Esq UNQUALIFIED37Anna Fali
1001Chavez U AmigonFrance2025-05-29Rangoni Of Florence PROPOSAL22Onyama Limba
1002Darci U MaletBrazil2025-05-22Buckley Miller Wright PROPOSAL93Asiya Javayant
1003Chavez T VocelkaIndia2025-05-21Rousseaux, Michael Esq RENEWAL40Onyama Limba
1004Emily I CampainArgentina2025-06-16Feltz Printing Service RENEWAL17Ivan Magalhaes
1005Costa Z PoquetteArgentina2025-05-18Chanay, Jeffrey A Esq PROPOSAL26Stephen Shaw
1006Salvatore Q PaprockiBrazil2025-05-28Benton, John B Jr NEW45Xuxue Feng
1007Aditya K BowleyUnited Kingdom2025-05-19Printing Dimensions QUALIFIED55Bernardo Dominic
1008Isabel Y MacleadRussia2025-06-03Chanay, Jeffrey A Esq QUALIFIED62Stephen Shaw
1009Stacey B AmigonItaly2025-06-13Buckley Miller Wright NEGOTIATION28Asiya Javayant
1010Jeanfrancois O FollerAustralia2025-06-05Rousseaux, Michael Esq NEGOTIATION81Anna Fali
1011Arvin H KolmetzRussia2025-05-28Commercial Press UNQUALIFIED88Asiya Javayant
1012Stacey R MarrierSpain2025-05-18Chapman, Ross E Esq PROPOSAL54Xuxue Feng
1013Leon I AmigonItaly2025-06-13Chapman, Ross E Esq PROPOSAL66Ioni Bowcher
1014Murillo R TollnerIndia2025-05-26Printing Dimensions PROPOSAL99Elwin Sharvill
1015Ricardo P WhobreyCanada2025-05-20Chemel, James L Cpa UNQUALIFIED5Onyama Limba
1016Claire L IturbideBrazil2025-05-19Commercial Press NEW1Elwin Sharvill
1017Tony W StensethFrance2025-05-31Feiner Bros QUALIFIED36Stephen Shaw
1018Nicolas K RulapaughItaly2025-05-27Chanay, Jeffrey A Esq NEW49Amy Elsner
1019Silvio W AmigonRussia2025-06-12Dorl, James J Esq PROPOSAL57Xuxue Feng
1020Maisha N InouyeGermany2025-05-26Chanay, Jeffrey A Esq NEGOTIATION99Ioni Bowcher
1021Arvin N FlosiUnited Kingdom2025-06-16Buckley Miller Wright PROPOSAL93Ioni Bowcher
1022Izzy F ChuiAustralia2025-06-10Morlong Associates QUALIFIED25Stephen Shaw
1023Tony Z VenereRussia2025-05-26Chanay, Jeffrey A Esq UNQUALIFIED50Anna Fali
1024Aika G MaletCanada2025-05-23Benton, John B Jr RENEWAL10Ioni Bowcher
1025Johnson L PerinSpain2025-06-06Chapman, Ross E Esq NEW82Stephen Shaw
1026Wickens P MorascaBrazil2025-05-22Morlong Associates RENEWAL17Anna Fali
1027Arvin W SaylorsItaly2025-05-27Benton, John B Jr PROPOSAL72Ioni Bowcher
1028Julie Z MorascaItaly2025-05-22Truhlar And Truhlar Attys UNQUALIFIED19Ioni Bowcher
1029Alejandro T ShinkoItaly2025-05-19Benton, John B Jr UNQUALIFIED5Amy Elsner
1030Kaitlin N CampainArgentina2025-06-14Feltz Printing Service NEW3Stephen Shaw
1031Costa E BologniaCanada2025-06-16Truhlar And Truhlar Attys NEGOTIATION63Ivan Magalhaes
1032Jefferson O RimItaly2025-05-22Printing Dimensions QUALIFIED36Amy Elsner
1033Maisha X AmigonIndia2025-06-04Morlong Associates PROPOSAL1Bernardo Dominic
1034Sinclair L GarufiBrazil2025-06-15Rangoni Of Florence PROPOSAL57Ivan Magalhaes
1035Johnson G NestleJapan2025-05-21Commercial Press NEGOTIATION4Ivan Magalhaes
1036Arvin W StockhamJapan2025-05-27Benton, John B Jr PROPOSAL35Onyama Limba
1037Aruna Z FlosiJapan2025-05-20Rangoni Of Florence QUALIFIED94Elwin Sharvill
1038Isabel I RimRussia2025-06-14Chanay, Jeffrey A Esq PROPOSAL69Amy Elsner
1039Isabel P FollerIndia2025-05-21Truhlar And Truhlar Attys NEGOTIATION37Amy Elsner
1040Antonio T MaletCanada2025-06-12Truhlar And Truhlar Attys NEGOTIATION85Bernardo Dominic
1041Munro M TollnerIndia2025-05-19King, Christopher A Esq NEW46Onyama Limba
1042Mujtaba R AlbaresArgentina2025-05-27King, Christopher A Esq NEGOTIATION31Stephen Shaw
1043Chavez S PoquetteUnited Kingdom2025-05-25Printing Dimensions NEW62Stephen Shaw
1044Kadeem Q MaletArgentina2025-06-15Chapman, Ross E Esq QUALIFIED16Stephen Shaw
1045Maisha P FerenczGermany2025-05-21Truhlar And Truhlar Attys UNQUALIFIED25Asiya Javayant
1046Jennifer T DoeUnited Kingdom2025-05-18Buckley Miller Wright NEW21Amy Elsner
1047Darci P ButtJapan2025-05-30Dorl, James J Esq RENEWAL96Anna Fali
1048Chavez D ShinkoSpain2025-06-15Rangoni Of Florence UNQUALIFIED87Ivan Magalhaes
1049Jefferson P VenereSpain2025-05-18Printing Dimensions PROPOSAL64Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Maisha U RutaUnited KingdomStephen Shaw UNQUALIFIED
Mujtaba U RimJapanXuxue Feng PROPOSAL
Ricardo R VenereRussiaIoni Bowcher PROPOSAL
Kaitlin H RulapaughIndiaAnna Fali PROPOSAL
Wickens L OstroskyIndiaAnna Fali PROPOSAL
Silvio F ButtJapanAmy Elsner NEGOTIATION
Maisha P OldroydUnited KingdomAmy Elsner NEW
Tony L StockhamIndiaAnna Fali UNQUALIFIED
Julie K PerinGermanyIvan Magalhaes QUALIFIED
Arvin X CaudyRussiaBernardo Dominic NEW
Stacey L MaletSpainElwin Sharvill UNQUALIFIED
Cody H FerenczItalyIvan Magalhaes NEGOTIATION
Jones Y FerenczAustraliaOnyama Limba QUALIFIED
Claire J FlosiItalyAsiya Javayant NEW
Kadeem U MaletSpainStephen Shaw NEW
Jefferson B FollerGermanyIvan Magalhaes NEGOTIATION
Emily A OstroskyArgentinaOnyama Limba UNQUALIFIED
Tony D AmigonAustraliaElwin Sharvill NEW
Smith H MacleadFranceStephen Shaw PROPOSAL
Chavez X CampainArgentinaBernardo Dominic QUALIFIED
Leon Z FollerIndiaIoni Bowcher PROPOSAL
Maria Q FigeroaBrazilAsiya Javayant UNQUALIFIED
Alejandro R MacleadUnited KingdomAmy Elsner PROPOSAL
Maria P GauchoArgentinaAnna Fali NEGOTIATION
Darci Z ChuiArgentinaElwin Sharvill NEGOTIATION
Cody X MaletIndiaAmy Elsner RENEWAL
James O IturbideItalyIoni Bowcher QUALIFIED
Jefferson T GlickUnited KingdomOnyama Limba QUALIFIED
Clifford N PaprockiSpainOnyama Limba UNQUALIFIED
Mayumi O CaudyGermanyAmy Elsner NEGOTIATION
Izzy A VenereGermanyIoni Bowcher UNQUALIFIED
Kadeem I AmigonSpainIoni Bowcher NEW
Deepesh I SaylorsSpainBernardo Dominic PROPOSAL
Kaitlin L TollnerBrazilAmy Elsner UNQUALIFIED
Kaitlin H OstroskyIndiaAmy Elsner NEGOTIATION
David D NestleRussiaBernardo Dominic RENEWAL
Sinclair V BriddickUnited KingdomAmy Elsner NEW
Aika H FlosiItalyIoni Bowcher QUALIFIED
Jones U GlickUnited KingdomStephen Shaw NEW
Julie S BologniaSpainOnyama Limba RENEWAL
James W FigeroaCanadaAmy Elsner NEGOTIATION
David Y NestleRussiaElwin Sharvill QUALIFIED
Smith G PaprockiCanadaXuxue Feng QUALIFIED
Murillo H ButtGermanyOnyama Limba RENEWAL
Antonio C RimCanadaAsiya Javayant NEW
Mujtaba X WaycottIndiaOnyama Limba PROPOSAL
Cody S MorascaIndiaIvan Magalhaes NEGOTIATION
Alejandro W RoysterCanadaOnyama Limba NEW
Adams B MarrierJapanBernardo Dominic RENEWAL
Jennifer B MaletArgentinaElwin Sharvill NEGOTIATION
Frozen Columns
Name
Adams I Dilliard
Costa V Nestle
Jones R Paprocki
Faith O Perin
Ivar V Glick
Murillo F Schemmer
Adams I Malet
James H Dilliard
Munro L Darakjy
Nicolas O Ruta
Kadeem G Darakjy
Maisha D Tollner
Maria K Amigon
Nicolas Y Caldarera
Faith U Doe
James A Ruta
Juan F Ruta
Juan Q Bowley
Deepesh W Maclead
Smith W Gaucho
Tony C Caudy
Clifford B Rim
Alejandro W Kolmetz
Antonio D Ruta
Leja S Caudy
Murillo S Sergi
Adams E Nestle
Jefferson Q Venere
James F Rim
Isabel V Iturbide
Juan O Oldroyd
Sinclair S Shinko
Izzy A Inouye
Clifford W Stockham
Jeanfrancois S Royster
Tony H Kusko
Ricardo A Caldarera
Emily M Dilliard
Aditya H Oldroyd
Leja T Chui
Stacey W Ruta
Maisha E Saylors
Morrow K Iturbide
Arvin V Whobrey
Adams K Malet
Chavez I Bowley
Stacey D Gaucho
Faith G Foller
Costa Q Morasca
James U Campain
IdCountryDate
1000Brazil2025-06-15
1001India2025-05-26
1002India2025-06-16
1003France2025-06-08
1004Italy2025-06-06
1005France2025-06-05
1006United Kingdom2025-06-03
1007United Kingdom2025-06-05
1008Argentina2025-06-03
1009Canada2025-06-09
1010Italy2025-05-28
1011Germany2025-06-14
1012Germany2025-05-25
1013Australia2025-06-15
1014Italy2025-05-22
1015Argentina2025-05-28
1016United Kingdom2025-06-08
1017Japan2025-05-26
1018India2025-06-14
1019Japan2025-05-18
1020India2025-06-15
1021India2025-05-24
1022Germany2025-05-29
1023Japan2025-05-27
1024United Kingdom2025-06-16
1025Australia2025-06-09
1026United Kingdom2025-06-04
1027Argentina2025-05-27
1028Australia2025-06-03
1029Spain2025-05-18
1030Australia2025-06-02
1031Russia2025-05-25
1032Russia2025-05-27
1033Germany2025-05-19
1034Brazil2025-06-13
1035United Kingdom2025-06-04
1036Italy2025-06-06
1037France2025-06-14
1038Brazil2025-05-19
1039Germany2025-05-23
1040Australia2025-06-10
1041Japan2025-06-10
1042Germany2025-05-28
1043Argentina2025-06-05
1044Canada2025-05-25
1045Australia2025-06-04
1046Italy2025-06-02
1047Japan2025-05-31
1048Russia2025-06-16
1049United Kingdom2025-05-20

On-Demand Data

NameIdCountryDate
Maria C Wieser1000Japan2025-06-06
Francesco I Flosi1001Italy2025-06-02
Faith D Inouye1002France2025-05-21
Tony R Saylors1003Brazil2025-05-27
Jones H Foller1004Japan2025-06-06
Ashley U Malet1005India2025-05-23
Kaitlin L Doe1006Germany2025-05-30
Arvin F Maclead1007India2025-05-31
Octavia L Royster1008Russia2025-06-16
Alejandro P Figeroa1009United Kingdom2025-06-05
Leon Q Oldroyd1010India2025-06-01
Ivar K Stockham1011Brazil2025-05-23
Costa F Nicka1012Argentina2025-06-15
Cody F Nestle1013Argentina2025-06-10
Maisha Y Campain1014France2025-06-08
Cody Y Whobrey1015India2025-06-04
Chavez H Waycott1016Japan2025-05-18
Adams G Schemmer1017Japan2025-05-29
Juan I Ostrosky1018France2025-06-07
Mayumi R Maclead1019Japan2025-05-21
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Silvio N NickaUnited KingdomOnyama Limba NEW
Chavez S StensethAustraliaAnna Fali UNQUALIFIED
James B WhobreyIndiaElwin Sharvill NEGOTIATION
Chavez T RutaFranceOnyama Limba UNQUALIFIED
David Z ButtSpainAmy Elsner NEW
David R MarrierCanadaAnna Fali NEW
Rodrigues H OldroydGermanyOnyama Limba NEGOTIATION
Francesco L NickaRussiaAsiya Javayant NEGOTIATION
Jones C GillianSpainAmy Elsner RENEWAL
Johnson L PaprockiIndiaOnyama Limba NEW
Ricardo E BriddickGermanyAsiya Javayant PROPOSAL
Kadeem K RulapaughGermanyElwin Sharvill PROPOSAL
Alejandro Y BriddickAustraliaXuxue Feng QUALIFIED
Mayumi P RutaFranceAsiya Javayant QUALIFIED
Stacey H MaletIndiaOnyama Limba PROPOSAL
Smith R NestleIndiaIvan Magalhaes PROPOSAL
Greenwood E AmigonRussiaElwin Sharvill NEW
Mujtaba T SergiSpainIoni Bowcher NEW
James O SchemmerArgentinaXuxue Feng NEGOTIATION
Jefferson T PoquetteJapanAmy Elsner NEGOTIATION
Aruna L MacleadJapanStephen Shaw NEGOTIATION
Deepesh N RulapaughArgentinaStephen Shaw UNQUALIFIED
Kadeem D PerinIndiaElwin Sharvill QUALIFIED
Mayumi S GauchoAustraliaAsiya Javayant UNQUALIFIED
Isabel B SaylorsRussiaIvan Magalhaes QUALIFIED
Leja P AmigonSpainXuxue Feng QUALIFIED
Morrow W ButtArgentinaElwin Sharvill NEW
Morrow V ButtCanadaIvan Magalhaes NEGOTIATION
Nicolas Q FollerArgentinaAnna Fali QUALIFIED
Ricardo V SergiFranceIoni Bowcher QUALIFIED
Jennifer Z NestleBrazilAnna Fali RENEWAL
Antonio K BowleyRussiaOnyama Limba QUALIFIED
Wickens V MacleadRussiaAnna Fali UNQUALIFIED
Costa X OldroydIndiaIoni Bowcher RENEWAL
Leon S RutaJapanAmy Elsner NEW
Jones M SchemmerAustraliaStephen Shaw PROPOSAL
Kaitlin O MarrierCanadaAsiya Javayant QUALIFIED
Rodrigues H MarrierRussiaOnyama Limba NEW
Antonio Z FlosiIndiaIoni Bowcher RENEWAL
Aditya Z GarufiFranceElwin Sharvill QUALIFIED

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