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
Jennifer J FigeroaGermanyXuxue Feng PROPOSAL
Kadeem M BologniaItalyOnyama Limba PROPOSAL
Clifford J WhobreyArgentinaIvan Magalhaes NEGOTIATION
Maria W ShinkoBrazilOnyama Limba UNQUALIFIED
Ricardo O KuskoCanadaIvan Magalhaes NEGOTIATION
Aditya A SchemmerFranceXuxue Feng RENEWAL
Jones C VocelkaRussiaElwin Sharvill NEW
Leja J MarrierIndiaElwin Sharvill RENEWAL
Kadeem V KuskoGermanyAnna Fali QUALIFIED
Greenwood B FigeroaRussiaOnyama Limba QUALIFIED
Cody C WaycottBrazilStephen Shaw RENEWAL
Claire R RutaGermanyIvan Magalhaes QUALIFIED
Isabel A WhobreyRussiaOnyama Limba RENEWAL
Kaitlin M StensethItalyAnna Fali RENEWAL
Clifford P SaylorsIndiaElwin Sharvill RENEWAL
Isabel I VocelkaAustraliaXuxue Feng NEW
Murillo X ChuiSpainStephen Shaw QUALIFIED
Chavez G StockhamUnited KingdomIoni Bowcher UNQUALIFIED
Clifford Y AmigonCanadaElwin Sharvill NEW
Johnson V CampainFranceAnna Fali NEW
Mayumi V AmigonArgentinaOnyama Limba NEGOTIATION
Ashley D NickaJapanIoni Bowcher UNQUALIFIED
Arvin D DilliardSpainAsiya Javayant NEW
Salvatore R RutaIndiaBernardo Dominic NEGOTIATION
Ashley N DoeJapanAnna Fali QUALIFIED
Francesco V FollerSpainIvan Magalhaes PROPOSAL
Silvio F WieserJapanAmy Elsner NEGOTIATION
Salvatore N VocelkaGermanyIoni Bowcher QUALIFIED
Munro P FigeroaCanadaAnna Fali RENEWAL
Smith Q OstroskyUnited KingdomAnna Fali RENEWAL
Mujtaba C PaprockiBrazilAsiya Javayant PROPOSAL
Chavez K CampainArgentinaAnna Fali PROPOSAL
Deepesh C RimItalyAnna Fali UNQUALIFIED
Emily K IturbideCanadaAmy Elsner NEW
Salvatore V ChuiItalyBernardo Dominic UNQUALIFIED
Chavez G PerinUnited KingdomAnna Fali NEW
Isabel S WieserArgentinaIvan Magalhaes UNQUALIFIED
Darci E MaletSpainAsiya Javayant NEGOTIATION
Claire G NickaArgentinaAnna Fali UNQUALIFIED
Leon J StensethSpainIoni Bowcher RENEWAL
Cody A PoquetteFranceIvan Magalhaes PROPOSAL
Alejandro H CampainSpainElwin Sharvill NEGOTIATION
Rodrigues K WaycottIndiaAsiya Javayant NEGOTIATION
Isabel W BologniaRussiaIoni Bowcher NEGOTIATION
Greenwood Z MorascaCanadaIoni Bowcher RENEWAL
Antonio G StensethCanadaIvan Magalhaes NEGOTIATION
Leja A WaycottSpainAnna Fali QUALIFIED
Aika H GarufiBrazilIvan Magalhaes RENEWAL
Juan C KuskoJapanAsiya Javayant QUALIFIED
Stacey X PoquetteBrazilOnyama Limba UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Izzy I MarrierRussiaAnna Fali RENEWAL
Cody Q KolmetzBrazilElwin Sharvill PROPOSAL
Kaitlin Y CampainSpainIvan Magalhaes QUALIFIED
Emily Y PaprockiGermanyAnna Fali UNQUALIFIED
Misaki P PoquetteSpainBernardo Dominic QUALIFIED
Wickens P MacleadSpainStephen Shaw RENEWAL
Ricardo R KolmetzAustraliaIvan Magalhaes NEW
Kadeem V OstroskyIndiaStephen Shaw RENEWAL
Wickens O CampainAustraliaStephen Shaw RENEWAL
Tony R GauchoJapanIoni Bowcher RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aruna U SlusarskiRussia2026-10-04Chemel, James L Cpa UNQUALIFIED84Anna Fali
1001James Y NestleItaly2026-10-13Dorl, James J Esq UNQUALIFIED30Elwin Sharvill
1002Costa K ButtUnited Kingdom2026-10-02Chemel, James L Cpa NEGOTIATION47Amy Elsner
1003Smith V DoeBrazil2026-10-15Buckley Miller Wright UNQUALIFIED67Ioni Bowcher
1004David C TollnerCanada2026-10-10Truhlar And Truhlar Attys PROPOSAL52Ivan Magalhaes
1005Johnson B GarufiAustralia2026-10-12Feiner Bros RENEWAL44Stephen Shaw
1006Maisha X KolmetzUnited Kingdom2026-10-27King, Christopher A Esq UNQUALIFIED94Anna Fali
1007Munro P AmigonJapan2026-10-12Feltz Printing Service NEW49Amy Elsner
1008Kaitlin L KuskoIndia2026-10-07King, Christopher A Esq QUALIFIED84Xuxue Feng
1009James K PoquetteIndia2026-10-28Truhlar And Truhlar Attys NEGOTIATION86Ioni Bowcher
1010Jeanfrancois U GarufiItaly2026-10-08Commercial Press QUALIFIED88Elwin Sharvill
1011Claire Y RulapaughItaly2026-10-20Morlong Associates RENEWAL13Ivan Magalhaes
1012Jones Q MacleadIndia2026-09-29Rangoni Of Florence NEW8Anna Fali
1013Rodrigues I RutaJapan2026-09-30Truhlar And Truhlar Attys PROPOSAL98Asiya Javayant
1014Jefferson I PoquetteBrazil2026-10-01Rousseaux, Michael Esq RENEWAL51Amy Elsner
1015Murillo H PaprockiSpain2026-10-23Rangoni Of Florence UNQUALIFIED36Ivan Magalhaes
1016Murillo R BowleyCanada2026-10-24Chanay, Jeffrey A Esq NEGOTIATION52Onyama Limba
1017Leja A ShinkoCanada2026-10-27Buckley Miller Wright RENEWAL79Xuxue Feng
1018Leon K NickaIndia2026-10-13Feltz Printing Service UNQUALIFIED9Bernardo Dominic
1019Jefferson J WhobreyItaly2026-10-12Chapman, Ross E Esq QUALIFIED9Ivan Magalhaes
1020Aruna L PoquetteIndia2026-10-06Rousseaux, Michael Esq NEW53Ivan Magalhaes
1021Munro T BowleyUnited Kingdom2026-10-22Commercial Press PROPOSAL16Amy Elsner
1022Stacey D PaprockiItaly2026-10-05Chapman, Ross E Esq RENEWAL92Elwin Sharvill
1023James T ShinkoJapan2026-10-12King, Christopher A Esq PROPOSAL66Amy Elsner
1024Leja W PoquetteAustralia2026-09-30Feltz Printing Service QUALIFIED43Ioni Bowcher
1025Munro L VocelkaCanada2026-10-11Morlong Associates RENEWAL9Bernardo Dominic
1026Cody P RutaGermany2026-10-03Chapman, Ross E Esq NEW56Ivan Magalhaes
1027Faith H FigeroaBrazil2026-09-30Rangoni Of Florence UNQUALIFIED77Stephen Shaw
1028Aruna G VenereUnited Kingdom2026-10-11Rangoni Of Florence UNQUALIFIED60Ivan Magalhaes
1029Mujtaba U WieserRussia2026-10-07Chemel, James L Cpa PROPOSAL86Ioni Bowcher
1030Greenwood N FlosiFrance2026-10-17Buckley Miller Wright NEGOTIATION29Ioni Bowcher
1031Julie M StensethFrance2026-10-04Printing Dimensions PROPOSAL50Onyama Limba
1032Aika W MacleadJapan2026-10-09Rangoni Of Florence RENEWAL18Anna Fali
1033Murillo P MorascaJapan2026-10-28Chemel, James L Cpa NEGOTIATION11Elwin Sharvill
1034Darci E FigeroaUnited Kingdom2026-10-05King, Christopher A Esq NEW13Asiya Javayant
1035Sinclair Y InouyeUnited Kingdom2026-10-18Feltz Printing Service PROPOSAL16Ivan Magalhaes
1036Aruna Q DarakjyUnited Kingdom2026-10-15Feltz Printing Service QUALIFIED34Onyama Limba
1037Claire T AlbaresFrance2026-10-20Feiner Bros UNQUALIFIED26Elwin Sharvill
1038Octavia S MaletSpain2026-10-04Dorl, James J Esq PROPOSAL10Onyama Limba
1039Murillo M GillianCanada2026-10-16Benton, John B Jr NEW79Ivan Magalhaes
1040Smith K FigeroaArgentina2026-10-05Chemel, James L Cpa RENEWAL30Stephen Shaw
1041Claire F GauchoBrazil2026-10-20Morlong Associates RENEWAL32Amy Elsner
1042Adams T RoysterBrazil2026-10-26Chanay, Jeffrey A Esq RENEWAL63Onyama Limba
1043Jeanfrancois C WieserBrazil2026-10-12Dorl, James J Esq RENEWAL77Asiya Javayant
1044Mujtaba F GarufiUnited Kingdom2026-10-27Buckley Miller Wright NEGOTIATION18Anna Fali
1045Costa K SchemmerFrance2026-10-11King, Christopher A Esq QUALIFIED5Bernardo Dominic
1046Morrow L GauchoItaly2026-10-15Rangoni Of Florence NEGOTIATION24Amy Elsner
1047Maria N RulapaughUnited Kingdom2026-10-04Chapman, Ross E Esq NEGOTIATION20Onyama Limba
1048James R WhobreyIndia2026-10-23Chemel, James L Cpa PROPOSAL53Bernardo Dominic
1049Emily V StensethJapan2026-10-17Feiner Bros NEW72Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Ivar H FlosiCanadaAmy Elsner QUALIFIED
Emily F FlosiUnited KingdomIoni Bowcher NEW
Misaki P GillianJapanIvan Magalhaes PROPOSAL
Jones T CaldareraSpainAmy Elsner QUALIFIED
Sinclair G BowleyIndiaXuxue Feng QUALIFIED
Julie R VenereItalyBernardo Dominic NEW
Emily L KuskoArgentinaIoni Bowcher RENEWAL
Ivar V ButtJapanXuxue Feng PROPOSAL
Aruna V DoeJapanAsiya Javayant RENEWAL
Johnson W KolmetzArgentinaAmy Elsner PROPOSAL
Darci R SchemmerItalyAsiya Javayant RENEWAL
Murillo L RimUnited KingdomElwin Sharvill QUALIFIED
Silvio W DarakjyItalyAsiya Javayant NEW
Aditya M PerinSpainIoni Bowcher RENEWAL
Darci C WhobreyAustraliaIoni Bowcher QUALIFIED
Ricardo G GarufiItalyIvan Magalhaes PROPOSAL
Antonio B CampainAustraliaXuxue Feng PROPOSAL
Francesco U PaprockiIndiaAmy Elsner QUALIFIED
Jones Y TollnerItalyOnyama Limba UNQUALIFIED
Ashley N KuskoCanadaIvan Magalhaes NEGOTIATION
Arvin U BowleyItalyIoni Bowcher UNQUALIFIED
Jefferson P IturbideIndiaXuxue Feng NEW
Octavia S NestleItalyIoni Bowcher NEW
Rodrigues O PoquetteIndiaAnna Fali NEW
Aruna I SlusarskiSpainElwin Sharvill QUALIFIED
Jeanfrancois W StockhamArgentinaXuxue Feng NEW
Kadeem D CaudyArgentinaAsiya Javayant RENEWAL
Darci S IturbideRussiaXuxue Feng RENEWAL
Sinclair D FerenczIndiaOnyama Limba NEW
Munro G GarufiBrazilXuxue Feng RENEWAL
Faith I ChuiGermanyBernardo Dominic RENEWAL
David Y SergiJapanElwin Sharvill NEGOTIATION
Jennifer X BowleyFranceBernardo Dominic QUALIFIED
Aika G MaletBrazilOnyama Limba PROPOSAL
Smith G OldroydCanadaStephen Shaw NEW
Salvatore L MaletArgentinaElwin Sharvill NEGOTIATION
Ivar E SaylorsRussiaStephen Shaw NEW
Jones P MaletAustraliaIoni Bowcher UNQUALIFIED
Mayumi T OldroydBrazilStephen Shaw PROPOSAL
Misaki D RulapaughJapanIvan Magalhaes QUALIFIED
Julie K PaprockiUnited KingdomAnna Fali PROPOSAL
Claire G NickaSpainIvan Magalhaes NEGOTIATION
Morrow H KuskoUnited KingdomAsiya Javayant NEW
Ashley Y DilliardBrazilIoni Bowcher NEW
Sinclair I MarrierItalyBernardo Dominic UNQUALIFIED
Juan R DarakjyJapanElwin Sharvill PROPOSAL
Aditya F PoquetteArgentinaIoni Bowcher NEW
Darci R SchemmerGermanyElwin Sharvill QUALIFIED
Jennifer T OstroskyCanadaIvan Magalhaes PROPOSAL
Claire O MorascaIndiaAmy Elsner PROPOSAL
Frozen Columns
Name
Ivar D Iturbide
Antonio S Figeroa
Octavia Y Rim
Misaki G Sergi
Darci K Shinko
Claire W Tollner
Morrow H Chui
Jennifer M Figeroa
Jeanfrancois S Rim
Mayumi Z Dilliard
Kaitlin D Dilliard
Leja U Morasca
Jefferson O Royster
Jones E Malet
Silvio Z Campain
Ashley P Kusko
Octavia N Glick
Leon A Maclead
Kaitlin M Bolognia
Ricardo I Briddick
Francesco W Sergi
Silvio Q Whobrey
Salvatore U Campain
Alejandro R Doe
Maisha N Venere
Arvin K Stenseth
Salvatore S Flosi
Silvio X Slusarski
Cody C Waycott
Alejandro I Morasca
Faith F Gillian
Murillo X Venere
Maria I Caldarera
Smith B Glick
Ashley D Doe
Murillo W Tollner
Jennifer E Caudy
Salvatore P Royster
Maria W Stenseth
Cody G Gaucho
Jennifer F Saylors
Alejandro M Foller
Faith F Iturbide
Greenwood S Stenseth
Aditya W Waycott
Ashley U Royster
Izzy G Stenseth
Leja O Stenseth
Ricardo V Stockham
Jennifer A Chui
IdCountryDate
1000United Kingdom2026-10-03
1001Argentina2026-10-25
1002United Kingdom2026-10-09
1003Argentina2026-10-19
1004France2026-10-28
1005India2026-10-04
1006Brazil2026-10-02
1007Italy2026-10-06
1008Russia2026-09-30
1009Argentina2026-10-28
1010United Kingdom2026-10-02
1011Spain2026-10-16
1012United Kingdom2026-10-20
1013Russia2026-10-17
1014Italy2026-10-05
1015Brazil2026-09-30
1016Russia2026-10-05
1017Germany2026-10-19
1018India2026-10-01
1019Japan2026-10-01
1020Canada2026-10-05
1021Spain2026-10-25
1022France2026-10-16
1023Brazil2026-10-12
1024Italy2026-10-13
1025Italy2026-10-23
1026United Kingdom2026-10-10
1027Italy2026-10-06
1028Germany2026-10-01
1029Brazil2026-10-18
1030Canada2026-10-02
1031Brazil2026-10-13
1032Russia2026-10-08
1033Japan2026-10-18
1034Argentina2026-10-02
1035Russia2026-10-08
1036France2026-10-09
1037United Kingdom2026-10-23
1038Spain2026-10-28
1039France2026-10-26
1040Spain2026-10-05
1041Germany2026-10-01
1042Russia2026-10-25
1043Italy2026-10-23
1044Japan2026-09-29
1045Brazil2026-10-28
1046Brazil2026-10-08
1047Argentina2026-09-29
1048Germany2026-10-11
1049Germany2026-10-03

On-Demand Data

NameIdCountryDate
Misaki X Poquette1000India2026-10-23
Ivar Y Whobrey1001United Kingdom2026-10-05
Claire B Glick1002Italy2026-10-25
Morrow T Perin1003Germany2026-10-11
Jones Y Ostrosky1004Russia2026-10-25
Misaki P Caldarera1005United Kingdom2026-10-09
Cody W Royster1006Argentina2026-10-12
Misaki F Wieser1007Brazil2026-10-06
Rodrigues L Caudy1008Brazil2026-10-07
Jennifer N Campain1009Spain2026-09-30
Greenwood P Venere1010United Kingdom2026-10-03
Nicolas V Foller1011Italy2026-10-16
Ricardo H Kolmetz1012Argentina2026-10-01
Arvin N Albares1013Germany2026-10-13
Juan E Wieser1014Italy2026-09-30
Nicolas F Vocelka1015United Kingdom2026-09-30
Ivar A Inouye1016India2026-10-02
Francesco V Ostrosky1017Italy2026-10-15
Nicolas Y Butt1018Spain2026-10-05
Adams K Maclead1019Russia2026-10-17
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Julie H SlusarskiBrazilIoni Bowcher QUALIFIED
Misaki H DoeSpainOnyama Limba PROPOSAL
Ricardo F CampainBrazilBernardo Dominic PROPOSAL
Ivar D WaycottAustraliaBernardo Dominic NEW
Izzy V GarufiIndiaIoni Bowcher NEGOTIATION
Ivar H SergiArgentinaIvan Magalhaes QUALIFIED
Deepesh M MorascaAustraliaElwin Sharvill NEW
Jones I CaldareraBrazilOnyama Limba NEW
Smith A TollnerSpainElwin Sharvill QUALIFIED
Ivar Q CaldareraUnited KingdomIoni Bowcher QUALIFIED
Ashley C GauchoJapanXuxue Feng PROPOSAL
Julie T FlosiBrazilAsiya Javayant NEW
Isabel J InouyeFranceIvan Magalhaes NEW
Salvatore X StockhamUnited KingdomStephen Shaw NEGOTIATION
Isabel J GlickFranceElwin Sharvill NEGOTIATION
Deepesh C GillianRussiaAmy Elsner UNQUALIFIED
Mujtaba R ChuiAustraliaBernardo Dominic RENEWAL
Silvio Y SergiSpainStephen Shaw PROPOSAL
Deepesh W MarrierFranceXuxue Feng NEGOTIATION
Claire K RutaItalyBernardo Dominic UNQUALIFIED
Alejandro Z IturbideGermanyIoni Bowcher QUALIFIED
Ricardo T MaletIndiaAnna Fali RENEWAL
Mayumi N FerenczSpainElwin Sharvill QUALIFIED
Tony L RutaFranceOnyama Limba QUALIFIED
Chavez D AmigonIndiaAmy Elsner QUALIFIED
Julie R AmigonCanadaBernardo Dominic RENEWAL
Clifford M CaldareraRussiaElwin Sharvill RENEWAL
Jones D GarufiGermanyIoni Bowcher RENEWAL
Francesco C KuskoSpainElwin Sharvill QUALIFIED
David I SlusarskiBrazilBernardo Dominic UNQUALIFIED
Izzy V FerenczSpainElwin Sharvill NEW
Maisha Z RutaIndiaBernardo Dominic PROPOSAL
Aruna J SaylorsIndiaXuxue Feng UNQUALIFIED
Salvatore H AlbaresRussiaBernardo Dominic NEW
Silvio G IturbideSpainIvan Magalhaes NEGOTIATION
Aika R GlickIndiaAmy Elsner PROPOSAL
Arvin I OstroskyIndiaStephen Shaw QUALIFIED
Morrow O KolmetzAustraliaAsiya Javayant NEGOTIATION
Chavez X KolmetzCanadaStephen Shaw PROPOSAL
Maisha Y WieserJapanXuxue Feng 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" 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>