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
Aruna C FlosiArgentinaElwin Sharvill QUALIFIED
Morrow S GauchoFranceOnyama Limba PROPOSAL
Misaki J SergiGermanyElwin Sharvill UNQUALIFIED
Aruna Q OstroskyRussiaOnyama Limba NEGOTIATION
David K KolmetzCanadaOnyama Limba RENEWAL
Darci F RutaItalyBernardo Dominic UNQUALIFIED
Murillo U ShinkoCanadaAmy Elsner PROPOSAL
Sinclair C PaprockiFranceBernardo Dominic UNQUALIFIED
Maria N MarrierFranceIoni Bowcher RENEWAL
Kadeem U BowleyIndiaAsiya Javayant PROPOSAL
Rodrigues Q AmigonRussiaAsiya Javayant PROPOSAL
Salvatore A StensethJapanElwin Sharvill PROPOSAL
Juan R PaprockiSpainBernardo Dominic UNQUALIFIED
Jennifer M GillianItalyAmy Elsner QUALIFIED
Kaitlin E SlusarskiSpainXuxue Feng NEW
Jefferson Q FlosiUnited KingdomIvan Magalhaes PROPOSAL
Jeanfrancois Z RimIndiaIvan Magalhaes RENEWAL
Leon L DoeItalyIoni Bowcher RENEWAL
Alejandro R KolmetzJapanOnyama Limba NEGOTIATION
Silvio B OstroskyIndiaIoni Bowcher RENEWAL
Faith F SchemmerArgentinaXuxue Feng NEGOTIATION
Claire T RoysterFranceAsiya Javayant NEGOTIATION
Misaki K FlosiIndiaOnyama Limba RENEWAL
Izzy E MacleadGermanyElwin Sharvill PROPOSAL
Aika O ButtUnited KingdomAmy Elsner NEGOTIATION
Ashley L AlbaresItalyElwin Sharvill NEGOTIATION
Leon U TollnerRussiaStephen Shaw QUALIFIED
Mujtaba H CaldareraFranceBernardo Dominic NEGOTIATION
Juan J OstroskyItalyIoni Bowcher QUALIFIED
Deepesh W GauchoJapanBernardo Dominic PROPOSAL
Emily S MaletGermanyIoni Bowcher NEGOTIATION
Darci B GarufiUnited KingdomBernardo Dominic QUALIFIED
Cody W AmigonArgentinaAsiya Javayant QUALIFIED
Leon M StockhamRussiaStephen Shaw NEGOTIATION
Misaki C GlickArgentinaAsiya Javayant QUALIFIED
Greenwood D GauchoAustraliaAsiya Javayant NEGOTIATION
Misaki P StensethJapanAsiya Javayant RENEWAL
Faith J WieserUnited KingdomIvan Magalhaes QUALIFIED
Claire N MorascaItalyAnna Fali PROPOSAL
Darci F StockhamSpainStephen Shaw NEW
Ivar B AmigonJapanIoni Bowcher QUALIFIED
Aika O PoquetteIndiaAnna Fali UNQUALIFIED
Adams L StensethAustraliaOnyama Limba PROPOSAL
Leon L KolmetzGermanyIoni Bowcher RENEWAL
Wickens M StensethAustraliaAsiya Javayant NEW
Deepesh N AlbaresCanadaXuxue Feng PROPOSAL
Izzy R KolmetzItalyOnyama Limba QUALIFIED
Antonio W RulapaughJapanOnyama Limba QUALIFIED
Silvio L OstroskyBrazilElwin Sharvill PROPOSAL
Maria J DarakjyJapanElwin Sharvill NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Ashley N OstroskyFranceIoni Bowcher NEGOTIATION
Izzy W BriddickSpainAmy Elsner NEW
Rodrigues M MorascaSpainAmy Elsner UNQUALIFIED
Maisha X OstroskyArgentinaStephen Shaw QUALIFIED
Silvio U WieserArgentinaIoni Bowcher QUALIFIED
Aruna I DilliardIndiaIoni Bowcher NEGOTIATION
Antonio C AmigonItalyStephen Shaw UNQUALIFIED
Munro F VocelkaIndiaIvan Magalhaes PROPOSAL
Deepesh S StensethUnited KingdomElwin Sharvill QUALIFIED
Tony I PaprockiRussiaXuxue Feng UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jeanfrancois R BriddickUnited Kingdom2026-09-23Feiner Bros NEW92Onyama Limba
1001Kaitlin E InouyeSpain2026-10-11Rangoni Of Florence PROPOSAL75Ioni Bowcher
1002Leon A CampainUnited Kingdom2026-10-02Feltz Printing Service RENEWAL85Ioni Bowcher
1003Chavez Q TollnerAustralia2026-10-17Chemel, James L Cpa QUALIFIED52Anna Fali
1004Mayumi M ChuiIndia2026-10-13Commercial Press RENEWAL40Anna Fali
1005Salvatore C BologniaArgentina2026-09-24Chapman, Ross E Esq QUALIFIED3Elwin Sharvill
1006Leja R NestleGermany2026-10-10Chanay, Jeffrey A Esq QUALIFIED77Amy Elsner
1007Julie I CaudyAustralia2026-10-16Printing Dimensions NEW50Ioni Bowcher
1008Kadeem A GlickJapan2026-09-19Chapman, Ross E Esq NEGOTIATION4Stephen Shaw
1009Johnson Q PoquetteJapan2026-10-18Chapman, Ross E Esq NEGOTIATION18Asiya Javayant
1010Antonio K PaprockiItaly2026-10-04Feiner Bros PROPOSAL74Asiya Javayant
1011Ashley H ShinkoJapan2026-09-25Benton, John B Jr QUALIFIED75Asiya Javayant
1012Munro P ChuiRussia2026-09-26Feltz Printing Service QUALIFIED85Elwin Sharvill
1013Munro P MarrierFrance2026-09-28Chanay, Jeffrey A Esq NEGOTIATION44Amy Elsner
1014Antonio T ChuiGermany2026-09-30Feiner Bros NEGOTIATION90Onyama Limba
1015Ricardo Y GarufiCanada2026-09-24Feiner Bros UNQUALIFIED21Xuxue Feng
1016Ashley Y WhobreyBrazil2026-09-21Feltz Printing Service QUALIFIED51Ivan Magalhaes
1017Deepesh L CampainIndia2026-10-01Benton, John B Jr NEGOTIATION17Xuxue Feng
1018Kadeem C SchemmerUnited Kingdom2026-10-10Buckley Miller Wright RENEWAL72Bernardo Dominic
1019Sinclair Q WaycottUnited Kingdom2026-10-01Feltz Printing Service NEW5Amy Elsner
1020Munro O RoysterArgentina2026-10-16Chanay, Jeffrey A Esq QUALIFIED66Anna Fali
1021Sinclair E FigeroaJapan2026-10-05Dorl, James J Esq PROPOSAL55Amy Elsner
1022Stacey J SergiUnited Kingdom2026-09-26Chapman, Ross E Esq NEGOTIATION44Bernardo Dominic
1023Aruna B OstroskyJapan2026-10-13Rangoni Of Florence PROPOSAL39Amy Elsner
1024Mayumi R CaudyAustralia2026-10-14Rangoni Of Florence QUALIFIED92Elwin Sharvill
1025Munro X PoquetteBrazil2026-09-27Benton, John B Jr QUALIFIED81Asiya Javayant
1026Munro Z PerinSpain2026-10-15Chemel, James L Cpa PROPOSAL91Anna Fali
1027Adams G MorascaUnited Kingdom2026-09-25Chemel, James L Cpa PROPOSAL3Elwin Sharvill
1028David A WhobreyIndia2026-10-18Commercial Press UNQUALIFIED74Bernardo Dominic
1029Antonio M CaudyJapan2026-09-19Chapman, Ross E Esq NEGOTIATION37Stephen Shaw
1030Wickens R MorascaArgentina2026-09-25Benton, John B Jr QUALIFIED79Ivan Magalhaes
1031Izzy B AlbaresAustralia2026-09-30Feltz Printing Service PROPOSAL30Anna Fali
1032Aruna Z MorascaItaly2026-09-25King, Christopher A Esq QUALIFIED18Amy Elsner
1033Nicolas L WieserArgentina2026-09-30King, Christopher A Esq PROPOSAL68Ivan Magalhaes
1034Costa D GlickArgentina2026-09-30Morlong Associates RENEWAL78Anna Fali
1035Faith F AmigonCanada2026-09-21Feltz Printing Service QUALIFIED67Elwin Sharvill
1036Francesco W OstroskyCanada2026-09-22Commercial Press QUALIFIED81Onyama Limba
1037Deepesh D StockhamUnited Kingdom2026-09-25King, Christopher A Esq UNQUALIFIED13Onyama Limba
1038Munro F VocelkaRussia2026-10-15King, Christopher A Esq UNQUALIFIED90Elwin Sharvill
1039David Z BowleySpain2026-10-18Feiner Bros QUALIFIED9Bernardo Dominic
1040Misaki M DoeAustralia2026-09-22Benton, John B Jr QUALIFIED86Ivan Magalhaes
1041Munro G DoeRussia2026-09-20Chanay, Jeffrey A Esq QUALIFIED62Stephen Shaw
1042Deepesh M ButtFrance2026-10-15Commercial Press NEW53Elwin Sharvill
1043Mujtaba J PerinUnited Kingdom2026-09-29Chapman, Ross E Esq NEW88Xuxue Feng
1044Ivar P DarakjySpain2026-09-24Rangoni Of Florence NEW50Bernardo Dominic
1045Mayumi L AlbaresRussia2026-09-24Chemel, James L Cpa NEW63Ivan Magalhaes
1046Jones L ShinkoSpain2026-10-13Chapman, Ross E Esq UNQUALIFIED72Ioni Bowcher
1047Aika S CaldareraBrazil2026-09-22Truhlar And Truhlar Attys NEW34Bernardo Dominic
1048Izzy W TollnerUnited Kingdom2026-10-08Feltz Printing Service UNQUALIFIED23Stephen Shaw
1049Ashley A StockhamArgentina2026-10-10Chanay, Jeffrey A Esq PROPOSAL63Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Johnson G OldroydBrazilAmy Elsner RENEWAL
Aruna U ShinkoIndiaOnyama Limba RENEWAL
Deepesh K OldroydJapanStephen Shaw NEGOTIATION
Silvio C CampainRussiaAsiya Javayant NEGOTIATION
Antonio K WhobreyJapanBernardo Dominic NEGOTIATION
Arvin U IturbideAustraliaElwin Sharvill RENEWAL
Chavez B DoeSpainAsiya Javayant RENEWAL
Isabel M InouyeSpainStephen Shaw NEW
Juan R BowleyArgentinaBernardo Dominic UNQUALIFIED
Francesco L CaudyBrazilAmy Elsner NEW
Munro G NickaCanadaIvan Magalhaes PROPOSAL
Johnson S DarakjyFranceElwin Sharvill NEGOTIATION
James U WhobreyGermanyAsiya Javayant PROPOSAL
Julie K ChuiItalyAmy Elsner PROPOSAL
Ashley L RulapaughItalyBernardo Dominic RENEWAL
Alejandro R RoysterArgentinaAsiya Javayant QUALIFIED
Ricardo K VocelkaAustraliaBernardo Dominic QUALIFIED
Octavia J RulapaughIndiaIvan Magalhaes QUALIFIED
Deepesh D SlusarskiGermanyOnyama Limba NEGOTIATION
Sinclair I StockhamRussiaBernardo Dominic NEGOTIATION
Maria J StockhamUnited KingdomElwin Sharvill RENEWAL
Chavez M SlusarskiCanadaIoni Bowcher NEW
Leja B DilliardFranceXuxue Feng UNQUALIFIED
Johnson O IturbideGermanyAmy Elsner UNQUALIFIED
Juan G RimBrazilAmy Elsner NEGOTIATION
Costa E SergiArgentinaIoni Bowcher PROPOSAL
Smith G TollnerItalyXuxue Feng QUALIFIED
Jeanfrancois L FollerSpainIvan Magalhaes QUALIFIED
Wickens X AlbaresCanadaElwin Sharvill QUALIFIED
Clifford S WaycottIndiaOnyama Limba NEGOTIATION
Kaitlin V RulapaughArgentinaElwin Sharvill QUALIFIED
Greenwood S NestleRussiaStephen Shaw QUALIFIED
Aruna V StockhamJapanAmy Elsner RENEWAL
Jeanfrancois F OstroskyIndiaStephen Shaw UNQUALIFIED
Ashley H RoysterRussiaAmy Elsner QUALIFIED
Wickens V RutaJapanElwin Sharvill NEGOTIATION
Jeanfrancois Y MacleadSpainAmy Elsner RENEWAL
Mujtaba G NestleItalyIoni Bowcher RENEWAL
Octavia W ButtAustraliaElwin Sharvill PROPOSAL
Mujtaba D MorascaSpainIvan Magalhaes UNQUALIFIED
Mayumi O BologniaArgentinaAsiya Javayant PROPOSAL
Arvin P StockhamIndiaAsiya Javayant NEW
Clifford Y OstroskyCanadaAsiya Javayant PROPOSAL
Ricardo U OstroskyArgentinaIvan Magalhaes NEGOTIATION
Clifford F FigeroaUnited KingdomBernardo Dominic UNQUALIFIED
Jennifer Q PerinCanadaElwin Sharvill QUALIFIED
Kadeem A VocelkaJapanXuxue Feng QUALIFIED
Ricardo X VocelkaItalyAnna Fali RENEWAL
Arvin K DoeJapanAsiya Javayant NEGOTIATION
Ashley Z BowleyArgentinaAsiya Javayant PROPOSAL
Frozen Columns
Name
Jefferson U Stockham
Faith F Flosi
Izzy E Ferencz
Greenwood M Sergi
Maisha Z Ostrosky
Isabel A Garufi
Chavez U Maclead
Clifford H Campain
Clifford R Inouye
Cody L Wieser
David L Ferencz
Kaitlin T Gillian
Jefferson W Venere
Julie F Schemmer
Ivar V Gaucho
Emily C Rulapaugh
Sinclair V Nicka
David G Schemmer
Darci F Nicka
Kadeem V Bolognia
Munro W Caudy
Faith U Briddick
Ashley C Chui
Munro R Inouye
Silvio O Whobrey
Nicolas F Butt
Salvatore C Stockham
Wickens U Ostrosky
Ivar Q Nestle
Antonio I Dilliard
Faith Y Caldarera
Aruna R Flosi
Clifford Y Malet
Chavez B Darakjy
Cody Y Iturbide
Alejandro R Butt
Clifford W Foller
Aika S Kusko
Morrow M Butt
Tony U Nestle
David K Amigon
Munro T Stockham
Maisha R Paprocki
Ashley J Whobrey
Emily E Gaucho
Murillo G Caudy
Isabel P Rim
Ashley G Caudy
James Q Saylors
Smith B Iturbide
IdCountryDate
1000Japan2026-09-19
1001Japan2026-09-28
1002India2026-09-28
1003Australia2026-10-16
1004Spain2026-09-26
1005India2026-09-28
1006India2026-09-19
1007Canada2026-10-01
1008Russia2026-09-26
1009Brazil2026-10-01
1010France2026-09-27
1011United Kingdom2026-10-14
1012Italy2026-09-27
1013Russia2026-10-01
1014Spain2026-10-13
1015Spain2026-10-02
1016Brazil2026-10-02
1017Argentina2026-09-30
1018Brazil2026-10-16
1019Japan2026-10-13
1020Italy2026-10-08
1021United Kingdom2026-10-07
1022Brazil2026-10-07
1023France2026-09-27
1024Italy2026-09-19
1025Canada2026-09-21
1026India2026-09-23
1027Russia2026-09-26
1028Australia2026-10-04
1029Russia2026-10-04
1030Russia2026-10-14
1031Spain2026-10-03
1032Canada2026-09-27
1033Canada2026-09-29
1034Japan2026-09-20
1035Argentina2026-10-02
1036Brazil2026-09-30
1037Argentina2026-10-16
1038Argentina2026-09-29
1039Russia2026-10-08
1040India2026-10-13
1041Australia2026-10-03
1042India2026-10-06
1043United Kingdom2026-10-03
1044United Kingdom2026-10-07
1045United Kingdom2026-10-14
1046France2026-09-26
1047Germany2026-10-12
1048France2026-09-23
1049Argentina2026-09-29

On-Demand Data

NameIdCountryDate
Murillo A Saylors1000Australia2026-10-18
Maria D Wieser1001Spain2026-10-01
Murillo L Schemmer1002Germany2026-10-17
Munro A Gaucho1003India2026-10-18
Tony Q Schemmer1004India2026-10-15
Kaitlin Y Tollner1005Brazil2026-10-04
Mujtaba S Gaucho1006Australia2026-10-05
Adams N Wieser1007Russia2026-09-30
Aika X Ruta1008Japan2026-09-22
Greenwood L Oldroyd1009Italy2026-09-24
Nicolas H Paprocki1010United Kingdom2026-10-15
Munro Z Venere1011Argentina2026-09-20
Morrow O Paprocki1012Germany2026-10-13
Kaitlin E Caudy1013Japan2026-09-29
Jefferson T Flosi1014Russia2026-10-03
Wickens G Maclead1015United Kingdom2026-10-08
Mayumi F Ostrosky1016India2026-10-11
Alejandro A Bowley1017Australia2026-10-02
Silvio V Royster1018Germany2026-09-25
Julie Q Venere1019Argentina2026-09-30
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Isabel E DilliardRussiaXuxue Feng RENEWAL
Francesco C WaycottArgentinaStephen Shaw RENEWAL
Silvio T AmigonAustraliaAsiya Javayant UNQUALIFIED
Mujtaba H MaletArgentinaIoni Bowcher NEW
Leon Q BowleySpainIoni Bowcher UNQUALIFIED
Ricardo R RoysterCanadaAnna Fali NEGOTIATION
Antonio Z MacleadBrazilAmy Elsner PROPOSAL
Nicolas J MaletArgentinaAnna Fali RENEWAL
Julie Z PoquetteAustraliaBernardo Dominic NEGOTIATION
Wickens F CampainIndiaIoni Bowcher RENEWAL
Ashley G ChuiArgentinaAnna Fali QUALIFIED
Kadeem H GillianCanadaBernardo Dominic UNQUALIFIED
Emily A WieserJapanIoni Bowcher RENEWAL
Stacey J FollerFranceStephen Shaw NEGOTIATION
Sinclair L WhobreyItalyAmy Elsner QUALIFIED
Aditya O OldroydJapanElwin Sharvill PROPOSAL
Isabel A GauchoSpainIoni Bowcher RENEWAL
Maisha E BriddickItalyIoni Bowcher NEW
Clifford X ShinkoArgentinaStephen Shaw NEGOTIATION
Ashley G PoquetteCanadaIvan Magalhaes RENEWAL
Greenwood L SlusarskiGermanyIoni Bowcher PROPOSAL
Misaki U CaudyItalyIoni Bowcher RENEWAL
Juan E SergiSpainIoni Bowcher QUALIFIED
Isabel I RulapaughBrazilOnyama Limba NEW
Munro Y SergiUnited KingdomOnyama Limba RENEWAL
Ashley X NickaJapanBernardo Dominic RENEWAL
Rodrigues I RutaArgentinaBernardo Dominic UNQUALIFIED
Jones T FlosiUnited KingdomIvan Magalhaes PROPOSAL
David R RimItalyXuxue Feng PROPOSAL
Leon B SergiSpainAmy Elsner RENEWAL
Stacey N StockhamAustraliaBernardo Dominic RENEWAL
Clifford N AlbaresArgentinaBernardo Dominic RENEWAL
David S FigeroaRussiaAmy Elsner RENEWAL
Johnson O NestleBrazilAnna Fali NEGOTIATION
Jeanfrancois P CampainBrazilXuxue Feng RENEWAL
Kadeem D SergiSpainElwin Sharvill RENEWAL
Jones X PaprockiRussiaAnna Fali PROPOSAL
Aditya B AmigonIndiaBernardo Dominic PROPOSAL
Maisha W FollerAustraliaOnyama Limba NEW
Munro E CaudyUnited KingdomAsiya Javayant RENEWAL

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