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
Octavia S KolmetzArgentinaBernardo Dominic NEW
Jefferson A FerenczGermanyIvan Magalhaes PROPOSAL
Maria D VocelkaArgentinaXuxue Feng NEW
Ashley V RoysterJapanIoni Bowcher NEW
Emily T MaletGermanyAsiya Javayant NEGOTIATION
Maisha W GarufiCanadaStephen Shaw QUALIFIED
Tony S SlusarskiIndiaIvan Magalhaes QUALIFIED
Misaki P MacleadIndiaAsiya Javayant PROPOSAL
Claire V GillianJapanAnna Fali UNQUALIFIED
Emily C PoquetteRussiaStephen Shaw RENEWAL
Ashley D MorascaFranceXuxue Feng UNQUALIFIED
Ashley V RimItalyElwin Sharvill NEGOTIATION
Murillo J AmigonSpainOnyama Limba NEGOTIATION
Cody V KuskoGermanyXuxue Feng UNQUALIFIED
Kadeem Y SergiAustraliaXuxue Feng PROPOSAL
Darci V AmigonAustraliaAsiya Javayant UNQUALIFIED
Chavez M StensethIndiaBernardo Dominic QUALIFIED
Claire D PerinSpainAmy Elsner PROPOSAL
Deepesh C KolmetzJapanStephen Shaw RENEWAL
Greenwood A GillianUnited KingdomIoni Bowcher RENEWAL
Ricardo F VenereArgentinaIoni Bowcher NEW
Jennifer U TollnerItalyIoni Bowcher RENEWAL
Rodrigues T VenereIndiaStephen Shaw UNQUALIFIED
Ivar O PaprockiUnited KingdomAmy Elsner PROPOSAL
Ricardo P ButtUnited KingdomElwin Sharvill UNQUALIFIED
Wickens K BriddickGermanyOnyama Limba PROPOSAL
Antonio M FerenczUnited KingdomStephen Shaw NEW
Ricardo A BologniaUnited KingdomIoni Bowcher QUALIFIED
Izzy V OldroydItalyBernardo Dominic PROPOSAL
Tony H AmigonSpainBernardo Dominic RENEWAL
Mujtaba I ShinkoJapanAmy Elsner NEW
Jones Z PaprockiRussiaXuxue Feng NEW
Misaki E CaldareraJapanBernardo Dominic NEW
Greenwood F IturbideArgentinaAsiya Javayant UNQUALIFIED
Jones Q StockhamSpainXuxue Feng NEW
Aika H MorascaIndiaElwin Sharvill NEGOTIATION
Jennifer D NickaItalyElwin Sharvill QUALIFIED
Maria Q KuskoJapanAsiya Javayant PROPOSAL
Ivar H IturbideItalyBernardo Dominic RENEWAL
Wickens K SaylorsArgentinaElwin Sharvill UNQUALIFIED
Darci P FerenczUnited KingdomIoni Bowcher UNQUALIFIED
Arvin T AmigonFranceOnyama Limba QUALIFIED
Jones A PoquetteJapanOnyama Limba QUALIFIED
Stacey C SlusarskiUnited KingdomElwin Sharvill NEW
Aika W SchemmerSpainIvan Magalhaes PROPOSAL
Kaitlin W ButtIndiaAnna Fali UNQUALIFIED
Arvin X IturbideItalyXuxue Feng QUALIFIED
Deepesh A GauchoFranceXuxue Feng PROPOSAL
Johnson F CaldareraGermanyBernardo Dominic QUALIFIED
Deepesh E MaletItalyAsiya Javayant UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Alejandro S KolmetzUnited KingdomIvan Magalhaes QUALIFIED
Darci J DoeSpainBernardo Dominic QUALIFIED
Johnson C BologniaRussiaIvan Magalhaes PROPOSAL
Mayumi X OldroydRussiaAmy Elsner RENEWAL
Stacey T MorascaArgentinaIvan Magalhaes NEGOTIATION
Morrow N NickaSpainOnyama Limba RENEWAL
Stacey H VocelkaAustraliaAmy Elsner UNQUALIFIED
Ashley E BologniaSpainOnyama Limba UNQUALIFIED
Juan V WaycottArgentinaBernardo Dominic NEW
Smith G RutaUnited KingdomIvan Magalhaes UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Tony Y SlusarskiArgentina2026-09-07Feiner Bros PROPOSAL26Anna Fali
1001Wickens M IturbideAustralia2026-09-25Truhlar And Truhlar Attys UNQUALIFIED90Ivan Magalhaes
1002Izzy P MacleadGermany2026-09-05Feiner Bros NEGOTIATION48Onyama Limba
1003Aika E StockhamUnited Kingdom2026-09-18Commercial Press PROPOSAL68Stephen Shaw
1004Ivar C NickaIndia2026-09-11Commercial Press QUALIFIED90Ivan Magalhaes
1005Tony B WaycottIndia2026-09-23Commercial Press UNQUALIFIED73Asiya Javayant
1006Francesco C ChuiCanada2026-09-25Feltz Printing Service NEGOTIATION14Amy Elsner
1007Kaitlin P MaletRussia2026-09-10Chanay, Jeffrey A Esq NEW90Xuxue Feng
1008Jones M VenereFrance2026-10-01Buckley Miller Wright NEW30Stephen Shaw
1009Antonio V WaycottArgentina2026-09-15Chemel, James L Cpa NEW99Stephen Shaw
1010Deepesh I StockhamSpain2026-09-07Chapman, Ross E Esq RENEWAL78Ioni Bowcher
1011Chavez W InouyeItaly2026-10-01Printing Dimensions UNQUALIFIED50Elwin Sharvill
1012Aruna Z FlosiSpain2026-09-21Morlong Associates NEGOTIATION46Bernardo Dominic
1013Octavia S MarrierCanada2026-09-13Dorl, James J Esq QUALIFIED1Onyama Limba
1014Jennifer B FlosiItaly2026-09-18Benton, John B Jr RENEWAL41Onyama Limba
1015Jennifer D KuskoCanada2026-09-09Truhlar And Truhlar Attys QUALIFIED42Amy Elsner
1016Ivar C ShinkoUnited Kingdom2026-09-09Chapman, Ross E Esq UNQUALIFIED20Onyama Limba
1017Ivar L RutaIndia2026-09-22Chemel, James L Cpa PROPOSAL4Ivan Magalhaes
1018Julie M WieserUnited Kingdom2026-09-17Feiner Bros PROPOSAL20Xuxue Feng
1019Darci Y SlusarskiFrance2026-09-16Chanay, Jeffrey A Esq NEGOTIATION39Bernardo Dominic
1020Adams T DilliardCanada2026-09-02Dorl, James J Esq NEW95Amy Elsner
1021Leon D RulapaughIndia2026-09-27Rangoni Of Florence NEW68Onyama Limba
1022Adams Q PerinAustralia2026-09-22Truhlar And Truhlar Attys RENEWAL56Ioni Bowcher
1023Faith G SlusarskiIndia2026-09-11Commercial Press PROPOSAL55Onyama Limba
1024Sinclair T InouyeItaly2026-09-07Rangoni Of Florence UNQUALIFIED49Stephen Shaw
1025Misaki L PaprockiJapan2026-09-22Rousseaux, Michael Esq NEW25Stephen Shaw
1026Maisha K ButtItaly2026-09-02Chemel, James L Cpa RENEWAL37Stephen Shaw
1027Silvio W SergiAustralia2026-09-02Feltz Printing Service QUALIFIED64Amy Elsner
1028Faith L VenereAustralia2026-09-20Chanay, Jeffrey A Esq UNQUALIFIED0Amy Elsner
1029Murillo D KuskoJapan2026-09-19Commercial Press QUALIFIED31Ivan Magalhaes
1030Murillo H PerinGermany2026-09-10Feiner Bros NEGOTIATION83Ioni Bowcher
1031Leja Q InouyeSpain2026-09-02Dorl, James J Esq QUALIFIED47Anna Fali
1032Cody V FigeroaItaly2026-09-13Truhlar And Truhlar Attys QUALIFIED16Elwin Sharvill
1033Jeanfrancois I FigeroaIndia2026-09-03Morlong Associates NEGOTIATION96Onyama Limba
1034Alejandro R CampainBrazil2026-09-18Morlong Associates RENEWAL27Onyama Limba
1035Leja F DilliardJapan2026-09-18Printing Dimensions RENEWAL20Elwin Sharvill
1036Nicolas D VocelkaAustralia2026-10-01Chanay, Jeffrey A Esq PROPOSAL78Ioni Bowcher
1037Misaki I MarrierArgentina2026-09-30Buckley Miller Wright PROPOSAL29Anna Fali
1038Faith Y NestleIndia2026-09-05Chemel, James L Cpa QUALIFIED21Anna Fali
1039Mujtaba G InouyeFrance2026-09-13Printing Dimensions PROPOSAL7Xuxue Feng
1040Wickens P InouyeJapan2026-09-29Feiner Bros RENEWAL38Anna Fali
1041Jefferson R FollerBrazil2026-09-03Chanay, Jeffrey A Esq QUALIFIED40Anna Fali
1042Leon O FlosiUnited Kingdom2026-09-12King, Christopher A Esq RENEWAL87Stephen Shaw
1043Deepesh M SaylorsJapan2026-09-13Chanay, Jeffrey A Esq QUALIFIED45Bernardo Dominic
1044James R NickaJapan2026-09-03Feltz Printing Service NEW54Onyama Limba
1045Claire H ButtSpain2026-09-16Chemel, James L Cpa RENEWAL49Ivan Magalhaes
1046Mayumi E AmigonItaly2026-09-11Morlong Associates UNQUALIFIED81Xuxue Feng
1047Kaitlin X PaprockiBrazil2026-09-16Dorl, James J Esq PROPOSAL90Ioni Bowcher
1048Ricardo Y InouyeArgentina2026-09-30Chanay, Jeffrey A Esq NEGOTIATION97Asiya Javayant
1049Aditya P DilliardIndia2026-09-27Feltz Printing Service RENEWAL37Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Aika S PerinFranceIvan Magalhaes RENEWAL
Darci D FigeroaFranceAnna Fali NEGOTIATION
Adams Y NickaUnited KingdomIvan Magalhaes PROPOSAL
Kadeem F SlusarskiIndiaXuxue Feng NEW
Mayumi N MorascaArgentinaStephen Shaw PROPOSAL
Jeanfrancois C AmigonAustraliaAnna Fali PROPOSAL
Greenwood E CaldareraArgentinaOnyama Limba NEGOTIATION
Jeanfrancois W RoysterGermanyElwin Sharvill QUALIFIED
Misaki C KuskoSpainStephen Shaw NEGOTIATION
Ivar X DilliardBrazilIoni Bowcher UNQUALIFIED
Julie F StockhamItalyAsiya Javayant QUALIFIED
Jennifer R GauchoFranceBernardo Dominic UNQUALIFIED
Nicolas S MaletRussiaAnna Fali RENEWAL
Adams E DarakjyBrazilXuxue Feng NEW
Darci Z BriddickItalyOnyama Limba PROPOSAL
Costa S MaletAustraliaAnna Fali QUALIFIED
Antonio V DilliardSpainElwin Sharvill NEGOTIATION
Deepesh Z CampainArgentinaAmy Elsner NEW
Smith L GauchoAustraliaAmy Elsner NEGOTIATION
Tony W BowleyFranceXuxue Feng RENEWAL
Leja C BriddickFranceElwin Sharvill UNQUALIFIED
Jones D StensethIndiaIoni Bowcher QUALIFIED
Jennifer T FollerFranceAsiya Javayant UNQUALIFIED
Clifford O TollnerItalyAsiya Javayant UNQUALIFIED
Ivar I CampainItalyAsiya Javayant UNQUALIFIED
Maisha X AlbaresRussiaAnna Fali RENEWAL
Jennifer L FlosiAustraliaIvan Magalhaes RENEWAL
David V FlosiUnited KingdomXuxue Feng NEGOTIATION
Faith F RoysterGermanyAnna Fali RENEWAL
Arvin L AmigonRussiaAsiya Javayant NEGOTIATION
Maria Y KuskoArgentinaBernardo Dominic QUALIFIED
Juan U BologniaJapanXuxue Feng NEGOTIATION
Jones B GillianItalyElwin Sharvill UNQUALIFIED
Kaitlin Z DilliardFranceBernardo Dominic UNQUALIFIED
Jefferson P BriddickAustraliaIoni Bowcher QUALIFIED
Chavez X SaylorsArgentinaAsiya Javayant RENEWAL
Jennifer H PerinAustraliaAmy Elsner QUALIFIED
Tony X VocelkaJapanOnyama Limba RENEWAL
Silvio A WaycottFranceIoni Bowcher UNQUALIFIED
Greenwood T FerenczArgentinaAsiya Javayant NEGOTIATION
Jeanfrancois A RimCanadaOnyama Limba RENEWAL
Sinclair B RutaArgentinaIvan Magalhaes NEW
Clifford G FlosiBrazilStephen Shaw NEGOTIATION
Stacey E SergiRussiaXuxue Feng UNQUALIFIED
Aditya Q CampainFranceAmy Elsner PROPOSAL
Jennifer Q RimArgentinaOnyama Limba UNQUALIFIED
Wickens K VocelkaUnited KingdomAsiya Javayant RENEWAL
Murillo M InouyeFranceBernardo Dominic PROPOSAL
Francesco X NestleBrazilStephen Shaw NEW
Claire S SchemmerGermanyElwin Sharvill QUALIFIED
Frozen Columns
Name
Jones A Marrier
Chavez O Stenseth
Juan J Dilliard
Isabel E Butt
Ashley A Venere
Maria N Malet
Clifford D Poquette
Darci R Ruta
Rodrigues R Caudy
Kaitlin X Stenseth
Jones Q Whobrey
Claire K Foller
Ricardo M Maclead
Salvatore B Figeroa
David F Nestle
Morrow K Malet
Murillo K Darakjy
Ashley O Nicka
Cody I Malet
Stacey S Iturbide
Aika Z Garufi
Wickens Z Whobrey
Alejandro F Inouye
Antonio P Butt
Darci H Chui
James V Glick
Adams I Chui
Aruna G Maclead
Claire V Foller
Sinclair L Briddick
Wickens O Dilliard
Mujtaba P Bolognia
Leja H Whobrey
Kaitlin B Whobrey
Jennifer Z Tollner
Jennifer R Waycott
Izzy J Glick
Faith O Dilliard
Isabel Z Butt
Aruna Z Garufi
Emily Z Schemmer
Kaitlin Y Gillian
Wickens O Figeroa
Leja I Kusko
Stacey C Albares
Mayumi N Stockham
Kadeem H Briddick
Adams O Malet
Morrow L Stockham
Greenwood J Waycott
IdCountryDate
1000Japan2026-09-27
1001France2026-09-08
1002Brazil2026-09-04
1003Italy2026-09-20
1004Japan2026-09-28
1005Brazil2026-09-24
1006Canada2026-09-17
1007France2026-09-12
1008Russia2026-09-02
1009Italy2026-09-22
1010Canada2026-10-01
1011India2026-09-20
1012Germany2026-09-04
1013Italy2026-09-14
1014Russia2026-09-27
1015Germany2026-09-21
1016Japan2026-10-01
1017Australia2026-09-08
1018Brazil2026-09-25
1019United Kingdom2026-09-10
1020Brazil2026-09-10
1021Japan2026-09-23
1022France2026-09-08
1023Japan2026-09-04
1024Spain2026-09-16
1025France2026-09-04
1026Argentina2026-09-10
1027Canada2026-09-20
1028Brazil2026-09-04
1029India2026-09-13
1030India2026-09-13
1031Russia2026-09-06
1032United Kingdom2026-09-17
1033Argentina2026-09-02
1034Russia2026-09-07
1035France2026-09-09
1036Australia2026-09-26
1037Russia2026-09-12
1038Russia2026-09-02
1039Italy2026-09-14
1040United Kingdom2026-09-05
1041Brazil2026-09-11
1042Canada2026-09-12
1043Canada2026-09-15
1044Japan2026-09-30
1045United Kingdom2026-09-27
1046Brazil2026-09-24
1047Argentina2026-09-20
1048Russia2026-09-06
1049United Kingdom2026-09-16

On-Demand Data

NameIdCountryDate
Nicolas W Briddick1000Argentina2026-09-08
Alejandro B Venere1001Germany2026-09-16
Stacey J Malet1002Australia2026-09-23
Alejandro P Figeroa1003Germany2026-09-10
Ricardo Q Figeroa1004United Kingdom2026-09-19
Kaitlin D Foller1005Russia2026-09-27
Sinclair L Ruta1006Canada2026-09-09
Morrow M Malet1007France2026-09-23
Chavez A Gaucho1008Russia2026-09-30
Sinclair F Figeroa1009India2026-09-04
Sinclair G Waycott1010United Kingdom2026-09-06
Nicolas I Kusko1011Spain2026-09-05
Julie A Briddick1012Japan2026-09-21
Ricardo C Perin1013Russia2026-09-14
Misaki H Figeroa1014Japan2026-09-13
David P Whobrey1015United Kingdom2026-09-14
Octavia M Marrier1016Argentina2026-09-17
Munro E Caldarera1017India2026-10-01
Octavia M Stenseth1018Argentina2026-09-26
Leon X Kolmetz1019Italy2026-09-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Kadeem H PerinJapanIvan Magalhaes UNQUALIFIED
Cody U FerenczCanadaAmy Elsner UNQUALIFIED
Maria L WaycottSpainIvan Magalhaes QUALIFIED
Rodrigues S BowleyGermanyAsiya Javayant RENEWAL
Antonio I CampainItalyXuxue Feng RENEWAL
Ashley W RutaArgentinaXuxue Feng PROPOSAL
Kaitlin T GlickUnited KingdomElwin Sharvill PROPOSAL
Jennifer F SaylorsJapanAnna Fali NEGOTIATION
Morrow M RutaArgentinaStephen Shaw PROPOSAL
Jennifer D CaldareraAustraliaOnyama Limba NEGOTIATION
Ivar R MaletSpainBernardo Dominic QUALIFIED
Wickens H ChuiGermanyOnyama Limba NEGOTIATION
Arvin U GauchoUnited KingdomXuxue Feng PROPOSAL
Leja A RulapaughItalyIoni Bowcher NEW
Darci R DoeBrazilStephen Shaw UNQUALIFIED
James X PoquetteItalyBernardo Dominic NEGOTIATION
Izzy B AmigonFranceElwin Sharvill QUALIFIED
Leja V SlusarskiItalyOnyama Limba PROPOSAL
Isabel H FollerCanadaIoni Bowcher QUALIFIED
Julie E MacleadItalyIoni Bowcher NEW
Wickens R FerenczRussiaAmy Elsner PROPOSAL
Munro F NestleIndiaStephen Shaw NEW
Octavia P OldroydIndiaStephen Shaw UNQUALIFIED
Chavez V NickaArgentinaBernardo Dominic RENEWAL
Antonio N CampainRussiaElwin Sharvill NEW
Smith W AlbaresRussiaXuxue Feng NEW
James P MacleadJapanStephen Shaw NEGOTIATION
Silvio B DoeBrazilIoni Bowcher NEW
James A BowleyArgentinaOnyama Limba PROPOSAL
Ashley R SaylorsItalyElwin Sharvill UNQUALIFIED
Antonio U NickaUnited KingdomStephen Shaw NEW
Jones R MarrierUnited KingdomAnna Fali PROPOSAL
Alejandro L StensethFranceAsiya Javayant UNQUALIFIED
Deepesh C WieserGermanyStephen Shaw NEGOTIATION
Alejandro Q NestleArgentinaXuxue Feng RENEWAL
Jefferson G MarrierJapanIoni Bowcher RENEWAL
Salvatore J GarufiIndiaOnyama Limba RENEWAL
Aditya V SchemmerBrazilIoni Bowcher PROPOSAL
Isabel F MorascaJapanAnna Fali QUALIFIED
Kaitlin F GauchoJapanAsiya Javayant 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>