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
Alejandro O MacleadBrazilAmy Elsner PROPOSAL
Francesco O AmigonItalyIvan Magalhaes NEGOTIATION
Leja F SchemmerJapanOnyama Limba NEW
Jennifer V CaudyBrazilBernardo Dominic QUALIFIED
Francesco A NickaFranceElwin Sharvill UNQUALIFIED
Ricardo P KolmetzGermanyXuxue Feng NEGOTIATION
Adams D SchemmerAustraliaIvan Magalhaes NEW
Johnson S WhobreyJapanOnyama Limba UNQUALIFIED
Clifford O RulapaughGermanyStephen Shaw NEW
Antonio J OstroskyUnited KingdomXuxue Feng NEGOTIATION
Antonio R GauchoJapanElwin Sharvill NEW
Nicolas I FerenczItalyAnna Fali RENEWAL
Ivar V BowleyAustraliaStephen Shaw RENEWAL
Octavia P ChuiIndiaBernardo Dominic RENEWAL
Aika J StockhamArgentinaXuxue Feng NEW
Leon D DoeAustraliaStephen Shaw UNQUALIFIED
Misaki K MorascaFranceOnyama Limba NEGOTIATION
Claire U MacleadFranceAsiya Javayant UNQUALIFIED
Jeanfrancois B GlickFranceStephen Shaw UNQUALIFIED
Deepesh N ShinkoFranceIoni Bowcher NEW
Deepesh Y SchemmerArgentinaIoni Bowcher PROPOSAL
Alejandro U ButtArgentinaBernardo Dominic PROPOSAL
Antonio K RimIndiaAmy Elsner QUALIFIED
Izzy G ShinkoIndiaAnna Fali UNQUALIFIED
Jeanfrancois A VenereRussiaOnyama Limba NEW
Emily L SchemmerCanadaElwin Sharvill PROPOSAL
Deepesh M GarufiCanadaAmy Elsner UNQUALIFIED
Misaki F DilliardSpainStephen Shaw NEGOTIATION
Ricardo K MorascaAustraliaOnyama Limba PROPOSAL
Maria G ButtUnited KingdomAmy Elsner RENEWAL
Costa Z GauchoSpainAnna Fali UNQUALIFIED
Rodrigues Y GillianRussiaOnyama Limba RENEWAL
Darci Q FlosiJapanIoni Bowcher RENEWAL
Sinclair L ChuiIndiaAmy Elsner UNQUALIFIED
Sinclair D InouyeCanadaElwin Sharvill PROPOSAL
Arvin C KolmetzArgentinaXuxue Feng QUALIFIED
Aditya Q NickaSpainOnyama Limba NEGOTIATION
Salvatore I AlbaresUnited KingdomOnyama Limba QUALIFIED
Aruna N GauchoItalyIvan Magalhaes QUALIFIED
Alejandro Y CaudyArgentinaXuxue Feng RENEWAL
Emily F DoeJapanAsiya Javayant NEGOTIATION
Isabel T FerenczItalyIvan Magalhaes NEW
Ashley Z PoquetteCanadaIvan Magalhaes NEW
Nicolas O StockhamAustraliaIvan Magalhaes NEW
Tony A BologniaItalyAsiya Javayant UNQUALIFIED
Octavia G GillianArgentinaElwin Sharvill NEW
Aika L MaletGermanyStephen Shaw RENEWAL
Clifford L KuskoCanadaXuxue Feng RENEWAL
Misaki V MaletCanadaAnna Fali PROPOSAL
Francesco J MarrierFranceElwin Sharvill RENEWAL
Horizontal
NameCountryRepresentativeStatus
Mayumi E FerenczArgentinaIoni Bowcher PROPOSAL
Kadeem D GlickCanadaIoni Bowcher PROPOSAL
Murillo I AmigonArgentinaAmy Elsner RENEWAL
Francesco D FollerFranceAsiya Javayant PROPOSAL
Costa Q SlusarskiSpainOnyama Limba RENEWAL
Cody S RoysterFranceAnna Fali UNQUALIFIED
Aika U WhobreyCanadaIvan Magalhaes RENEWAL
Juan P SaylorsGermanyElwin Sharvill UNQUALIFIED
Morrow H FerenczItalyAnna Fali NEGOTIATION
Arvin D FollerBrazilBernardo Dominic UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Chavez K MaletBrazil2024-09-02Chemel, James L Cpa PROPOSAL27Stephen Shaw
1001David L AmigonUnited Kingdom2024-09-23King, Christopher A Esq RENEWAL82Bernardo Dominic
1002Ashley N VocelkaIndia2024-09-17Printing Dimensions NEW91Onyama Limba
1003Misaki K SaylorsSpain2024-08-27King, Christopher A Esq PROPOSAL56Asiya Javayant
1004Jennifer L PoquetteArgentina2024-08-30Printing Dimensions QUALIFIED69Amy Elsner
1005Kadeem I WaycottBrazil2024-08-30King, Christopher A Esq QUALIFIED73Elwin Sharvill
1006Kaitlin S SchemmerUnited Kingdom2024-09-20Truhlar And Truhlar Attys UNQUALIFIED68Elwin Sharvill
1007Izzy E MacleadUnited Kingdom2024-08-26Buckley Miller Wright PROPOSAL20Ioni Bowcher
1008Alejandro D NestleIndia2024-08-31Feiner Bros NEGOTIATION1Ioni Bowcher
1009Salvatore V ChuiRussia2024-09-10Rousseaux, Michael Esq NEW72Stephen Shaw
1010Deepesh A RulapaughGermany2024-09-08Feltz Printing Service RENEWAL68Asiya Javayant
1011Jennifer N GarufiBrazil2024-09-07Rousseaux, Michael Esq NEGOTIATION32Ivan Magalhaes
1012Alejandro N SergiGermany2024-08-26Buckley Miller Wright RENEWAL26Ivan Magalhaes
1013Jeanfrancois P StockhamUnited Kingdom2024-09-06Commercial Press NEGOTIATION0Anna Fali
1014Aruna W DilliardGermany2024-09-13Feltz Printing Service NEW68Bernardo Dominic
1015Mujtaba B MaletFrance2024-08-26Truhlar And Truhlar Attys PROPOSAL46Onyama Limba
1016Jennifer J SergiArgentina2024-09-05Rangoni Of Florence NEW85Anna Fali
1017Aika X SlusarskiBrazil2024-09-13Feiner Bros NEGOTIATION40Anna Fali
1018Maria L BriddickRussia2024-09-20Feltz Printing Service UNQUALIFIED18Elwin Sharvill
1019Faith G NickaFrance2024-09-06Morlong Associates NEW38Ioni Bowcher
1020Leon K NickaJapan2024-09-19Printing Dimensions NEGOTIATION55Bernardo Dominic
1021Adams U NickaAustralia2024-08-27Feltz Printing Service NEGOTIATION12Elwin Sharvill
1022Mujtaba F GarufiAustralia2024-09-03Dorl, James J Esq PROPOSAL80Amy Elsner
1023Darci T PerinJapan2024-09-05Rousseaux, Michael Esq NEW38Ioni Bowcher
1024Alejandro T SergiUnited Kingdom2024-09-14Rousseaux, Michael Esq NEW90Amy Elsner
1025Silvio H InouyeArgentina2024-09-21Printing Dimensions RENEWAL11Stephen Shaw
1026Jones X CaldareraArgentina2024-09-11Chanay, Jeffrey A Esq NEGOTIATION45Ioni Bowcher
1027Munro O GlickFrance2024-09-11King, Christopher A Esq QUALIFIED33Onyama Limba
1028Alejandro Q ShinkoRussia2024-08-27Commercial Press RENEWAL93Anna Fali
1029Munro Q StockhamUnited Kingdom2024-09-21Dorl, James J Esq UNQUALIFIED5Amy Elsner
1030Ricardo P ChuiJapan2024-08-27Commercial Press RENEWAL42Stephen Shaw
1031Jefferson R PerinAustralia2024-09-18Feltz Printing Service PROPOSAL15Stephen Shaw
1032Ivar Q RimGermany2024-09-07Truhlar And Truhlar Attys NEW83Ioni Bowcher
1033Smith N StensethArgentina2024-08-25Benton, John B Jr UNQUALIFIED23Bernardo Dominic
1034Jones I BriddickGermany2024-09-06Chapman, Ross E Esq PROPOSAL86Xuxue Feng
1035Johnson O ButtJapan2024-09-16Truhlar And Truhlar Attys RENEWAL54Ivan Magalhaes
1036Jefferson Q GlickGermany2024-09-21Buckley Miller Wright NEW0Asiya Javayant
1037Ashley E VocelkaIndia2024-09-10Rousseaux, Michael Esq UNQUALIFIED79Bernardo Dominic
1038Leja E RoysterSpain2024-09-08Morlong Associates QUALIFIED96Onyama Limba
1039Chavez N BowleyAustralia2024-09-04Rangoni Of Florence PROPOSAL49Onyama Limba
1040Clifford C ButtAustralia2024-09-13Chapman, Ross E Esq RENEWAL60Elwin Sharvill
1041Deepesh B InouyeArgentina2024-08-26Rousseaux, Michael Esq NEGOTIATION26Bernardo Dominic
1042Chavez R BowleyGermany2024-08-26Chanay, Jeffrey A Esq QUALIFIED77Ivan Magalhaes
1043Aika G RutaArgentina2024-09-09Feiner Bros NEW54Onyama Limba
1044Leja S CaldareraFrance2024-09-01Rangoni Of Florence PROPOSAL8Xuxue Feng
1045Ricardo L TollnerAustralia2024-09-15Feiner Bros NEGOTIATION58Ivan Magalhaes
1046Alejandro Y CaldareraBrazil2024-09-01Chanay, Jeffrey A Esq NEW11Amy Elsner
1047Salvatore Y KolmetzUnited Kingdom2024-08-30Chapman, Ross E Esq RENEWAL35Anna Fali
1048Salvatore J FollerRussia2024-08-30Dorl, James J Esq RENEWAL85Asiya Javayant
1049Ivar G SlusarskiCanada2024-09-07Benton, John B Jr PROPOSAL61Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Johnson W RoysterArgentinaIvan Magalhaes NEW
Julie H GillianBrazilAmy Elsner PROPOSAL
Costa J NickaArgentinaStephen Shaw NEW
Maisha K CaldareraRussiaAnna Fali NEGOTIATION
Tony F FollerSpainIoni Bowcher NEW
Izzy P CaudyBrazilBernardo Dominic NEW
Sinclair Y IturbideItalyAnna Fali NEW
Morrow Z SergiIndiaOnyama Limba QUALIFIED
Aditya N KuskoBrazilAnna Fali QUALIFIED
Darci C RulapaughIndiaStephen Shaw QUALIFIED
Cody N BologniaUnited KingdomAmy Elsner RENEWAL
Mayumi M MaletUnited KingdomAmy Elsner PROPOSAL
Ivar B NestleUnited KingdomIoni Bowcher PROPOSAL
Kadeem G OstroskyBrazilAsiya Javayant NEW
Wickens H RulapaughArgentinaAsiya Javayant NEW
Aika P CaldareraCanadaBernardo Dominic NEGOTIATION
Jones U MarrierIndiaElwin Sharvill PROPOSAL
Ashley Y GarufiArgentinaAnna Fali QUALIFIED
Stacey T RoysterItalyBernardo Dominic QUALIFIED
Arvin T MorascaUnited KingdomAsiya Javayant RENEWAL
Costa O WieserFranceIvan Magalhaes NEW
Morrow N StensethFranceAmy Elsner NEGOTIATION
Emily G PaprockiItalyIvan Magalhaes UNQUALIFIED
Antonio X KolmetzRussiaBernardo Dominic NEW
James G WhobreyArgentinaAsiya Javayant NEGOTIATION
Arvin Y GauchoUnited KingdomAnna Fali NEGOTIATION
Leon L InouyeFranceBernardo Dominic NEGOTIATION
Johnson C IturbideJapanOnyama Limba NEGOTIATION
Cody K DarakjyUnited KingdomOnyama Limba QUALIFIED
Francesco N RoysterBrazilAmy Elsner PROPOSAL
Jones L PerinItalyAmy Elsner NEW
Mujtaba W CaudyRussiaAsiya Javayant NEW
Jones I KuskoBrazilAmy Elsner PROPOSAL
Salvatore J StockhamFranceIoni Bowcher RENEWAL
Costa A FollerIndiaAsiya Javayant UNQUALIFIED
Aditya S TollnerCanadaIvan Magalhaes NEGOTIATION
Alejandro J InouyeUnited KingdomElwin Sharvill RENEWAL
Julie E OstroskyRussiaIvan Magalhaes QUALIFIED
Greenwood U AmigonAustraliaAmy Elsner PROPOSAL
Aditya T FigeroaSpainXuxue Feng NEW
Nicolas Y FerenczUnited KingdomStephen Shaw NEW
Claire W FlosiArgentinaAmy Elsner UNQUALIFIED
Claire G DoeRussiaStephen Shaw QUALIFIED
Kaitlin P PaprockiJapanXuxue Feng QUALIFIED
Clifford S BologniaFranceIvan Magalhaes UNQUALIFIED
James V InouyeItalyBernardo Dominic PROPOSAL
Ashley M AmigonRussiaAsiya Javayant RENEWAL
Mayumi W RimRussiaElwin Sharvill NEW
Faith P CaudySpainIoni Bowcher RENEWAL
Misaki F RulapaughRussiaIoni Bowcher UNQUALIFIED
Frozen Columns
Name
Johnson N Inouye
Deepesh M Caudy
Chavez R Caldarera
Maisha Y Nicka
Greenwood M Glick
Chavez O Saylors
Isabel V Nicka
Misaki E Oldroyd
Maisha R Paprocki
David Y Royster
Arvin H Amigon
Clifford P Garufi
Aika L Briddick
Ashley A Doe
Deepesh S Ostrosky
Emily Q Oldroyd
Silvio Z Rulapaugh
Stacey W Chui
Rodrigues H Rulapaugh
Izzy W Sergi
Mujtaba E Venere
Nicolas Z Nicka
Juan R Stenseth
Rodrigues P Albares
Antonio W Marrier
Smith B Rulapaugh
Darci P Malet
Munro T Ferencz
Jefferson R Butt
Jennifer W Foller
Kadeem Y Slusarski
James A Stenseth
Misaki U Caudy
Adams Z Tollner
James A Maclead
Johnson O Wieser
Leon R Butt
Faith F Garufi
Johnson Z Poquette
Misaki D Paprocki
Emily B Maclead
Faith L Rim
Jones Q Foller
Octavia O Chui
Silvio F Foller
Jennifer O Darakjy
Munro F Sergi
Ashley R Rim
Costa R Perin
Darci M Nestle
IdCountryDate
1000Australia2024-09-10
1001France2024-09-11
1002Russia2024-09-15
1003Germany2024-09-19
1004Canada2024-09-21
1005Australia2024-09-20
1006Argentina2024-08-25
1007Japan2024-09-16
1008Argentina2024-09-03
1009Japan2024-08-26
1010Argentina2024-09-23
1011Russia2024-08-25
1012France2024-09-06
1013Italy2024-09-17
1014Argentina2024-09-02
1015Germany2024-09-06
1016India2024-09-05
1017Italy2024-09-07
1018India2024-09-20
1019Germany2024-09-11
1020Spain2024-09-06
1021United Kingdom2024-08-30
1022Brazil2024-09-17
1023Russia2024-08-31
1024Spain2024-09-01
1025France2024-09-06
1026Argentina2024-08-26
1027Italy2024-08-29
1028India2024-09-21
1029Italy2024-09-07
1030United Kingdom2024-08-25
1031Germany2024-09-14
1032Spain2024-09-17
1033Spain2024-09-07
1034Russia2024-09-05
1035Spain2024-09-09
1036Australia2024-09-14
1037Germany2024-09-03
1038Brazil2024-09-10
1039Brazil2024-09-23
1040Spain2024-09-08
1041France2024-09-21
1042Spain2024-09-18
1043Italy2024-09-23
1044Spain2024-09-09
1045Japan2024-09-16
1046India2024-09-08
1047Russia2024-09-19
1048Brazil2024-09-11
1049Argentina2024-09-21

On-Demand Data

NameIdCountryDate
Munro X Caldarera1000United Kingdom2024-08-30
Arvin Z Shinko1001United Kingdom2024-09-10
Munro W Inouye1002India2024-09-15
Sinclair V Waycott1003Italy2024-09-14
Cody V Figeroa1004Russia2024-09-20
Jeanfrancois A Foller1005Canada2024-09-03
James Q Garufi1006Australia2024-09-06
Murillo L Perin1007Italy2024-09-03
Kadeem X Garufi1008France2024-08-29
David H Gillian1009Argentina2024-09-01
Claire Q Schemmer1010India2024-09-07
Murillo D Royster1011Italy2024-09-12
Clifford I Garufi1012Australia2024-09-16
Emily P Saylors1013Australia2024-09-01
Alejandro K Rulapaugh1014Japan2024-09-18
Cody Y Gillian1015Australia2024-08-29
Cody R Caudy1016Canada2024-08-29
Aditya O Inouye1017Italy2024-09-01
Aditya G Venere1018France2024-09-15
Maisha J Sergi1019Italy2024-08-28
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Misaki Y FigeroaUnited KingdomAnna Fali UNQUALIFIED
Mujtaba O StensethSpainIvan Magalhaes QUALIFIED
Jones V SchemmerCanadaOnyama Limba RENEWAL
Jefferson F CaudyItalyAnna Fali UNQUALIFIED
Clifford P FigeroaCanadaAsiya Javayant NEW
Salvatore X MaletFranceIoni Bowcher RENEWAL
Sinclair W CaldareraArgentinaXuxue Feng PROPOSAL
Leja V FerenczItalyAsiya Javayant QUALIFIED
Juan R MaletAustraliaXuxue Feng PROPOSAL
Aruna P IturbideRussiaBernardo Dominic PROPOSAL
Greenwood Z DoeJapanElwin Sharvill NEGOTIATION
Clifford M VocelkaFranceAmy Elsner RENEWAL
Leon D SergiAustraliaAsiya Javayant QUALIFIED
Ashley P AmigonAustraliaOnyama Limba NEGOTIATION
Darci P GarufiIndiaAnna Fali NEGOTIATION
Costa X RimRussiaAmy Elsner NEW
Silvio K GarufiAustraliaAnna Fali PROPOSAL
Julie R SchemmerRussiaIvan Magalhaes NEW
Jefferson W GarufiCanadaBernardo Dominic RENEWAL
Cody I NestleSpainBernardo Dominic RENEWAL
Jefferson C CaudyGermanyElwin Sharvill RENEWAL
Munro M MaletFranceAsiya Javayant UNQUALIFIED
Jones H GauchoCanadaIvan Magalhaes RENEWAL
Kadeem P OldroydGermanyStephen Shaw PROPOSAL
Smith H OldroydRussiaXuxue Feng RENEWAL
Mayumi E ButtItalyIvan Magalhaes RENEWAL
Cody R FlosiJapanAnna Fali RENEWAL
Chavez E PaprockiBrazilBernardo Dominic PROPOSAL
Chavez X GillianIndiaStephen Shaw RENEWAL
Octavia C MacleadGermanyStephen Shaw QUALIFIED
David P DarakjySpainIoni Bowcher NEGOTIATION
Clifford V MaletSpainOnyama Limba PROPOSAL
Jennifer I NickaSpainAsiya Javayant NEGOTIATION
Leja Y BriddickCanadaOnyama Limba UNQUALIFIED
Jones U BologniaGermanyAmy Elsner PROPOSAL
Leon F BologniaItalyAmy Elsner NEW
Misaki W PaprockiGermanyAmy Elsner NEW
Misaki U MaletSpainXuxue Feng NEGOTIATION
Darci Q FigeroaUnited KingdomAnna Fali PROPOSAL
Wickens B InouyeAustraliaAsiya Javayant 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>