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
Ricardo N RulapaughArgentinaAnna Fali UNQUALIFIED
Clifford F RimRussiaAmy Elsner NEGOTIATION
Ricardo U WaycottRussiaAnna Fali PROPOSAL
Nicolas L CampainGermanyStephen Shaw PROPOSAL
Octavia U PaprockiItalyStephen Shaw PROPOSAL
Rodrigues F RulapaughAustraliaAnna Fali NEGOTIATION
Johnson J AmigonSpainIoni Bowcher QUALIFIED
Aika B GauchoBrazilStephen Shaw UNQUALIFIED
James E IturbideCanadaElwin Sharvill QUALIFIED
Aditya C StockhamArgentinaOnyama Limba NEGOTIATION
Maisha W GarufiRussiaOnyama Limba NEGOTIATION
Leon M SchemmerAustraliaBernardo Dominic RENEWAL
Deepesh C SlusarskiIndiaIvan Magalhaes RENEWAL
Clifford W CaudyRussiaBernardo Dominic NEGOTIATION
Jennifer Q MarrierArgentinaAnna Fali RENEWAL
Costa Z OldroydBrazilAsiya Javayant RENEWAL
Ricardo E IturbideBrazilBernardo Dominic UNQUALIFIED
Francesco O AmigonUnited KingdomIvan Magalhaes QUALIFIED
Mayumi M MacleadRussiaAmy Elsner QUALIFIED
Silvio U WaycottAustraliaIoni Bowcher QUALIFIED
Stacey Z StensethSpainOnyama Limba PROPOSAL
Misaki U MaletGermanyAsiya Javayant UNQUALIFIED
Munro D BriddickSpainElwin Sharvill PROPOSAL
Tony L CaldareraArgentinaIvan Magalhaes QUALIFIED
Antonio Y CaudyIndiaAmy Elsner NEW
Greenwood P DoeBrazilAmy Elsner UNQUALIFIED
Claire H BriddickCanadaStephen Shaw QUALIFIED
Kadeem D WaycottSpainStephen Shaw PROPOSAL
Isabel S NickaAustraliaIvan Magalhaes NEGOTIATION
Arvin I FollerJapanElwin Sharvill RENEWAL
Jeanfrancois E MarrierItalyAsiya Javayant QUALIFIED
Leja C ChuiIndiaAsiya Javayant NEW
Adams J DarakjyAustraliaBernardo Dominic QUALIFIED
Leon V GlickUnited KingdomOnyama Limba QUALIFIED
Johnson V GillianCanadaElwin Sharvill RENEWAL
Aika U MaletAustraliaXuxue Feng PROPOSAL
Munro O CaldareraBrazilBernardo Dominic NEW
Alejandro V MacleadGermanyXuxue Feng NEW
Wickens C AlbaresAustraliaOnyama Limba RENEWAL
Alejandro D FigeroaArgentinaBernardo Dominic QUALIFIED
Emily M SchemmerRussiaAnna Fali UNQUALIFIED
Costa K AmigonArgentinaOnyama Limba RENEWAL
Claire Z CampainArgentinaElwin Sharvill NEW
Greenwood U MaletBrazilBernardo Dominic UNQUALIFIED
Julie W CaldareraUnited KingdomAsiya Javayant QUALIFIED
David Y WieserAustraliaStephen Shaw RENEWAL
Tony U GauchoFranceStephen Shaw QUALIFIED
Antonio D OldroydRussiaIoni Bowcher QUALIFIED
Aika C RulapaughUnited KingdomAnna Fali UNQUALIFIED
Claire S MacleadSpainAnna Fali NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Mayumi Y SlusarskiItalyAsiya Javayant QUALIFIED
Jeanfrancois V NickaAustraliaAsiya Javayant RENEWAL
Maisha T VenereRussiaElwin Sharvill PROPOSAL
Kaitlin T KolmetzArgentinaElwin Sharvill QUALIFIED
Izzy Z RutaItalyIvan Magalhaes RENEWAL
Jones O SergiCanadaIoni Bowcher UNQUALIFIED
Chavez F ShinkoSpainElwin Sharvill QUALIFIED
Kadeem P InouyeUnited KingdomXuxue Feng PROPOSAL
Mujtaba G WieserSpainElwin Sharvill QUALIFIED
Johnson A BriddickFranceAnna Fali QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Silvio I TollnerSpain2026-11-03Dorl, James J Esq RENEWAL34Elwin Sharvill
1001Deepesh P KuskoBrazil2026-10-19Chanay, Jeffrey A Esq RENEWAL14Asiya Javayant
1002Maisha V VocelkaAustralia2026-11-06Feltz Printing Service UNQUALIFIED43Asiya Javayant
1003Mujtaba U StockhamGermany2026-10-31Rousseaux, Michael Esq QUALIFIED9Amy Elsner
1004Mujtaba V BowleyArgentina2026-11-04Feiner Bros NEGOTIATION72Ivan Magalhaes
1005Aruna N PaprockiSpain2026-11-08Chapman, Ross E Esq PROPOSAL91Onyama Limba
1006Murillo R KolmetzSpain2026-11-09Commercial Press QUALIFIED3Onyama Limba
1007Cody U WhobreyBrazil2026-11-11Rousseaux, Michael Esq NEW69Ivan Magalhaes
1008Sinclair R BowleyAustralia2026-11-03Buckley Miller Wright QUALIFIED45Amy Elsner
1009Jones K RimCanada2026-10-15Chemel, James L Cpa QUALIFIED51Onyama Limba
1010Kaitlin J WaycottItaly2026-11-11Dorl, James J Esq PROPOSAL38Anna Fali
1011Jefferson Q GarufiJapan2026-10-27Chanay, Jeffrey A Esq QUALIFIED89Elwin Sharvill
1012David G MaletIndia2026-10-26Rousseaux, Michael Esq QUALIFIED51Asiya Javayant
1013Jones S RoysterUnited Kingdom2026-10-15Truhlar And Truhlar Attys PROPOSAL59Stephen Shaw
1014Jones R MaletUnited Kingdom2026-10-25Morlong Associates QUALIFIED66Onyama Limba
1015Aruna I RulapaughRussia2026-10-23Buckley Miller Wright UNQUALIFIED4Anna Fali
1016Munro L ButtIndia2026-10-13Chemel, James L Cpa NEW68Onyama Limba
1017Antonio U MacleadBrazil2026-10-22Buckley Miller Wright QUALIFIED57Amy Elsner
1018Aika O ChuiBrazil2026-10-26Chanay, Jeffrey A Esq PROPOSAL74Ioni Bowcher
1019Johnson O FollerItaly2026-10-16Commercial Press UNQUALIFIED77Stephen Shaw
1020Aika U FlosiUnited Kingdom2026-11-08Commercial Press PROPOSAL84Amy Elsner
1021Deepesh S WieserItaly2026-10-30Rangoni Of Florence NEGOTIATION42Amy Elsner
1022Claire K SergiCanada2026-10-28Rangoni Of Florence NEGOTIATION19Stephen Shaw
1023Kaitlin J ButtFrance2026-10-28Truhlar And Truhlar Attys NEW22Anna Fali
1024Munro K WhobreyRussia2026-11-10Dorl, James J Esq UNQUALIFIED63Bernardo Dominic
1025Stacey G WhobreyIndia2026-10-15Chapman, Ross E Esq RENEWAL30Onyama Limba
1026Izzy Q VenereUnited Kingdom2026-10-22Dorl, James J Esq NEW10Anna Fali
1027Leon I NickaAustralia2026-10-31Truhlar And Truhlar Attys UNQUALIFIED41Bernardo Dominic
1028Rodrigues B PerinRussia2026-11-10Chapman, Ross E Esq PROPOSAL27Elwin Sharvill
1029Deepesh F CaldareraArgentina2026-10-26Chemel, James L Cpa RENEWAL59Elwin Sharvill
1030Aditya R IturbideUnited Kingdom2026-10-23Benton, John B Jr PROPOSAL79Ioni Bowcher
1031Octavia T InouyeCanada2026-10-14Morlong Associates PROPOSAL4Bernardo Dominic
1032Maisha N InouyeFrance2026-11-03Buckley Miller Wright NEGOTIATION61Ioni Bowcher
1033Aika D KuskoAustralia2026-10-30Buckley Miller Wright NEGOTIATION63Ioni Bowcher
1034Clifford C MarrierFrance2026-10-16Rousseaux, Michael Esq NEW77Bernardo Dominic
1035Morrow C OldroydRussia2026-10-17Benton, John B Jr UNQUALIFIED84Ioni Bowcher
1036Maisha I RulapaughCanada2026-10-26Printing Dimensions PROPOSAL34Asiya Javayant
1037Tony Q PerinAustralia2026-10-18Chanay, Jeffrey A Esq NEGOTIATION8Onyama Limba
1038Costa K PerinRussia2026-10-21King, Christopher A Esq UNQUALIFIED74Stephen Shaw
1039Jefferson D WhobreyFrance2026-10-29Printing Dimensions NEW13Asiya Javayant
1040Jefferson W PoquetteUnited Kingdom2026-11-11Benton, John B Jr NEGOTIATION81Xuxue Feng
1041Juan E NestleItaly2026-10-28Rangoni Of Florence NEGOTIATION39Ioni Bowcher
1042Darci E CampainItaly2026-10-21Chapman, Ross E Esq UNQUALIFIED13Asiya Javayant
1043Costa Z OstroskyJapan2026-11-08Feiner Bros UNQUALIFIED84Anna Fali
1044Aruna J FlosiGermany2026-10-15Feiner Bros NEW22Elwin Sharvill
1045Stacey O MaletGermany2026-10-29Commercial Press NEGOTIATION40Elwin Sharvill
1046Emily T MorascaUnited Kingdom2026-10-21Truhlar And Truhlar Attys PROPOSAL39Bernardo Dominic
1047Adams T ShinkoJapan2026-11-11Dorl, James J Esq PROPOSAL68Xuxue Feng
1048Mujtaba K FerenczIndia2026-11-08Buckley Miller Wright UNQUALIFIED87Ivan Magalhaes
1049Jefferson U AmigonBrazil2026-11-06Commercial Press NEW56Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Jefferson Z SergiGermanyAnna Fali RENEWAL
Costa Y DarakjyJapanAnna Fali QUALIFIED
Jefferson R WaycottRussiaAnna Fali PROPOSAL
Ricardo O KuskoFranceAsiya Javayant NEGOTIATION
Arvin R FerenczRussiaAmy Elsner NEW
Clifford E RutaItalyIvan Magalhaes QUALIFIED
Claire W SergiBrazilIoni Bowcher QUALIFIED
James L PoquetteFranceAsiya Javayant QUALIFIED
Ricardo D BowleyJapanAsiya Javayant PROPOSAL
Morrow X ShinkoCanadaIvan Magalhaes NEGOTIATION
Jeanfrancois N KolmetzUnited KingdomAmy Elsner QUALIFIED
Francesco S BowleyIndiaBernardo Dominic QUALIFIED
Morrow H GillianCanadaOnyama Limba UNQUALIFIED
Cody Q AlbaresSpainAnna Fali NEW
Jeanfrancois N PaprockiItalyAmy Elsner RENEWAL
Isabel L CaldareraSpainOnyama Limba NEGOTIATION
Ashley B FigeroaIndiaIoni Bowcher UNQUALIFIED
Mujtaba J InouyeGermanyStephen Shaw QUALIFIED
Stacey J SaylorsUnited KingdomAsiya Javayant NEGOTIATION
Jefferson V DoeRussiaAnna Fali QUALIFIED
Aruna A FollerItalyAnna Fali NEW
Kadeem E WieserRussiaStephen Shaw RENEWAL
Octavia M ChuiSpainIoni Bowcher UNQUALIFIED
Ricardo F StensethCanadaIvan Magalhaes PROPOSAL
David O MaletGermanyElwin Sharvill RENEWAL
Salvatore U InouyeGermanyXuxue Feng PROPOSAL
Johnson Y DarakjyBrazilAmy Elsner RENEWAL
Aruna Y BowleyFranceIvan Magalhaes RENEWAL
Octavia Z IturbideAustraliaStephen Shaw UNQUALIFIED
Ivar G GlickIndiaAmy Elsner RENEWAL
Munro V FerenczAustraliaXuxue Feng RENEWAL
Silvio O OstroskyArgentinaBernardo Dominic NEW
Smith C MarrierRussiaXuxue Feng UNQUALIFIED
Julie S IturbideJapanOnyama Limba UNQUALIFIED
Isabel Q ShinkoJapanOnyama Limba PROPOSAL
Julie J BriddickUnited KingdomAmy Elsner RENEWAL
Julie T RutaIndiaXuxue Feng UNQUALIFIED
Faith W ShinkoBrazilElwin Sharvill PROPOSAL
Claire T AmigonArgentinaAsiya Javayant PROPOSAL
Kadeem R AmigonUnited KingdomIvan Magalhaes UNQUALIFIED
Jones V AlbaresGermanyIvan Magalhaes NEGOTIATION
Jennifer C KolmetzArgentinaIoni Bowcher UNQUALIFIED
Maria N BriddickJapanStephen Shaw PROPOSAL
Arvin T NestleGermanyElwin Sharvill RENEWAL
Salvatore K KuskoBrazilBernardo Dominic RENEWAL
Leon J MacleadJapanElwin Sharvill QUALIFIED
Silvio L CaldareraItalyOnyama Limba PROPOSAL
Claire B MarrierRussiaElwin Sharvill RENEWAL
Munro B StensethBrazilAnna Fali UNQUALIFIED
Alejandro X AlbaresJapanAmy Elsner RENEWAL
Frozen Columns
Name
Maisha R Butt
Juan G Rim
Aika Y Stockham
Emily N Bolognia
Faith N Venere
Nicolas J Glick
Aditya W Rulapaugh
Juan S Venere
Ashley J Wieser
Chavez Y Nicka
Silvio K Rim
Costa V Rim
Smith W Venere
Kaitlin V Stenseth
Emily S Malet
Silvio I Inouye
Nicolas E Vocelka
Rodrigues R Nicka
Aika H Dilliard
Kadeem V Malet
Jones C Malet
Chavez R Malet
Jennifer M Maclead
Aruna E Whobrey
Smith H Nestle
Munro Q Amigon
Greenwood Y Caldarera
Ashley M Albares
Isabel I Paprocki
Cody L Marrier
Kaitlin W Gillian
Deepesh T Gillian
Leja Q Vocelka
Greenwood T Malet
Salvatore F Darakjy
Claire J Rulapaugh
Nicolas N Flosi
Alejandro J Malet
Sinclair K Glick
Alejandro Z Venere
Izzy B Marrier
Ashley T Bolognia
Jennifer Z Kolmetz
Aika Y Nestle
Faith L Butt
Kadeem K Doe
David P Caudy
Aruna C Chui
Aika X Glick
Antonio M Schemmer
IdCountryDate
1000Japan2026-10-14
1001Russia2026-10-21
1002Brazil2026-10-29
1003Spain2026-11-09
1004Brazil2026-11-03
1005Germany2026-10-16
1006France2026-10-31
1007Brazil2026-10-30
1008Russia2026-10-29
1009Australia2026-10-28
1010Japan2026-10-28
1011Italy2026-11-04
1012Australia2026-10-22
1013Italy2026-11-08
1014Australia2026-11-08
1015Argentina2026-11-01
1016Canada2026-11-08
1017Brazil2026-11-06
1018France2026-10-20
1019Brazil2026-11-07
1020Canada2026-10-26
1021Spain2026-10-31
1022Germany2026-10-15
1023France2026-10-23
1024Argentina2026-10-19
1025India2026-11-11
1026Germany2026-10-20
1027Italy2026-10-28
1028Brazil2026-11-11
1029Brazil2026-11-06
1030Germany2026-10-30
1031Russia2026-10-27
1032Brazil2026-10-15
1033Brazil2026-10-25
1034Italy2026-10-15
1035Russia2026-10-26
1036Russia2026-11-02
1037United Kingdom2026-11-01
1038Spain2026-10-17
1039Germany2026-11-07
1040Italy2026-10-29
1041Russia2026-11-11
1042Spain2026-11-11
1043United Kingdom2026-10-13
1044Argentina2026-11-03
1045France2026-11-04
1046Germany2026-11-07
1047Germany2026-10-23
1048France2026-10-18
1049Russia2026-11-11

On-Demand Data

NameIdCountryDate
Faith Q Garufi1000Germany2026-10-25
Ivar A Malet1001Canada2026-10-27
Cody E Vocelka1002United Kingdom2026-10-17
Maria S Bolognia1003Canada2026-10-15
Mayumi Y Foller1004Canada2026-10-31
Francesco P Darakjy1005Argentina2026-10-21
Aruna H Gaucho1006Germany2026-11-09
Juan U Ferencz1007Brazil2026-10-27
Greenwood S Gillian1008Italy2026-11-05
Claire O Butt1009Argentina2026-10-23
Ricardo D Nestle1010India2026-10-16
Juan H Shinko1011Japan2026-11-08
James F Sergi1012India2026-11-05
Silvio O Vocelka1013Spain2026-10-21
Emily H Tollner1014Germany2026-10-27
James L Marrier1015Australia2026-10-24
Salvatore K Gillian1016Germany2026-10-17
Emily O Figeroa1017United Kingdom2026-10-16
Mayumi V Perin1018Spain2026-11-03
Rodrigues C Malet1019Russia2026-11-09
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jeanfrancois I PaprockiRussiaXuxue Feng RENEWAL
Claire N RulapaughBrazilAmy Elsner QUALIFIED
Aika I CaldareraItalyStephen Shaw NEGOTIATION
Nicolas A GauchoArgentinaAmy Elsner QUALIFIED
Salvatore V NickaFranceIoni Bowcher PROPOSAL
Adams D SlusarskiUnited KingdomXuxue Feng NEW
Julie E StockhamFranceAmy Elsner RENEWAL
Antonio X PaprockiUnited KingdomAsiya Javayant UNQUALIFIED
Sinclair F GarufiItalyBernardo Dominic UNQUALIFIED
Smith Z MorascaSpainXuxue Feng NEW
Salvatore V AlbaresSpainOnyama Limba UNQUALIFIED
James Z DoeRussiaStephen Shaw PROPOSAL
Kadeem L WieserGermanyIoni Bowcher QUALIFIED
Juan L MacleadJapanIvan Magalhaes NEGOTIATION
Arvin R RimSpainXuxue Feng QUALIFIED
Maria P KolmetzBrazilIvan Magalhaes NEGOTIATION
Clifford A GarufiJapanXuxue Feng NEW
Francesco U RoysterRussiaXuxue Feng UNQUALIFIED
Jefferson E VocelkaUnited KingdomElwin Sharvill QUALIFIED
Chavez U MorascaFranceStephen Shaw QUALIFIED
Rodrigues Y RoysterAustraliaIvan Magalhaes NEW
Alejandro W AmigonBrazilBernardo Dominic RENEWAL
Munro A GarufiArgentinaBernardo Dominic NEGOTIATION
Nicolas Y FlosiArgentinaElwin Sharvill NEGOTIATION
Leja I ChuiBrazilElwin Sharvill RENEWAL
Izzy J KuskoJapanIvan Magalhaes QUALIFIED
Sinclair C FigeroaIndiaIoni Bowcher QUALIFIED
Leon W DarakjyAustraliaXuxue Feng PROPOSAL
Sinclair G MorascaRussiaIvan Magalhaes PROPOSAL
Ivar Q CampainRussiaOnyama Limba RENEWAL
Wickens A OldroydGermanyXuxue Feng QUALIFIED
Maisha B SaylorsCanadaAnna Fali NEW
Clifford T RulapaughFranceBernardo Dominic NEGOTIATION
Deepesh V SchemmerFranceIoni Bowcher PROPOSAL
Claire B PerinCanadaBernardo Dominic PROPOSAL
Jeanfrancois Q GauchoAustraliaIvan Magalhaes QUALIFIED
Aika L FlosiCanadaElwin Sharvill UNQUALIFIED
Nicolas G RimBrazilOnyama Limba RENEWAL
Claire C VenereCanadaIoni Bowcher RENEWAL
Izzy X FigeroaArgentinaStephen Shaw 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>