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
Cody R DoeRussiaIvan Magalhaes NEW
Stacey J DarakjySpainOnyama Limba NEW
Smith S RulapaughBrazilAsiya Javayant NEW
Misaki K StockhamFranceOnyama Limba RENEWAL
Octavia L MarrierJapanIoni Bowcher NEW
Tony I WieserFranceXuxue Feng RENEWAL
Smith X PerinGermanyBernardo Dominic RENEWAL
Aruna T RoysterCanadaOnyama Limba RENEWAL
Aruna S MaletArgentinaBernardo Dominic RENEWAL
Aika N IturbideCanadaOnyama Limba NEW
Alejandro R KuskoAustraliaAnna Fali QUALIFIED
Rodrigues F BologniaArgentinaIvan Magalhaes UNQUALIFIED
Misaki Y GlickBrazilElwin Sharvill PROPOSAL
Salvatore W ButtSpainIvan Magalhaes NEW
James P PoquetteUnited KingdomXuxue Feng PROPOSAL
Jennifer G ButtFranceAmy Elsner NEW
Stacey Z PaprockiSpainAmy Elsner NEGOTIATION
Maria X MaletItalyStephen Shaw UNQUALIFIED
Mayumi H MacleadRussiaStephen Shaw RENEWAL
Jennifer J MarrierArgentinaElwin Sharvill NEW
Ricardo R FigeroaAustraliaIoni Bowcher NEGOTIATION
Johnson K AlbaresIndiaIvan Magalhaes RENEWAL
Adams P BologniaBrazilBernardo Dominic NEW
Isabel F RulapaughGermanyXuxue Feng UNQUALIFIED
Morrow K RutaItalyIoni Bowcher NEW
Deepesh B RimArgentinaAnna Fali UNQUALIFIED
Mujtaba Q GarufiIndiaAsiya Javayant PROPOSAL
Morrow J FollerJapanIvan Magalhaes PROPOSAL
Leja P PoquetteBrazilIoni Bowcher NEW
Antonio H VocelkaIndiaBernardo Dominic RENEWAL
Stacey R NickaCanadaIvan Magalhaes RENEWAL
Jennifer V KuskoFranceAnna Fali NEGOTIATION
Maisha J FigeroaArgentinaIvan Magalhaes UNQUALIFIED
Kaitlin B MarrierJapanXuxue Feng NEW
Leon Q WhobreyArgentinaOnyama Limba UNQUALIFIED
Ashley U MaletCanadaAmy Elsner NEW
Tony E CaudyIndiaElwin Sharvill RENEWAL
Faith G WhobreyJapanElwin Sharvill QUALIFIED
Leja E GlickSpainIvan Magalhaes NEGOTIATION
Kaitlin E GillianBrazilOnyama Limba NEGOTIATION
Mayumi O VocelkaRussiaXuxue Feng PROPOSAL
Ashley B DilliardUnited KingdomAsiya Javayant NEGOTIATION
David X BowleyCanadaAsiya Javayant UNQUALIFIED
Jeanfrancois Q VenereJapanAnna Fali NEW
Stacey E MarrierSpainBernardo Dominic QUALIFIED
Emily F NestleCanadaOnyama Limba RENEWAL
Jennifer V WhobreyUnited KingdomAnna Fali UNQUALIFIED
Munro P SlusarskiRussiaIvan Magalhaes NEGOTIATION
Ashley B OstroskyRussiaElwin Sharvill QUALIFIED
Greenwood L VocelkaFranceAmy Elsner RENEWAL
Horizontal
NameCountryRepresentativeStatus
Leja R ButtAustraliaIoni Bowcher RENEWAL
Maria C MarrierBrazilIoni Bowcher RENEWAL
Mayumi S MaletIndiaBernardo Dominic QUALIFIED
Jeanfrancois H NestleAustraliaElwin Sharvill NEW
Cody O PoquetteRussiaAmy Elsner PROPOSAL
Antonio P WaycottGermanyBernardo Dominic NEGOTIATION
Antonio K NickaBrazilXuxue Feng RENEWAL
Adams X GillianSpainStephen Shaw PROPOSAL
Jones Q FerenczRussiaElwin Sharvill RENEWAL
Alejandro U WieserItalyStephen Shaw RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Tony M ButtRussia2024-09-25Morlong Associates NEGOTIATION18Ioni Bowcher
1001Leon D BowleyGermany2024-09-17Buckley Miller Wright NEGOTIATION5Elwin Sharvill
1002Silvio W RimJapan2024-09-13Rousseaux, Michael Esq RENEWAL37Xuxue Feng
1003Greenwood V FigeroaArgentina2024-09-05Printing Dimensions NEW31Ivan Magalhaes
1004Sinclair C TollnerUnited Kingdom2024-09-14Buckley Miller Wright QUALIFIED90Elwin Sharvill
1005Jones X StockhamGermany2024-09-24Chemel, James L Cpa NEW73Elwin Sharvill
1006Sinclair N GarufiCanada2024-09-17Commercial Press NEGOTIATION0Elwin Sharvill
1007Cody A AlbaresGermany2024-09-06Rousseaux, Michael Esq NEW96Amy Elsner
1008Alejandro L GlickJapan2024-09-08Printing Dimensions RENEWAL25Asiya Javayant
1009Jennifer F VocelkaItaly2024-09-01King, Christopher A Esq NEGOTIATION51Ioni Bowcher
1010Morrow Z GillianGermany2024-09-09Rousseaux, Michael Esq NEW95Bernardo Dominic
1011Antonio A ButtAustralia2024-09-12Rousseaux, Michael Esq QUALIFIED40Xuxue Feng
1012Murillo T CampainFrance2024-09-02Feiner Bros RENEWAL11Anna Fali
1013Octavia W CampainRussia2024-09-15Buckley Miller Wright UNQUALIFIED67Elwin Sharvill
1014Mayumi K SchemmerSpain2024-09-24King, Christopher A Esq PROPOSAL61Elwin Sharvill
1015Deepesh L CampainIndia2024-08-28Buckley Miller Wright NEW0Asiya Javayant
1016Leon I FigeroaCanada2024-09-22Printing Dimensions NEW48Anna Fali
1017Jeanfrancois K SchemmerBrazil2024-09-22Rangoni Of Florence RENEWAL89Asiya Javayant
1018Octavia A KolmetzIndia2024-09-20King, Christopher A Esq PROPOSAL22Stephen Shaw
1019Smith P PoquetteCanada2024-09-08Truhlar And Truhlar Attys NEW77Elwin Sharvill
1020Jones Q WaycottUnited Kingdom2024-09-13King, Christopher A Esq RENEWAL87Xuxue Feng
1021David B AmigonBrazil2024-09-11Benton, John B Jr NEGOTIATION84Ioni Bowcher
1022Jennifer S FerenczIndia2024-09-12Morlong Associates NEGOTIATION42Anna Fali
1023Misaki P RimIndia2024-09-01Commercial Press QUALIFIED61Ivan Magalhaes
1024Jennifer U StensethJapan2024-09-12Morlong Associates UNQUALIFIED85Anna Fali
1025Alejandro P ButtCanada2024-09-07Chapman, Ross E Esq NEGOTIATION80Ivan Magalhaes
1026Aditya M MarrierFrance2024-09-17Feiner Bros PROPOSAL21Xuxue Feng
1027Leja T RoysterSpain2024-09-03Truhlar And Truhlar Attys NEGOTIATION99Bernardo Dominic
1028Juan S CaldareraIndia2024-09-24Commercial Press QUALIFIED7Stephen Shaw
1029Cody E WaycottSpain2024-09-16Chanay, Jeffrey A Esq QUALIFIED30Amy Elsner
1030Silvio M OstroskyIndia2024-09-13Commercial Press PROPOSAL56Asiya Javayant
1031Octavia O BriddickGermany2024-09-11Rousseaux, Michael Esq UNQUALIFIED54Ioni Bowcher
1032Rodrigues K PoquetteItaly2024-09-17Rangoni Of Florence QUALIFIED38Stephen Shaw
1033Kadeem C NestleArgentina2024-09-09Feltz Printing Service UNQUALIFIED45Onyama Limba
1034Smith I MorascaCanada2024-09-05Buckley Miller Wright NEGOTIATION11Bernardo Dominic
1035Wickens Z GarufiJapan2024-08-31Rousseaux, Michael Esq UNQUALIFIED26Bernardo Dominic
1036Arvin A CaudyArgentina2024-08-28Rousseaux, Michael Esq NEGOTIATION86Ioni Bowcher
1037Aditya Z TollnerCanada2024-09-04Rangoni Of Florence PROPOSAL50Asiya Javayant
1038Francesco U NestleIndia2024-09-12Feiner Bros QUALIFIED93Xuxue Feng
1039Smith H BologniaAustralia2024-08-31Feiner Bros UNQUALIFIED38Bernardo Dominic
1040Morrow D StockhamJapan2024-09-11Buckley Miller Wright PROPOSAL48Anna Fali
1041Ricardo B KuskoAustralia2024-09-07Commercial Press RENEWAL28Stephen Shaw
1042Maria B FollerAustralia2024-09-09King, Christopher A Esq NEW27Xuxue Feng
1043Chavez K CaldareraCanada2024-09-08Feltz Printing Service PROPOSAL94Xuxue Feng
1044Greenwood H GlickFrance2024-09-03Dorl, James J Esq NEW35Elwin Sharvill
1045Adams E VenereAustralia2024-09-23Chapman, Ross E Esq PROPOSAL84Elwin Sharvill
1046Sinclair Y ChuiIndia2024-09-02Rousseaux, Michael Esq PROPOSAL19Bernardo Dominic
1047Ivar S CaldareraAustralia2024-09-06Dorl, James J Esq PROPOSAL53Elwin Sharvill
1048Ricardo J RoysterFrance2024-09-21Commercial Press NEGOTIATION6Stephen Shaw
1049Murillo S CaudyAustralia2024-08-29Rangoni Of Florence PROPOSAL19Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Johnson U GauchoGermanyAmy Elsner PROPOSAL
Faith C GillianUnited KingdomXuxue Feng NEGOTIATION
Izzy E SergiRussiaOnyama Limba RENEWAL
Rodrigues V WieserSpainStephen Shaw PROPOSAL
Isabel F ShinkoArgentinaIoni Bowcher NEW
Tony D DoeRussiaBernardo Dominic QUALIFIED
Salvatore H KuskoAustraliaOnyama Limba RENEWAL
Octavia A PerinBrazilAsiya Javayant UNQUALIFIED
Stacey W SlusarskiJapanIoni Bowcher PROPOSAL
Nicolas G GauchoBrazilIoni Bowcher PROPOSAL
James O PaprockiCanadaAnna Fali QUALIFIED
Costa U RoysterBrazilStephen Shaw NEGOTIATION
Claire J FollerIndiaAsiya Javayant PROPOSAL
Jones S VocelkaArgentinaOnyama Limba RENEWAL
Arvin Q MacleadUnited KingdomAmy Elsner UNQUALIFIED
Johnson D OstroskyGermanyIoni Bowcher RENEWAL
Misaki M GillianItalyIvan Magalhaes NEW
Morrow Q RulapaughItalyOnyama Limba UNQUALIFIED
Smith Y RutaCanadaAnna Fali NEW
Kadeem D MaletArgentinaAnna Fali PROPOSAL
Ivar B NickaArgentinaBernardo Dominic NEW
Wickens I MarrierArgentinaOnyama Limba RENEWAL
Costa P StockhamIndiaIvan Magalhaes NEGOTIATION
Ivar Z GlickItalyIvan Magalhaes NEGOTIATION
Ivar S GlickRussiaIvan Magalhaes PROPOSAL
Leon O PoquetteRussiaAsiya Javayant QUALIFIED
Stacey V WhobreyUnited KingdomBernardo Dominic UNQUALIFIED
Maisha Q GarufiIndiaAnna Fali QUALIFIED
Jeanfrancois Z InouyeItalyIoni Bowcher PROPOSAL
Kaitlin O NestleGermanyAmy Elsner UNQUALIFIED
Misaki I OstroskyRussiaBernardo Dominic NEW
Emily T VocelkaJapanIoni Bowcher NEGOTIATION
Julie X SlusarskiBrazilBernardo Dominic RENEWAL
Aditya Z AlbaresUnited KingdomAnna Fali NEW
Julie I MarrierUnited KingdomAmy Elsner PROPOSAL
Antonio R MaletIndiaIvan Magalhaes NEW
Kaitlin Z MaletUnited KingdomIoni Bowcher PROPOSAL
Morrow J WaycottCanadaIvan Magalhaes NEGOTIATION
Clifford Q BriddickCanadaAnna Fali NEW
Johnson Q StensethBrazilBernardo Dominic NEGOTIATION
Izzy Z RutaSpainAsiya Javayant RENEWAL
Antonio S NestleRussiaBernardo Dominic UNQUALIFIED
Munro B RutaItalyAnna Fali QUALIFIED
James V OldroydSpainAsiya Javayant RENEWAL
David F ShinkoSpainAnna Fali QUALIFIED
Munro U RulapaughCanadaAmy Elsner RENEWAL
Ashley L CaldareraUnited KingdomAsiya Javayant NEGOTIATION
Adams Q DarakjyArgentinaStephen Shaw NEW
Costa J DoeSpainIvan Magalhaes NEGOTIATION
Misaki N SlusarskiItalyElwin Sharvill QUALIFIED
Frozen Columns
Name
Wickens R Inouye
Maria R Rim
Clifford E Caudy
Nicolas L Butt
Ivar R Rulapaugh
Aruna A Caudy
Jennifer B Dilliard
Clifford R Amigon
Julie C Poquette
Kaitlin Z Schemmer
Sinclair W Bowley
Smith J Butt
Greenwood I Nicka
Smith R Maclead
Ivar F Malet
Nicolas B Bowley
Kadeem T Iturbide
Kaitlin C Schemmer
Salvatore L Sergi
Murillo S Whobrey
Greenwood J Maclead
Jennifer U Vocelka
Octavia H Foller
Juan Q Kolmetz
Julie Z Slusarski
Sinclair X Waycott
Emily U Inouye
Clifford D Gillian
Juan S Butt
Munro D Foller
Antonio R Poquette
Jeanfrancois X Ostrosky
Jones N Gaucho
Aika S Campain
Johnson L Darakjy
Silvio P Morasca
David E Waycott
Ashley I Rulapaugh
Antonio H Stockham
David D Ostrosky
Antonio K Malet
Jennifer T Butt
Kadeem F Marrier
Salvatore A Sergi
Octavia C Bolognia
Jefferson N Ruta
Octavia Z Glick
Costa Y Royster
Kadeem A Schemmer
Arvin A Nicka
IdCountryDate
1000Australia2024-09-22
1001Spain2024-09-01
1002Russia2024-09-21
1003Italy2024-09-16
1004Australia2024-09-09
1005France2024-08-30
1006Russia2024-09-01
1007Germany2024-09-11
1008France2024-09-08
1009France2024-09-23
1010Australia2024-09-18
1011Spain2024-09-22
1012Argentina2024-08-27
1013United Kingdom2024-09-09
1014Russia2024-08-31
1015Italy2024-09-16
1016United Kingdom2024-08-29
1017Russia2024-09-10
1018France2024-09-04
1019Argentina2024-09-18
1020United Kingdom2024-09-04
1021Canada2024-09-05
1022United Kingdom2024-09-16
1023Japan2024-09-05
1024Japan2024-09-20
1025Japan2024-08-27
1026Italy2024-08-27
1027Italy2024-09-23
1028Canada2024-09-13
1029United Kingdom2024-09-17
1030Brazil2024-09-17
1031United Kingdom2024-09-01
1032Japan2024-09-13
1033Canada2024-09-06
1034Argentina2024-09-18
1035Japan2024-08-28
1036United Kingdom2024-09-04
1037United Kingdom2024-08-31
1038Italy2024-09-17
1039Canada2024-09-08
1040Japan2024-08-31
1041Canada2024-09-02
1042Brazil2024-09-06
1043Argentina2024-09-03
1044India2024-09-12
1045India2024-09-15
1046Russia2024-09-03
1047Germany2024-09-17
1048Canada2024-08-29
1049India2024-09-23

On-Demand Data

NameIdCountryDate
Jennifer G Kolmetz1000Italy2024-09-05
Deepesh M Dilliard1001Australia2024-09-24
Isabel X Ostrosky1002United Kingdom2024-09-07
Sinclair M Maclead1003Japan2024-09-01
Silvio E Sergi1004Argentina2024-09-10
Leja H Garufi1005Brazil2024-09-17
Silvio M Nicka1006Spain2024-08-31
Tony Z Stenseth1007Spain2024-09-22
Adams V Marrier1008Australia2024-09-19
Salvatore U Ferencz1009Canada2024-09-18
Sinclair B Malet1010Brazil2024-08-31
Rodrigues P Nestle1011Germany2024-09-15
Chavez P Stenseth1012India2024-09-05
Aruna U Ferencz1013Brazil2024-09-25
Cody I Saylors1014Japan2024-09-01
Deepesh V Glick1015Italy2024-09-20
Clifford D Iturbide1016Argentina2024-09-13
Costa F Albares1017Australia2024-09-04
Claire O Morasca1018Australia2024-09-04
Aditya Z Figeroa1019India2024-09-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maria A CaudyCanadaXuxue Feng PROPOSAL
Jones S CampainUnited KingdomBernardo Dominic RENEWAL
Clifford W KolmetzJapanIvan Magalhaes NEGOTIATION
Chavez N IturbideUnited KingdomElwin Sharvill UNQUALIFIED
Alejandro T CampainFranceBernardo Dominic NEGOTIATION
Kadeem N DarakjyIndiaAnna Fali NEW
Faith U RutaItalyAnna Fali PROPOSAL
Faith J InouyeAustraliaAmy Elsner PROPOSAL
Misaki S DilliardItalyStephen Shaw NEW
Leja R GauchoRussiaAnna Fali NEW
Arvin Q GarufiGermanyAsiya Javayant QUALIFIED
Munro I BologniaJapanBernardo Dominic UNQUALIFIED
Johnson Z MacleadCanadaAsiya Javayant NEGOTIATION
David R SaylorsRussiaStephen Shaw QUALIFIED
Salvatore S FollerArgentinaElwin Sharvill PROPOSAL
Faith I GauchoIndiaOnyama Limba QUALIFIED
Maria K SergiJapanBernardo Dominic RENEWAL
Mujtaba J RoysterBrazilAnna Fali QUALIFIED
Cody U WhobreyIndiaElwin Sharvill NEW
Jennifer H AlbaresJapanIoni Bowcher NEW
Ivar C ShinkoIndiaElwin Sharvill NEW
David R GarufiFranceAnna Fali QUALIFIED
Tony O BriddickRussiaBernardo Dominic NEW
Arvin W MorascaAustraliaBernardo Dominic RENEWAL
Sinclair Q OstroskySpainStephen Shaw NEGOTIATION
Jefferson V SchemmerFranceIoni Bowcher PROPOSAL
Cody J TollnerArgentinaIvan Magalhaes PROPOSAL
Kaitlin Q BologniaAustraliaStephen Shaw NEW
Maria Q AlbaresGermanyIoni Bowcher UNQUALIFIED
Julie A OstroskyGermanyAsiya Javayant QUALIFIED
Antonio B VenereBrazilIoni Bowcher NEGOTIATION
Julie K ButtArgentinaBernardo Dominic NEW
Sinclair D IturbideAustraliaBernardo Dominic NEW
Aruna F StensethItalyAnna Fali PROPOSAL
Aditya P OldroydCanadaOnyama Limba QUALIFIED
Darci X SaylorsCanadaXuxue Feng RENEWAL
Costa M DoeUnited KingdomIoni Bowcher UNQUALIFIED
Francesco C ShinkoFranceElwin Sharvill PROPOSAL
Jones H NestleFranceElwin Sharvill PROPOSAL
Sinclair Z WaycottArgentinaStephen Shaw UNQUALIFIED

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