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
Greenwood X SergiAustraliaAsiya Javayant QUALIFIED
Silvio B RulapaughUnited KingdomElwin Sharvill NEW
Morrow R AmigonFranceIvan Magalhaes QUALIFIED
Morrow F StockhamUnited KingdomStephen Shaw NEW
Costa E RimArgentinaIoni Bowcher RENEWAL
Costa X FerenczSpainXuxue Feng QUALIFIED
Aruna C WhobreyIndiaElwin Sharvill QUALIFIED
Isabel U GlickSpainElwin Sharvill PROPOSAL
Kaitlin O MorascaUnited KingdomIvan Magalhaes NEW
Emily P SergiAustraliaElwin Sharvill UNQUALIFIED
Darci B GillianRussiaBernardo Dominic QUALIFIED
Rodrigues B WaycottJapanAsiya Javayant RENEWAL
Julie C FerenczArgentinaIvan Magalhaes UNQUALIFIED
Isabel M AmigonFranceAsiya Javayant NEW
Aruna L ShinkoIndiaAmy Elsner QUALIFIED
Isabel A ChuiIndiaAmy Elsner PROPOSAL
Ashley J StockhamCanadaElwin Sharvill UNQUALIFIED
Jefferson X DarakjyIndiaAmy Elsner RENEWAL
Octavia N WhobreyFranceElwin Sharvill RENEWAL
Nicolas T MacleadUnited KingdomStephen Shaw QUALIFIED
Johnson F InouyeSpainAsiya Javayant PROPOSAL
Isabel E ChuiCanadaElwin Sharvill NEGOTIATION
Johnson I PoquetteArgentinaIoni Bowcher UNQUALIFIED
Mayumi C KuskoAustraliaStephen Shaw UNQUALIFIED
Deepesh T FollerGermanyAmy Elsner QUALIFIED
Stacey Q InouyeFranceXuxue Feng UNQUALIFIED
Mayumi L StensethIndiaElwin Sharvill RENEWAL
Izzy P StockhamGermanyElwin Sharvill RENEWAL
Darci B PoquetteSpainAmy Elsner UNQUALIFIED
Kadeem S RutaIndiaStephen Shaw NEGOTIATION
Juan L TollnerAustraliaIoni Bowcher RENEWAL
Chavez B ShinkoAustraliaAmy Elsner UNQUALIFIED
Antonio Q MaletItalyAmy Elsner RENEWAL
Cody M BologniaCanadaAnna Fali QUALIFIED
Octavia Y InouyeRussiaXuxue Feng UNQUALIFIED
Chavez Z WaycottArgentinaAnna Fali NEW
Julie O SergiGermanyAmy Elsner UNQUALIFIED
Emily D BowleyFranceIvan Magalhaes PROPOSAL
Wickens Z TollnerAustraliaBernardo Dominic UNQUALIFIED
Leon W WaycottFranceIoni Bowcher UNQUALIFIED
Emily M DoeFranceAnna Fali PROPOSAL
Aika E CaldareraCanadaBernardo Dominic NEGOTIATION
Clifford K MaletUnited KingdomAmy Elsner NEW
Julie L RimBrazilAnna Fali PROPOSAL
Stacey F IturbideFranceAmy Elsner NEGOTIATION
Juan V KolmetzRussiaAnna Fali QUALIFIED
David R MorascaArgentinaElwin Sharvill QUALIFIED
Murillo S ChuiCanadaAsiya Javayant QUALIFIED
Kaitlin R NestleJapanIvan Magalhaes UNQUALIFIED
Munro S RulapaughCanadaAsiya Javayant UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Izzy R RutaIndiaIvan Magalhaes QUALIFIED
Francesco S TollnerItalyOnyama Limba NEGOTIATION
Juan Y FlosiRussiaAsiya Javayant NEW
Ricardo W MaletRussiaOnyama Limba NEW
Aditya T SchemmerCanadaXuxue Feng UNQUALIFIED
Morrow Y CaldareraSpainElwin Sharvill RENEWAL
Nicolas O FollerFranceStephen Shaw PROPOSAL
Sinclair G SaylorsBrazilBernardo Dominic QUALIFIED
Claire A ShinkoIndiaAmy Elsner RENEWAL
Claire F DoeItalyAmy Elsner NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Francesco U OstroskyRussia2026-10-08Dorl, James J Esq UNQUALIFIED29Ioni Bowcher
1001James N TollnerAustralia2026-09-18Feiner Bros UNQUALIFIED48Elwin Sharvill
1002Clifford O ShinkoSpain2026-09-17Chapman, Ross E Esq RENEWAL61Anna Fali
1003James J FerenczSpain2026-10-11Chapman, Ross E Esq RENEWAL14Elwin Sharvill
1004Maisha Z InouyeBrazil2026-10-03Commercial Press NEW9Onyama Limba
1005Morrow A MarrierFrance2026-09-15Feiner Bros NEGOTIATION22Asiya Javayant
1006Munro V TollnerItaly2026-09-18Benton, John B Jr NEW56Stephen Shaw
1007Antonio D CampainSpain2026-09-18King, Christopher A Esq NEGOTIATION15Onyama Limba
1008Kaitlin O VocelkaArgentina2026-10-04Chemel, James L Cpa RENEWAL34Bernardo Dominic
1009Murillo B MaletFrance2026-09-14Printing Dimensions QUALIFIED66Ioni Bowcher
1010Octavia D SchemmerCanada2026-10-08Chanay, Jeffrey A Esq RENEWAL4Stephen Shaw
1011Aika G TollnerCanada2026-10-03Chapman, Ross E Esq NEW9Asiya Javayant
1012Rodrigues I PaprockiAustralia2026-09-26Chemel, James L Cpa QUALIFIED18Bernardo Dominic
1013Munro E FigeroaIndia2026-09-19Dorl, James J Esq NEGOTIATION53Ivan Magalhaes
1014Cody F KuskoItaly2026-10-12Chanay, Jeffrey A Esq RENEWAL83Stephen Shaw
1015Chavez H BowleyAustralia2026-09-20King, Christopher A Esq PROPOSAL89Ivan Magalhaes
1016Juan D DoeSpain2026-09-26Feltz Printing Service NEW52Ivan Magalhaes
1017Ricardo J PerinIndia2026-10-01Buckley Miller Wright QUALIFIED71Anna Fali
1018Adams N OstroskyBrazil2026-10-03Commercial Press RENEWAL46Onyama Limba
1019Leon H FlosiRussia2026-09-20Feiner Bros UNQUALIFIED21Stephen Shaw
1020Isabel S OldroydCanada2026-09-29Dorl, James J Esq RENEWAL83Bernardo Dominic
1021Wickens X PaprockiRussia2026-09-20King, Christopher A Esq PROPOSAL42Asiya Javayant
1022Leon O ShinkoItaly2026-09-16Dorl, James J Esq RENEWAL85Elwin Sharvill
1023James O ShinkoSpain2026-10-10Truhlar And Truhlar Attys UNQUALIFIED47Elwin Sharvill
1024Jeanfrancois Z RoysterJapan2026-10-03Chanay, Jeffrey A Esq RENEWAL7Ivan Magalhaes
1025Murillo R RoysterCanada2026-10-11King, Christopher A Esq UNQUALIFIED36Elwin Sharvill
1026Maria H MacleadJapan2026-10-11Benton, John B Jr PROPOSAL89Ivan Magalhaes
1027Stacey P CaldareraIndia2026-09-24Chanay, Jeffrey A Esq NEGOTIATION7Elwin Sharvill
1028Stacey C PoquetteAustralia2026-09-24Rangoni Of Florence QUALIFIED91Ioni Bowcher
1029Leon B GauchoCanada2026-09-28Printing Dimensions QUALIFIED2Xuxue Feng
1030Nicolas O BriddickIndia2026-09-20King, Christopher A Esq PROPOSAL60Ioni Bowcher
1031Costa N CaudyFrance2026-09-27Rangoni Of Florence RENEWAL92Onyama Limba
1032Sinclair N GarufiSpain2026-10-10Rousseaux, Michael Esq UNQUALIFIED81Bernardo Dominic
1033Mayumi F PaprockiFrance2026-10-04Buckley Miller Wright NEW29Anna Fali
1034Mayumi V OstroskyFrance2026-10-01Rousseaux, Michael Esq NEW60Stephen Shaw
1035Ashley U DilliardItaly2026-09-16Buckley Miller Wright UNQUALIFIED89Bernardo Dominic
1036Julie J VenereBrazil2026-10-01Rousseaux, Michael Esq PROPOSAL80Bernardo Dominic
1037Ricardo H FlosiBrazil2026-09-20Rangoni Of Florence NEGOTIATION38Xuxue Feng
1038Francesco J SchemmerItaly2026-09-26Buckley Miller Wright RENEWAL74Asiya Javayant
1039Johnson S IturbideArgentina2026-10-03Printing Dimensions PROPOSAL98Ioni Bowcher
1040Sinclair B GarufiUnited Kingdom2026-10-01Dorl, James J Esq NEGOTIATION10Ioni Bowcher
1041David C ButtAustralia2026-09-15Chapman, Ross E Esq NEGOTIATION38Amy Elsner
1042Aika C CaudyArgentina2026-09-28King, Christopher A Esq RENEWAL29Asiya Javayant
1043Deepesh J AlbaresRussia2026-09-21Benton, John B Jr NEGOTIATION8Anna Fali
1044Jeanfrancois W RutaGermany2026-10-02Commercial Press QUALIFIED11Elwin Sharvill
1045Leja G MorascaSpain2026-10-02Chapman, Ross E Esq NEGOTIATION22Onyama Limba
1046Munro C VenereFrance2026-10-03Benton, John B Jr NEGOTIATION0Ivan Magalhaes
1047Munro R ShinkoBrazil2026-10-09Chemel, James L Cpa QUALIFIED68Xuxue Feng
1048Morrow G TollnerItaly2026-09-27Feiner Bros PROPOSAL11Xuxue Feng
1049Octavia J VenereItaly2026-10-02King, Christopher A Esq RENEWAL4Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Izzy N StensethRussiaAnna Fali NEW
Cody Y SchemmerJapanIoni Bowcher UNQUALIFIED
Wickens F CaudyUnited KingdomIoni Bowcher QUALIFIED
Silvio S WhobreyCanadaXuxue Feng NEGOTIATION
Alejandro A StockhamJapanAsiya Javayant PROPOSAL
Salvatore P CampainArgentinaAmy Elsner NEW
Leon K WieserBrazilAmy Elsner PROPOSAL
Jeanfrancois H MaletFranceStephen Shaw RENEWAL
Maria G SlusarskiSpainAnna Fali QUALIFIED
Misaki M FollerRussiaElwin Sharvill QUALIFIED
Misaki Z AmigonAustraliaElwin Sharvill RENEWAL
Emily P PoquetteItalyElwin Sharvill NEGOTIATION
Adams N ButtIndiaAmy Elsner RENEWAL
David Q StockhamItalyStephen Shaw PROPOSAL
Juan S MaletUnited KingdomStephen Shaw RENEWAL
Mujtaba S VenereBrazilBernardo Dominic RENEWAL
Leon F ButtItalyElwin Sharvill NEW
Faith N BowleyAustraliaStephen Shaw NEW
Emily N RoysterRussiaStephen Shaw NEW
Ricardo S GillianGermanyXuxue Feng NEGOTIATION
Aruna O TollnerFranceElwin Sharvill PROPOSAL
Nicolas V SergiFranceIvan Magalhaes PROPOSAL
Mayumi L MaletSpainXuxue Feng PROPOSAL
Mayumi V MaletJapanElwin Sharvill QUALIFIED
Aika E PaprockiItalyAsiya Javayant PROPOSAL
Nicolas I AlbaresUnited KingdomAmy Elsner UNQUALIFIED
Darci G MarrierItalyAmy Elsner RENEWAL
Julie Q WhobreyItalyAsiya Javayant RENEWAL
Julie T WieserSpainXuxue Feng PROPOSAL
Johnson A RulapaughRussiaAmy Elsner PROPOSAL
David K MacleadJapanXuxue Feng PROPOSAL
Maisha Z CaudyAustraliaOnyama Limba NEGOTIATION
Chavez D RimCanadaElwin Sharvill NEGOTIATION
Johnson U ShinkoSpainXuxue Feng PROPOSAL
Leja B WaycottAustraliaBernardo Dominic NEW
Morrow J CaldareraRussiaElwin Sharvill PROPOSAL
Silvio C DilliardGermanyStephen Shaw QUALIFIED
Jennifer P MaletJapanIvan Magalhaes UNQUALIFIED
Isabel M KuskoBrazilAsiya Javayant UNQUALIFIED
Sinclair Z ShinkoGermanyAmy Elsner PROPOSAL
David M DarakjyCanadaAnna Fali NEGOTIATION
Sinclair J OldroydArgentinaElwin Sharvill UNQUALIFIED
Costa R StockhamArgentinaStephen Shaw PROPOSAL
Emily Z TollnerArgentinaIvan Magalhaes NEW
Mujtaba W OldroydRussiaIoni Bowcher PROPOSAL
Sinclair K SlusarskiJapanIoni Bowcher UNQUALIFIED
David H GauchoItalyAsiya Javayant NEW
Costa T WieserArgentinaXuxue Feng RENEWAL
Greenwood M MorascaSpainAnna Fali UNQUALIFIED
Morrow C NickaIndiaIoni Bowcher NEGOTIATION
Frozen Columns
Name
Maria L Darakjy
Salvatore Z Schemmer
Julie R Malet
Smith R Butt
Morrow M Campain
Kadeem A Malet
Claire A Venere
Juan Q Venere
Costa O Doe
Johnson S Butt
Jeanfrancois X Darakjy
Sinclair F Royster
Greenwood G Campain
Nicolas C Maclead
Aruna E Gillian
Wickens X Caudy
Claire C Ferencz
Jefferson L Briddick
Izzy C Ferencz
Deepesh J Doe
Stacey D Vocelka
Alejandro I Glick
Murillo H Figeroa
Salvatore O Glick
Octavia F Glick
Murillo R Royster
Aika G Briddick
Claire V Albares
Maria C Amigon
Rodrigues H Vocelka
Rodrigues C Glick
Izzy S Perin
Aditya M Ostrosky
Chavez D Schemmer
Clifford R Dilliard
Salvatore H Bolognia
Kadeem Z Rim
Sinclair X Schemmer
Isabel I Kusko
Tony L Albares
Costa A Whobrey
Kaitlin N Figeroa
Greenwood B Doe
Misaki H Bowley
Arvin Y Kolmetz
Costa A Briddick
Francesco D Maclead
Mayumi B Flosi
Costa O Perin
Kaitlin M Figeroa
IdCountryDate
1000Brazil2026-09-17
1001Australia2026-10-09
1002Argentina2026-10-08
1003Australia2026-09-19
1004Canada2026-09-19
1005Australia2026-09-29
1006Japan2026-09-30
1007Italy2026-09-20
1008Germany2026-10-06
1009Japan2026-09-25
1010Australia2026-09-20
1011Italy2026-10-13
1012Brazil2026-10-11
1013Brazil2026-10-09
1014Spain2026-10-06
1015Italy2026-09-16
1016Russia2026-10-08
1017Brazil2026-10-01
1018Australia2026-10-10
1019Australia2026-10-04
1020France2026-10-06
1021Spain2026-09-15
1022United Kingdom2026-10-10
1023Argentina2026-09-17
1024Australia2026-09-29
1025Japan2026-10-12
1026Japan2026-09-21
1027Canada2026-09-20
1028Canada2026-09-22
1029Argentina2026-10-12
1030Germany2026-10-11
1031Japan2026-10-09
1032Australia2026-09-16
1033France2026-10-04
1034Brazil2026-09-16
1035Italy2026-09-22
1036United Kingdom2026-10-07
1037Italy2026-10-08
1038Canada2026-09-22
1039Russia2026-09-21
1040Argentina2026-09-24
1041Brazil2026-10-03
1042Germany2026-10-06
1043India2026-09-15
1044Spain2026-10-04
1045Japan2026-09-14
1046Canada2026-09-25
1047Brazil2026-09-21
1048Russia2026-10-10
1049Spain2026-10-10

On-Demand Data

NameIdCountryDate
Nicolas C Bolognia1000Spain2026-09-15
Ashley R Perin1001Australia2026-10-12
Aruna S Royster1002United Kingdom2026-09-27
Aika Y Inouye1003India2026-09-19
Deepesh N Gaucho1004Canada2026-10-12
Emily X Saylors1005Russia2026-09-25
Cody K Schemmer1006Japan2026-09-22
Kadeem U Royster1007United Kingdom2026-10-12
Aika J Bowley1008Russia2026-10-04
Leja W Amigon1009Russia2026-10-08
Aika E Schemmer1010Brazil2026-09-26
Darci T Darakjy1011Italy2026-09-14
Mayumi I Nestle1012Italy2026-09-20
Claire E Campain1013France2026-10-07
James M Doe1014Australia2026-10-10
Nicolas F Stenseth1015Argentina2026-10-10
Ashley T Doe1016Canada2026-10-10
Ashley E Nestle1017India2026-10-08
Emily H Chui1018Germany2026-10-11
Greenwood Z Wieser1019France2026-10-12
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jones U ButtArgentinaAnna Fali NEW
Aika O CaudyAustraliaStephen Shaw UNQUALIFIED
Rodrigues M StensethRussiaStephen Shaw NEW
Murillo I MorascaBrazilElwin Sharvill NEGOTIATION
Nicolas Q MorascaFranceIoni Bowcher NEW
Tony P ButtItalyOnyama Limba PROPOSAL
Misaki T PerinIndiaElwin Sharvill PROPOSAL
Stacey Y WieserBrazilElwin Sharvill NEW
Johnson C ShinkoUnited KingdomOnyama Limba NEGOTIATION
Ricardo F TollnerAustraliaAsiya Javayant UNQUALIFIED
Claire J FollerAustraliaAmy Elsner PROPOSAL
Jones T RutaIndiaAsiya Javayant NEW
Emily Q ButtUnited KingdomAnna Fali PROPOSAL
Wickens B SergiFranceXuxue Feng RENEWAL
Misaki N StensethSpainIoni Bowcher NEW
Ricardo S BriddickCanadaStephen Shaw PROPOSAL
Maisha P ChuiFranceElwin Sharvill NEGOTIATION
Johnson J KolmetzUnited KingdomIvan Magalhaes NEGOTIATION
Costa M VenereUnited KingdomIoni Bowcher PROPOSAL
Morrow V MorascaJapanAnna Fali NEW
Mayumi J MorascaGermanyIoni Bowcher UNQUALIFIED
Darci S NickaFranceAmy Elsner QUALIFIED
Silvio I MacleadFranceAmy Elsner PROPOSAL
Leja C DarakjyRussiaStephen Shaw PROPOSAL
Morrow X CampainJapanBernardo Dominic RENEWAL
Leja D ShinkoBrazilBernardo Dominic UNQUALIFIED
Aditya W ChuiCanadaXuxue Feng UNQUALIFIED
Aruna X TollnerSpainStephen Shaw NEGOTIATION
Jones B AmigonBrazilStephen Shaw PROPOSAL
Juan Y NestleArgentinaAmy Elsner RENEWAL
Faith V FollerItalyAmy Elsner QUALIFIED
Adams N DoeArgentinaOnyama Limba NEGOTIATION
Costa P DilliardGermanyBernardo Dominic RENEWAL
Kadeem K SlusarskiJapanBernardo Dominic PROPOSAL
Maria P VocelkaGermanyXuxue Feng RENEWAL
Ashley E FollerBrazilIoni Bowcher QUALIFIED
Smith U FlosiFranceIoni Bowcher QUALIFIED
Mayumi H SlusarskiSpainIoni Bowcher QUALIFIED
Morrow E StockhamItalyAmy Elsner NEGOTIATION
Francesco B StockhamAustraliaAmy Elsner NEGOTIATION

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