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
Misaki Y PaprockiJapanOnyama Limba QUALIFIED
Octavia Z OldroydUnited KingdomBernardo Dominic NEGOTIATION
Izzy X StensethAustraliaAmy Elsner RENEWAL
Octavia E MarrierIndiaStephen Shaw RENEWAL
Smith L StockhamUnited KingdomOnyama Limba UNQUALIFIED
Sinclair H ChuiArgentinaOnyama Limba RENEWAL
Ivar Q WieserBrazilIoni Bowcher UNQUALIFIED
Munro W SergiJapanOnyama Limba NEW
Murillo U CampainItalyElwin Sharvill UNQUALIFIED
Mayumi G KolmetzArgentinaOnyama Limba RENEWAL
Darci K GillianRussiaStephen Shaw PROPOSAL
Salvatore U ShinkoBrazilElwin Sharvill UNQUALIFIED
Jennifer K MacleadBrazilIoni Bowcher NEGOTIATION
Adams P StockhamUnited KingdomAsiya Javayant NEGOTIATION
Jennifer C VenereIndiaStephen Shaw NEW
Arvin I RoysterIndiaBernardo Dominic RENEWAL
Leon H WhobreyIndiaAsiya Javayant QUALIFIED
Jefferson H BologniaJapanBernardo Dominic UNQUALIFIED
Tony U WhobreyGermanyXuxue Feng QUALIFIED
Leon S WaycottAustraliaIoni Bowcher RENEWAL
Wickens K WaycottBrazilAmy Elsner RENEWAL
Aruna R MaletGermanyIoni Bowcher QUALIFIED
Johnson J GlickItalyAmy Elsner PROPOSAL
Clifford P IturbideItalyElwin Sharvill RENEWAL
Francesco Z SergiGermanyIoni Bowcher PROPOSAL
Antonio A NickaGermanyBernardo Dominic PROPOSAL
Murillo O KuskoArgentinaAnna Fali QUALIFIED
Costa S FerenczJapanAsiya Javayant PROPOSAL
Aditya B ShinkoSpainAsiya Javayant NEGOTIATION
Ricardo S FigeroaJapanXuxue Feng NEGOTIATION
Rodrigues V PerinFranceIvan Magalhaes RENEWAL
Arvin T VocelkaGermanyAmy Elsner NEW
Maria F InouyeBrazilAnna Fali PROPOSAL
Silvio X OldroydFranceAsiya Javayant NEGOTIATION
Morrow M DarakjyItalyOnyama Limba UNQUALIFIED
Aruna H ChuiAustraliaAmy Elsner QUALIFIED
Costa M GlickAustraliaIvan Magalhaes NEW
Mujtaba F RulapaughUnited KingdomAnna Fali QUALIFIED
David J KuskoSpainAmy Elsner QUALIFIED
Rodrigues L BowleyRussiaBernardo Dominic RENEWAL
Ricardo H PaprockiUnited KingdomIoni Bowcher NEW
Kaitlin Q CaudyItalyAsiya Javayant RENEWAL
Silvio T WhobreyUnited KingdomBernardo Dominic NEGOTIATION
Ashley L RoysterIndiaOnyama Limba NEGOTIATION
Jones U ShinkoSpainAmy Elsner UNQUALIFIED
Octavia H RoysterItalyAsiya Javayant UNQUALIFIED
Chavez G BriddickBrazilOnyama Limba QUALIFIED
Greenwood G SergiIndiaAnna Fali NEGOTIATION
Aditya Q WhobreyRussiaIvan Magalhaes NEW
Silvio H MarrierAustraliaXuxue Feng UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Leja P ButtUnited KingdomXuxue Feng PROPOSAL
Isabel A RoysterFranceElwin Sharvill NEGOTIATION
Darci U SaylorsSpainAmy Elsner RENEWAL
Leon D GauchoJapanAmy Elsner QUALIFIED
Greenwood V CaudyJapanIoni Bowcher PROPOSAL
Rodrigues C BriddickArgentinaIoni Bowcher NEW
Juan F DoeArgentinaIvan Magalhaes NEGOTIATION
Mujtaba E SaylorsIndiaOnyama Limba RENEWAL
Sinclair X ButtSpainOnyama Limba PROPOSAL
Aika H WieserUnited KingdomIvan Magalhaes QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Wickens D RulapaughBrazil2026-09-23Commercial Press UNQUALIFIED65Ioni Bowcher
1001Murillo V FigeroaJapan2026-09-22Truhlar And Truhlar Attys NEW80Xuxue Feng
1002Aika V FollerSpain2026-09-21Feiner Bros NEGOTIATION10Ioni Bowcher
1003Morrow S ChuiUnited Kingdom2026-09-06Chapman, Ross E Esq PROPOSAL4Ioni Bowcher
1004Deepesh D ChuiItaly2026-09-04Rousseaux, Michael Esq QUALIFIED26Bernardo Dominic
1005Alejandro K RoysterRussia2026-10-01Chapman, Ross E Esq PROPOSAL39Stephen Shaw
1006Isabel I KuskoItaly2026-09-16Chanay, Jeffrey A Esq QUALIFIED81Ivan Magalhaes
1007Mujtaba M RulapaughAustralia2026-09-11Rangoni Of Florence RENEWAL25Anna Fali
1008Octavia X RulapaughGermany2026-09-21Commercial Press QUALIFIED94Onyama Limba
1009Jeanfrancois P KolmetzBrazil2026-09-11Rousseaux, Michael Esq RENEWAL43Xuxue Feng
1010Jones I PerinAustralia2026-09-29Morlong Associates PROPOSAL75Amy Elsner
1011Cody D SchemmerGermany2026-09-23Chapman, Ross E Esq QUALIFIED16Amy Elsner
1012Costa O ShinkoIndia2026-09-23Feltz Printing Service UNQUALIFIED74Bernardo Dominic
1013Jennifer R BriddickAustralia2026-09-26Chapman, Ross E Esq PROPOSAL66Elwin Sharvill
1014Mujtaba T TollnerGermany2026-09-14Benton, John B Jr UNQUALIFIED91Onyama Limba
1015Cody P CampainGermany2026-10-01Feiner Bros NEW50Asiya Javayant
1016Maria E FigeroaItaly2026-09-23Chapman, Ross E Esq PROPOSAL76Amy Elsner
1017Ricardo O DoeUnited Kingdom2026-09-18King, Christopher A Esq UNQUALIFIED20Stephen Shaw
1018Johnson M DarakjyArgentina2026-09-27Rangoni Of Florence PROPOSAL70Stephen Shaw
1019Darci I KolmetzAustralia2026-09-20Dorl, James J Esq NEW44Stephen Shaw
1020Deepesh C VocelkaRussia2026-09-10Buckley Miller Wright RENEWAL34Onyama Limba
1021Jennifer E KuskoItaly2026-09-06Buckley Miller Wright PROPOSAL98Stephen Shaw
1022David A MacleadCanada2026-09-14King, Christopher A Esq PROPOSAL63Onyama Limba
1023Murillo I FollerUnited Kingdom2026-09-19Benton, John B Jr NEGOTIATION82Bernardo Dominic
1024Misaki E PerinJapan2026-10-01Chapman, Ross E Esq UNQUALIFIED39Asiya Javayant
1025Chavez W CampainUnited Kingdom2026-09-05Rangoni Of Florence NEW35Elwin Sharvill
1026Faith L FollerArgentina2026-09-18Morlong Associates NEGOTIATION78Onyama Limba
1027Wickens R SergiSpain2026-09-21Feltz Printing Service UNQUALIFIED29Amy Elsner
1028Munro R ChuiUnited Kingdom2026-10-01Feltz Printing Service NEGOTIATION36Elwin Sharvill
1029Aika S SaylorsRussia2026-09-10Rangoni Of Florence RENEWAL39Bernardo Dominic
1030Stacey H RutaFrance2026-09-19Printing Dimensions PROPOSAL64Ioni Bowcher
1031Jefferson O DoeAustralia2026-10-02Chapman, Ross E Esq NEGOTIATION27Anna Fali
1032Deepesh O PerinArgentina2026-09-27Buckley Miller Wright NEGOTIATION15Bernardo Dominic
1033Deepesh I RutaSpain2026-09-10Chanay, Jeffrey A Esq QUALIFIED92Asiya Javayant
1034Aditya D DoeUnited Kingdom2026-09-05Feltz Printing Service NEW66Amy Elsner
1035Kaitlin D CaudyItaly2026-09-15King, Christopher A Esq UNQUALIFIED37Xuxue Feng
1036Salvatore X DoeRussia2026-09-24Chemel, James L Cpa NEGOTIATION1Onyama Limba
1037Jefferson N RulapaughJapan2026-09-07Dorl, James J Esq QUALIFIED96Xuxue Feng
1038Cody X RutaUnited Kingdom2026-09-24Rousseaux, Michael Esq PROPOSAL61Bernardo Dominic
1039Sinclair H NickaRussia2026-09-24Feiner Bros PROPOSAL21Ioni Bowcher
1040Munro S GillianBrazil2026-10-02Dorl, James J Esq QUALIFIED38Ivan Magalhaes
1041Munro I CampainGermany2026-09-23Morlong Associates RENEWAL83Ivan Magalhaes
1042James P SchemmerSpain2026-09-05Buckley Miller Wright UNQUALIFIED87Ioni Bowcher
1043Chavez B SaylorsFrance2026-09-21Rousseaux, Michael Esq QUALIFIED85Ivan Magalhaes
1044Claire P WaycottIndia2026-09-15Commercial Press NEW27Onyama Limba
1045Leon G OstroskyFrance2026-09-10Feiner Bros RENEWAL28Ioni Bowcher
1046Ashley U BriddickBrazil2026-09-16Chemel, James L Cpa UNQUALIFIED85Xuxue Feng
1047Faith C MarrierSpain2026-09-14Feltz Printing Service QUALIFIED49Asiya Javayant
1048Mujtaba L FigeroaGermany2026-09-28King, Christopher A Esq QUALIFIED41Ioni Bowcher
1049James Y WaycottFrance2026-09-09Printing Dimensions QUALIFIED25Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Isabel Z GauchoRussiaXuxue Feng NEW
Ivar O DarakjyCanadaStephen Shaw RENEWAL
Antonio C RulapaughItalyIoni Bowcher PROPOSAL
Morrow W IturbideJapanElwin Sharvill QUALIFIED
Aditya J PoquetteItalyOnyama Limba PROPOSAL
Munro O ShinkoRussiaOnyama Limba PROPOSAL
Jones R VocelkaFranceAmy Elsner RENEWAL
Mujtaba U OstroskyUnited KingdomBernardo Dominic RENEWAL
Tony N MaletFranceIoni Bowcher QUALIFIED
Juan T WaycottArgentinaAsiya Javayant UNQUALIFIED
Tony K ChuiAustraliaIoni Bowcher RENEWAL
Kaitlin A DarakjyBrazilIvan Magalhaes UNQUALIFIED
Ashley S StockhamSpainAnna Fali UNQUALIFIED
Kadeem W FigeroaGermanyAsiya Javayant NEW
Maria A InouyeArgentinaAmy Elsner UNQUALIFIED
Mujtaba Z MacleadUnited KingdomAmy Elsner NEW
Mujtaba D InouyeItalyXuxue Feng QUALIFIED
Rodrigues B DilliardGermanyBernardo Dominic NEGOTIATION
Sinclair S GillianItalyAnna Fali PROPOSAL
Jefferson D SaylorsIndiaElwin Sharvill QUALIFIED
Stacey V RimRussiaOnyama Limba NEGOTIATION
Smith F OstroskyBrazilAnna Fali NEW
Alejandro S IturbideItalyOnyama Limba NEW
Emily Z SlusarskiItalyAsiya Javayant QUALIFIED
Rodrigues M DarakjyIndiaElwin Sharvill RENEWAL
Juan E RutaSpainIvan Magalhaes QUALIFIED
Antonio W RutaGermanyIoni Bowcher PROPOSAL
Aditya D FollerItalyAmy Elsner QUALIFIED
Murillo A PerinRussiaElwin Sharvill RENEWAL
Julie L FollerJapanAnna Fali NEGOTIATION
Kadeem E RutaGermanyAmy Elsner RENEWAL
Maria B CaudyAustraliaAnna Fali QUALIFIED
Juan R ButtCanadaAnna Fali UNQUALIFIED
Jeanfrancois Q FlosiItalyAsiya Javayant RENEWAL
Murillo H VocelkaCanadaAmy Elsner NEGOTIATION
Octavia W NickaUnited KingdomBernardo Dominic RENEWAL
Salvatore T CaudyJapanElwin Sharvill QUALIFIED
Aditya D NestleIndiaAsiya Javayant PROPOSAL
Costa Q VocelkaFranceStephen Shaw UNQUALIFIED
Jones F StensethItalyAnna Fali UNQUALIFIED
Aika M RimUnited KingdomBernardo Dominic RENEWAL
Ricardo E FlosiItalyElwin Sharvill NEGOTIATION
Rodrigues W FollerGermanyAsiya Javayant RENEWAL
Aika R VenereJapanXuxue Feng NEW
Maisha I ShinkoRussiaStephen Shaw UNQUALIFIED
Aditya V RulapaughGermanyElwin Sharvill NEGOTIATION
Juan K SchemmerItalyAmy Elsner PROPOSAL
Jennifer S WhobreyAustraliaXuxue Feng QUALIFIED
Alejandro A NickaJapanAnna Fali PROPOSAL
Mayumi Y SergiIndiaAnna Fali PROPOSAL
Frozen Columns
Name
Juan C Waycott
Greenwood N Garufi
Smith Y Briddick
Jefferson C Campain
Jennifer D Campain
Mujtaba P Oldroyd
Claire A Caudy
Claire O Foller
Nicolas R Glick
Arvin I Doe
Chavez J Poquette
Leon I Rim
Aruna I Dilliard
Juan Z Tollner
Misaki V Stockham
Cody F Gillian
James J Stockham
Wickens A Poquette
Deepesh R Gillian
Isabel Q Kusko
Smith Y Kusko
Ricardo C Marrier
Juan A Dilliard
Johnson H Slusarski
Stacey E Ferencz
Tony A Poquette
Munro R Wieser
Leja E Vocelka
Ivar F Stockham
Chavez L Garufi
Maria V Stenseth
Octavia G Saylors
Claire S Schemmer
Jeanfrancois V Flosi
Claire N Slusarski
Kadeem S Amigon
Tony W Venere
Johnson V Chui
Ashley G Shinko
Juan E Tollner
Octavia V Perin
Murillo G Stockham
Antonio G Stenseth
Isabel U Darakjy
Murillo A Saylors
Johnson C Butt
Misaki W Caudy
Stacey W Inouye
Arvin U Rulapaugh
Adams A Venere
IdCountryDate
1000Canada2026-09-30
1001India2026-09-06
1002Brazil2026-09-14
1003Russia2026-09-26
1004India2026-09-28
1005Argentina2026-09-22
1006Russia2026-09-30
1007Russia2026-09-20
1008Brazil2026-09-08
1009Argentina2026-09-30
1010France2026-10-03
1011Italy2026-09-28
1012Canada2026-09-14
1013Russia2026-09-26
1014Brazil2026-09-07
1015India2026-10-01
1016Russia2026-09-26
1017Argentina2026-09-15
1018Italy2026-09-07
1019Russia2026-09-11
1020India2026-09-10
1021Spain2026-09-28
1022Russia2026-09-04
1023United Kingdom2026-09-04
1024France2026-09-29
1025Argentina2026-10-01
1026Canada2026-09-05
1027Australia2026-09-13
1028Russia2026-09-05
1029Spain2026-09-21
1030Spain2026-09-28
1031Russia2026-09-10
1032India2026-09-10
1033Australia2026-09-11
1034Russia2026-09-26
1035Australia2026-09-05
1036Australia2026-09-12
1037Japan2026-09-14
1038Argentina2026-09-22
1039United Kingdom2026-09-08
1040Germany2026-09-25
1041United Kingdom2026-09-09
1042Brazil2026-10-01
1043Canada2026-09-09
1044Brazil2026-09-27
1045Canada2026-10-03
1046Canada2026-09-22
1047Argentina2026-09-25
1048Canada2026-10-02
1049United Kingdom2026-09-21

On-Demand Data

NameIdCountryDate
Leja E Paprocki1000Japan2026-09-04
Kaitlin G Waycott1001United Kingdom2026-09-21
Aika K Dilliard1002India2026-09-19
Jeanfrancois W Ostrosky1003Germany2026-09-18
Maria X Marrier1004France2026-09-09
Juan C Venere1005Germany2026-09-27
Cody V Tollner1006Australia2026-09-19
Kadeem H Malet1007Germany2026-09-22
Smith Z Nicka1008France2026-09-09
Sinclair P Dilliard1009Germany2026-09-22
Greenwood Y Butt1010United Kingdom2026-09-11
Tony L Malet1011Germany2026-09-12
Emily J Nicka1012France2026-09-13
Silvio J Chui1013Canada2026-09-27
Maisha C Nestle1014France2026-09-14
Mujtaba F Foller1015Russia2026-09-12
Alejandro V Vocelka1016Brazil2026-09-15
Alejandro H Figeroa1017Brazil2026-09-08
Mayumi S Shinko1018Spain2026-09-11
Adams U Kolmetz1019France2026-09-24
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jefferson Q BologniaAustraliaStephen Shaw UNQUALIFIED
Murillo T StockhamCanadaOnyama Limba UNQUALIFIED
Cody P IturbideUnited KingdomAnna Fali UNQUALIFIED
Adams X MacleadArgentinaElwin Sharvill NEW
Arvin O SlusarskiJapanIoni Bowcher PROPOSAL
Leja B KuskoArgentinaAmy Elsner NEW
Ricardo E CampainJapanXuxue Feng NEW
Izzy H MorascaGermanyStephen Shaw PROPOSAL
Aditya E MorascaRussiaBernardo Dominic NEW
Maria Y ShinkoFranceAmy Elsner NEW
Ivar G FerenczBrazilElwin Sharvill NEGOTIATION
Greenwood V DilliardCanadaAsiya Javayant QUALIFIED
Antonio S MaletArgentinaAmy Elsner QUALIFIED
Isabel A BologniaUnited KingdomIvan Magalhaes NEGOTIATION
Nicolas C RimArgentinaAnna Fali NEW
Chavez X MacleadUnited KingdomOnyama Limba RENEWAL
Antonio D GlickFranceXuxue Feng RENEWAL
Chavez O VocelkaSpainBernardo Dominic NEW
Ricardo B MorascaBrazilIoni Bowcher QUALIFIED
Salvatore Z VocelkaUnited KingdomIvan Magalhaes QUALIFIED
Maisha D RimFranceAmy Elsner PROPOSAL
Mujtaba F GlickBrazilIoni Bowcher PROPOSAL
Misaki M CaudyFranceXuxue Feng QUALIFIED
Cody W GarufiJapanStephen Shaw NEW
Salvatore P StensethIndiaXuxue Feng NEW
Wickens A PoquetteFranceElwin Sharvill NEW
Ricardo T SlusarskiFranceElwin Sharvill RENEWAL
Munro Z SaylorsCanadaXuxue Feng NEW
Greenwood E ShinkoSpainAsiya Javayant RENEWAL
Jennifer G PoquetteItalyAmy Elsner NEW
Julie Y PoquetteSpainOnyama Limba NEW
Kadeem S RoysterBrazilAnna Fali QUALIFIED
Francesco C SergiIndiaXuxue Feng UNQUALIFIED
Tony T FollerSpainXuxue Feng UNQUALIFIED
Johnson M ChuiIndiaAsiya Javayant QUALIFIED
Faith N SergiSpainElwin Sharvill QUALIFIED
Mayumi V PoquetteIndiaBernardo Dominic PROPOSAL
Murillo H MorascaGermanyAnna Fali NEW
Jeanfrancois D CaudyIndiaIoni Bowcher QUALIFIED
Aruna C GarufiArgentinaAsiya Javayant UNQUALIFIED

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