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
Mayumi J PaprockiBrazilIvan Magalhaes NEGOTIATION
Mujtaba V MaletFranceStephen Shaw QUALIFIED
Stacey H NestleFranceAsiya Javayant UNQUALIFIED
Aika O CampainAustraliaBernardo Dominic NEW
Emily R NestleIndiaAnna Fali UNQUALIFIED
Ivar I SlusarskiSpainIoni Bowcher RENEWAL
Tony W BriddickAustraliaIvan Magalhaes RENEWAL
Claire C MacleadJapanAsiya Javayant NEGOTIATION
James M GarufiRussiaXuxue Feng RENEWAL
Ashley B RoysterSpainAnna Fali NEGOTIATION
David S RulapaughFranceIoni Bowcher QUALIFIED
Leja U FigeroaGermanyBernardo Dominic PROPOSAL
Ricardo D RoysterJapanAsiya Javayant QUALIFIED
Ivar Q RimCanadaXuxue Feng QUALIFIED
Francesco Z StockhamIndiaBernardo Dominic NEGOTIATION
Smith J FollerBrazilOnyama Limba UNQUALIFIED
Aika V ChuiArgentinaOnyama Limba PROPOSAL
Juan R ButtSpainAmy Elsner RENEWAL
Smith D RulapaughIndiaElwin Sharvill UNQUALIFIED
Nicolas G GarufiArgentinaStephen Shaw PROPOSAL
Leja R KuskoIndiaStephen Shaw PROPOSAL
Arvin F RimAustraliaAsiya Javayant UNQUALIFIED
Aika Y OldroydAustraliaStephen Shaw RENEWAL
Mujtaba K BowleyItalyAsiya Javayant UNQUALIFIED
Salvatore F WhobreyJapanAsiya Javayant NEW
Emily U SlusarskiGermanyAsiya Javayant RENEWAL
Smith N MarrierSpainElwin Sharvill PROPOSAL
Claire G WieserIndiaXuxue Feng NEW
Costa V RoysterFranceAnna Fali NEGOTIATION
Aika L DoeAustraliaBernardo Dominic UNQUALIFIED
Cody U SergiIndiaIvan Magalhaes RENEWAL
Nicolas Z VenereUnited KingdomElwin Sharvill NEW
Ashley Z SaylorsArgentinaStephen Shaw UNQUALIFIED
Leon M BologniaRussiaIoni Bowcher NEGOTIATION
Kaitlin X MarrierGermanyXuxue Feng UNQUALIFIED
James V GlickIndiaIvan Magalhaes QUALIFIED
Johnson P SchemmerAustraliaBernardo Dominic RENEWAL
Leon R GarufiUnited KingdomIvan Magalhaes UNQUALIFIED
Faith C WhobreyFranceXuxue Feng UNQUALIFIED
Mujtaba J SaylorsItalyAsiya Javayant RENEWAL
Faith P OldroydArgentinaBernardo Dominic NEGOTIATION
Isabel F AmigonUnited KingdomXuxue Feng NEGOTIATION
Ashley G BriddickIndiaAsiya Javayant NEW
Faith P PoquetteItalyBernardo Dominic QUALIFIED
Munro Z MorascaSpainXuxue Feng UNQUALIFIED
Alejandro V BologniaJapanElwin Sharvill QUALIFIED
Alejandro U FigeroaIndiaAnna Fali NEW
Isabel M SergiSpainIvan Magalhaes NEW
Kaitlin N WhobreyFranceIoni Bowcher NEGOTIATION
Mujtaba V ButtAustraliaIoni Bowcher NEW
Horizontal
NameCountryRepresentativeStatus
Kaitlin U KolmetzIndiaIoni Bowcher QUALIFIED
Ricardo L MacleadIndiaBernardo Dominic QUALIFIED
Stacey U KolmetzAustraliaAsiya Javayant RENEWAL
Deepesh Z ButtFranceIvan Magalhaes NEGOTIATION
Arvin F RoysterSpainStephen Shaw NEW
Wickens F FigeroaRussiaAsiya Javayant UNQUALIFIED
Aditya I TollnerCanadaBernardo Dominic NEW
Aruna S BowleyGermanyStephen Shaw RENEWAL
Costa U ChuiArgentinaIvan Magalhaes NEGOTIATION
Darci D OstroskyBrazilAsiya Javayant PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jones W StockhamAustralia2026-08-31Benton, John B Jr PROPOSAL10Ivan Magalhaes
1001Antonio V GillianArgentina2026-09-27Benton, John B Jr PROPOSAL95Amy Elsner
1002Mujtaba W BriddickAustralia2026-09-28Buckley Miller Wright RENEWAL26Anna Fali
1003Maisha L NickaAustralia2026-09-19Rousseaux, Michael Esq NEW2Elwin Sharvill
1004Misaki M WhobreyGermany2026-09-13Buckley Miller Wright NEGOTIATION32Stephen Shaw
1005Alejandro R FollerBrazil2026-09-20Morlong Associates QUALIFIED40Onyama Limba
1006Aruna R InouyeSpain2026-09-02Chemel, James L Cpa PROPOSAL86Onyama Limba
1007Antonio W PerinFrance2026-09-25Chanay, Jeffrey A Esq RENEWAL4Amy Elsner
1008Faith T PerinFrance2026-09-12Buckley Miller Wright NEGOTIATION42Anna Fali
1009Jefferson V BologniaUnited Kingdom2026-09-04Buckley Miller Wright NEW16Anna Fali
1010Jennifer I GillianCanada2026-09-14Commercial Press NEGOTIATION67Elwin Sharvill
1011Rodrigues A WaycottAustralia2026-09-20Printing Dimensions UNQUALIFIED7Ioni Bowcher
1012Jennifer P RulapaughUnited Kingdom2026-09-18Benton, John B Jr RENEWAL34Ioni Bowcher
1013Aika F DoeCanada2026-09-21King, Christopher A Esq NEGOTIATION16Anna Fali
1014Johnson S BowleyGermany2026-09-01Chapman, Ross E Esq RENEWAL11Bernardo Dominic
1015Sinclair Z SaylorsSpain2026-09-11Benton, John B Jr QUALIFIED28Xuxue Feng
1016Mujtaba G CaldareraBrazil2026-09-19Commercial Press NEW2Bernardo Dominic
1017Leja F OldroydUnited Kingdom2026-09-18Chanay, Jeffrey A Esq NEGOTIATION21Onyama Limba
1018Rodrigues M GarufiUnited Kingdom2026-09-06Feiner Bros NEGOTIATION88Onyama Limba
1019Chavez Q WaycottRussia2026-09-02Chanay, Jeffrey A Esq QUALIFIED36Xuxue Feng
1020Ashley V ChuiAustralia2026-09-14Rousseaux, Michael Esq UNQUALIFIED54Ioni Bowcher
1021Greenwood I FlosiCanada2026-09-16Buckley Miller Wright UNQUALIFIED43Stephen Shaw
1022Mujtaba G CampainSpain2026-09-24Morlong Associates UNQUALIFIED97Elwin Sharvill
1023Jefferson P SaylorsBrazil2026-08-31Rangoni Of Florence PROPOSAL13Onyama Limba
1024Smith L BowleyFrance2026-09-10Buckley Miller Wright QUALIFIED37Bernardo Dominic
1025Julie X ShinkoCanada2026-09-14Buckley Miller Wright NEW91Anna Fali
1026Clifford O MarrierFrance2026-09-06King, Christopher A Esq UNQUALIFIED8Ioni Bowcher
1027Octavia P StensethJapan2026-09-03Chapman, Ross E Esq PROPOSAL49Stephen Shaw
1028Johnson W StockhamGermany2026-09-19Dorl, James J Esq UNQUALIFIED87Xuxue Feng
1029Morrow B OldroydGermany2026-09-09Chemel, James L Cpa RENEWAL96Elwin Sharvill
1030Mayumi D OldroydBrazil2026-09-28Chapman, Ross E Esq UNQUALIFIED91Anna Fali
1031Adams W MarrierArgentina2026-09-15Printing Dimensions RENEWAL75Ivan Magalhaes
1032Clifford L RutaUnited Kingdom2026-09-24Feiner Bros UNQUALIFIED32Asiya Javayant
1033Aruna J KolmetzAustralia2026-09-28Morlong Associates QUALIFIED56Onyama Limba
1034Maria X SlusarskiFrance2026-09-21Rangoni Of Florence PROPOSAL90Onyama Limba
1035Greenwood L TollnerUnited Kingdom2026-09-04Chapman, Ross E Esq RENEWAL80Onyama Limba
1036Arvin E KolmetzAustralia2026-08-31King, Christopher A Esq UNQUALIFIED88Onyama Limba
1037Costa K RimCanada2026-09-12Dorl, James J Esq UNQUALIFIED36Stephen Shaw
1038Johnson K RimFrance2026-09-21Chemel, James L Cpa NEGOTIATION92Bernardo Dominic
1039Aika W GlickIndia2026-09-25Chapman, Ross E Esq UNQUALIFIED89Ioni Bowcher
1040Clifford C IturbideRussia2026-08-30Buckley Miller Wright UNQUALIFIED4Onyama Limba
1041Wickens B MorascaJapan2026-09-17Dorl, James J Esq NEW33Bernardo Dominic
1042Aruna T MorascaItaly2026-09-04Truhlar And Truhlar Attys PROPOSAL93Asiya Javayant
1043Sinclair E RoysterArgentina2026-09-24Dorl, James J Esq RENEWAL55Anna Fali
1044Ashley C CaudyRussia2026-09-25Feiner Bros RENEWAL59Anna Fali
1045Smith H WaycottJapan2026-09-24Morlong Associates RENEWAL3Elwin Sharvill
1046Faith E ButtGermany2026-09-28King, Christopher A Esq QUALIFIED8Asiya Javayant
1047Faith S DilliardUnited Kingdom2026-09-22Feltz Printing Service NEGOTIATION55Asiya Javayant
1048Arvin V FerenczCanada2026-09-10Chanay, Jeffrey A Esq PROPOSAL3Xuxue Feng
1049Jennifer P RimAustralia2026-09-06Buckley Miller Wright UNQUALIFIED69Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Francesco B RimBrazilElwin Sharvill PROPOSAL
Maria A AmigonArgentinaAnna Fali UNQUALIFIED
Julie S MaletJapanXuxue Feng NEGOTIATION
Munro S NestleJapanAsiya Javayant QUALIFIED
Smith H WhobreySpainBernardo Dominic UNQUALIFIED
Leja B StockhamArgentinaStephen Shaw QUALIFIED
Misaki D BowleyUnited KingdomStephen Shaw NEW
Kadeem K VocelkaFranceXuxue Feng QUALIFIED
Leon D StockhamFranceStephen Shaw RENEWAL
Faith Q InouyeArgentinaIvan Magalhaes UNQUALIFIED
Francesco B RulapaughGermanyIoni Bowcher QUALIFIED
Tony N DarakjyIndiaAmy Elsner NEGOTIATION
Greenwood G FigeroaCanadaBernardo Dominic PROPOSAL
Aruna P WieserUnited KingdomAmy Elsner NEGOTIATION
Julie W OldroydCanadaIoni Bowcher UNQUALIFIED
Ivar X FollerArgentinaIvan Magalhaes PROPOSAL
Claire H DoeUnited KingdomOnyama Limba PROPOSAL
Leja R BriddickJapanAnna Fali NEW
Darci E CaldareraBrazilBernardo Dominic NEGOTIATION
Faith W ShinkoIndiaBernardo Dominic NEW
Morrow U VocelkaCanadaOnyama Limba NEW
Alejandro C InouyeJapanAsiya Javayant NEW
Julie M WaycottArgentinaAsiya Javayant NEW
Nicolas U CaldareraGermanyOnyama Limba RENEWAL
Stacey T SaylorsGermanyAmy Elsner NEW
Juan U GauchoBrazilIoni Bowcher UNQUALIFIED
Costa S NestleUnited KingdomStephen Shaw UNQUALIFIED
Costa F KuskoItalyIvan Magalhaes NEGOTIATION
Tony U GillianJapanElwin Sharvill PROPOSAL
Adams Z OldroydCanadaElwin Sharvill QUALIFIED
Sinclair Y SergiSpainIoni Bowcher PROPOSAL
Morrow I MaletGermanyAmy Elsner PROPOSAL
Tony W AlbaresUnited KingdomAmy Elsner RENEWAL
Chavez M FigeroaItalyBernardo Dominic PROPOSAL
Claire C StockhamJapanXuxue Feng NEW
Arvin P CaldareraArgentinaElwin Sharvill RENEWAL
Claire A InouyeSpainElwin Sharvill UNQUALIFIED
Alejandro X CaudyGermanyXuxue Feng NEGOTIATION
Ivar G GarufiIndiaIoni Bowcher RENEWAL
Mayumi H SergiAustraliaXuxue Feng UNQUALIFIED
Ivar W SchemmerBrazilIvan Magalhaes PROPOSAL
Aditya Q BriddickUnited KingdomElwin Sharvill NEW
Mayumi L WieserSpainAnna Fali UNQUALIFIED
Aditya E FlosiFranceStephen Shaw UNQUALIFIED
Francesco Y WieserBrazilXuxue Feng PROPOSAL
Izzy N SergiArgentinaIvan Magalhaes NEW
Costa D MacleadIndiaElwin Sharvill UNQUALIFIED
Sinclair V DilliardBrazilAnna Fali NEGOTIATION
Isabel Z MarrierIndiaOnyama Limba PROPOSAL
Darci X PerinRussiaIoni Bowcher UNQUALIFIED
Frozen Columns
Name
Stacey R Vocelka
Maria K Slusarski
Murillo Q Bolognia
Maria K Glick
Sinclair H Rim
Alejandro B Figeroa
Arvin J Marrier
Jones T Marrier
Ivar A Butt
Alejandro A Malet
Ivar H Ferencz
Smith C Iturbide
Julie R Venere
Smith A Venere
Faith M Waycott
Octavia Y Marrier
Salvatore E Caldarera
Faith H Poquette
Kaitlin W Whobrey
Leon Q Gillian
Octavia Y Ruta
Murillo R Ruta
Morrow W Ferencz
Nicolas A Caudy
Murillo V Morasca
Francesco Y Garufi
Alejandro L Tollner
Deepesh W Morasca
Greenwood G Darakjy
Alejandro N Paprocki
Kadeem H Maclead
Ashley P Kolmetz
Cody P Waycott
Deepesh C Sergi
James F Glick
Costa J Gillian
Jones C Stenseth
Adams S Gaucho
Leon G Ferencz
Antonio S Figeroa
Izzy B Paprocki
Leja R Ferencz
Isabel U Ruta
Julie V Rulapaugh
Arvin P Malet
Kadeem I Kusko
Stacey K Flosi
Clifford L Butt
Ivar V Waycott
Salvatore Z Waycott
IdCountryDate
1000Australia2026-09-11
1001India2026-09-19
1002Japan2026-09-05
1003Italy2026-09-18
1004Argentina2026-09-19
1005Canada2026-09-19
1006Russia2026-09-20
1007Australia2026-09-10
1008Italy2026-09-22
1009India2026-09-21
1010Brazil2026-09-24
1011France2026-09-05
1012Argentina2026-09-05
1013France2026-09-08
1014India2026-09-06
1015Canada2026-09-20
1016France2026-09-20
1017Italy2026-09-01
1018India2026-09-27
1019United Kingdom2026-09-09
1020United Kingdom2026-09-17
1021Germany2026-09-24
1022United Kingdom2026-08-30
1023Argentina2026-09-07
1024Canada2026-09-16
1025Brazil2026-09-20
1026Japan2026-09-04
1027United Kingdom2026-09-14
1028Germany2026-09-17
1029India2026-09-16
1030Argentina2026-09-21
1031Russia2026-09-19
1032France2026-09-20
1033Spain2026-09-16
1034Germany2026-09-26
1035Argentina2026-09-24
1036Italy2026-09-16
1037Russia2026-09-02
1038Brazil2026-09-17
1039Argentina2026-09-28
1040Germany2026-09-17
1041France2026-08-31
1042Italy2026-09-12
1043Canada2026-09-09
1044India2026-09-05
1045Germany2026-09-13
1046Argentina2026-09-09
1047Russia2026-09-01
1048India2026-09-22
1049Germany2026-09-08

On-Demand Data

NameIdCountryDate
Darci W Iturbide1000Germany2026-09-07
Murillo R Butt1001France2026-09-26
Sinclair R Amigon1002Spain2026-09-15
Deepesh B Waycott1003Canada2026-09-28
Kadeem F Sergi1004Canada2026-09-28
David I Caudy1005United Kingdom2026-09-26
Julie R Rim1006Japan2026-09-07
Jones O Garufi1007India2026-09-09
Jeanfrancois U Briddick1008Japan2026-09-07
Adams N Gillian1009Japan2026-09-19
Tony Y Royster1010Russia2026-09-18
Morrow W Caudy1011Germany2026-09-17
Ivar F Glick1012Germany2026-09-17
Jennifer R Bolognia1013Argentina2026-09-02
Aruna M Gillian1014Canada2026-09-23
Francesco M Malet1015Australia2026-09-21
Izzy X Kusko1016Germany2026-09-23
Wickens C Malet1017Australia2026-09-15
Misaki X Malet1018Japan2026-09-21
Tony Y Wieser1019Spain2026-09-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Faith X DoeBrazilElwin Sharvill NEW
Morrow Q StensethBrazilAmy Elsner PROPOSAL
Mujtaba Q MarrierItalyAsiya Javayant PROPOSAL
Faith R RimIndiaIvan Magalhaes QUALIFIED
Francesco J WieserAustraliaIvan Magalhaes NEGOTIATION
Antonio S CaldareraFranceAnna Fali RENEWAL
Nicolas T PerinRussiaElwin Sharvill NEW
Antonio Z IturbideIndiaElwin Sharvill RENEWAL
Jennifer U PoquetteRussiaXuxue Feng NEGOTIATION
Faith E WaycottIndiaAnna Fali NEW
Darci Z KuskoAustraliaIoni Bowcher NEGOTIATION
Wickens U PerinJapanXuxue Feng UNQUALIFIED
Wickens J CaudyIndiaAsiya Javayant RENEWAL
Aruna M IturbideUnited KingdomIvan Magalhaes PROPOSAL
Maria A GillianCanadaAsiya Javayant PROPOSAL
Cody D CaldareraFranceIvan Magalhaes UNQUALIFIED
Emily C InouyeJapanStephen Shaw UNQUALIFIED
Isabel M GillianUnited KingdomBernardo Dominic NEGOTIATION
Octavia O WhobreyJapanBernardo Dominic UNQUALIFIED
Deepesh U WieserBrazilAsiya Javayant NEGOTIATION
Wickens I NickaItalyXuxue Feng RENEWAL
Ricardo S SlusarskiUnited KingdomAnna Fali NEW
Francesco Z BowleyIndiaAnna Fali NEW
Deepesh P FigeroaItalyBernardo Dominic QUALIFIED
Kadeem I StensethAustraliaStephen Shaw NEGOTIATION
Ricardo J MaletUnited KingdomAmy Elsner RENEWAL
Kadeem I GauchoRussiaIoni Bowcher RENEWAL
Misaki W ShinkoArgentinaIvan Magalhaes NEW
Antonio E MaletIndiaXuxue Feng UNQUALIFIED
Claire N VenereGermanyElwin Sharvill QUALIFIED
Nicolas B InouyeJapanAsiya Javayant PROPOSAL
Jones Z ButtBrazilBernardo Dominic UNQUALIFIED
Kadeem X OldroydRussiaIoni Bowcher RENEWAL
Alejandro W DilliardBrazilAnna Fali UNQUALIFIED
Francesco S ButtAustraliaAmy Elsner NEW
Arvin W DilliardRussiaAsiya Javayant NEW
Maria V OldroydBrazilStephen Shaw NEGOTIATION
Maria A WhobreyAustraliaXuxue Feng QUALIFIED
Emily V ChuiUnited KingdomIoni Bowcher NEW
Kadeem D FerenczArgentinaAmy Elsner 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" 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>