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
Mujtaba R DarakjyArgentinaXuxue Feng RENEWAL
Deepesh D BriddickRussiaAmy Elsner RENEWAL
Smith O GillianBrazilIoni Bowcher NEW
Rodrigues C WieserRussiaOnyama Limba UNQUALIFIED
Tony S CaudyCanadaAnna Fali RENEWAL
Morrow B FollerAustraliaAsiya Javayant QUALIFIED
Emily B FollerBrazilStephen Shaw QUALIFIED
Aika U MarrierAustraliaStephen Shaw NEW
Ivar P VenereIndiaAsiya Javayant NEGOTIATION
Julie C VocelkaSpainAmy Elsner QUALIFIED
Tony K NestleArgentinaAnna Fali UNQUALIFIED
Tony L IturbideAustraliaIvan Magalhaes NEGOTIATION
Aditya S CaudyGermanyOnyama Limba RENEWAL
Chavez L RutaCanadaElwin Sharvill QUALIFIED
Jennifer X AmigonIndiaIoni Bowcher PROPOSAL
Leon E FigeroaJapanIoni Bowcher PROPOSAL
Octavia K IturbideItalyAsiya Javayant NEGOTIATION
Silvio Q BowleyRussiaAnna Fali PROPOSAL
Chavez F GlickGermanyIoni Bowcher NEGOTIATION
Ricardo G StensethArgentinaElwin Sharvill NEW
Wickens O NickaCanadaIvan Magalhaes RENEWAL
Rodrigues K DilliardGermanyAmy Elsner PROPOSAL
Mayumi W DilliardSpainIoni Bowcher NEGOTIATION
Aditya S InouyeJapanAmy Elsner QUALIFIED
James E RulapaughRussiaBernardo Dominic NEW
Ashley U NestleIndiaXuxue Feng QUALIFIED
James S VocelkaSpainElwin Sharvill PROPOSAL
Leon M MaletCanadaOnyama Limba NEW
Arvin P FerenczIndiaBernardo Dominic NEW
Cody C WaycottItalyAsiya Javayant PROPOSAL
James Y ButtItalyIvan Magalhaes PROPOSAL
Arvin O SchemmerGermanyIvan Magalhaes RENEWAL
Leja P ShinkoRussiaIoni Bowcher PROPOSAL
Kaitlin S DoeRussiaXuxue Feng NEW
Ivar A KolmetzGermanyIvan Magalhaes NEW
Rodrigues M VenereFranceAmy Elsner RENEWAL
Mayumi M StensethCanadaBernardo Dominic NEW
Aika S SaylorsGermanyAnna Fali UNQUALIFIED
Jefferson O ChuiAustraliaAmy Elsner NEW
Aditya R NickaIndiaIvan Magalhaes UNQUALIFIED
Rodrigues R VenereBrazilAmy Elsner NEGOTIATION
Misaki E WieserGermanyIoni Bowcher RENEWAL
Isabel K DoeUnited KingdomElwin Sharvill NEW
Adams H GarufiRussiaOnyama Limba NEW
Cody T VocelkaBrazilIoni Bowcher QUALIFIED
Nicolas Y OldroydSpainBernardo Dominic NEGOTIATION
Jeanfrancois N MaletBrazilAmy Elsner RENEWAL
Izzy B AlbaresItalyXuxue Feng PROPOSAL
Alejandro U BowleyUnited KingdomOnyama Limba UNQUALIFIED
Claire D DoeBrazilIoni Bowcher RENEWAL
Horizontal
NameCountryRepresentativeStatus
Costa Q KuskoArgentinaElwin Sharvill PROPOSAL
Deepesh V MarrierFranceElwin Sharvill QUALIFIED
Jeanfrancois G WaycottItalyAmy Elsner NEGOTIATION
Leja D BologniaArgentinaIvan Magalhaes UNQUALIFIED
Jones S DilliardUnited KingdomAmy Elsner UNQUALIFIED
Julie B AmigonIndiaOnyama Limba QUALIFIED
James W SaylorsAustraliaBernardo Dominic NEGOTIATION
Chavez K SergiBrazilElwin Sharvill UNQUALIFIED
Misaki Q ShinkoArgentinaIvan Magalhaes NEGOTIATION
Faith H FigeroaAustraliaAnna Fali NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Francesco X AlbaresIndia2026-10-07Benton, John B Jr RENEWAL93Onyama Limba
1001Adams F KuskoIndia2026-10-08Truhlar And Truhlar Attys NEGOTIATION84Onyama Limba
1002Ashley G WhobreyUnited Kingdom2026-10-22Feltz Printing Service UNQUALIFIED23Ioni Bowcher
1003Claire Z VocelkaFrance2026-10-10Commercial Press RENEWAL1Elwin Sharvill
1004Octavia G StensethRussia2026-10-20Chemel, James L Cpa UNQUALIFIED75Ioni Bowcher
1005Leon W ChuiSpain2026-09-30Printing Dimensions NEW22Ivan Magalhaes
1006Ricardo O KolmetzJapan2026-10-05Commercial Press NEGOTIATION40Anna Fali
1007Maria D InouyeAustralia2026-10-28Printing Dimensions PROPOSAL61Amy Elsner
1008Aditya S CaldareraJapan2026-10-29Rangoni Of Florence NEW64Elwin Sharvill
1009Costa W SaylorsRussia2026-10-28Printing Dimensions UNQUALIFIED10Amy Elsner
1010James V TollnerJapan2026-10-09Commercial Press RENEWAL22Amy Elsner
1011Alejandro N FerenczUnited Kingdom2026-10-18Chapman, Ross E Esq NEW73Xuxue Feng
1012Juan Z SlusarskiUnited Kingdom2026-10-19Morlong Associates UNQUALIFIED52Ivan Magalhaes
1013Ivar A ShinkoGermany2026-10-25Chapman, Ross E Esq PROPOSAL71Bernardo Dominic
1014Ashley H RimJapan2026-10-18Chanay, Jeffrey A Esq NEGOTIATION21Elwin Sharvill
1015Leja W PoquetteJapan2026-10-29Chanay, Jeffrey A Esq QUALIFIED61Onyama Limba
1016Smith H CampainGermany2026-09-30Commercial Press RENEWAL91Bernardo Dominic
1017Chavez K GillianCanada2026-10-03Chemel, James L Cpa PROPOSAL33Elwin Sharvill
1018Mayumi V WaycottSpain2026-10-27Truhlar And Truhlar Attys QUALIFIED21Ioni Bowcher
1019Murillo X SergiJapan2026-10-24Feiner Bros PROPOSAL66Amy Elsner
1020Salvatore D FlosiUnited Kingdom2026-10-22Feiner Bros UNQUALIFIED94Bernardo Dominic
1021Faith H MacleadCanada2026-10-24King, Christopher A Esq QUALIFIED97Amy Elsner
1022Mujtaba D OstroskyUnited Kingdom2026-10-11Buckley Miller Wright RENEWAL42Onyama Limba
1023Ashley P RutaGermany2026-10-10King, Christopher A Esq UNQUALIFIED80Xuxue Feng
1024Tony P ButtCanada2026-10-15Printing Dimensions UNQUALIFIED8Stephen Shaw
1025Mayumi E SchemmerCanada2026-10-26Buckley Miller Wright UNQUALIFIED88Asiya Javayant
1026Ivar R FollerIndia2026-10-27Rousseaux, Michael Esq NEW79Elwin Sharvill
1027Greenwood W BriddickCanada2026-10-07Truhlar And Truhlar Attys PROPOSAL49Elwin Sharvill
1028Greenwood M BologniaArgentina2026-10-21Chemel, James L Cpa QUALIFIED21Ioni Bowcher
1029Murillo T SergiIndia2026-10-21Buckley Miller Wright NEW88Ivan Magalhaes
1030David J TollnerRussia2026-10-21Chemel, James L Cpa UNQUALIFIED73Ivan Magalhaes
1031Stacey E SchemmerRussia2026-10-01Morlong Associates PROPOSAL53Stephen Shaw
1032Julie U WaycottRussia2026-10-15Rangoni Of Florence QUALIFIED42Onyama Limba
1033Faith K ChuiIndia2026-10-16Truhlar And Truhlar Attys NEGOTIATION33Amy Elsner
1034Rodrigues S KolmetzRussia2026-10-07Morlong Associates UNQUALIFIED28Asiya Javayant
1035Wickens X DarakjyItaly2026-10-11Feltz Printing Service UNQUALIFIED64Stephen Shaw
1036Cody S KuskoRussia2026-10-13Rousseaux, Michael Esq PROPOSAL48Amy Elsner
1037Greenwood T OstroskyBrazil2026-10-26Morlong Associates RENEWAL71Xuxue Feng
1038Aruna W PoquetteJapan2026-10-15Chemel, James L Cpa QUALIFIED48Stephen Shaw
1039Leja J BowleyJapan2026-10-25Feiner Bros PROPOSAL66Amy Elsner
1040Ashley O CampainBrazil2026-10-21King, Christopher A Esq UNQUALIFIED1Amy Elsner
1041Emily I OldroydGermany2026-10-24Chanay, Jeffrey A Esq RENEWAL40Amy Elsner
1042Murillo G RutaUnited Kingdom2026-10-23Buckley Miller Wright UNQUALIFIED80Stephen Shaw
1043Smith J StensethAustralia2026-10-13Dorl, James J Esq UNQUALIFIED30Stephen Shaw
1044Greenwood S RutaRussia2026-10-19King, Christopher A Esq NEW0Anna Fali
1045Nicolas Y AlbaresSpain2026-10-21Rangoni Of Florence RENEWAL72Elwin Sharvill
1046Chavez U RulapaughBrazil2026-10-05Rousseaux, Michael Esq PROPOSAL36Asiya Javayant
1047Darci X OstroskyBrazil2026-10-08Truhlar And Truhlar Attys RENEWAL95Xuxue Feng
1048Misaki Q CaldareraBrazil2026-10-14Benton, John B Jr PROPOSAL57Stephen Shaw
1049Nicolas S NickaArgentina2026-10-13King, Christopher A Esq UNQUALIFIED95Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Ashley Z VenereSpainAsiya Javayant QUALIFIED
Izzy J RutaItalyBernardo Dominic QUALIFIED
Octavia I MacleadGermanyBernardo Dominic UNQUALIFIED
Aika U BriddickIndiaAsiya Javayant NEGOTIATION
Wickens D SergiCanadaAnna Fali NEW
Rodrigues R KuskoCanadaIvan Magalhaes UNQUALIFIED
Leja D DoeAustraliaElwin Sharvill QUALIFIED
Maria X DoeRussiaElwin Sharvill UNQUALIFIED
Sinclair X RulapaughGermanyIoni Bowcher RENEWAL
Stacey E AmigonArgentinaAmy Elsner UNQUALIFIED
Kaitlin F CampainSpainStephen Shaw NEW
Darci R SchemmerIndiaAmy Elsner NEGOTIATION
Isabel N TollnerGermanyAmy Elsner NEGOTIATION
Aika D TollnerCanadaXuxue Feng RENEWAL
Octavia W MaletBrazilAnna Fali NEGOTIATION
Juan T MarrierUnited KingdomElwin Sharvill QUALIFIED
Jeanfrancois G WhobreyAustraliaElwin Sharvill RENEWAL
Maria D MaletAustraliaOnyama Limba PROPOSAL
Costa S DarakjyIndiaStephen Shaw PROPOSAL
David E MarrierFranceOnyama Limba NEW
Aika B GillianGermanyIvan Magalhaes UNQUALIFIED
Juan V GarufiBrazilIoni Bowcher NEW
Leon D PaprockiUnited KingdomXuxue Feng PROPOSAL
Kadeem T IturbideFranceElwin Sharvill UNQUALIFIED
Arvin C AmigonRussiaAnna Fali RENEWAL
Chavez N SchemmerGermanyIoni Bowcher PROPOSAL
James P PerinIndiaAmy Elsner RENEWAL
Isabel N RimItalyAnna Fali PROPOSAL
Clifford L RutaGermanyElwin Sharvill NEW
Leon X FollerIndiaElwin Sharvill UNQUALIFIED
Isabel F MaletCanadaAsiya Javayant NEGOTIATION
Wickens Z FigeroaUnited KingdomAmy Elsner QUALIFIED
Murillo I RulapaughSpainIoni Bowcher QUALIFIED
Stacey W PoquetteItalyBernardo Dominic QUALIFIED
Sinclair P FollerJapanXuxue Feng UNQUALIFIED
Greenwood P GlickJapanOnyama Limba RENEWAL
Leon K ButtRussiaStephen Shaw UNQUALIFIED
Munro Y BologniaRussiaBernardo Dominic RENEWAL
Tony Q RulapaughGermanyAnna Fali NEW
Ashley W MaletJapanIvan Magalhaes NEGOTIATION
Maria D VenereArgentinaBernardo Dominic NEGOTIATION
Rodrigues P BologniaSpainAsiya Javayant PROPOSAL
Smith X GarufiIndiaIvan Magalhaes NEW
Leja F WaycottAustraliaOnyama Limba NEW
Maisha I ChuiSpainBernardo Dominic PROPOSAL
Mujtaba A StensethFranceAnna Fali NEGOTIATION
Leon U VocelkaIndiaXuxue Feng NEGOTIATION
Adams Y SlusarskiSpainOnyama Limba UNQUALIFIED
Jeanfrancois U KuskoAustraliaBernardo Dominic PROPOSAL
Wickens D AmigonUnited KingdomIoni Bowcher PROPOSAL
Frozen Columns
Name
Antonio K Darakjy
Aruna G Morasca
Costa L Ruta
Darci H Perin
Costa J Maclead
David Z Figeroa
Johnson F Nicka
Ashley J Wieser
Nicolas W Poquette
Maria G Slusarski
Francesco Z Garufi
Salvatore L Kusko
Ashley B Slusarski
Aika E Nestle
Smith T Slusarski
Greenwood A Royster
Nicolas T Darakjy
Alejandro N Darakjy
Jones I Ruta
Clifford E Doe
Deepesh A Shinko
Darci T Wieser
Greenwood G Royster
Octavia I Darakjy
Adams K Perin
Chavez J Gaucho
Leja E Doe
Maria P Kolmetz
Faith W Saylors
Ricardo Z Wieser
Darci P Malet
Murillo Z Rulapaugh
Tony H Tollner
Ivar N Shinko
Aruna A Inouye
Silvio Y Inouye
Wickens I Inouye
Costa U Darakjy
Deepesh Y Nestle
David D Whobrey
Octavia N Nestle
Kaitlin Y Waycott
Jennifer C Poquette
Faith N Ferencz
Ashley R Flosi
Murillo I Garufi
Alejandro A Whobrey
Aika C Caudy
Jones Y Ruta
Alejandro Z Oldroyd
IdCountryDate
1000Japan2026-10-23
1001Spain2026-10-22
1002Russia2026-10-11
1003Japan2026-10-22
1004Japan2026-10-04
1005Brazil2026-10-10
1006India2026-10-08
1007France2026-10-17
1008Australia2026-10-22
1009Brazil2026-10-12
1010Spain2026-10-13
1011Argentina2026-10-19
1012Germany2026-10-16
1013Italy2026-10-15
1014Japan2026-10-05
1015Russia2026-10-12
1016Italy2026-10-05
1017India2026-10-11
1018Spain2026-10-22
1019India2026-10-16
1020Russia2026-10-13
1021France2026-10-29
1022France2026-10-16
1023United Kingdom2026-10-09
1024United Kingdom2026-10-10
1025Japan2026-10-05
1026United Kingdom2026-10-29
1027France2026-10-06
1028United Kingdom2026-10-24
1029Italy2026-10-19
1030Brazil2026-10-05
1031Italy2026-10-29
1032France2026-10-13
1033Germany2026-10-12
1034Russia2026-10-09
1035Brazil2026-10-29
1036Argentina2026-10-22
1037Russia2026-10-16
1038India2026-10-11
1039Argentina2026-10-17
1040Argentina2026-10-13
1041Spain2026-10-08
1042India2026-10-06
1043Canada2026-10-17
1044Japan2026-10-17
1045Japan2026-10-01
1046Russia2026-10-21
1047Brazil2026-10-28
1048Japan2026-10-18
1049Australia2026-10-10

On-Demand Data

NameIdCountryDate
Francesco Z Rim1000Canada2026-10-04
Misaki I Sergi1001Japan2026-10-16
Stacey T Venere1002Spain2026-10-16
Ricardo B Stockham1003France2026-09-30
Greenwood I Malet1004United Kingdom2026-10-19
Faith I Schemmer1005Spain2026-10-20
Cody R Kolmetz1006Argentina2026-10-22
Claire P Briddick1007Argentina2026-10-15
Maria Q Foller1008Spain2026-10-11
Jefferson R Inouye1009Japan2026-10-12
James C Wieser1010Spain2026-10-13
Maisha J Foller1011Argentina2026-10-05
Stacey P Glick1012Japan2026-10-15
Sinclair V Poquette1013Russia2026-10-27
Claire X Malet1014Japan2026-10-25
Jones G Nicka1015Brazil2026-10-08
Morrow X Wieser1016France2026-10-08
Francesco F Rim1017Spain2026-10-05
Salvatore Z Whobrey1018Germany2026-10-21
Murillo D Stockham1019Spain2026-09-30
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maria X MaletAustraliaBernardo Dominic QUALIFIED
Stacey I GauchoGermanyStephen Shaw PROPOSAL
Kaitlin O PoquetteIndiaAsiya Javayant RENEWAL
Deepesh G RoysterBrazilElwin Sharvill NEW
Jones G PaprockiBrazilBernardo Dominic UNQUALIFIED
Faith D GauchoBrazilBernardo Dominic RENEWAL
Julie M FlosiIndiaAmy Elsner NEGOTIATION
Costa L PaprockiAustraliaAmy Elsner PROPOSAL
Chavez C OstroskySpainXuxue Feng PROPOSAL
Stacey Q NestleGermanyIvan Magalhaes PROPOSAL
Julie W FlosiAustraliaOnyama Limba NEW
Ivar E GauchoGermanyOnyama Limba UNQUALIFIED
Ashley N GarufiFranceAnna Fali RENEWAL
Jeanfrancois W InouyeArgentinaElwin Sharvill NEGOTIATION
Sinclair H StockhamGermanyAnna Fali RENEWAL
Jefferson K CaldareraBrazilIoni Bowcher RENEWAL
Maria Y VocelkaItalyXuxue Feng NEGOTIATION
Emily S VenereCanadaElwin Sharvill PROPOSAL
Alejandro J PaprockiFranceStephen Shaw PROPOSAL
Salvatore C FerenczJapanXuxue Feng UNQUALIFIED
Wickens D MarrierCanadaIvan Magalhaes PROPOSAL
Misaki Y CaudyCanadaAsiya Javayant RENEWAL
Misaki E BriddickBrazilAsiya Javayant UNQUALIFIED
Jones X RimUnited KingdomElwin Sharvill PROPOSAL
Ricardo O TollnerGermanyAnna Fali QUALIFIED
Nicolas Q ChuiGermanyIoni Bowcher QUALIFIED
Leja P FigeroaArgentinaOnyama Limba UNQUALIFIED
Rodrigues J NickaCanadaStephen Shaw NEW
David W ChuiGermanyAsiya Javayant NEW
Aditya O OldroydSpainIoni Bowcher QUALIFIED
Leon M PoquetteItalyElwin Sharvill NEGOTIATION
Morrow Q BowleyItalyAnna Fali PROPOSAL
Silvio D CampainJapanIvan Magalhaes QUALIFIED
Jennifer F SaylorsJapanOnyama Limba UNQUALIFIED
Jefferson V IturbideRussiaAmy Elsner UNQUALIFIED
Aika H OstroskyFranceAnna Fali NEW
Johnson U FlosiCanadaAmy Elsner UNQUALIFIED
Morrow B RimSpainBernardo Dominic QUALIFIED
Deepesh J DarakjyAustraliaAmy Elsner PROPOSAL
Alejandro B RimCanadaIvan Magalhaes 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>