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
Adams X WaycottJapanIvan Magalhaes QUALIFIED
Silvio I StensethIndiaElwin Sharvill UNQUALIFIED
Costa N WieserSpainElwin Sharvill PROPOSAL
Mujtaba S OstroskyRussiaOnyama Limba NEGOTIATION
Silvio Y KuskoCanadaElwin Sharvill QUALIFIED
Johnson M MaletRussiaAnna Fali NEGOTIATION
Antonio B DarakjyUnited KingdomAnna Fali RENEWAL
Kadeem M GlickSpainAmy Elsner QUALIFIED
Faith G MarrierBrazilBernardo Dominic NEW
Francesco H BologniaRussiaXuxue Feng RENEWAL
Maisha R MaletAustraliaAmy Elsner NEGOTIATION
Julie N MaletFranceOnyama Limba UNQUALIFIED
Stacey T RutaJapanOnyama Limba UNQUALIFIED
Julie Y StockhamUnited KingdomOnyama Limba NEGOTIATION
Ivar D BologniaBrazilAsiya Javayant RENEWAL
Rodrigues K GarufiJapanBernardo Dominic QUALIFIED
Ricardo C RulapaughAustraliaElwin Sharvill PROPOSAL
Isabel K FigeroaRussiaOnyama Limba NEW
Aditya P FlosiCanadaIvan Magalhaes QUALIFIED
Ivar R ShinkoCanadaStephen Shaw NEGOTIATION
Rodrigues Z BriddickUnited KingdomOnyama Limba PROPOSAL
Ricardo Y KolmetzBrazilBernardo Dominic NEGOTIATION
Kadeem T SaylorsArgentinaXuxue Feng UNQUALIFIED
Julie I VocelkaFranceIvan Magalhaes NEGOTIATION
Francesco Z NestleJapanAsiya Javayant NEGOTIATION
Antonio D DilliardFranceXuxue Feng QUALIFIED
Darci U VenereFranceElwin Sharvill RENEWAL
Alejandro R BriddickGermanyXuxue Feng NEGOTIATION
Johnson T StockhamArgentinaIvan Magalhaes QUALIFIED
Ricardo W RoysterGermanyIoni Bowcher NEGOTIATION
Maisha D BologniaSpainAsiya Javayant RENEWAL
David D SaylorsGermanyAmy Elsner NEGOTIATION
Cody F GillianSpainOnyama Limba UNQUALIFIED
Costa T KuskoAustraliaOnyama Limba QUALIFIED
Murillo T AlbaresItalyIvan Magalhaes UNQUALIFIED
Rodrigues R StockhamIndiaIoni Bowcher PROPOSAL
Johnson M FigeroaAustraliaIoni Bowcher RENEWAL
Juan C GlickUnited KingdomAnna Fali QUALIFIED
Emily A CampainItalyXuxue Feng RENEWAL
Tony O BriddickIndiaAnna Fali NEGOTIATION
Emily L KuskoRussiaOnyama Limba RENEWAL
Alejandro W GarufiGermanyIoni Bowcher NEGOTIATION
Chavez X OldroydJapanBernardo Dominic NEW
Morrow U ShinkoSpainIoni Bowcher UNQUALIFIED
Izzy D InouyeIndiaBernardo Dominic NEW
Arvin S FerenczFranceAnna Fali PROPOSAL
Murillo H SchemmerIndiaIoni Bowcher NEGOTIATION
Claire P FollerCanadaAsiya Javayant PROPOSAL
Cody U NickaCanadaAnna Fali QUALIFIED
Cody U BologniaBrazilIvan Magalhaes RENEWAL
Horizontal
NameCountryRepresentativeStatus
Ricardo V DarakjyItalyAnna Fali QUALIFIED
Juan N MacleadAustraliaIoni Bowcher QUALIFIED
Leja V PoquetteRussiaAsiya Javayant PROPOSAL
Claire Y RimFranceBernardo Dominic UNQUALIFIED
Mayumi P MorascaIndiaAnna Fali PROPOSAL
Mayumi L BowleyUnited KingdomAnna Fali NEW
Deepesh B VocelkaBrazilAmy Elsner NEGOTIATION
Octavia X InouyeArgentinaOnyama Limba QUALIFIED
Isabel L RulapaughRussiaBernardo Dominic UNQUALIFIED
Jeanfrancois C NestleUnited KingdomAsiya Javayant UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Alejandro J CaldareraIndia2026-10-15Feiner Bros UNQUALIFIED54Elwin Sharvill
1001Greenwood A FerenczJapan2026-10-27King, Christopher A Esq NEW68Anna Fali
1002Tony N BologniaArgentina2026-11-06Dorl, James J Esq QUALIFIED70Asiya Javayant
1003Chavez B DilliardGermany2026-11-06Printing Dimensions NEGOTIATION0Stephen Shaw
1004Darci R RutaRussia2026-10-20Truhlar And Truhlar Attys NEGOTIATION14Onyama Limba
1005Silvio H WieserRussia2026-11-05Chemel, James L Cpa QUALIFIED55Anna Fali
1006Misaki H ChuiUnited Kingdom2026-10-18Benton, John B Jr NEGOTIATION6Stephen Shaw
1007Francesco T NestleArgentina2026-10-25King, Christopher A Esq PROPOSAL66Xuxue Feng
1008Leon A RulapaughGermany2026-10-19Rousseaux, Michael Esq NEGOTIATION52Amy Elsner
1009Adams D RimGermany2026-10-28Morlong Associates UNQUALIFIED10Bernardo Dominic
1010Isabel Q MorascaGermany2026-11-01Buckley Miller Wright QUALIFIED35Anna Fali
1011Ashley C MaletUnited Kingdom2026-10-26Chanay, Jeffrey A Esq RENEWAL68Asiya Javayant
1012Faith R SergiIndia2026-11-01Chanay, Jeffrey A Esq UNQUALIFIED20Ivan Magalhaes
1013Julie U RoysterJapan2026-10-28Chapman, Ross E Esq QUALIFIED6Asiya Javayant
1014Maria U MorascaIndia2026-10-17Buckley Miller Wright NEGOTIATION46Elwin Sharvill
1015Claire B WhobreyArgentina2026-11-11Truhlar And Truhlar Attys NEW87Elwin Sharvill
1016Ivar U SaylorsAustralia2026-10-22Rangoni Of Florence RENEWAL38Xuxue Feng
1017Kaitlin J NestleItaly2026-10-29Chanay, Jeffrey A Esq NEGOTIATION17Amy Elsner
1018Wickens C RimFrance2026-11-07Chemel, James L Cpa UNQUALIFIED60Asiya Javayant
1019Morrow V DarakjyUnited Kingdom2026-11-01Chemel, James L Cpa UNQUALIFIED43Onyama Limba
1020Ashley A CampainCanada2026-10-24Chanay, Jeffrey A Esq UNQUALIFIED16Stephen Shaw
1021Francesco K FollerGermany2026-10-31Dorl, James J Esq NEW18Asiya Javayant
1022Emily H NickaIndia2026-10-25Chanay, Jeffrey A Esq NEW91Ivan Magalhaes
1023Wickens X PerinArgentina2026-11-01Buckley Miller Wright UNQUALIFIED1Stephen Shaw
1024Clifford Z BriddickSpain2026-10-20Feiner Bros NEW4Bernardo Dominic
1025Clifford E StensethIndia2026-11-06Feiner Bros RENEWAL59Ivan Magalhaes
1026Arvin K RutaAustralia2026-10-25Morlong Associates NEW59Amy Elsner
1027Tony W FlosiBrazil2026-10-26Morlong Associates UNQUALIFIED82Asiya Javayant
1028Juan G GarufiFrance2026-11-09Buckley Miller Wright QUALIFIED44Ioni Bowcher
1029David R TollnerAustralia2026-10-30Chemel, James L Cpa NEW40Onyama Limba
1030Ivar V ChuiCanada2026-10-30Benton, John B Jr NEGOTIATION24Stephen Shaw
1031Stacey Z GlickUnited Kingdom2026-11-06Commercial Press RENEWAL25Ivan Magalhaes
1032Mayumi R RimCanada2026-11-07King, Christopher A Esq UNQUALIFIED60Ivan Magalhaes
1033Jeanfrancois A PoquetteRussia2026-11-05Feltz Printing Service RENEWAL96Onyama Limba
1034Rodrigues V StensethCanada2026-10-24King, Christopher A Esq NEW30Ivan Magalhaes
1035Leon X SergiIndia2026-10-24Feiner Bros QUALIFIED18Ioni Bowcher
1036Francesco B VocelkaArgentina2026-11-07King, Christopher A Esq QUALIFIED35Ivan Magalhaes
1037Silvio Z MacleadFrance2026-11-11Morlong Associates UNQUALIFIED92Onyama Limba
1038Aditya N InouyeIndia2026-10-26Truhlar And Truhlar Attys NEW31Anna Fali
1039Munro F KuskoJapan2026-10-16Feltz Printing Service QUALIFIED57Ioni Bowcher
1040Mayumi V FerenczItaly2026-10-21Rousseaux, Michael Esq NEW4Stephen Shaw
1041Ricardo W VocelkaRussia2026-11-01Feltz Printing Service RENEWAL19Asiya Javayant
1042Misaki Z FollerFrance2026-10-28Morlong Associates QUALIFIED82Ivan Magalhaes
1043Juan N MacleadAustralia2026-11-08Benton, John B Jr UNQUALIFIED76Onyama Limba
1044Francesco X FigeroaIndia2026-11-02King, Christopher A Esq NEW15Ioni Bowcher
1045Aruna D WieserCanada2026-10-22Dorl, James J Esq NEW15Asiya Javayant
1046Ivar E PerinUnited Kingdom2026-11-09Buckley Miller Wright QUALIFIED71Amy Elsner
1047Arvin V BowleyRussia2026-10-19Benton, John B Jr QUALIFIED79Stephen Shaw
1048Francesco I RutaIndia2026-11-09Chemel, James L Cpa NEGOTIATION57Amy Elsner
1049Cody A RimBrazil2026-11-10Buckley Miller Wright RENEWAL0Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Jennifer O BriddickArgentinaAnna Fali RENEWAL
Izzy K RutaCanadaStephen Shaw NEW
Jones O GillianArgentinaAmy Elsner QUALIFIED
Jeanfrancois V RulapaughBrazilElwin Sharvill QUALIFIED
Chavez H KuskoItalyBernardo Dominic NEGOTIATION
Adams K GlickIndiaAmy Elsner NEGOTIATION
Emily W MorascaRussiaAmy Elsner UNQUALIFIED
Mayumi T MaletIndiaOnyama Limba UNQUALIFIED
Ricardo A AlbaresIndiaBernardo Dominic UNQUALIFIED
Alejandro H BowleyItalyAmy Elsner PROPOSAL
Sinclair B VenereFranceIoni Bowcher UNQUALIFIED
Salvatore F ButtBrazilElwin Sharvill QUALIFIED
Morrow L WhobreyBrazilAnna Fali NEGOTIATION
Tony B BowleyArgentinaOnyama Limba UNQUALIFIED
Antonio Q DarakjySpainOnyama Limba PROPOSAL
Morrow I OstroskySpainIoni Bowcher NEGOTIATION
Jones D WaycottJapanIvan Magalhaes UNQUALIFIED
Ivar R AlbaresCanadaElwin Sharvill RENEWAL
Arvin T VocelkaUnited KingdomAnna Fali PROPOSAL
Jefferson A InouyeSpainElwin Sharvill PROPOSAL
Jefferson X GlickCanadaOnyama Limba NEW
Johnson D MaletFranceIvan Magalhaes UNQUALIFIED
Munro C MaletJapanBernardo Dominic NEW
Aika E SlusarskiItalyXuxue Feng QUALIFIED
Silvio Q NestleFranceOnyama Limba NEGOTIATION
Jennifer D RimIndiaBernardo Dominic NEGOTIATION
Emily Y MaletFranceAmy Elsner PROPOSAL
Emily L DarakjyFranceAnna Fali NEW
Adams M OldroydSpainAnna Fali NEGOTIATION
Mujtaba K DarakjyItalyOnyama Limba UNQUALIFIED
Tony S WaycottIndiaIvan Magalhaes PROPOSAL
Arvin S KuskoIndiaBernardo Dominic RENEWAL
Isabel N TollnerFranceAnna Fali NEW
Claire J MaletJapanStephen Shaw QUALIFIED
Morrow L DilliardItalyAmy Elsner NEW
Jennifer U AlbaresCanadaAsiya Javayant PROPOSAL
Faith G NickaJapanIvan Magalhaes RENEWAL
Francesco R WhobreyCanadaBernardo Dominic PROPOSAL
Ricardo A GillianArgentinaBernardo Dominic RENEWAL
Juan X AlbaresUnited KingdomStephen Shaw NEGOTIATION
Aika B MaletRussiaAmy Elsner PROPOSAL
Aika W FigeroaArgentinaAsiya Javayant UNQUALIFIED
Tony R BologniaUnited KingdomStephen Shaw NEW
Johnson N VenereIndiaXuxue Feng RENEWAL
Silvio G SaylorsUnited KingdomStephen Shaw QUALIFIED
Adams K DarakjyAustraliaStephen Shaw PROPOSAL
Ricardo A GauchoArgentinaBernardo Dominic NEGOTIATION
Clifford U WhobreyJapanStephen Shaw UNQUALIFIED
Salvatore T SchemmerJapanAsiya Javayant NEW
Mujtaba C SchemmerJapanIvan Magalhaes QUALIFIED
Frozen Columns
Name
Murillo F Iturbide
Mayumi B Vocelka
James G Kolmetz
Clifford G Flosi
James J Butt
Adams B Vocelka
Chavez S Ruta
Salvatore W Kusko
Jeanfrancois L Chui
Aika B Briddick
Jeanfrancois H Bowley
Arvin Q Paprocki
Faith A Poquette
Murillo H Glick
Greenwood S Bowley
Antonio B Butt
Izzy U Schemmer
Johnson W Poquette
James L Gaucho
Nicolas J Saylors
Deepesh O Kusko
Emily P Albares
Tony V Gaucho
David D Doe
Costa S Tollner
Sinclair R Malet
Aruna D Morasca
Aruna J Nicka
Chavez H Campain
Emily S Poquette
Kadeem W Stenseth
Jeanfrancois N Rim
Leon G Nestle
Mujtaba Z Nicka
Arvin J Saylors
Morrow H Butt
Arvin L Caudy
Ashley M Bolognia
Jones M Gillian
Leja V Schemmer
Smith D Marrier
Claire O Glick
Izzy E Sergi
Munro B Morasca
Wickens O Perin
Nicolas H Schemmer
Maisha A Flosi
Sinclair Q Bolognia
Faith L Glick
Jeanfrancois P Chui
IdCountryDate
1000United Kingdom2026-10-26
1001Japan2026-11-01
1002Canada2026-10-27
1003Argentina2026-11-03
1004Spain2026-10-13
1005Argentina2026-10-21
1006Russia2026-11-06
1007Argentina2026-10-22
1008Spain2026-10-24
1009France2026-11-11
1010Spain2026-11-01
1011Canada2026-10-31
1012Australia2026-10-20
1013Canada2026-10-19
1014France2026-10-15
1015Italy2026-10-23
1016Australia2026-11-10
1017France2026-11-01
1018Argentina2026-11-09
1019Russia2026-11-11
1020France2026-10-31
1021Canada2026-11-05
1022Australia2026-11-05
1023Brazil2026-11-06
1024India2026-11-07
1025Australia2026-10-27
1026France2026-10-16
1027France2026-11-08
1028Brazil2026-10-28
1029Japan2026-10-28
1030India2026-11-09
1031United Kingdom2026-10-28
1032Japan2026-10-24
1033Brazil2026-10-15
1034France2026-10-30
1035Argentina2026-11-02
1036France2026-11-04
1037United Kingdom2026-10-16
1038Brazil2026-11-11
1039Brazil2026-11-10
1040Japan2026-11-09
1041United Kingdom2026-10-14
1042United Kingdom2026-10-23
1043Spain2026-10-15
1044Japan2026-10-17
1045Spain2026-10-20
1046Australia2026-11-02
1047Russia2026-10-27
1048Japan2026-10-16
1049Italy2026-10-13

On-Demand Data

NameIdCountryDate
Nicolas B Caldarera1000Italy2026-11-09
Francesco E Gillian1001Spain2026-11-03
Izzy Q Ferencz1002Japan2026-10-30
Leon U Saylors1003Canada2026-11-03
Kaitlin J Sergi1004Argentina2026-11-11
Cody I Ferencz1005Russia2026-10-31
Jones F Paprocki1006India2026-11-02
Jones Y Inouye1007Italy2026-10-13
Aditya T Doe1008Spain2026-11-08
Costa E Gaucho1009Japan2026-10-29
Leja M Paprocki1010France2026-10-25
Aruna A Figeroa1011Germany2026-10-26
Jones Z Schemmer1012Canada2026-10-18
Ivar K Doe1013Japan2026-11-02
Leja Q Albares1014India2026-11-02
Wickens V Oldroyd1015Argentina2026-10-15
Jones C Flosi1016Russia2026-11-09
Ivar A Glick1017Italy2026-10-21
Rodrigues X Dilliard1018Italy2026-11-07
Izzy C Malet1019Australia2026-10-18
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Kadeem U ButtSpainAmy Elsner NEGOTIATION
Sinclair C FigeroaIndiaAmy Elsner RENEWAL
Ivar H VocelkaJapanAmy Elsner NEGOTIATION
Leon N VocelkaSpainAnna Fali UNQUALIFIED
Rodrigues N DarakjyFranceStephen Shaw NEGOTIATION
Salvatore R FlosiRussiaBernardo Dominic RENEWAL
Emily S TollnerAustraliaXuxue Feng QUALIFIED
Leon D VocelkaUnited KingdomAmy Elsner NEGOTIATION
Cody J SaylorsFranceIoni Bowcher UNQUALIFIED
Darci W StensethGermanyElwin Sharvill QUALIFIED
Salvatore F BologniaRussiaBernardo Dominic NEGOTIATION
David C DilliardJapanAnna Fali RENEWAL
Alejandro G RimRussiaAnna Fali NEGOTIATION
Costa O MaletCanadaIvan Magalhaes QUALIFIED
Nicolas X AlbaresCanadaIvan Magalhaes RENEWAL
Nicolas I InouyeGermanyIoni Bowcher NEGOTIATION
Sinclair Y WieserUnited KingdomAsiya Javayant QUALIFIED
Sinclair X CaldareraAustraliaStephen Shaw UNQUALIFIED
Ricardo X DoeIndiaIoni Bowcher QUALIFIED
Cody N AlbaresItalyIvan Magalhaes QUALIFIED
Izzy C ChuiIndiaElwin Sharvill UNQUALIFIED
Munro D RimJapanElwin Sharvill NEGOTIATION
Kadeem N PerinJapanIoni Bowcher NEGOTIATION
Adams L VocelkaBrazilIoni Bowcher UNQUALIFIED
David T SlusarskiRussiaAmy Elsner QUALIFIED
Izzy A KuskoArgentinaStephen Shaw UNQUALIFIED
Antonio X SlusarskiUnited KingdomElwin Sharvill RENEWAL
Arvin J PaprockiRussiaIoni Bowcher RENEWAL
Adams V ShinkoRussiaElwin Sharvill NEW
Isabel B PoquetteItalyStephen Shaw QUALIFIED
Morrow U KuskoCanadaAmy Elsner RENEWAL
Tony S ButtCanadaXuxue Feng UNQUALIFIED
Sinclair G ChuiSpainAnna Fali NEW
Clifford U TollnerBrazilAsiya Javayant PROPOSAL
Claire K BologniaItalyAmy Elsner RENEWAL
Tony I MacleadItalyElwin Sharvill UNQUALIFIED
Claire O SaylorsUnited KingdomBernardo Dominic NEGOTIATION
Faith Q GauchoJapanBernardo Dominic QUALIFIED
Maisha X KolmetzGermanyBernardo Dominic NEGOTIATION
Isabel S ChuiJapanBernardo Dominic PROPOSAL

<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>