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 I MacleadJapanXuxue Feng QUALIFIED
Arvin D NickaGermanyBernardo Dominic RENEWAL
Salvatore B PoquetteJapanStephen Shaw PROPOSAL
Mayumi P PaprockiItalyOnyama Limba RENEWAL
Aruna I PaprockiSpainAmy Elsner QUALIFIED
Arvin U StockhamAustraliaOnyama Limba PROPOSAL
Kadeem X MarrierRussiaAsiya Javayant NEW
David T GarufiSpainAnna Fali NEW
Leja I SlusarskiFranceAsiya Javayant UNQUALIFIED
Munro J CaudyAustraliaIoni Bowcher NEGOTIATION
Leja L PaprockiJapanIvan Magalhaes PROPOSAL
Faith C SergiGermanyAnna Fali NEGOTIATION
Jeanfrancois V ChuiCanadaXuxue Feng PROPOSAL
Nicolas B RimGermanyAsiya Javayant NEGOTIATION
Adams Q PaprockiBrazilIvan Magalhaes QUALIFIED
Clifford S WaycottRussiaAmy Elsner RENEWAL
David X BriddickAustraliaAmy Elsner NEW
Silvio X WieserArgentinaIvan Magalhaes QUALIFIED
Greenwood J SergiAustraliaXuxue Feng RENEWAL
Jennifer W CaudyFranceAsiya Javayant NEGOTIATION
Isabel C AlbaresGermanyOnyama Limba RENEWAL
Juan U BologniaItalyXuxue Feng NEW
Deepesh H AmigonBrazilAsiya Javayant UNQUALIFIED
Maisha R RulapaughArgentinaOnyama Limba NEGOTIATION
Cody N MorascaIndiaBernardo Dominic NEGOTIATION
Rodrigues E CaldareraAustraliaIoni Bowcher PROPOSAL
Wickens P IturbideJapanIoni Bowcher RENEWAL
Clifford C MarrierSpainAnna Fali NEW
Juan H DilliardBrazilOnyama Limba QUALIFIED
Jeanfrancois B RimAustraliaIoni Bowcher UNQUALIFIED
Francesco W VocelkaRussiaElwin Sharvill PROPOSAL
Alejandro L MorascaCanadaStephen Shaw RENEWAL
Faith N ShinkoItalyAmy Elsner NEGOTIATION
Salvatore D NickaSpainIvan Magalhaes UNQUALIFIED
Cody O BowleyItalyXuxue Feng NEW
Clifford R FlosiCanadaAnna Fali PROPOSAL
Costa O FerenczSpainAsiya Javayant NEW
Alejandro X InouyeSpainIoni Bowcher PROPOSAL
Greenwood O SchemmerSpainIvan Magalhaes RENEWAL
Silvio R NestleArgentinaAnna Fali UNQUALIFIED
Claire H SchemmerSpainAsiya Javayant NEGOTIATION
Alejandro Y ButtAustraliaXuxue Feng NEW
Aruna R KuskoUnited KingdomXuxue Feng PROPOSAL
Mayumi P CaudyGermanyStephen Shaw UNQUALIFIED
Claire Y SchemmerIndiaIoni Bowcher QUALIFIED
Morrow W FlosiArgentinaElwin Sharvill NEGOTIATION
Clifford G KuskoAustraliaOnyama Limba NEGOTIATION
Tony M SchemmerRussiaAmy Elsner NEW
Stacey G FlosiBrazilOnyama Limba RENEWAL
Alejandro F FlosiRussiaBernardo Dominic UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Deepesh X SchemmerUnited KingdomOnyama Limba RENEWAL
Ricardo G SchemmerJapanAmy Elsner NEGOTIATION
Stacey A SchemmerUnited KingdomAnna Fali QUALIFIED
Adams F FerenczFranceStephen Shaw NEW
Sinclair B VenereArgentinaIvan Magalhaes NEW
Rodrigues L SaylorsSpainIvan Magalhaes QUALIFIED
Maria O PaprockiUnited KingdomOnyama Limba PROPOSAL
Silvio I TollnerFranceAnna Fali QUALIFIED
Emily A GarufiGermanyAmy Elsner PROPOSAL
Smith H PoquetteIndiaXuxue Feng NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Morrow I BowleyItaly2026-10-03Feltz Printing Service RENEWAL17Elwin Sharvill
1001Isabel C TollnerUnited Kingdom2026-10-05King, Christopher A Esq UNQUALIFIED52Onyama Limba
1002Ricardo R WhobreyItaly2026-09-23Benton, John B Jr PROPOSAL77Bernardo Dominic
1003Antonio H VocelkaBrazil2026-09-25Commercial Press UNQUALIFIED85Amy Elsner
1004Faith M SaylorsJapan2026-09-25Feiner Bros PROPOSAL23Elwin Sharvill
1005Sinclair I GarufiItaly2026-10-01Morlong Associates NEGOTIATION20Bernardo Dominic
1006Adams R ChuiSpain2026-09-30Chanay, Jeffrey A Esq NEGOTIATION0Ioni Bowcher
1007Leja X NickaGermany2026-09-19Chapman, Ross E Esq NEGOTIATION95Onyama Limba
1008Wickens A CampainUnited Kingdom2026-09-26Feltz Printing Service PROPOSAL79Elwin Sharvill
1009Rodrigues F WhobreyBrazil2026-10-05Rousseaux, Michael Esq QUALIFIED67Asiya Javayant
1010Alejandro M BriddickRussia2026-10-13Feltz Printing Service NEW18Onyama Limba
1011Jennifer X InouyeFrance2026-10-04Feiner Bros NEGOTIATION73Elwin Sharvill
1012Maria U CaldareraArgentina2026-09-22Rangoni Of Florence UNQUALIFIED12Amy Elsner
1013Ashley X RulapaughItaly2026-10-10King, Christopher A Esq QUALIFIED98Amy Elsner
1014Kadeem B KolmetzSpain2026-09-28King, Christopher A Esq UNQUALIFIED86Ivan Magalhaes
1015Kadeem N VenereSpain2026-09-15Feltz Printing Service NEW38Ioni Bowcher
1016Smith J BriddickRussia2026-10-12Dorl, James J Esq QUALIFIED41Ivan Magalhaes
1017Francesco X WhobreyBrazil2026-09-20Feiner Bros RENEWAL37Asiya Javayant
1018Mayumi A SlusarskiGermany2026-09-17Truhlar And Truhlar Attys NEGOTIATION54Ioni Bowcher
1019Ashley X RulapaughIndia2026-10-13Rousseaux, Michael Esq RENEWAL29Asiya Javayant
1020Jennifer L WaycottArgentina2026-09-20Chapman, Ross E Esq UNQUALIFIED25Elwin Sharvill
1021Alejandro R CampainRussia2026-10-12Commercial Press NEW90Asiya Javayant
1022Alejandro O MaletCanada2026-09-24Morlong Associates NEW52Onyama Limba
1023Claire H WieserArgentina2026-10-12Benton, John B Jr RENEWAL69Bernardo Dominic
1024Aruna H MorascaBrazil2026-09-15Rousseaux, Michael Esq NEW50Stephen Shaw
1025Deepesh G InouyeItaly2026-09-28Rangoni Of Florence UNQUALIFIED95Amy Elsner
1026Cody N AlbaresRussia2026-09-21Rangoni Of Florence NEW35Bernardo Dominic
1027Clifford P FerenczJapan2026-09-19Chanay, Jeffrey A Esq NEW6Xuxue Feng
1028Claire C DilliardGermany2026-09-26Benton, John B Jr UNQUALIFIED80Xuxue Feng
1029Morrow N PoquetteRussia2026-09-22Rangoni Of Florence RENEWAL65Asiya Javayant
1030Aika X RutaArgentina2026-10-06Dorl, James J Esq NEGOTIATION13Xuxue Feng
1031Adams U KuskoUnited Kingdom2026-09-15Printing Dimensions NEW67Anna Fali
1032Leja R AlbaresItaly2026-09-21Rangoni Of Florence UNQUALIFIED32Stephen Shaw
1033Kadeem K VocelkaJapan2026-09-26Commercial Press QUALIFIED47Ioni Bowcher
1034Maria S WhobreyJapan2026-10-03Morlong Associates UNQUALIFIED94Bernardo Dominic
1035Maria X SaylorsItaly2026-10-06Feltz Printing Service PROPOSAL29Onyama Limba
1036Ricardo V SlusarskiFrance2026-09-25Chanay, Jeffrey A Esq RENEWAL98Asiya Javayant
1037Mujtaba A VocelkaArgentina2026-10-05Buckley Miller Wright NEGOTIATION36Ioni Bowcher
1038Darci U BowleyCanada2026-09-23Buckley Miller Wright PROPOSAL61Amy Elsner
1039Cody C InouyeIndia2026-10-13Feiner Bros UNQUALIFIED1Amy Elsner
1040Chavez T PerinJapan2026-10-01Chemel, James L Cpa RENEWAL57Amy Elsner
1041Claire E NestleAustralia2026-10-06King, Christopher A Esq NEW92Asiya Javayant
1042Stacey H BowleyGermany2026-10-02Printing Dimensions QUALIFIED88Bernardo Dominic
1043Ashley D GarufiArgentina2026-09-19Chapman, Ross E Esq NEW88Ioni Bowcher
1044Nicolas Y StensethFrance2026-10-07Buckley Miller Wright RENEWAL88Ivan Magalhaes
1045Emily T RimUnited Kingdom2026-09-20Feiner Bros PROPOSAL6Onyama Limba
1046Julie B GlickIndia2026-09-21Feiner Bros RENEWAL37Asiya Javayant
1047Morrow M GauchoItaly2026-10-13Chanay, Jeffrey A Esq RENEWAL86Anna Fali
1048Juan B AlbaresJapan2026-09-22Rousseaux, Michael Esq RENEWAL40Stephen Shaw
1049Nicolas A WhobreyUnited Kingdom2026-09-14Printing Dimensions UNQUALIFIED54Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Alejandro P MorascaCanadaElwin Sharvill RENEWAL
Alejandro Q DilliardIndiaElwin Sharvill NEGOTIATION
Rodrigues R GillianAustraliaStephen Shaw UNQUALIFIED
Nicolas C NestleItalyOnyama Limba QUALIFIED
Cody I AmigonItalyAmy Elsner NEW
Silvio C PaprockiJapanOnyama Limba PROPOSAL
Claire Y BriddickRussiaOnyama Limba RENEWAL
Octavia L MacleadArgentinaOnyama Limba NEGOTIATION
Leon G OldroydGermanyXuxue Feng NEGOTIATION
Nicolas B CaudyUnited KingdomIvan Magalhaes UNQUALIFIED
Leon R RimAustraliaStephen Shaw NEW
Cody A FlosiArgentinaOnyama Limba NEW
Kadeem E CampainJapanXuxue Feng QUALIFIED
Greenwood B CaldareraUnited KingdomIoni Bowcher UNQUALIFIED
Maria Z FollerFranceBernardo Dominic UNQUALIFIED
Kaitlin C SchemmerCanadaOnyama Limba RENEWAL
Rodrigues X GauchoUnited KingdomStephen Shaw NEW
Johnson K CaudyItalyElwin Sharvill RENEWAL
Aruna F SaylorsCanadaIoni Bowcher RENEWAL
Munro B MacleadUnited KingdomXuxue Feng UNQUALIFIED
Arvin B AmigonGermanyAnna Fali QUALIFIED
Mujtaba A MacleadGermanyElwin Sharvill NEW
Mujtaba I StockhamRussiaAnna Fali UNQUALIFIED
Aika N StockhamBrazilAsiya Javayant UNQUALIFIED
Octavia I WhobreyBrazilBernardo Dominic PROPOSAL
Kadeem O IturbideArgentinaOnyama Limba PROPOSAL
Smith K BologniaSpainAnna Fali UNQUALIFIED
Mujtaba Z DarakjySpainXuxue Feng NEW
Mayumi T BriddickUnited KingdomElwin Sharvill NEW
Sinclair L WieserRussiaIoni Bowcher PROPOSAL
Francesco Q IturbideIndiaStephen Shaw QUALIFIED
Kadeem A SchemmerFranceOnyama Limba NEW
Wickens X FigeroaFranceIvan Magalhaes UNQUALIFIED
Stacey Y SergiFranceIoni Bowcher RENEWAL
Jennifer W SaylorsAustraliaBernardo Dominic PROPOSAL
Stacey I RutaRussiaAnna Fali NEW
Johnson F TollnerUnited KingdomStephen Shaw RENEWAL
James A BowleyRussiaAsiya Javayant NEW
Tony K StensethFranceAsiya Javayant UNQUALIFIED
Isabel R CampainSpainAmy Elsner NEW
Jones Z FlosiGermanyAsiya Javayant NEW
Wickens H TollnerUnited KingdomAnna Fali PROPOSAL
Kaitlin O RutaAustraliaAmy Elsner NEGOTIATION
Adams B FerenczCanadaAmy Elsner NEGOTIATION
Jones U DarakjyItalyAsiya Javayant PROPOSAL
Mujtaba O KolmetzFranceStephen Shaw NEGOTIATION
Clifford M FigeroaGermanyAnna Fali QUALIFIED
Alejandro B ButtIndiaElwin Sharvill PROPOSAL
Greenwood B BologniaAustraliaBernardo Dominic UNQUALIFIED
Ricardo Q FollerUnited KingdomIvan Magalhaes PROPOSAL
Frozen Columns
Name
Murillo P Flosi
Sinclair Q Caudy
Leon R Perin
Misaki L Rim
Nicolas Q Kusko
Jones G Albares
Emily B Doe
Mayumi A Inouye
Jefferson L Ferencz
Kadeem R Stenseth
Johnson F Gillian
Ricardo K Waycott
Ashley B Royster
Faith J Venere
Ivar Q Ostrosky
Emily S Gaucho
James K Flosi
Misaki G Nestle
Johnson V Morasca
Rodrigues X Whobrey
James A Foller
Greenwood N Ostrosky
Jennifer N Chui
Claire W Maclead
Sinclair R Ostrosky
Munro Z Vocelka
Cody K Briddick
Aditya R Kusko
Mujtaba M Saylors
Aditya F Kolmetz
Emily F Venere
Maria C Oldroyd
Salvatore V Wieser
Kaitlin R Saylors
Adams N Caudy
Julie W Schemmer
Stacey U Bolognia
Johnson V Chui
Adams E Darakjy
Rodrigues X Gaucho
Octavia R Kolmetz
Ricardo Y Nestle
Aruna H Venere
Mayumi Q Stenseth
Silvio X Albares
Costa A Waycott
Adams B Briddick
Johnson Z Schemmer
Jennifer X Whobrey
Wickens B Shinko
IdCountryDate
1000United Kingdom2026-10-11
1001Canada2026-09-24
1002Italy2026-10-07
1003France2026-10-01
1004Germany2026-10-06
1005Argentina2026-09-27
1006Germany2026-10-03
1007Spain2026-09-26
1008Germany2026-10-06
1009Brazil2026-09-22
1010Spain2026-10-06
1011Japan2026-09-27
1012Italy2026-10-01
1013Germany2026-09-30
1014France2026-09-25
1015India2026-09-21
1016Australia2026-10-01
1017Russia2026-09-27
1018United Kingdom2026-10-07
1019Japan2026-09-20
1020Australia2026-09-26
1021Italy2026-09-14
1022Italy2026-09-14
1023Australia2026-10-04
1024Germany2026-09-15
1025Germany2026-09-18
1026United Kingdom2026-10-03
1027Canada2026-10-01
1028Italy2026-10-01
1029Brazil2026-09-16
1030Russia2026-10-11
1031France2026-10-03
1032France2026-09-27
1033Japan2026-10-05
1034United Kingdom2026-09-18
1035Brazil2026-09-28
1036Canada2026-10-01
1037Brazil2026-10-11
1038Germany2026-09-27
1039Japan2026-10-12
1040India2026-09-14
1041Japan2026-09-26
1042Australia2026-10-06
1043Australia2026-10-05
1044Japan2026-09-18
1045Italy2026-09-25
1046Canada2026-09-28
1047Russia2026-09-24
1048Brazil2026-10-09
1049Canada2026-09-15

On-Demand Data

NameIdCountryDate
Faith E Malet1000Japan2026-09-18
Tony A Rim1001Spain2026-10-04
Munro A Royster1002Japan2026-09-15
Deepesh D Bowley1003United Kingdom2026-10-13
Morrow I Ferencz1004Brazil2026-09-16
Jeanfrancois U Marrier1005Brazil2026-10-05
Nicolas U Royster1006Japan2026-09-19
Claire M Chui1007Spain2026-09-22
Leon J Garufi1008Canada2026-10-09
Jones K Perin1009Canada2026-09-18
Johnson H Schemmer1010United Kingdom2026-10-01
Antonio D Whobrey1011Italy2026-09-19
Francesco R Waycott1012Russia2026-09-30
Alejandro Y Maclead1013France2026-09-29
Isabel F Paprocki1014Japan2026-09-19
Costa E Bolognia1015Brazil2026-09-28
Darci D Kolmetz1016Italy2026-09-22
Izzy E Ruta1017Japan2026-09-28
Leja Q Perin1018France2026-10-03
Leon C Marrier1019Japan2026-10-05
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Isabel L GillianGermanyIvan Magalhaes RENEWAL
Mujtaba G CaudyFranceElwin Sharvill NEGOTIATION
Sinclair P RoysterAustraliaStephen Shaw NEW
Costa K AlbaresArgentinaAmy Elsner NEW
Jeanfrancois O MorascaItalyAsiya Javayant NEGOTIATION
Ricardo P GlickCanadaIvan Magalhaes RENEWAL
Misaki Y SergiGermanyAnna Fali RENEWAL
Maria Y RimUnited KingdomXuxue Feng QUALIFIED
Julie E SergiFranceBernardo Dominic NEGOTIATION
Faith F PerinBrazilStephen Shaw NEW
Ashley F CampainUnited KingdomXuxue Feng QUALIFIED
Jefferson A IturbideAustraliaIvan Magalhaes NEW
Munro E IturbideItalyIoni Bowcher PROPOSAL
David F NickaSpainAsiya Javayant NEGOTIATION
Ashley I FlosiArgentinaStephen Shaw RENEWAL
Arvin V OldroydGermanyAmy Elsner NEGOTIATION
Faith P MorascaIndiaBernardo Dominic NEGOTIATION
Morrow Q RimCanadaAmy Elsner QUALIFIED
Stacey V DarakjySpainXuxue Feng NEGOTIATION
Darci Y FollerItalyAmy Elsner NEW
Stacey Z PaprockiRussiaStephen Shaw NEW
Wickens U SaylorsRussiaIoni Bowcher PROPOSAL
Sinclair A RulapaughArgentinaOnyama Limba NEW
Costa P GlickGermanyOnyama Limba RENEWAL
Alejandro W AmigonAustraliaIoni Bowcher QUALIFIED
Rodrigues Y SlusarskiItalyStephen Shaw PROPOSAL
Ivar F MarrierUnited KingdomAmy Elsner RENEWAL
Aika G NickaSpainAnna Fali NEGOTIATION
Stacey V InouyeFranceOnyama Limba PROPOSAL
Sinclair B KuskoArgentinaStephen Shaw RENEWAL
Leja D SlusarskiJapanAmy Elsner QUALIFIED
Greenwood B StockhamJapanAsiya Javayant QUALIFIED
Izzy B AlbaresArgentinaOnyama Limba PROPOSAL
Maria K StensethCanadaBernardo Dominic QUALIFIED
Ivar Z FerenczFranceXuxue Feng PROPOSAL
Mayumi A CaldareraJapanIvan Magalhaes QUALIFIED
Kadeem I WaycottAustraliaOnyama Limba NEGOTIATION
Claire G PoquetteSpainAsiya Javayant UNQUALIFIED
Deepesh S RimBrazilIoni Bowcher QUALIFIED
Ivar K AlbaresFranceAsiya Javayant 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>