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
Adams H SergiFranceStephen Shaw UNQUALIFIED
Claire R KolmetzIndiaAsiya Javayant QUALIFIED
Costa U WaycottBrazilIoni Bowcher UNQUALIFIED
David A WieserArgentinaAnna Fali RENEWAL
Maisha I OstroskyRussiaAnna Fali NEW
Sinclair W CaldareraRussiaAnna Fali NEW
Arvin V GlickUnited KingdomAsiya Javayant NEW
Greenwood W RutaAustraliaXuxue Feng RENEWAL
Salvatore X TollnerBrazilOnyama Limba UNQUALIFIED
David Z KolmetzIndiaIoni Bowcher UNQUALIFIED
Francesco R OstroskyUnited KingdomOnyama Limba QUALIFIED
Mayumi O WhobreyBrazilAsiya Javayant NEW
Adams C WhobreyJapanIoni Bowcher RENEWAL
Chavez T ChuiCanadaIvan Magalhaes PROPOSAL
Julie A ChuiJapanIvan Magalhaes UNQUALIFIED
Claire P VocelkaRussiaBernardo Dominic RENEWAL
Cody G MorascaUnited KingdomAsiya Javayant PROPOSAL
Cody I FerenczJapanOnyama Limba RENEWAL
Nicolas H BriddickGermanyOnyama Limba RENEWAL
Maria H FlosiGermanyElwin Sharvill UNQUALIFIED
Darci A FerenczJapanXuxue Feng PROPOSAL
Aditya E ShinkoCanadaXuxue Feng PROPOSAL
Julie W RutaAustraliaXuxue Feng UNQUALIFIED
Ivar L OldroydUnited KingdomBernardo Dominic RENEWAL
Greenwood G StensethBrazilIoni Bowcher RENEWAL
Rodrigues M CaldareraSpainBernardo Dominic RENEWAL
Greenwood U AmigonUnited KingdomAmy Elsner UNQUALIFIED
Munro P PaprockiCanadaAmy Elsner NEGOTIATION
Mayumi X PoquetteFranceXuxue Feng QUALIFIED
Claire F RimItalyAmy Elsner NEGOTIATION
Octavia J AlbaresUnited KingdomAsiya Javayant QUALIFIED
Aruna C IturbideJapanAsiya Javayant NEGOTIATION
Munro U AmigonArgentinaIvan Magalhaes RENEWAL
Salvatore E ButtGermanyOnyama Limba QUALIFIED
Faith Y ShinkoBrazilElwin Sharvill RENEWAL
Claire Y RimIndiaAmy Elsner PROPOSAL
Silvio W OstroskyBrazilElwin Sharvill QUALIFIED
Maisha E CaldareraArgentinaElwin Sharvill NEW
Costa J WieserIndiaAnna Fali RENEWAL
Stacey F StockhamIndiaOnyama Limba NEGOTIATION
Kaitlin H KuskoSpainStephen Shaw UNQUALIFIED
Chavez A RutaBrazilIvan Magalhaes NEW
Mujtaba B TollnerAustraliaIvan Magalhaes QUALIFIED
Ricardo B MaletArgentinaBernardo Dominic RENEWAL
Maisha P FlosiAustraliaAnna Fali PROPOSAL
Alejandro G ButtGermanyStephen Shaw QUALIFIED
Adams M BriddickSpainBernardo Dominic RENEWAL
Salvatore Y MacleadSpainBernardo Dominic UNQUALIFIED
Juan A RoysterIndiaIvan Magalhaes NEGOTIATION
Juan P MacleadBrazilAsiya Javayant RENEWAL
Horizontal
NameCountryRepresentativeStatus
Smith K MacleadArgentinaIvan Magalhaes PROPOSAL
Jeanfrancois G AlbaresUnited KingdomIvan Magalhaes RENEWAL
Jeanfrancois P DilliardGermanyStephen Shaw QUALIFIED
Leja Z CaudyFranceOnyama Limba PROPOSAL
Mayumi Q SlusarskiGermanyAnna Fali UNQUALIFIED
Nicolas A StockhamSpainAmy Elsner NEW
Murillo W DoeBrazilIvan Magalhaes RENEWAL
Aruna C GlickBrazilStephen Shaw QUALIFIED
Kaitlin J KuskoJapanIoni Bowcher UNQUALIFIED
Darci F GarufiArgentinaXuxue Feng QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Octavia M PoquetteIndia2026-10-06Feltz Printing Service QUALIFIED70Amy Elsner
1001David R SaylorsBrazil2026-10-29Rousseaux, Michael Esq PROPOSAL53Elwin Sharvill
1002Sinclair A MacleadCanada2026-10-26Printing Dimensions NEGOTIATION48Anna Fali
1003Isabel B PaprockiArgentina2026-10-17Truhlar And Truhlar Attys UNQUALIFIED69Ioni Bowcher
1004Kaitlin S RoysterRussia2026-10-06Chemel, James L Cpa RENEWAL14Ivan Magalhaes
1005Clifford A DilliardJapan2026-10-20Commercial Press NEW13Amy Elsner
1006Chavez L BriddickSpain2026-10-31Chapman, Ross E Esq UNQUALIFIED76Amy Elsner
1007Ricardo U BologniaGermany2026-10-08Chapman, Ross E Esq NEGOTIATION17Amy Elsner
1008Julie J GlickItaly2026-10-10Commercial Press RENEWAL85Elwin Sharvill
1009Isabel G SlusarskiCanada2026-10-26Buckley Miller Wright QUALIFIED1Onyama Limba
1010Francesco S SergiItaly2026-10-18Chemel, James L Cpa RENEWAL79Asiya Javayant
1011Leon Z OstroskyBrazil2026-10-24King, Christopher A Esq RENEWAL81Bernardo Dominic
1012Francesco E GarufiRussia2026-10-13Chapman, Ross E Esq NEGOTIATION16Onyama Limba
1013Murillo Y OldroydBrazil2026-10-07King, Christopher A Esq NEW33Amy Elsner
1014Maria B MaletCanada2026-10-10Rousseaux, Michael Esq RENEWAL89Elwin Sharvill
1015Mujtaba Z StensethJapan2026-10-15Dorl, James J Esq PROPOSAL88Onyama Limba
1016Ashley Y KuskoAustralia2026-10-27Dorl, James J Esq UNQUALIFIED16Amy Elsner
1017Johnson H CampainRussia2026-10-11Commercial Press UNQUALIFIED36Xuxue Feng
1018Morrow F ShinkoGermany2026-10-22Truhlar And Truhlar Attys PROPOSAL72Bernardo Dominic
1019Jones P WhobreyGermany2026-10-29King, Christopher A Esq PROPOSAL10Anna Fali
1020Costa E ShinkoRussia2026-10-28Chanay, Jeffrey A Esq PROPOSAL18Amy Elsner
1021Ashley O TollnerIndia2026-10-14Rangoni Of Florence NEGOTIATION1Ivan Magalhaes
1022Aruna H GarufiItaly2026-10-20Buckley Miller Wright RENEWAL37Onyama Limba
1023Maria F NickaFrance2026-10-09Chapman, Ross E Esq RENEWAL58Amy Elsner
1024Ashley E FlosiGermany2026-10-13Benton, John B Jr NEW81Stephen Shaw
1025Murillo R FollerRussia2026-10-09Chanay, Jeffrey A Esq NEW98Amy Elsner
1026Jefferson I SergiFrance2026-10-24Commercial Press RENEWAL98Ioni Bowcher
1027Emily U VenereBrazil2026-10-17Commercial Press QUALIFIED3Anna Fali
1028Mayumi Y KolmetzGermany2026-10-04Buckley Miller Wright RENEWAL14Asiya Javayant
1029Munro Y WhobreySpain2026-10-09Morlong Associates QUALIFIED58Stephen Shaw
1030Aditya F VocelkaSpain2026-10-02Chemel, James L Cpa NEW47Ioni Bowcher
1031Munro V WieserSpain2026-10-22Dorl, James J Esq QUALIFIED27Stephen Shaw
1032Munro L MacleadFrance2026-10-18Morlong Associates NEW94Ivan Magalhaes
1033Maisha J SlusarskiUnited Kingdom2026-10-24Chemel, James L Cpa UNQUALIFIED62Ivan Magalhaes
1034Jefferson U StensethItaly2026-10-27Truhlar And Truhlar Attys PROPOSAL41Onyama Limba
1035Darci D GlickArgentina2026-10-08Rousseaux, Michael Esq RENEWAL45Bernardo Dominic
1036Stacey N SaylorsItaly2026-10-31Truhlar And Truhlar Attys PROPOSAL16Stephen Shaw
1037Smith M DoeCanada2026-10-18Chapman, Ross E Esq QUALIFIED16Elwin Sharvill
1038Johnson B VenereGermany2026-10-06Morlong Associates UNQUALIFIED18Xuxue Feng
1039Kaitlin U GarufiSpain2026-10-28Chanay, Jeffrey A Esq NEGOTIATION87Xuxue Feng
1040Salvatore K IturbideAustralia2026-10-14Feltz Printing Service NEW69Ivan Magalhaes
1041Mayumi V GarufiCanada2026-10-08Rousseaux, Michael Esq PROPOSAL83Amy Elsner
1042Isabel B ShinkoJapan2026-10-25Benton, John B Jr QUALIFIED66Bernardo Dominic
1043Adams F GauchoArgentina2026-10-22Feiner Bros QUALIFIED95Xuxue Feng
1044Costa K BowleyFrance2026-10-15Chemel, James L Cpa UNQUALIFIED99Ivan Magalhaes
1045Clifford R OldroydJapan2026-10-28Feltz Printing Service RENEWAL75Amy Elsner
1046Arvin W KolmetzRussia2026-10-25Morlong Associates UNQUALIFIED26Ioni Bowcher
1047Clifford Z KolmetzRussia2026-10-02Morlong Associates PROPOSAL93Ioni Bowcher
1048Rodrigues O GauchoArgentina2026-10-28Chapman, Ross E Esq NEGOTIATION93Stephen Shaw
1049Sinclair U GlickArgentina2026-10-17King, Christopher A Esq QUALIFIED76Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Kaitlin J RulapaughGermanyXuxue Feng QUALIFIED
Leon D DarakjyJapanAnna Fali RENEWAL
Clifford N RulapaughIndiaElwin Sharvill UNQUALIFIED
Octavia R AlbaresCanadaIvan Magalhaes QUALIFIED
Salvatore O NickaUnited KingdomIoni Bowcher NEW
Emily N InouyeArgentinaIoni Bowcher RENEWAL
Claire X RutaArgentinaBernardo Dominic UNQUALIFIED
Salvatore S FlosiAustraliaElwin Sharvill NEGOTIATION
Isabel D StensethBrazilBernardo Dominic NEW
Antonio Q PaprockiIndiaIvan Magalhaes RENEWAL
Jeanfrancois H FlosiArgentinaStephen Shaw PROPOSAL
Stacey E CaudyUnited KingdomIoni Bowcher NEGOTIATION
Leon S DilliardFranceAnna Fali QUALIFIED
Arvin M StensethIndiaElwin Sharvill NEGOTIATION
Maisha Q FollerFranceAmy Elsner NEW
Rodrigues A TollnerRussiaElwin Sharvill NEW
Ivar C GarufiJapanIvan Magalhaes NEW
Stacey T RimGermanyAnna Fali PROPOSAL
James J GillianItalyIoni Bowcher PROPOSAL
Octavia Q ShinkoUnited KingdomBernardo Dominic NEGOTIATION
Antonio K RimRussiaAsiya Javayant PROPOSAL
Salvatore N RulapaughRussiaAnna Fali UNQUALIFIED
Izzy H StensethRussiaIoni Bowcher PROPOSAL
Ashley A KuskoIndiaBernardo Dominic QUALIFIED
Octavia C VenereCanadaAsiya Javayant NEW
David A WaycottJapanAnna Fali UNQUALIFIED
Costa M NickaItalyIvan Magalhaes NEGOTIATION
Emily S ChuiIndiaAmy Elsner NEGOTIATION
Jennifer A OstroskyJapanIvan Magalhaes UNQUALIFIED
Jefferson W InouyeItalyBernardo Dominic NEW
Leja G GauchoAustraliaStephen Shaw PROPOSAL
Francesco A ChuiIndiaAsiya Javayant PROPOSAL
Munro R CaudyBrazilStephen Shaw QUALIFIED
Izzy U PerinAustraliaBernardo Dominic NEW
Ricardo D WhobreyIndiaXuxue Feng NEW
Aika O GarufiIndiaIoni Bowcher NEW
Cody K FigeroaSpainAsiya Javayant NEGOTIATION
Deepesh C NestleUnited KingdomIvan Magalhaes QUALIFIED
Isabel Z RimGermanyElwin Sharvill PROPOSAL
Faith K CaldareraCanadaOnyama Limba NEGOTIATION
Salvatore B CaudyArgentinaBernardo Dominic NEGOTIATION
Misaki D NickaGermanyOnyama Limba UNQUALIFIED
Smith E RutaAustraliaAmy Elsner NEGOTIATION
Francesco E MaletGermanyIvan Magalhaes QUALIFIED
Kaitlin C BriddickGermanyAsiya Javayant NEW
Darci Z AlbaresUnited KingdomAmy Elsner QUALIFIED
Jones V DarakjyRussiaStephen Shaw RENEWAL
Maisha D GlickGermanyAmy Elsner PROPOSAL
Ashley M DilliardFranceElwin Sharvill PROPOSAL
Izzy Z VocelkaFranceElwin Sharvill NEW
Frozen Columns
Name
Antonio R Inouye
Misaki G Caudy
Leon H Oldroyd
Maisha Y Ruta
Leon F Saylors
Ricardo M Inouye
Adams O Poquette
Stacey T Poquette
Aditya B Oldroyd
Rodrigues U Marrier
Adams B Iturbide
Mujtaba E Chui
Smith F Bowley
Rodrigues L Albares
Kadeem K Butt
Mujtaba M Ferencz
Salvatore P Oldroyd
Wickens R Stockham
Juan J Marrier
Alejandro Y Inouye
Darci T Caudy
Misaki X Waycott
Ivar U Marrier
Kaitlin Q Tollner
Nicolas N Darakjy
Deepesh D Glick
Leja J Amigon
Jeanfrancois Q Tollner
Deepesh R Albares
Clifford H Darakjy
Johnson T Sergi
Izzy G Garufi
Tony V Nestle
Izzy X Paprocki
Arvin K Morasca
Salvatore C Darakjy
Wickens O Rim
Faith R Slusarski
Deepesh B Campain
Octavia K Slusarski
Deepesh K Garufi
Claire O Inouye
Sinclair H Poquette
Antonio G Schemmer
Salvatore E Albares
Greenwood I Kolmetz
Silvio Q Shinko
Izzy H Ruta
Aruna G Chui
Octavia Q Whobrey
IdCountryDate
1000France2026-10-25
1001Italy2026-10-08
1002Australia2026-10-06
1003Germany2026-10-26
1004Canada2026-10-17
1005Australia2026-10-28
1006Italy2026-10-04
1007Germany2026-10-30
1008Brazil2026-10-29
1009France2026-10-26
1010Germany2026-10-05
1011United Kingdom2026-10-14
1012Italy2026-10-31
1013Spain2026-10-09
1014Canada2026-10-06
1015Spain2026-10-30
1016Australia2026-10-15
1017Argentina2026-10-07
1018Australia2026-10-16
1019Russia2026-10-02
1020Germany2026-10-29
1021Germany2026-10-10
1022Russia2026-10-12
1023Spain2026-10-04
1024Canada2026-10-18
1025Japan2026-10-16
1026India2026-10-28
1027France2026-10-07
1028Spain2026-10-25
1029Russia2026-10-06
1030Germany2026-10-23
1031United Kingdom2026-10-07
1032Brazil2026-10-02
1033Brazil2026-10-14
1034Germany2026-10-12
1035Argentina2026-10-06
1036Germany2026-10-20
1037United Kingdom2026-10-13
1038Brazil2026-10-25
1039Italy2026-10-10
1040Germany2026-10-13
1041Japan2026-10-20
1042Spain2026-10-02
1043Brazil2026-10-06
1044Argentina2026-10-06
1045India2026-10-20
1046Canada2026-10-14
1047Australia2026-10-07
1048Argentina2026-10-29
1049Italy2026-10-09

On-Demand Data

NameIdCountryDate
Alejandro J Slusarski1000Australia2026-10-09
Silvio S Nicka1001Germany2026-10-06
Ashley L Gaucho1002Italy2026-10-25
Salvatore J Chui1003Australia2026-10-31
Darci V Nestle1004Brazil2026-10-12
Tony F Glick1005Russia2026-10-27
Costa M Paprocki1006Argentina2026-10-16
Emily M Malet1007Australia2026-10-04
Aruna W Dilliard1008Australia2026-10-26
Kadeem S Caldarera1009Spain2026-10-29
Chavez X Schemmer1010Brazil2026-10-20
Misaki E Schemmer1011India2026-10-23
Maisha X Malet1012France2026-10-24
Johnson C Vocelka1013Germany2026-10-09
James T Kusko1014United Kingdom2026-10-27
Misaki E Doe1015Germany2026-10-11
Tony K Doe1016Canada2026-10-23
Ivar W Shinko1017Australia2026-10-31
Aruna N Campain1018Germany2026-10-09
Emily Y Sergi1019France2026-10-30
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jones U DilliardSpainAnna Fali UNQUALIFIED
Leon Y FigeroaIndiaXuxue Feng QUALIFIED
Claire O GauchoUnited KingdomAnna Fali NEW
Wickens Q MaletArgentinaAmy Elsner NEW
Julie J FollerJapanAmy Elsner RENEWAL
Salvatore X PaprockiItalyElwin Sharvill UNQUALIFIED
Deepesh U FigeroaGermanyOnyama Limba NEGOTIATION
Aruna X DoeGermanyOnyama Limba PROPOSAL
Francesco B MarrierIndiaOnyama Limba UNQUALIFIED
Johnson M TollnerUnited KingdomStephen Shaw NEW
James Z GlickJapanElwin Sharvill UNQUALIFIED
Leja H FerenczBrazilXuxue Feng QUALIFIED
Cody I MorascaUnited KingdomIoni Bowcher RENEWAL
Morrow N DoeFranceElwin Sharvill UNQUALIFIED
Rodrigues T DarakjyRussiaIoni Bowcher QUALIFIED
Ashley Z CampainUnited KingdomIvan Magalhaes NEW
Munro F SaylorsGermanyAnna Fali NEW
Faith Z StockhamItalyIoni Bowcher PROPOSAL
Alejandro Q BologniaUnited KingdomOnyama Limba NEW
David C FollerArgentinaAnna Fali NEGOTIATION
Leja N GlickArgentinaIvan Magalhaes RENEWAL
Antonio S InouyeSpainStephen Shaw PROPOSAL
Ivar F StockhamArgentinaAnna Fali QUALIFIED
Julie M FlosiRussiaIoni Bowcher UNQUALIFIED
Chavez K GauchoFranceStephen Shaw RENEWAL
Rodrigues N SergiIndiaStephen Shaw PROPOSAL
Stacey B GillianJapanBernardo Dominic QUALIFIED
Jeanfrancois I FollerCanadaIvan Magalhaes QUALIFIED
Sinclair M BologniaAustraliaStephen Shaw PROPOSAL
Tony U MaletJapanIoni Bowcher NEW
Wickens J BologniaSpainIvan Magalhaes RENEWAL
Ricardo N MaletItalyAnna Fali RENEWAL
Mujtaba Z KuskoSpainIoni Bowcher NEGOTIATION
Silvio L WhobreyBrazilAsiya Javayant NEGOTIATION
Nicolas X MaletIndiaBernardo Dominic RENEWAL
Izzy S StockhamSpainStephen Shaw NEGOTIATION
Chavez K SlusarskiJapanAsiya Javayant QUALIFIED
Alejandro A PoquetteItalyIoni Bowcher NEGOTIATION
Johnson U BologniaJapanAmy Elsner QUALIFIED
Nicolas F IturbideJapanElwin Sharvill NEW

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