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
Leon Y GlickFranceAmy Elsner QUALIFIED
Misaki Q StockhamAustraliaOnyama Limba NEW
Clifford B FlosiFranceXuxue Feng NEW
Arvin A MaletAustraliaIoni Bowcher RENEWAL
Misaki Z SaylorsFranceAsiya Javayant NEGOTIATION
Rodrigues J MaletItalyElwin Sharvill NEGOTIATION
Cody S ShinkoAustraliaStephen Shaw NEW
Misaki K PerinIndiaIvan Magalhaes NEW
Izzy O ButtUnited KingdomAsiya Javayant NEW
Smith F StensethRussiaAsiya Javayant RENEWAL
Ivar V RoysterBrazilBernardo Dominic PROPOSAL
Adams H BriddickIndiaAnna Fali UNQUALIFIED
Izzy G AmigonGermanyElwin Sharvill QUALIFIED
Smith W GarufiAustraliaIoni Bowcher RENEWAL
Kaitlin T SchemmerRussiaAmy Elsner NEW
Kaitlin M FerenczJapanStephen Shaw NEGOTIATION
Leon X MaletArgentinaXuxue Feng QUALIFIED
Jones B MacleadRussiaBernardo Dominic QUALIFIED
Juan G ButtUnited KingdomXuxue Feng QUALIFIED
Mayumi J StockhamFranceIvan Magalhaes NEGOTIATION
Costa I KuskoSpainIvan Magalhaes NEGOTIATION
Clifford R GlickBrazilAmy Elsner PROPOSAL
Aruna X DarakjyItalyBernardo Dominic NEGOTIATION
Morrow V NestleAustraliaXuxue Feng NEW
David C CaudyBrazilElwin Sharvill NEW
Clifford Q RoysterSpainXuxue Feng NEGOTIATION
Smith V NestleSpainIoni Bowcher RENEWAL
Francesco N WieserItalyStephen Shaw PROPOSAL
Smith B ShinkoSpainOnyama Limba PROPOSAL
Kadeem P WhobreyUnited KingdomIoni Bowcher NEW
Julie W RulapaughAustraliaAmy Elsner RENEWAL
Kaitlin P PerinArgentinaOnyama Limba RENEWAL
Clifford I WhobreyJapanAsiya Javayant NEW
Jefferson A TollnerJapanElwin Sharvill NEW
Salvatore E CaldareraAustraliaAmy Elsner QUALIFIED
Silvio W RimBrazilBernardo Dominic PROPOSAL
Maisha U MaletRussiaStephen Shaw PROPOSAL
Tony K TollnerJapanBernardo Dominic NEGOTIATION
Cody N SergiCanadaXuxue Feng RENEWAL
Juan J RutaBrazilAsiya Javayant NEGOTIATION
Ivar I CaldareraGermanyXuxue Feng NEW
Wickens G BologniaGermanyAsiya Javayant QUALIFIED
Jennifer B GillianItalyAnna Fali QUALIFIED
Maisha F GlickIndiaElwin Sharvill PROPOSAL
Murillo E ButtUnited KingdomIvan Magalhaes UNQUALIFIED
Kadeem A FigeroaFranceElwin Sharvill RENEWAL
Antonio H FerenczFranceIvan Magalhaes QUALIFIED
Tony D GauchoAustraliaIvan Magalhaes QUALIFIED
Mujtaba C MarrierCanadaOnyama Limba RENEWAL
Ivar P PerinIndiaStephen Shaw UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Claire W ShinkoAustraliaXuxue Feng RENEWAL
Salvatore P GillianAustraliaAsiya Javayant NEGOTIATION
Ricardo M FigeroaJapanIoni Bowcher RENEWAL
Leja G RutaRussiaIvan Magalhaes NEGOTIATION
Antonio S RulapaughBrazilAsiya Javayant QUALIFIED
Clifford D OstroskyRussiaIoni Bowcher UNQUALIFIED
Jennifer X ShinkoRussiaXuxue Feng NEGOTIATION
Clifford A WieserItalyXuxue Feng NEW
Chavez U StockhamArgentinaXuxue Feng UNQUALIFIED
Kaitlin W SergiAustraliaAsiya Javayant QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jefferson C RoysterGermany2024-09-18Rousseaux, Michael Esq NEW2Bernardo Dominic
1001Jennifer K WieserItaly2024-08-28Commercial Press QUALIFIED51Ioni Bowcher
1002Mujtaba J ChuiUnited Kingdom2024-09-03Chemel, James L Cpa UNQUALIFIED52Amy Elsner
1003Rodrigues N TollnerFrance2024-08-28Rousseaux, Michael Esq RENEWAL47Bernardo Dominic
1004Jones Q RulapaughAustralia2024-09-02Rangoni Of Florence RENEWAL42Asiya Javayant
1005Morrow S GlickGermany2024-09-24Truhlar And Truhlar Attys RENEWAL93Bernardo Dominic
1006Sinclair X MaletBrazil2024-09-06Truhlar And Truhlar Attys RENEWAL17Onyama Limba
1007Mayumi L TollnerItaly2024-09-26Morlong Associates PROPOSAL35Elwin Sharvill
1008David W ChuiCanada2024-09-01Chanay, Jeffrey A Esq NEGOTIATION45Elwin Sharvill
1009Leon P DarakjyBrazil2024-08-31Feltz Printing Service NEW29Amy Elsner
1010Darci Y MarrierJapan2024-09-01Benton, John B Jr UNQUALIFIED45Elwin Sharvill
1011Ashley S OldroydGermany2024-09-14Benton, John B Jr NEW18Ivan Magalhaes
1012Kaitlin I TollnerCanada2024-09-01King, Christopher A Esq QUALIFIED80Elwin Sharvill
1013Jennifer B PaprockiRussia2024-09-19Feltz Printing Service NEGOTIATION66Ivan Magalhaes
1014Costa A GauchoJapan2024-09-10Chanay, Jeffrey A Esq NEGOTIATION93Asiya Javayant
1015Kadeem G GlickRussia2024-08-29Benton, John B Jr UNQUALIFIED27Bernardo Dominic
1016Mujtaba U OstroskyAustralia2024-09-24Chemel, James L Cpa RENEWAL2Asiya Javayant
1017Isabel B SchemmerBrazil2024-09-04Rousseaux, Michael Esq RENEWAL46Onyama Limba
1018Misaki V RoysterSpain2024-09-06Commercial Press RENEWAL48Ioni Bowcher
1019Adams P WieserSpain2024-09-05Rangoni Of Florence PROPOSAL34Onyama Limba
1020Izzy L VenereBrazil2024-09-07Commercial Press PROPOSAL58Ivan Magalhaes
1021Aika Z CampainArgentina2024-09-18Commercial Press NEW42Anna Fali
1022Darci C OstroskyCanada2024-09-23Buckley Miller Wright UNQUALIFIED22Ioni Bowcher
1023Sinclair L MarrierCanada2024-09-21Feiner Bros NEW1Asiya Javayant
1024Mujtaba D GauchoGermany2024-09-01Benton, John B Jr NEW1Onyama Limba
1025Kaitlin L SlusarskiSpain2024-09-03Feltz Printing Service RENEWAL61Stephen Shaw
1026Morrow X KuskoUnited Kingdom2024-09-09Morlong Associates UNQUALIFIED46Elwin Sharvill
1027Octavia H SaylorsRussia2024-09-24Rangoni Of Florence RENEWAL97Ivan Magalhaes
1028Aruna P GlickGermany2024-09-17Buckley Miller Wright PROPOSAL93Anna Fali
1029Maisha F VenereBrazil2024-09-08Chapman, Ross E Esq RENEWAL53Ioni Bowcher
1030Clifford K BriddickCanada2024-09-15Chemel, James L Cpa UNQUALIFIED2Anna Fali
1031Maria C BriddickFrance2024-09-24Buckley Miller Wright QUALIFIED92Onyama Limba
1032Sinclair W IturbideBrazil2024-09-25Dorl, James J Esq NEW47Asiya Javayant
1033Morrow L RimSpain2024-09-13Benton, John B Jr NEGOTIATION11Stephen Shaw
1034Darci A TollnerCanada2024-09-25Chemel, James L Cpa RENEWAL86Elwin Sharvill
1035Aika E SlusarskiJapan2024-08-28Feltz Printing Service NEGOTIATION26Anna Fali
1036Octavia B PoquetteCanada2024-09-04Feltz Printing Service UNQUALIFIED22Anna Fali
1037Ashley G ButtFrance2024-09-26Feiner Bros QUALIFIED3Stephen Shaw
1038Leja B StockhamCanada2024-09-04Rangoni Of Florence NEGOTIATION59Bernardo Dominic
1039Octavia Z MorascaAustralia2024-09-03Commercial Press PROPOSAL68Bernardo Dominic
1040Aika F WhobreyGermany2024-09-19Feltz Printing Service NEGOTIATION39Asiya Javayant
1041Morrow X DoeGermany2024-09-17Chapman, Ross E Esq RENEWAL25Asiya Javayant
1042Leja P KolmetzIndia2024-09-09Rangoni Of Florence NEGOTIATION87Stephen Shaw
1043James L FigeroaAustralia2024-09-16Chapman, Ross E Esq QUALIFIED5Bernardo Dominic
1044Aruna A GauchoItaly2024-09-09Rousseaux, Michael Esq NEW57Asiya Javayant
1045Jennifer X RimArgentina2024-09-14Benton, John B Jr PROPOSAL87Xuxue Feng
1046Kaitlin Q PoquetteJapan2024-09-20Commercial Press PROPOSAL84Asiya Javayant
1047Salvatore X GillianGermany2024-08-28Feltz Printing Service QUALIFIED70Stephen Shaw
1048Leja S GauchoBrazil2024-09-22Chapman, Ross E Esq QUALIFIED44Anna Fali
1049Clifford B RoysterIndia2024-09-19Feltz Printing Service PROPOSAL27Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Darci P SchemmerSpainIoni Bowcher UNQUALIFIED
Jennifer C VocelkaJapanAsiya Javayant NEGOTIATION
Francesco Q RimJapanElwin Sharvill PROPOSAL
Leon S PaprockiRussiaIvan Magalhaes UNQUALIFIED
Clifford Z InouyeIndiaAmy Elsner PROPOSAL
Faith V StockhamIndiaBernardo Dominic NEW
Leja O PerinJapanXuxue Feng RENEWAL
Wickens S CaudyCanadaAsiya Javayant PROPOSAL
Munro C FerenczRussiaElwin Sharvill QUALIFIED
Alejandro P CampainAustraliaStephen Shaw NEW
Jennifer T TollnerUnited KingdomIvan Magalhaes PROPOSAL
Misaki A FerenczUnited KingdomAmy Elsner RENEWAL
Silvio K RutaRussiaAsiya Javayant NEGOTIATION
Faith Y SergiIndiaAsiya Javayant NEGOTIATION
Greenwood W KuskoSpainBernardo Dominic UNQUALIFIED
Aika G OstroskyJapanIoni Bowcher NEW
Emily U ShinkoCanadaElwin Sharvill PROPOSAL
Cody U SlusarskiItalyIoni Bowcher QUALIFIED
Morrow L GlickCanadaElwin Sharvill NEGOTIATION
Alejandro W WaycottBrazilOnyama Limba RENEWAL
Costa Q StensethRussiaBernardo Dominic UNQUALIFIED
Leja J GillianBrazilXuxue Feng UNQUALIFIED
Faith O AmigonGermanyOnyama Limba QUALIFIED
Leon I PoquetteFranceAmy Elsner NEW
Rodrigues G FlosiIndiaOnyama Limba QUALIFIED
Adams W VenereGermanyAsiya Javayant RENEWAL
Jennifer Y GauchoJapanIvan Magalhaes QUALIFIED
Maria T AmigonIndiaIoni Bowcher NEW
Smith A PoquetteIndiaAsiya Javayant QUALIFIED
Francesco M CaldareraBrazilAmy Elsner RENEWAL
Aditya F PoquetteGermanyAmy Elsner UNQUALIFIED
Munro E NickaJapanBernardo Dominic QUALIFIED
Maria J BologniaSpainAnna Fali NEW
Tony G IturbideFranceStephen Shaw UNQUALIFIED
Mayumi U ChuiItalyIoni Bowcher QUALIFIED
Darci B KuskoSpainIvan Magalhaes NEW
Aditya U NestleBrazilStephen Shaw NEW
Maria F NestleRussiaStephen Shaw PROPOSAL
Jennifer Q WieserGermanyAmy Elsner NEW
Ashley U PoquetteGermanyElwin Sharvill UNQUALIFIED
Leja B CampainArgentinaAmy Elsner RENEWAL
Izzy U GarufiItalyBernardo Dominic NEW
Claire R CaldareraGermanyOnyama Limba PROPOSAL
Johnson S FigeroaArgentinaXuxue Feng QUALIFIED
Juan S CaldareraIndiaAmy Elsner RENEWAL
Munro A CampainJapanAmy Elsner RENEWAL
Maria H SlusarskiIndiaAmy Elsner QUALIFIED
Murillo Z DoeRussiaBernardo Dominic NEGOTIATION
Aruna P FollerJapanAsiya Javayant NEGOTIATION
Octavia F CampainSpainIvan Magalhaes QUALIFIED
Frozen Columns
Name
Jones I Garufi
Adams I Shinko
Tony J Caldarera
Deepesh A Inouye
Izzy A Campain
Adams L Tollner
Smith Y Marrier
Munro O Wieser
Alejandro U Dilliard
Johnson D Bowley
James P Caudy
Stacey K Rim
Darci J Marrier
Jones I Ferencz
Adams P Bolognia
Julie V Marrier
Mayumi R Venere
Smith R Saylors
Jeanfrancois C Caudy
Darci F Bolognia
Clifford V Marrier
Mujtaba R Marrier
Jones V Paprocki
Morrow H Butt
Francesco P Nicka
Munro O Inouye
Cody Z Caudy
Greenwood Z Bolognia
Julie Q Gillian
Aditya H Morasca
Izzy D Sergi
Adams O Perin
Claire J Royster
Deepesh Y Perin
Aika J Malet
Ashley V Stockham
Stacey D Albares
Antonio P Oldroyd
Emily V Chui
Isabel N Ruta
Salvatore F Bolognia
Rodrigues V Kolmetz
Mujtaba J Ruta
Alejandro B Ruta
Kaitlin O Nestle
Kadeem E Bowley
Wickens O Caudy
Kadeem T Bowley
Claire T Ferencz
Kaitlin S Bowley
IdCountryDate
1000United Kingdom2024-09-14
1001Germany2024-08-29
1002Canada2024-09-19
1003Italy2024-09-21
1004United Kingdom2024-09-19
1005France2024-09-22
1006India2024-09-26
1007Brazil2024-09-14
1008Japan2024-09-12
1009United Kingdom2024-09-12
1010Spain2024-08-31
1011Italy2024-09-24
1012Russia2024-09-07
1013Russia2024-09-22
1014Brazil2024-09-12
1015Germany2024-09-21
1016France2024-09-25
1017Italy2024-09-18
1018Spain2024-09-12
1019Germany2024-09-10
1020Germany2024-08-28
1021Japan2024-09-11
1022Argentina2024-09-04
1023Argentina2024-09-09
1024Japan2024-09-22
1025Japan2024-09-25
1026India2024-09-03
1027Germany2024-08-30
1028Japan2024-09-17
1029Germany2024-08-28
1030France2024-09-03
1031United Kingdom2024-09-10
1032Russia2024-09-18
1033Australia2024-09-20
1034India2024-09-02
1035Spain2024-09-26
1036Japan2024-09-04
1037Italy2024-09-14
1038Italy2024-09-07
1039Brazil2024-09-20
1040Canada2024-09-23
1041Canada2024-09-24
1042Italy2024-08-28
1043Germany2024-09-24
1044Japan2024-09-15
1045India2024-08-30
1046United Kingdom2024-09-01
1047United Kingdom2024-09-07
1048United Kingdom2024-09-10
1049France2024-09-14

On-Demand Data

NameIdCountryDate
Kadeem Z Foller1000United Kingdom2024-09-04
David X Caudy1001Argentina2024-09-01
James E Doe1002France2024-08-28
Murillo I Butt1003Russia2024-09-06
Salvatore O Gaucho1004Japan2024-09-01
Faith M Kolmetz1005Japan2024-08-29
Cody I Shinko1006Russia2024-09-24
Arvin O Malet1007France2024-09-24
Juan W Sergi1008Italy2024-09-21
Chavez U Bolognia1009Japan2024-09-09
Silvio A Shinko1010Russia2024-09-17
Smith H Chui1011India2024-09-17
David N Paprocki1012Russia2024-09-15
Nicolas T Glick1013Australia2024-09-11
Claire B Shinko1014Argentina2024-09-08
Nicolas U Waycott1015Germany2024-09-15
Salvatore B Rim1016Australia2024-08-30
Cody V Garufi1017Australia2024-09-16
Maisha F Garufi1018France2024-09-20
Isabel A Figeroa1019Argentina2024-09-20
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Silvio S SaylorsIndiaStephen Shaw NEW
Maria T BowleyFranceBernardo Dominic NEW
Claire I VocelkaUnited KingdomIoni Bowcher UNQUALIFIED
Cody F BologniaItalyIvan Magalhaes QUALIFIED
Jefferson T StensethIndiaStephen Shaw UNQUALIFIED
Aika Q AlbaresJapanAsiya Javayant RENEWAL
Darci B BriddickBrazilAsiya Javayant UNQUALIFIED
Ashley H IturbideArgentinaStephen Shaw NEGOTIATION
Julie L RulapaughFranceIoni Bowcher QUALIFIED
Ivar J GarufiRussiaIvan Magalhaes PROPOSAL
Jefferson F ButtJapanAmy Elsner RENEWAL
Deepesh R BologniaItalyXuxue Feng QUALIFIED
Antonio I GarufiRussiaAsiya Javayant UNQUALIFIED
Jennifer Q MaletArgentinaIvan Magalhaes NEW
Kaitlin V IturbideArgentinaAmy Elsner UNQUALIFIED
Octavia Z CaldareraGermanyAmy Elsner NEW
Francesco I MarrierAustraliaOnyama Limba QUALIFIED
Greenwood O SergiSpainStephen Shaw NEGOTIATION
Ashley U PerinGermanyIvan Magalhaes NEW
Stacey S PaprockiSpainAnna Fali NEGOTIATION
Kaitlin J WhobreyFranceAsiya Javayant QUALIFIED
David P InouyeAustraliaAmy Elsner NEGOTIATION
Deepesh B WaycottItalyAnna Fali NEGOTIATION
Mayumi E GarufiItalyAmy Elsner NEGOTIATION
Antonio N InouyeFranceAnna Fali QUALIFIED
James E SaylorsCanadaAmy Elsner PROPOSAL
Julie I StensethIndiaElwin Sharvill RENEWAL
Alejandro H SaylorsFranceOnyama Limba RENEWAL
Darci Y MarrierGermanyBernardo Dominic UNQUALIFIED
Deepesh T DoeArgentinaElwin Sharvill NEW
Izzy L MaletRussiaIvan Magalhaes NEGOTIATION
Aika C SaylorsAustraliaStephen Shaw UNQUALIFIED
Emily X WieserRussiaAnna Fali RENEWAL
Greenwood D BologniaBrazilStephen Shaw NEGOTIATION
Costa W DoeFranceAsiya Javayant RENEWAL
Tony H MarrierUnited KingdomBernardo Dominic QUALIFIED
Chavez G WaycottRussiaBernardo Dominic PROPOSAL
Salvatore N BowleyIndiaAnna Fali NEGOTIATION
Maisha T TollnerCanadaOnyama Limba PROPOSAL
Octavia F MarrierCanadaElwin Sharvill 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>