November Deals: Limited Coupons Available! 🎁 Claim Your Coupon

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
Bangla
Bosnian
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
Uzbek
Vietnamese
Chinese
Chinese

Input Style

Themes

PrimeOne
Saga Blue Saga Blue
Vela Blue Vela Blue
Arya Blue Arya Blue
Bootstrap
Bootstrap Blue Light Bootstrap Blue Light
Bootstrap Purple Light Bootstrap Purple Light
Bootstrap Blue Dark Bootstrap Blue Dark
Bootstrap Purple Dark Bootstrap Purple Dark
Material Design
Material Indigo Light Material Indigo Light
Material Deep Purple Light Material Deep Purple Light
Material Indigo Dark Material Indigo Dark
Material Deep Purple Dark Material Deep Purple Dark
Material Design Compact
Material Compact Indigo Light Material Compact Indigo Light
Material Compact Deep Purple Light Material Compact Deep Purple Light
Material Compact Indigo Dark Material Compact Indigo Dark
Material Compact Deep Purple Dark Material Compact Deep Purple Dark
Legacy
Nova Light Nova Light
Nova Dark Nova Dark
Nova Colored Nova Colored
Luna Amber Luna Amber
Luna Blue Luna Blue
Luna Green Luna Green
Luna Pink Luna Pink

DataTable Scroll

Both vertical and horizontal scrolling of the data is supported with optional frozen rows-columns and on-demand loading features.

Vertical
NameCountryRepresentativeStatus
Jefferson K ButtRussiaAsiya Javayant QUALIFIED
Jefferson O PaprockiGermanyAmy Elsner NEW
Leja P FlosiSpainBernardo Dominic NEW
Juan D SaylorsIndiaAmy Elsner NEGOTIATION
Antonio S PerinCanadaAnna Fali NEGOTIATION
Ashley Q DoeCanadaBernardo Dominic QUALIFIED
Darci Y CaudyIndiaBernardo Dominic NEGOTIATION
Chavez Z GauchoFranceAsiya Javayant NEGOTIATION
Leon Y OldroydUnited KingdomIvan Magalhaes PROPOSAL
Rodrigues N CampainItalyAnna Fali PROPOSAL
Mayumi D InouyeUnited KingdomIvan Magalhaes QUALIFIED
Jeanfrancois B ChuiFranceAmy Elsner RENEWAL
Greenwood O SlusarskiCanadaIvan Magalhaes QUALIFIED
Aika Z FlosiSpainElwin Sharvill QUALIFIED
Greenwood G RutaCanadaAsiya Javayant PROPOSAL
Silvio O KolmetzFranceXuxue Feng RENEWAL
Leja Y OstroskyAustraliaElwin Sharvill PROPOSAL
Aruna P DoeIndiaIoni Bowcher NEW
Silvio M MaletJapanAsiya Javayant UNQUALIFIED
Claire B NickaJapanAsiya Javayant QUALIFIED
Aika W GillianItalyIvan Magalhaes NEGOTIATION
Munro W PerinJapanXuxue Feng NEGOTIATION
Munro R DarakjyJapanAnna Fali NEW
Leon J RimBrazilAsiya Javayant UNQUALIFIED
Ivar E NickaSpainIvan Magalhaes PROPOSAL
Aruna I OstroskyIndiaStephen Shaw NEGOTIATION
Morrow J GauchoUnited KingdomIoni Bowcher QUALIFIED
Kadeem J AmigonIndiaAnna Fali UNQUALIFIED
Costa N SlusarskiRussiaElwin Sharvill QUALIFIED
Ivar I FollerGermanyElwin Sharvill RENEWAL
Arvin A KuskoIndiaAsiya Javayant RENEWAL
Ashley T OstroskyCanadaAmy Elsner NEW
Cody O BowleyUnited KingdomIvan Magalhaes QUALIFIED
Faith O OstroskyCanadaAsiya Javayant RENEWAL
Mayumi Y CaudyRussiaBernardo Dominic NEGOTIATION
Aditya K StensethAustraliaAmy Elsner RENEWAL
Aditya I GauchoRussiaElwin Sharvill NEW
Kaitlin K FigeroaJapanAsiya Javayant NEGOTIATION
Jennifer Y InouyeFranceIoni Bowcher NEW
Clifford A StockhamSpainOnyama Limba NEW
Jefferson W AlbaresItalyBernardo Dominic NEGOTIATION
Aditya M BriddickArgentinaXuxue Feng NEGOTIATION
Faith T CampainCanadaBernardo Dominic PROPOSAL
Sinclair E PoquetteGermanyAmy Elsner PROPOSAL
Ricardo Q FlosiIndiaIvan Magalhaes UNQUALIFIED
Stacey F RimRussiaIvan Magalhaes PROPOSAL
Johnson I VenereRussiaOnyama Limba UNQUALIFIED
Greenwood Z OldroydItalyAsiya Javayant UNQUALIFIED
Juan F WieserJapanElwin Sharvill QUALIFIED
David E RulapaughJapanElwin Sharvill RENEWAL
Horizontal
NameCountryRepresentativeStatus
Morrow L KolmetzBrazilOnyama Limba UNQUALIFIED
Aika O WhobreyGermanyIvan Magalhaes NEGOTIATION
Mayumi Y MorascaItalyXuxue Feng QUALIFIED
Jefferson R SlusarskiSpainAnna Fali NEGOTIATION
Mayumi X MaletBrazilAnna Fali PROPOSAL
Octavia H PaprockiAustraliaIvan Magalhaes PROPOSAL
David G BowleyItalyIvan Magalhaes QUALIFIED
Leja H WaycottArgentinaIvan Magalhaes QUALIFIED
Juan V MaletGermanyBernardo Dominic NEGOTIATION
Ivar M MarrierAustraliaIvan Magalhaes PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Morrow M TollnerFrance2026-09-27Buckley Miller Wright QUALIFIED20Stephen Shaw
1001Francesco P FollerItaly2026-10-12Chapman, Ross E Esq PROPOSAL41Ivan Magalhaes
1002Jeanfrancois X MaletCanada2026-10-12Dorl, James J Esq RENEWAL32Elwin Sharvill
1003Juan E DilliardSpain2026-10-15Rangoni Of Florence RENEWAL80Ivan Magalhaes
1004Morrow T AlbaresAustralia2026-10-14Rangoni Of Florence RENEWAL47Anna Fali
1005Morrow W BowleyRussia2026-09-25Chapman, Ross E Esq NEGOTIATION26Onyama Limba
1006Isabel S BowleyGermany2026-09-25Feiner Bros UNQUALIFIED53Ioni Bowcher
1007Juan J MaletAustralia2026-10-14Morlong Associates NEW0Onyama Limba
1008Alejandro N ChuiUnited Kingdom2026-09-27Rousseaux, Michael Esq PROPOSAL44Xuxue Feng
1009Wickens Z WaycottSpain2026-10-10Printing Dimensions QUALIFIED28Elwin Sharvill
1010Claire R RimAustralia2026-09-22Feltz Printing Service NEGOTIATION81Onyama Limba
1011David O StockhamJapan2026-10-08Rangoni Of Florence NEGOTIATION4Asiya Javayant
1012Chavez F FollerUnited Kingdom2026-09-18Rangoni Of Florence QUALIFIED97Onyama Limba
1013Misaki D AlbaresBrazil2026-10-13Commercial Press RENEWAL64Bernardo Dominic
1014Murillo J DoeItaly2026-10-11Dorl, James J Esq NEGOTIATION62Ioni Bowcher
1015Aika B StockhamItaly2026-09-24Dorl, James J Esq NEGOTIATION17Asiya Javayant
1016Juan H InouyeIndia2026-10-09Buckley Miller Wright UNQUALIFIED91Anna Fali
1017Tony D FigeroaBrazil2026-10-05Morlong Associates UNQUALIFIED79Onyama Limba
1018Smith R SaylorsGermany2026-10-02King, Christopher A Esq QUALIFIED2Ioni Bowcher
1019Sinclair L FigeroaBrazil2026-10-08Truhlar And Truhlar Attys QUALIFIED53Onyama Limba
1020Antonio R FollerArgentina2026-10-06Benton, John B Jr QUALIFIED71Onyama Limba
1021Sinclair T StensethGermany2026-10-09Rangoni Of Florence RENEWAL75Elwin Sharvill
1022Morrow D MaletAustralia2026-10-07Chanay, Jeffrey A Esq PROPOSAL19Anna Fali
1023Aditya P AlbaresGermany2026-10-11Dorl, James J Esq NEGOTIATION61Elwin Sharvill
1024Julie U KuskoSpain2026-10-04Truhlar And Truhlar Attys PROPOSAL77Anna Fali
1025Silvio U AlbaresArgentina2026-10-02Feiner Bros NEGOTIATION6Ioni Bowcher
1026Wickens C WaycottRussia2026-09-24Feiner Bros QUALIFIED31Anna Fali
1027Jones I BriddickRussia2026-09-28Feltz Printing Service RENEWAL19Ivan Magalhaes
1028Misaki U SergiUnited Kingdom2026-10-12Rousseaux, Michael Esq PROPOSAL27Amy Elsner
1029Chavez M OldroydItaly2026-10-04Feltz Printing Service NEGOTIATION11Bernardo Dominic
1030James F AmigonGermany2026-10-13Morlong Associates PROPOSAL39Elwin Sharvill
1031James Z ChuiRussia2026-10-07Rangoni Of Florence PROPOSAL12Asiya Javayant
1032Mayumi E MaletBrazil2026-09-26Buckley Miller Wright QUALIFIED20Bernardo Dominic
1033Murillo W SaylorsItaly2026-10-01Feiner Bros PROPOSAL40Xuxue Feng
1034Deepesh R InouyeIndia2026-09-23Rousseaux, Michael Esq UNQUALIFIED47Anna Fali
1035Isabel T MorascaItaly2026-09-20Morlong Associates NEW77Ivan Magalhaes
1036Greenwood S KolmetzIndia2026-10-10Printing Dimensions UNQUALIFIED8Stephen Shaw
1037Emily U RulapaughFrance2026-09-22Chemel, James L Cpa PROPOSAL50Stephen Shaw
1038Munro X NickaAustralia2026-09-22Chapman, Ross E Esq NEGOTIATION48Anna Fali
1039Chavez X NickaSpain2026-10-14Truhlar And Truhlar Attys RENEWAL89Xuxue Feng
1040Ashley L DarakjySpain2026-10-05Printing Dimensions RENEWAL49Stephen Shaw
1041Jefferson A FlosiAustralia2026-09-22Chemel, James L Cpa QUALIFIED62Elwin Sharvill
1042Costa L BriddickFrance2026-09-22Truhlar And Truhlar Attys NEGOTIATION9Stephen Shaw
1043Leon H KolmetzRussia2026-09-19Chanay, Jeffrey A Esq NEW83Ivan Magalhaes
1044Ashley Z GillianIndia2026-10-13Truhlar And Truhlar Attys QUALIFIED85Ivan Magalhaes
1045Leon J CaudyIndia2026-09-22Truhlar And Truhlar Attys QUALIFIED82Ivan Magalhaes
1046Clifford H MaletBrazil2026-10-13Rangoni Of Florence NEGOTIATION89Ivan Magalhaes
1047Misaki V PerinSpain2026-10-11Chanay, Jeffrey A Esq RENEWAL39Ivan Magalhaes
1048Wickens F SergiFrance2026-09-30Feiner Bros QUALIFIED52Onyama Limba
1049Ricardo E MarrierBrazil2026-09-21Chanay, Jeffrey A Esq PROPOSAL81Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Aika V DilliardGermanyOnyama Limba QUALIFIED
Kaitlin T CampainFranceAnna Fali RENEWAL
Jones X SlusarskiSpainIoni Bowcher PROPOSAL
Greenwood A StockhamItalyIvan Magalhaes NEGOTIATION
Munro Y FigeroaAustraliaIoni Bowcher NEGOTIATION
Julie O SergiJapanXuxue Feng NEW
Francesco H IturbideRussiaIvan Magalhaes RENEWAL
Kadeem M RoysterSpainAsiya Javayant QUALIFIED
Cody V ChuiUnited KingdomAmy Elsner RENEWAL
Juan Z WhobreyCanadaOnyama Limba UNQUALIFIED
Izzy G KuskoCanadaBernardo Dominic QUALIFIED
Francesco L DoeUnited KingdomIoni Bowcher NEW
Izzy I ButtRussiaIvan Magalhaes UNQUALIFIED
Octavia E GarufiUnited KingdomIvan Magalhaes NEW
Jennifer V MarrierIndiaOnyama Limba QUALIFIED
Izzy N FlosiGermanyBernardo Dominic NEGOTIATION
Costa U SchemmerItalyAsiya Javayant UNQUALIFIED
Kadeem B MacleadAustraliaAmy Elsner NEGOTIATION
Misaki N NestleSpainElwin Sharvill RENEWAL
Arvin W DilliardIndiaOnyama Limba NEW
Silvio V SaylorsSpainXuxue Feng RENEWAL
Ivar E DarakjyJapanXuxue Feng PROPOSAL
Silvio X PerinFranceAmy Elsner RENEWAL
Leon X ChuiUnited KingdomAsiya Javayant PROPOSAL
Jeanfrancois E RimBrazilAmy Elsner PROPOSAL
Mujtaba I BriddickGermanyIvan Magalhaes UNQUALIFIED
Sinclair B MaletRussiaAnna Fali PROPOSAL
Claire Q OldroydIndiaStephen Shaw NEW
Emily A WaycottUnited KingdomXuxue Feng RENEWAL
Jefferson H BologniaSpainElwin Sharvill UNQUALIFIED
Jefferson Y VocelkaRussiaAsiya Javayant RENEWAL
Silvio M NickaRussiaXuxue Feng NEW
Octavia B NickaJapanIoni Bowcher QUALIFIED
Alejandro A BologniaJapanElwin Sharvill RENEWAL
Murillo T GauchoFranceAnna Fali QUALIFIED
Smith N AmigonCanadaXuxue Feng QUALIFIED
Mayumi U CampainAustraliaElwin Sharvill NEW
Clifford F CampainIndiaOnyama Limba PROPOSAL
Adams I KuskoRussiaIvan Magalhaes RENEWAL
Mujtaba E GauchoAustraliaIvan Magalhaes QUALIFIED
Claire A AlbaresFranceIvan Magalhaes NEGOTIATION
Izzy R GarufiCanadaAmy Elsner NEW
Adams X KuskoFranceXuxue Feng NEW
Claire I IturbideArgentinaIvan Magalhaes UNQUALIFIED
Jeanfrancois U IturbideUnited KingdomIvan Magalhaes QUALIFIED
Rodrigues C DarakjyJapanAsiya Javayant QUALIFIED
Nicolas I GillianAustraliaOnyama Limba QUALIFIED
Costa Z MarrierJapanElwin Sharvill QUALIFIED
Clifford K BowleyJapanAnna Fali NEGOTIATION
Emily S SlusarskiJapanStephen Shaw NEGOTIATION
Frozen Columns
Name
Aika V Sergi
Leon X Rim
Jefferson Y Maclead
Kadeem M Sergi
Jones Q Briddick
Greenwood B Rulapaugh
Arvin W Paprocki
Isabel E Morasca
Aditya M Paprocki
Octavia T Waycott
Nicolas X Briddick
Octavia L Bolognia
Aditya T Kusko
Clifford N Ferencz
Isabel E Iturbide
Smith Y Darakjy
Kadeem V Marrier
Ashley I Albares
Kaitlin C Ostrosky
Ricardo B Vocelka
Wickens Y Wieser
Johnson D Shinko
Tony I Chui
Aika L Glick
Antonio R Gaucho
Aika H Figeroa
Aditya C Bowley
Greenwood D Campain
Emily L Schemmer
Silvio B Schemmer
Aruna U Rulapaugh
Faith O Shinko
Aditya A Inouye
Juan O Saylors
Jones E Briddick
Rodrigues M Butt
Izzy I Ferencz
Darci B Darakjy
Julie Y Poquette
Sinclair E Nestle
Deepesh D Ferencz
Deepesh F Perin
Faith F Inouye
Isabel D Caudy
Greenwood U Gaucho
Adams Q Paprocki
Murillo L Wieser
Wickens J Nestle
Costa U Dilliard
Adams C Flosi
IdCountryDate
1000Argentina2026-10-14
1001Spain2026-10-17
1002Argentina2026-10-11
1003Spain2026-10-17
1004Argentina2026-10-07
1005Russia2026-10-06
1006Brazil2026-09-29
1007Italy2026-09-30
1008Canada2026-09-20
1009Italy2026-09-24
1010Australia2026-10-03
1011Germany2026-09-20
1012Russia2026-09-27
1013Germany2026-09-22
1014Canada2026-09-23
1015Spain2026-10-14
1016India2026-09-25
1017Germany2026-09-20
1018Australia2026-09-26
1019Canada2026-09-29
1020Germany2026-10-07
1021United Kingdom2026-10-01
1022Spain2026-10-15
1023Japan2026-10-15
1024Argentina2026-10-06
1025United Kingdom2026-10-12
1026Spain2026-09-27
1027Argentina2026-10-12
1028Japan2026-09-30
1029Australia2026-10-14
1030France2026-10-09
1031Russia2026-10-15
1032Japan2026-10-08
1033United Kingdom2026-09-19
1034Russia2026-10-02
1035Australia2026-10-02
1036United Kingdom2026-09-20
1037Australia2026-09-29
1038United Kingdom2026-10-14
1039India2026-09-27
1040Italy2026-09-28
1041Canada2026-09-27
1042Canada2026-09-24
1043Argentina2026-10-04
1044Spain2026-10-02
1045Spain2026-10-16
1046Australia2026-10-06
1047Germany2026-09-27
1048United Kingdom2026-10-12
1049Russia2026-10-10

On-Demand Data

NameIdCountryDate
Arvin L Rim1000Argentina2026-10-09
Ashley W Gillian1001France2026-10-02
Juan R Glick1002Canada2026-09-20
Salvatore Q Poquette1003Spain2026-09-24
Faith N Stockham1004Spain2026-09-23
Francesco D Paprocki1005Germany2026-10-16
Jones V Kolmetz1006India2026-09-22
Emily I Foller1007United Kingdom2026-10-03
Darci O Whobrey1008Spain2026-09-25
Cody A Slusarski1009United Kingdom2026-09-28
Faith D Wieser1010Japan2026-10-12
Jones W Venere1011France2026-10-13
Mujtaba F Whobrey1012Spain2026-10-03
Mujtaba J Oldroyd1013Spain2026-10-02
Mayumi P Bowley1014Spain2026-10-11
Aruna D Nestle1015Argentina2026-10-01
Faith S Sergi1016Russia2026-10-15
Wickens X Malet1017Canada2026-09-28
Juan J Malet1018Brazil2026-10-10
Emily Z Nicka1019Germany2026-10-03
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leon G ButtRussiaXuxue Feng QUALIFIED
Octavia O GillianCanadaAnna Fali PROPOSAL
Chavez J KolmetzAustraliaIoni Bowcher QUALIFIED
Emily P GauchoArgentinaStephen Shaw QUALIFIED
Deepesh M PoquetteItalyElwin Sharvill NEGOTIATION
Munro O ShinkoGermanyAnna Fali UNQUALIFIED
Ricardo X OstroskyArgentinaXuxue Feng QUALIFIED
Silvio S NickaUnited KingdomIoni Bowcher UNQUALIFIED
Maisha I BologniaCanadaAnna Fali RENEWAL
Salvatore L RoysterUnited KingdomBernardo Dominic UNQUALIFIED
Izzy P TollnerUnited KingdomOnyama Limba UNQUALIFIED
Aika R RoysterIndiaAmy Elsner RENEWAL
Wickens G KuskoItalyAsiya Javayant UNQUALIFIED
Jennifer Z PoquetteIndiaIoni Bowcher RENEWAL
Jefferson V RulapaughGermanyOnyama Limba UNQUALIFIED
Antonio I FlosiBrazilIoni Bowcher RENEWAL
Tony E KuskoGermanyXuxue Feng RENEWAL
Izzy O MaletGermanyElwin Sharvill NEGOTIATION
Leja M GarufiAustraliaElwin Sharvill NEGOTIATION
Greenwood V DarakjyJapanAmy Elsner RENEWAL
Salvatore U FlosiJapanAsiya Javayant RENEWAL
Morrow G DarakjyGermanyAmy Elsner RENEWAL
Arvin Y MaletRussiaAnna Fali NEGOTIATION
Mayumi I SlusarskiFranceAmy Elsner NEW
Smith L PoquetteBrazilAsiya Javayant RENEWAL
Francesco T VocelkaBrazilBernardo Dominic QUALIFIED
Kadeem J RimFranceElwin Sharvill PROPOSAL
Jefferson D GarufiUnited KingdomStephen Shaw NEW
Izzy K DilliardUnited KingdomAmy Elsner NEGOTIATION
Ashley F DarakjyArgentinaIvan Magalhaes NEGOTIATION
Alejandro U RulapaughUnited KingdomElwin Sharvill UNQUALIFIED
Claire F GlickRussiaAmy Elsner RENEWAL
David A ShinkoSpainStephen Shaw RENEWAL
Murillo L BologniaArgentinaAsiya Javayant RENEWAL
Juan O StensethSpainBernardo Dominic NEGOTIATION
Maisha P CampainAustraliaOnyama Limba PROPOSAL
James O DarakjyAustraliaAsiya Javayant NEGOTIATION
Ivar Y ButtArgentinaBernardo Dominic NEW
Emily J KuskoSpainBernardo Dominic PROPOSAL
Chavez X TollnerArgentinaIvan Magalhaes RENEWAL

<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" frozenColumnsAlignment="left">
            <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>