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
Jeanfrancois A RulapaughCanadaAmy Elsner RENEWAL
Izzy F NickaGermanyElwin Sharvill QUALIFIED
Greenwood V CaudyGermanyIoni Bowcher NEW
Jennifer Y CaudyGermanyIvan Magalhaes NEGOTIATION
Smith M GlickUnited KingdomXuxue Feng RENEWAL
Alejandro N SergiIndiaAmy Elsner NEGOTIATION
Ashley T FollerCanadaElwin Sharvill PROPOSAL
Costa C DarakjyGermanyXuxue Feng UNQUALIFIED
Octavia H MaletBrazilElwin Sharvill RENEWAL
Wickens Q CaldareraUnited KingdomBernardo Dominic UNQUALIFIED
Emily Y RimRussiaIoni Bowcher UNQUALIFIED
Wickens T MacleadFranceBernardo Dominic NEW
Stacey J ChuiFranceAmy Elsner PROPOSAL
Stacey O AmigonItalyXuxue Feng NEW
Octavia G NickaRussiaElwin Sharvill NEGOTIATION
Clifford Q MorascaArgentinaAsiya Javayant UNQUALIFIED
Cody N FollerGermanyBernardo Dominic UNQUALIFIED
Cody R FerenczUnited KingdomOnyama Limba UNQUALIFIED
Emily P CaudyUnited KingdomAmy Elsner QUALIFIED
Jones K StockhamRussiaIvan Magalhaes NEW
Smith N WaycottAustraliaAsiya Javayant QUALIFIED
Aika C AlbaresArgentinaBernardo Dominic NEGOTIATION
Smith E StensethCanadaAsiya Javayant QUALIFIED
James P CampainJapanIoni Bowcher NEW
Jennifer Y RutaItalyStephen Shaw UNQUALIFIED
Emily Q FlosiRussiaAmy Elsner NEW
Mayumi E KuskoBrazilBernardo Dominic RENEWAL
Kadeem S GlickUnited KingdomStephen Shaw UNQUALIFIED
Julie P AlbaresSpainXuxue Feng NEGOTIATION
James G ButtFranceStephen Shaw UNQUALIFIED
Faith Z MacleadBrazilStephen Shaw RENEWAL
Johnson B ChuiSpainIvan Magalhaes QUALIFIED
Stacey L StensethSpainIoni Bowcher QUALIFIED
Wickens I WaycottItalyBernardo Dominic UNQUALIFIED
Morrow A PaprockiAustraliaOnyama Limba RENEWAL
Ashley P DilliardCanadaStephen Shaw UNQUALIFIED
Francesco O AmigonUnited KingdomIvan Magalhaes QUALIFIED
Sinclair P MacleadBrazilXuxue Feng RENEWAL
Morrow R GarufiCanadaIvan Magalhaes QUALIFIED
Maisha O WieserIndiaAmy Elsner NEGOTIATION
Nicolas Z MaletFranceIoni Bowcher NEGOTIATION
Ashley S NickaFranceIvan Magalhaes PROPOSAL
Kaitlin B GauchoUnited KingdomElwin Sharvill PROPOSAL
Isabel O IturbideCanadaOnyama Limba NEW
Munro G SlusarskiFranceAnna Fali QUALIFIED
Aditya S NestleAustraliaAmy Elsner NEGOTIATION
Clifford Q FigeroaArgentinaAsiya Javayant PROPOSAL
Leja O FigeroaGermanyOnyama Limba NEGOTIATION
Jones Y VenereArgentinaStephen Shaw QUALIFIED
Leon A MacleadJapanAnna Fali NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Claire M FigeroaGermanyAnna Fali NEW
Murillo H OldroydIndiaBernardo Dominic NEGOTIATION
Rodrigues M GlickBrazilBernardo Dominic PROPOSAL
Clifford A FollerUnited KingdomIoni Bowcher QUALIFIED
Costa Q ShinkoItalyXuxue Feng RENEWAL
Antonio E GarufiBrazilXuxue Feng UNQUALIFIED
Darci X AmigonUnited KingdomAmy Elsner PROPOSAL
Aruna Z AlbaresUnited KingdomOnyama Limba NEGOTIATION
Kadeem U FigeroaArgentinaElwin Sharvill QUALIFIED
Smith C GauchoRussiaStephen Shaw QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Ivar J NestleItaly2026-09-02King, Christopher A Esq NEGOTIATION25Asiya Javayant
1001Ivar W WhobreyFrance2026-09-04Buckley Miller Wright NEGOTIATION18Ivan Magalhaes
1002Emily G MaletFrance2026-09-14Commercial Press RENEWAL12Ioni Bowcher
1003David M GillianUnited Kingdom2026-09-12King, Christopher A Esq NEW42Ivan Magalhaes
1004James P DoeRussia2026-09-08Morlong Associates NEGOTIATION82Ioni Bowcher
1005Chavez U PaprockiGermany2026-09-27Dorl, James J Esq NEGOTIATION41Ioni Bowcher
1006Chavez P PoquetteBrazil2026-09-19Feiner Bros PROPOSAL34Elwin Sharvill
1007Tony O ShinkoIndia2026-09-08Buckley Miller Wright PROPOSAL33Ivan Magalhaes
1008Wickens N SchemmerIndia2026-09-03Feltz Printing Service QUALIFIED60Ivan Magalhaes
1009Izzy T IturbideCanada2026-09-22Commercial Press RENEWAL72Bernardo Dominic
1010Murillo H MarrierArgentina2026-09-18Chapman, Ross E Esq UNQUALIFIED52Anna Fali
1011Claire P FollerArgentina2026-09-13Feiner Bros QUALIFIED43Xuxue Feng
1012Maria U ChuiBrazil2026-09-14Chemel, James L Cpa QUALIFIED10Amy Elsner
1013Misaki Y OldroydJapan2026-09-17Rousseaux, Michael Esq UNQUALIFIED77Bernardo Dominic
1014Sinclair A VenereCanada2026-09-08Morlong Associates NEW51Elwin Sharvill
1015Darci Q GarufiBrazil2026-09-27Benton, John B Jr UNQUALIFIED47Asiya Javayant
1016Nicolas W WieserSpain2026-09-25Benton, John B Jr RENEWAL38Ioni Bowcher
1017Leon I RimArgentina2026-09-24Buckley Miller Wright UNQUALIFIED56Elwin Sharvill
1018Stacey O StensethAustralia2026-09-21King, Christopher A Esq NEGOTIATION59Anna Fali
1019Octavia W NickaRussia2026-09-30Chemel, James L Cpa RENEWAL40Bernardo Dominic
1020Jeanfrancois M MacleadUnited Kingdom2026-09-16Benton, John B Jr QUALIFIED28Amy Elsner
1021Mujtaba S AmigonBrazil2026-09-14Benton, John B Jr NEGOTIATION55Stephen Shaw
1022Ricardo Q FollerAustralia2026-09-20Feltz Printing Service NEGOTIATION50Onyama Limba
1023Ivar H VocelkaCanada2026-09-02Rousseaux, Michael Esq NEW78Amy Elsner
1024Costa U StensethItaly2026-09-14Morlong Associates UNQUALIFIED42Ioni Bowcher
1025Adams D CaldareraIndia2026-09-29Chapman, Ross E Esq UNQUALIFIED60Bernardo Dominic
1026Jennifer Q KolmetzGermany2026-09-08Buckley Miller Wright PROPOSAL51Stephen Shaw
1027Silvio N RulapaughItaly2026-09-13Rangoni Of Florence RENEWAL96Amy Elsner
1028Jennifer J SaylorsRussia2026-09-26Buckley Miller Wright NEW12Onyama Limba
1029Misaki L DoeJapan2026-09-18King, Christopher A Esq UNQUALIFIED15Bernardo Dominic
1030Cody R SaylorsSpain2026-09-08Rangoni Of Florence UNQUALIFIED45Anna Fali
1031Octavia X CaldareraJapan2026-09-16Benton, John B Jr QUALIFIED75Stephen Shaw
1032Greenwood V SaylorsIndia2026-09-21Dorl, James J Esq NEW39Stephen Shaw
1033Stacey O WhobreyUnited Kingdom2026-09-13Feiner Bros QUALIFIED62Stephen Shaw
1034Kadeem R NestleGermany2026-09-08Commercial Press RENEWAL59Stephen Shaw
1035Ivar W RulapaughRussia2026-09-08Rousseaux, Michael Esq PROPOSAL90Xuxue Feng
1036Adams O StockhamFrance2026-09-24Chapman, Ross E Esq QUALIFIED74Anna Fali
1037Julie X GarufiUnited Kingdom2026-09-20Printing Dimensions NEW10Asiya Javayant
1038Ivar E MacleadUnited Kingdom2026-09-06Dorl, James J Esq NEW43Onyama Limba
1039Jones F BriddickGermany2026-09-17Buckley Miller Wright PROPOSAL57Ivan Magalhaes
1040Julie C MacleadGermany2026-09-12Truhlar And Truhlar Attys UNQUALIFIED50Onyama Limba
1041Tony D GarufiJapan2026-09-07Buckley Miller Wright RENEWAL71Ivan Magalhaes
1042James B ButtIndia2026-09-05Chapman, Ross E Esq NEGOTIATION90Ioni Bowcher
1043Greenwood J RutaUnited Kingdom2026-09-09Dorl, James J Esq RENEWAL16Ivan Magalhaes
1044Morrow L OldroydIndia2026-09-10Rangoni Of Florence PROPOSAL61Xuxue Feng
1045Maisha V ButtItaly2026-09-05Chemel, James L Cpa UNQUALIFIED29Stephen Shaw
1046Deepesh J WaycottSpain2026-09-03Feiner Bros PROPOSAL0Asiya Javayant
1047Maisha G MaletFrance2026-09-12Truhlar And Truhlar Attys QUALIFIED53Anna Fali
1048Maisha L VenereJapan2026-09-04Feiner Bros PROPOSAL87Xuxue Feng
1049Tony S KuskoUnited Kingdom2026-09-23Chemel, James L Cpa PROPOSAL51Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Cody W BologniaAustraliaIoni Bowcher NEGOTIATION
Costa S StensethArgentinaBernardo Dominic NEW
Jefferson L RutaGermanyBernardo Dominic PROPOSAL
Costa U MaletSpainIvan Magalhaes PROPOSAL
Greenwood D SergiItalyBernardo Dominic RENEWAL
Misaki K SaylorsItalyElwin Sharvill RENEWAL
Adams K ShinkoRussiaAnna Fali RENEWAL
Chavez M StensethSpainAmy Elsner PROPOSAL
Ivar S CampainSpainElwin Sharvill PROPOSAL
Leja S PoquetteAustraliaIvan Magalhaes QUALIFIED
Antonio I SchemmerIndiaStephen Shaw NEW
Misaki N NestleArgentinaXuxue Feng PROPOSAL
Jeanfrancois R BologniaCanadaElwin Sharvill NEW
Murillo A MarrierAustraliaXuxue Feng NEW
Smith Y KolmetzGermanyXuxue Feng PROPOSAL
Morrow X MarrierItalyBernardo Dominic QUALIFIED
Juan Q FollerUnited KingdomBernardo Dominic RENEWAL
Maisha D DoeJapanElwin Sharvill QUALIFIED
Greenwood R TollnerAustraliaOnyama Limba NEGOTIATION
Isabel Q KuskoUnited KingdomAsiya Javayant NEGOTIATION
Kaitlin L GarufiCanadaIoni Bowcher NEW
Maisha K FigeroaBrazilAsiya Javayant QUALIFIED
Antonio Q GlickArgentinaElwin Sharvill RENEWAL
Leon A VenereFranceElwin Sharvill QUALIFIED
Nicolas S CaldareraFranceXuxue Feng UNQUALIFIED
Mayumi I RoysterFranceIvan Magalhaes NEGOTIATION
Ivar E PaprockiIndiaOnyama Limba NEW
Salvatore B KolmetzJapanIvan Magalhaes UNQUALIFIED
Misaki V SchemmerRussiaStephen Shaw UNQUALIFIED
Mayumi J SlusarskiGermanyOnyama Limba QUALIFIED
Aika T GillianItalyAsiya Javayant PROPOSAL
Juan J CaudySpainAmy Elsner QUALIFIED
Julie V MaletGermanyBernardo Dominic NEGOTIATION
Munro M RimJapanXuxue Feng NEW
Antonio A PaprockiFranceOnyama Limba UNQUALIFIED
Deepesh F AlbaresSpainBernardo Dominic NEW
Misaki L InouyeSpainOnyama Limba PROPOSAL
Jeanfrancois L VocelkaFranceAmy Elsner PROPOSAL
Julie B RimGermanyBernardo Dominic NEGOTIATION
Julie C NickaRussiaElwin Sharvill PROPOSAL
Francesco R SchemmerAustraliaIoni Bowcher NEW
Izzy T BologniaIndiaAmy Elsner NEW
Adams E WhobreyArgentinaAmy Elsner NEGOTIATION
Maisha S PaprockiIndiaAsiya Javayant RENEWAL
Rodrigues B BriddickSpainOnyama Limba UNQUALIFIED
Ashley D FlosiItalyStephen Shaw NEW
Octavia Y KuskoSpainOnyama Limba NEW
Deepesh W MaletAustraliaElwin Sharvill PROPOSAL
Johnson P ShinkoBrazilElwin Sharvill NEGOTIATION
Morrow R SlusarskiUnited KingdomAmy Elsner RENEWAL
Frozen Columns
Name
Mayumi O Saylors
Alejandro X Perin
Jefferson H Foller
Leja H Stenseth
Isabel S Stenseth
Jeanfrancois K Wieser
Nicolas L Waycott
Murillo M Kusko
Octavia B Maclead
Alejandro X Waycott
Munro N Malet
Julie Q Albares
Misaki O Briddick
Kaitlin X Malet
Mayumi D Doe
Ricardo U Royster
Isabel A Chui
Ricardo J Bowley
Nicolas T Doe
Nicolas X Nicka
James Q Iturbide
Claire R Foller
Leon M Bolognia
Octavia P Albares
Munro I Ruta
Smith B Slusarski
Francesco I Kolmetz
Alejandro V Kusko
Octavia D Sergi
Juan T Poquette
Chavez Y Marrier
Tony M Gaucho
Misaki E Garufi
Mayumi H Slusarski
Misaki I Kusko
Kadeem P Oldroyd
Leon T Paprocki
Deepesh Q Malet
Antonio H Foller
Deepesh F Maclead
Isabel I Briddick
Maisha G Shinko
Costa M Tollner
Maisha U Gillian
Misaki Y Saylors
Juan W Tollner
Maria F Vocelka
Maisha Z Ostrosky
Sinclair W Wieser
Deepesh F Waycott
IdCountryDate
1000United Kingdom2026-09-16
1001Germany2026-09-23
1002Russia2026-09-18
1003India2026-09-21
1004United Kingdom2026-09-02
1005Brazil2026-09-21
1006Argentina2026-09-13
1007Japan2026-09-05
1008Australia2026-09-25
1009Italy2026-09-04
1010Canada2026-09-07
1011Argentina2026-09-26
1012Russia2026-09-07
1013Canada2026-09-21
1014United Kingdom2026-09-05
1015Germany2026-09-23
1016Spain2026-09-12
1017Spain2026-09-15
1018Spain2026-09-04
1019United Kingdom2026-09-25
1020Germany2026-09-10
1021Canada2026-09-30
1022Japan2026-09-12
1023India2026-09-25
1024India2026-09-12
1025Australia2026-09-18
1026France2026-09-19
1027Russia2026-09-08
1028India2026-09-05
1029Canada2026-09-09
1030India2026-09-23
1031Australia2026-09-04
1032Brazil2026-09-04
1033Argentina2026-09-04
1034Italy2026-09-27
1035Japan2026-09-13
1036Germany2026-09-20
1037France2026-09-14
1038Australia2026-09-06
1039France2026-09-11
1040Italy2026-09-03
1041India2026-09-05
1042Australia2026-09-19
1043United Kingdom2026-09-04
1044United Kingdom2026-09-10
1045India2026-09-08
1046Brazil2026-09-21
1047Canada2026-09-28
1048Brazil2026-09-04
1049Brazil2026-09-20

On-Demand Data

NameIdCountryDate
Greenwood E Glick1000Brazil2026-09-23
Salvatore O Albares1001Germany2026-09-10
Nicolas J Bowley1002Argentina2026-09-30
Clifford Y Glick1003Russia2026-09-07
Maisha C Caudy1004India2026-09-24
Jennifer A Sergi1005Australia2026-09-21
Clifford K Vocelka1006Australia2026-09-13
Francesco I Slusarski1007Brazil2026-09-10
Adams B Dilliard1008France2026-09-02
Kadeem A Campain1009India2026-09-05
Munro S Slusarski1010Italy2026-09-02
Murillo Y Paprocki1011Argentina2026-09-26
Mujtaba F Flosi1012Japan2026-09-11
Ashley M Kusko1013Canada2026-09-30
Chavez C Marrier1014Italy2026-09-20
Izzy U Gillian1015Argentina2026-09-13
Rodrigues H Butt1016Spain2026-09-15
Jeanfrancois F Paprocki1017Italy2026-09-30
Kadeem K Garufi1018India2026-09-20
Mujtaba F Malet1019Australia2026-09-28
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Sinclair L DarakjyBrazilElwin Sharvill PROPOSAL
Maisha N RutaRussiaAnna Fali NEW
Misaki G InouyeSpainBernardo Dominic NEW
Murillo M DarakjyCanadaBernardo Dominic PROPOSAL
Sinclair M DoeSpainAnna Fali RENEWAL
Greenwood J MaletArgentinaAnna Fali NEGOTIATION
Maria H RimAustraliaAmy Elsner PROPOSAL
Rodrigues Y GauchoIndiaBernardo Dominic NEGOTIATION
Jeanfrancois X SaylorsIndiaIvan Magalhaes RENEWAL
Maria R KolmetzIndiaAmy Elsner QUALIFIED
Arvin N RulapaughAustraliaIoni Bowcher PROPOSAL
Aika O NickaFranceXuxue Feng NEW
Jeanfrancois B PoquetteRussiaIvan Magalhaes NEW
James B CaldareraItalyElwin Sharvill UNQUALIFIED
Costa N PoquetteUnited KingdomBernardo Dominic NEW
Darci S NickaCanadaAsiya Javayant NEW
Ivar J AlbaresUnited KingdomAnna Fali RENEWAL
Aika V NestleAustraliaBernardo Dominic RENEWAL
Adams V MacleadCanadaElwin Sharvill NEW
Jones O FerenczIndiaIvan Magalhaes QUALIFIED
Deepesh P KuskoCanadaAmy Elsner QUALIFIED
Octavia Y MarrierAustraliaStephen Shaw RENEWAL
Adams E ShinkoUnited KingdomBernardo Dominic QUALIFIED
Jones Q OldroydJapanStephen Shaw UNQUALIFIED
Adams I FigeroaGermanyOnyama Limba NEW
Isabel S InouyeFranceAnna Fali NEW
Misaki C FlosiUnited KingdomXuxue Feng PROPOSAL
Munro X MacleadIndiaOnyama Limba QUALIFIED
Alejandro F InouyeSpainBernardo Dominic PROPOSAL
Clifford R ButtUnited KingdomElwin Sharvill UNQUALIFIED
Leja G MarrierArgentinaAsiya Javayant NEGOTIATION
Munro W MorascaCanadaIoni Bowcher QUALIFIED
Misaki Y MacleadIndiaXuxue Feng QUALIFIED
Francesco P InouyeUnited KingdomIoni Bowcher NEGOTIATION
Ricardo C AmigonCanadaAmy Elsner NEGOTIATION
Silvio W MacleadItalyAmy Elsner QUALIFIED
Adams I BowleyItalyAsiya Javayant QUALIFIED
Clifford G OldroydBrazilIvan Magalhaes NEGOTIATION
Jefferson S SaylorsAustraliaXuxue Feng UNQUALIFIED
Emily S PerinUnited KingdomBernardo Dominic 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>