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
Nicolas Z NestleRussiaBernardo Dominic NEGOTIATION
Chavez H FigeroaSpainStephen Shaw PROPOSAL
Kadeem Z FollerBrazilAnna Fali NEW
Silvio J WaycottRussiaElwin Sharvill UNQUALIFIED
Francesco Y ButtJapanIvan Magalhaes QUALIFIED
Chavez Y GarufiAustraliaElwin Sharvill RENEWAL
Wickens Z FigeroaItalyAmy Elsner QUALIFIED
Salvatore O MacleadGermanyIvan Magalhaes RENEWAL
Francesco L GlickCanadaOnyama Limba RENEWAL
Wickens W MarrierItalyIoni Bowcher UNQUALIFIED
Tony L WaycottFranceIvan Magalhaes UNQUALIFIED
Claire S RulapaughBrazilBernardo Dominic QUALIFIED
Cody J FollerArgentinaOnyama Limba NEW
Adams B GlickAustraliaElwin Sharvill NEW
Rodrigues T WaycottArgentinaElwin Sharvill NEGOTIATION
Leon W MacleadAustraliaIvan Magalhaes UNQUALIFIED
Silvio T BowleyFranceAsiya Javayant RENEWAL
Jones O SergiBrazilIoni Bowcher NEGOTIATION
Aditya Q DoeBrazilXuxue Feng PROPOSAL
Johnson X GauchoSpainAsiya Javayant UNQUALIFIED
Sinclair V FollerRussiaOnyama Limba UNQUALIFIED
David A CaldareraItalyIoni Bowcher QUALIFIED
Antonio O StensethRussiaIvan Magalhaes PROPOSAL
Wickens T WaycottCanadaIoni Bowcher NEW
Salvatore R SaylorsItalyAsiya Javayant QUALIFIED
Ashley L SaylorsUnited KingdomIoni Bowcher QUALIFIED
Jennifer Q BologniaSpainOnyama Limba RENEWAL
Ivar E RimArgentinaIvan Magalhaes RENEWAL
David F CaudyRussiaStephen Shaw NEW
Mayumi N DilliardIndiaOnyama Limba UNQUALIFIED
Clifford Q GauchoRussiaStephen Shaw RENEWAL
Deepesh H MaletGermanyIvan Magalhaes RENEWAL
Maria I MorascaBrazilStephen Shaw QUALIFIED
Faith O DilliardSpainXuxue Feng UNQUALIFIED
Julie T NestleUnited KingdomAnna Fali PROPOSAL
Maria V MorascaCanadaXuxue Feng NEW
Jefferson U CaudyGermanyBernardo Dominic QUALIFIED
Greenwood S RimFranceOnyama Limba RENEWAL
Deepesh G TollnerGermanyAmy Elsner PROPOSAL
Cody S DarakjyBrazilIvan Magalhaes NEW
Cody O MarrierFranceIvan Magalhaes PROPOSAL
Aika N CampainItalyAmy Elsner NEW
Isabel E SaylorsGermanyIvan Magalhaes UNQUALIFIED
Maria I BologniaJapanAnna Fali NEGOTIATION
Emily M DilliardRussiaBernardo Dominic RENEWAL
Octavia W WhobreyGermanyAnna Fali RENEWAL
Silvio P MaletSpainElwin Sharvill UNQUALIFIED
Mayumi D SergiAustraliaBernardo Dominic UNQUALIFIED
Arvin L SaylorsSpainIoni Bowcher RENEWAL
Leja A FollerBrazilElwin Sharvill UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Ashley F OstroskyArgentinaStephen Shaw NEW
Jefferson Q GlickAustraliaAmy Elsner UNQUALIFIED
Tony A StockhamArgentinaBernardo Dominic UNQUALIFIED
Antonio Z GauchoCanadaOnyama Limba RENEWAL
Isabel M AlbaresJapanStephen Shaw NEW
Wickens M MorascaBrazilXuxue Feng PROPOSAL
Kadeem Y CaudyUnited KingdomElwin Sharvill QUALIFIED
Francesco X InouyeArgentinaElwin Sharvill NEGOTIATION
Julie H DarakjyUnited KingdomAmy Elsner UNQUALIFIED
Ricardo P PerinBrazilXuxue Feng NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Leja L KuskoRussia2026-09-29Feiner Bros RENEWAL97Ivan Magalhaes
1001Darci H WaycottArgentina2026-10-22Rousseaux, Michael Esq PROPOSAL97Ivan Magalhaes
1002Jeanfrancois G FerenczArgentina2026-09-26Commercial Press RENEWAL50Ivan Magalhaes
1003Morrow Q CaudyRussia2026-10-05Feltz Printing Service NEGOTIATION54Amy Elsner
1004Leja M CaudyFrance2026-10-11Chemel, James L Cpa RENEWAL81Anna Fali
1005Johnson X FlosiRussia2026-10-03Commercial Press PROPOSAL27Asiya Javayant
1006Cody M CaldareraFrance2026-10-02Rangoni Of Florence PROPOSAL20Stephen Shaw
1007Salvatore Z WhobreyAustralia2026-10-14Printing Dimensions UNQUALIFIED6Ioni Bowcher
1008Sinclair G AmigonSpain2026-10-08King, Christopher A Esq NEGOTIATION44Onyama Limba
1009Nicolas H MaletRussia2026-10-03Chanay, Jeffrey A Esq NEW57Elwin Sharvill
1010Jeanfrancois E DarakjyRussia2026-10-18Truhlar And Truhlar Attys PROPOSAL97Bernardo Dominic
1011Silvio K BowleyArgentina2026-09-25Chapman, Ross E Esq PROPOSAL15Ioni Bowcher
1012Salvatore D IturbideBrazil2026-10-04Chapman, Ross E Esq QUALIFIED92Bernardo Dominic
1013Aika O KuskoBrazil2026-10-17Chanay, Jeffrey A Esq RENEWAL39Bernardo Dominic
1014Ivar K ShinkoArgentina2026-10-14Printing Dimensions NEW27Elwin Sharvill
1015Deepesh P MaletIndia2026-10-19Buckley Miller Wright PROPOSAL20Onyama Limba
1016Octavia S AmigonItaly2026-10-18Benton, John B Jr NEW26Onyama Limba
1017Costa G AlbaresItaly2026-10-05Rousseaux, Michael Esq NEGOTIATION8Ioni Bowcher
1018Johnson R FerenczUnited Kingdom2026-09-30Benton, John B Jr PROPOSAL93Xuxue Feng
1019Deepesh W SergiItaly2026-09-24Chanay, Jeffrey A Esq NEGOTIATION74Bernardo Dominic
1020Chavez O SchemmerUnited Kingdom2026-10-10Dorl, James J Esq RENEWAL60Ivan Magalhaes
1021Francesco Z DarakjyCanada2026-09-28Commercial Press PROPOSAL57Anna Fali
1022Rodrigues N FigeroaUnited Kingdom2026-10-11Morlong Associates UNQUALIFIED78Xuxue Feng
1023Wickens O FollerRussia2026-10-09Chanay, Jeffrey A Esq NEGOTIATION74Anna Fali
1024Silvio M RimIndia2026-10-22Rangoni Of Florence RENEWAL6Amy Elsner
1025Misaki K BriddickUnited Kingdom2026-10-10Buckley Miller Wright UNQUALIFIED85Anna Fali
1026Rodrigues G MaletIndia2026-10-10Rangoni Of Florence PROPOSAL97Onyama Limba
1027Aruna M WhobreyBrazil2026-10-06Chapman, Ross E Esq PROPOSAL74Bernardo Dominic
1028Wickens Y ShinkoJapan2026-09-26Rangoni Of Florence RENEWAL72Onyama Limba
1029Kaitlin W GarufiUnited Kingdom2026-10-17Buckley Miller Wright NEW68Elwin Sharvill
1030Antonio Q MarrierIndia2026-10-18Feiner Bros RENEWAL83Bernardo Dominic
1031Ashley F StockhamSpain2026-10-22King, Christopher A Esq QUALIFIED17Elwin Sharvill
1032James Q AmigonItaly2026-10-19Feiner Bros NEGOTIATION98Anna Fali
1033Salvatore K TollnerIndia2026-10-04Feiner Bros NEGOTIATION84Ivan Magalhaes
1034Silvio U MorascaGermany2026-10-11Rousseaux, Michael Esq RENEWAL7Stephen Shaw
1035Smith C SchemmerIndia2026-09-25Printing Dimensions NEGOTIATION63Amy Elsner
1036Jeanfrancois Q DoeRussia2026-10-06Feiner Bros NEGOTIATION87Amy Elsner
1037Emily G MaletItaly2026-10-07Dorl, James J Esq UNQUALIFIED90Bernardo Dominic
1038Maria V CampainCanada2026-10-20King, Christopher A Esq QUALIFIED12Ioni Bowcher
1039Aruna P SlusarskiGermany2026-09-27Morlong Associates NEW11Ioni Bowcher
1040Octavia N ShinkoRussia2026-09-29Dorl, James J Esq PROPOSAL51Asiya Javayant
1041Chavez F SergiUnited Kingdom2026-09-23Truhlar And Truhlar Attys NEW61Stephen Shaw
1042Jennifer C RoysterRussia2026-10-20Buckley Miller Wright PROPOSAL54Xuxue Feng
1043Nicolas A RoysterAustralia2026-10-11Rousseaux, Michael Esq NEGOTIATION13Ivan Magalhaes
1044Maisha B IturbideFrance2026-09-23Morlong Associates RENEWAL2Ivan Magalhaes
1045Jefferson X PaprockiCanada2026-10-10Chapman, Ross E Esq UNQUALIFIED13Bernardo Dominic
1046Kaitlin J FerenczGermany2026-09-24Chemel, James L Cpa PROPOSAL12Ioni Bowcher
1047Alejandro K RutaFrance2026-10-05Feiner Bros NEW50Onyama Limba
1048Jeanfrancois S ChuiItaly2026-10-10Commercial Press RENEWAL27Elwin Sharvill
1049Sinclair E IturbideAustralia2026-10-01Printing Dimensions NEW23Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Stacey F GauchoSpainIvan Magalhaes PROPOSAL
Juan N FlosiBrazilAnna Fali PROPOSAL
Leon G BriddickFranceAsiya Javayant NEGOTIATION
Octavia U RutaJapanBernardo Dominic NEW
Emily W IturbideUnited KingdomElwin Sharvill UNQUALIFIED
Octavia S KolmetzAustraliaIoni Bowcher RENEWAL
Octavia H PoquetteSpainBernardo Dominic NEGOTIATION
Kaitlin L KuskoFranceStephen Shaw RENEWAL
Aika A ChuiJapanIvan Magalhaes NEW
Kaitlin P FlosiFranceAnna Fali PROPOSAL
Stacey F DilliardUnited KingdomXuxue Feng QUALIFIED
Alejandro N BologniaIndiaAsiya Javayant NEW
Deepesh U FerenczCanadaIoni Bowcher NEW
Isabel M SchemmerIndiaXuxue Feng QUALIFIED
Adams F FerenczAustraliaStephen Shaw NEGOTIATION
Aika Z MorascaGermanyAsiya Javayant NEW
Munro C PerinRussiaIoni Bowcher UNQUALIFIED
Rodrigues T WieserAustraliaXuxue Feng NEW
Leon W FlosiCanadaOnyama Limba PROPOSAL
Stacey H GauchoIndiaAmy Elsner PROPOSAL
Isabel M FlosiUnited KingdomAmy Elsner NEW
Juan A FerenczIndiaAsiya Javayant UNQUALIFIED
Kadeem B ChuiBrazilXuxue Feng PROPOSAL
Munro C ButtBrazilXuxue Feng RENEWAL
Nicolas O ButtGermanyXuxue Feng PROPOSAL
Greenwood W NickaArgentinaAmy Elsner RENEWAL
Salvatore A RimJapanAmy Elsner NEGOTIATION
Ashley E VocelkaSpainAnna Fali UNQUALIFIED
Misaki I BologniaRussiaStephen Shaw NEGOTIATION
Wickens S KuskoCanadaAnna Fali QUALIFIED
Isabel V RoysterFranceAsiya Javayant QUALIFIED
Clifford U OstroskyBrazilBernardo Dominic NEW
Arvin X PaprockiIndiaIvan Magalhaes NEW
Ricardo B ShinkoGermanyAnna Fali QUALIFIED
Silvio S RutaCanadaElwin Sharvill RENEWAL
Clifford L OstroskyFranceOnyama Limba NEGOTIATION
Jefferson W InouyeAustraliaBernardo Dominic NEGOTIATION
Adams C NestleBrazilAnna Fali PROPOSAL
Morrow A AlbaresGermanyStephen Shaw UNQUALIFIED
Aruna E RimCanadaAnna Fali PROPOSAL
Sinclair T RoysterIndiaIoni Bowcher PROPOSAL
Tony D DarakjyAustraliaXuxue Feng RENEWAL
Julie P StockhamRussiaStephen Shaw NEW
Aika I MarrierSpainStephen Shaw PROPOSAL
Jeanfrancois K VocelkaJapanStephen Shaw QUALIFIED
Isabel M VenereArgentinaIoni Bowcher NEW
Jeanfrancois T GauchoAustraliaOnyama Limba UNQUALIFIED
Kaitlin E DarakjyArgentinaAnna Fali UNQUALIFIED
Isabel T KolmetzRussiaOnyama Limba NEGOTIATION
Mayumi L BologniaIndiaAmy Elsner UNQUALIFIED
Frozen Columns
Name
Arvin M Malet
Cody B Schemmer
Izzy J Amigon
Silvio K Rim
Costa J Ruta
Morrow T Shinko
Wickens L Morasca
David F Gaucho
Izzy Y Inouye
Adams D Kusko
Stacey Q Stenseth
Aditya L Figeroa
David M Oldroyd
Kaitlin R Flosi
Salvatore J Darakjy
Kaitlin J Iturbide
Smith G Perin
Ricardo K Whobrey
Rodrigues J Royster
Smith L Royster
Clifford H Iturbide
Wickens H Poquette
Ricardo I Kusko
Mayumi T Oldroyd
Octavia O Campain
Chavez M Garufi
Johnson R Venere
Murillo M Dilliard
Julie C Bowley
Aika L Foller
Jefferson M Doe
Wickens T Venere
Clifford Z Butt
Aruna U Campain
Sinclair V Shinko
Morrow P Flosi
Munro E Perin
Deepesh E Albares
Alejandro O Flosi
Jones D Paprocki
Izzy D Paprocki
Salvatore H Oldroyd
Julie Z Stenseth
Jeanfrancois P Ferencz
Alejandro Z Schemmer
Smith R Nestle
Jeanfrancois F Caldarera
Emily X Flosi
Ivar L Perin
Darci Z Ostrosky
IdCountryDate
1000Canada2026-10-10
1001France2026-10-14
1002Canada2026-10-03
1003Germany2026-10-06
1004Italy2026-10-06
1005Australia2026-10-08
1006Russia2026-10-02
1007Russia2026-10-09
1008Russia2026-10-15
1009Canada2026-10-16
1010Canada2026-10-04
1011United Kingdom2026-10-11
1012Argentina2026-09-28
1013Brazil2026-10-15
1014Argentina2026-09-29
1015India2026-10-16
1016Brazil2026-10-13
1017United Kingdom2026-10-08
1018Japan2026-10-05
1019United Kingdom2026-10-02
1020Russia2026-09-28
1021Japan2026-09-24
1022Spain2026-10-19
1023Brazil2026-10-04
1024Australia2026-10-14
1025Italy2026-10-03
1026Canada2026-10-10
1027Argentina2026-10-08
1028France2026-10-09
1029Japan2026-10-17
1030Japan2026-10-11
1031United Kingdom2026-10-13
1032Argentina2026-10-06
1033Germany2026-10-19
1034Brazil2026-10-09
1035Italy2026-10-18
1036Argentina2026-10-14
1037Spain2026-10-08
1038France2026-10-13
1039Brazil2026-10-22
1040Canada2026-09-26
1041Australia2026-10-09
1042Argentina2026-10-22
1043Canada2026-10-01
1044United Kingdom2026-10-13
1045Brazil2026-10-11
1046Brazil2026-10-19
1047Japan2026-10-08
1048Brazil2026-10-19
1049France2026-10-08

On-Demand Data

NameIdCountryDate
Nicolas Y Glick1000Australia2026-10-09
Kadeem C Stockham1001Argentina2026-10-02
Johnson Y Butt1002Australia2026-10-10
Aika L Slusarski1003Germany2026-10-11
Rodrigues E Vocelka1004Italy2026-10-05
David V Marrier1005Spain2026-10-02
Ricardo H Marrier1006Italy2026-10-22
Isabel M Amigon1007Brazil2026-10-05
Julie X Oldroyd1008Italy2026-10-14
Costa I Darakjy1009Germany2026-09-24
Murillo U Paprocki1010Argentina2026-09-26
Kaitlin L Ruta1011Russia2026-10-02
Ashley S Royster1012United Kingdom2026-10-06
Mujtaba M Figeroa1013Russia2026-09-26
Juan A Amigon1014Russia2026-10-12
Leon N Gillian1015Canada2026-10-13
Deepesh H Malet1016Argentina2026-09-27
Kadeem F Paprocki1017Germany2026-10-13
Aika V Albares1018France2026-10-13
Salvatore J Amigon1019Germany2026-10-09
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aditya K GarufiIndiaIoni Bowcher RENEWAL
Ivar I TollnerCanadaXuxue Feng UNQUALIFIED
Sinclair O InouyeCanadaStephen Shaw UNQUALIFIED
Aika L ButtAustraliaIoni Bowcher NEGOTIATION
Claire R PoquetteFranceIoni Bowcher UNQUALIFIED
Emily M FlosiSpainStephen Shaw NEW
Cody S BowleyUnited KingdomElwin Sharvill UNQUALIFIED
Ricardo S NickaCanadaStephen Shaw PROPOSAL
Kaitlin X StockhamAustraliaAnna Fali RENEWAL
Deepesh U ShinkoArgentinaAnna Fali PROPOSAL
Arvin S RulapaughCanadaIvan Magalhaes PROPOSAL
Izzy T FlosiItalyAnna Fali QUALIFIED
Julie E FerenczUnited KingdomBernardo Dominic QUALIFIED
Misaki W OldroydAustraliaXuxue Feng NEGOTIATION
Jennifer L DarakjyArgentinaStephen Shaw UNQUALIFIED
Alejandro E FlosiBrazilIoni Bowcher QUALIFIED
Jeanfrancois H BologniaFranceAnna Fali UNQUALIFIED
Costa Q SaylorsBrazilAmy Elsner RENEWAL
Costa K BriddickRussiaAnna Fali NEGOTIATION
Ashley O SlusarskiRussiaElwin Sharvill NEGOTIATION
Aika X KuskoUnited KingdomStephen Shaw RENEWAL
Misaki N NestleAustraliaElwin Sharvill QUALIFIED
Ricardo N DarakjyArgentinaAsiya Javayant QUALIFIED
Faith L GauchoSpainElwin Sharvill PROPOSAL
Aika R ChuiFranceAmy Elsner NEGOTIATION
Kadeem H NestleGermanyIvan Magalhaes QUALIFIED
Ivar S InouyeSpainElwin Sharvill PROPOSAL
Leja B GillianSpainXuxue Feng RENEWAL
Sinclair F MacleadAustraliaElwin Sharvill QUALIFIED
Kaitlin Y WhobreyIndiaAmy Elsner RENEWAL
Emily G ShinkoBrazilAmy Elsner UNQUALIFIED
Wickens Q GarufiCanadaBernardo Dominic NEGOTIATION
Greenwood E MaletUnited KingdomBernardo Dominic NEGOTIATION
Aruna T SaylorsSpainIoni Bowcher PROPOSAL
Leja W OldroydRussiaStephen Shaw RENEWAL
Deepesh V WhobreyItalyElwin Sharvill UNQUALIFIED
Murillo E RutaIndiaBernardo Dominic UNQUALIFIED
Mujtaba Q OstroskyRussiaStephen Shaw NEW
Silvio T PaprockiGermanyStephen Shaw NEGOTIATION
Aruna S PaprockiUnited KingdomIoni Bowcher QUALIFIED

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