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
Emily U FollerJapanStephen Shaw UNQUALIFIED
Adams D GarufiUnited KingdomAsiya Javayant PROPOSAL
Emily S MaletCanadaAmy Elsner UNQUALIFIED
Juan J VenereAustraliaAsiya Javayant NEGOTIATION
Ashley W MarrierRussiaAsiya Javayant NEW
Darci S BologniaArgentinaAsiya Javayant RENEWAL
Emily P SlusarskiJapanAsiya Javayant UNQUALIFIED
Julie U FlosiGermanyIoni Bowcher NEW
Antonio Z StensethAustraliaAnna Fali RENEWAL
Stacey Y GillianGermanyBernardo Dominic UNQUALIFIED
Silvio A PaprockiRussiaAmy Elsner QUALIFIED
Emily T FigeroaUnited KingdomBernardo Dominic PROPOSAL
Juan Z BologniaUnited KingdomBernardo Dominic QUALIFIED
Morrow S WaycottJapanBernardo Dominic PROPOSAL
Izzy A WhobreyCanadaIvan Magalhaes NEW
Misaki M FigeroaGermanyIoni Bowcher NEW
Faith O CaudyArgentinaAsiya Javayant RENEWAL
Misaki M StockhamJapanElwin Sharvill UNQUALIFIED
Izzy S KolmetzIndiaIvan Magalhaes NEW
Alejandro V StockhamBrazilOnyama Limba RENEWAL
Sinclair D NickaBrazilBernardo Dominic NEW
Aika K BologniaIndiaXuxue Feng RENEWAL
Faith L FerenczCanadaBernardo Dominic PROPOSAL
Rodrigues R IturbideItalyBernardo Dominic QUALIFIED
Jeanfrancois F RimFranceXuxue Feng UNQUALIFIED
Octavia R ShinkoAustraliaElwin Sharvill NEGOTIATION
Chavez M IturbideIndiaAnna Fali PROPOSAL
Greenwood G BologniaFranceIoni Bowcher NEGOTIATION
Greenwood D BowleySpainStephen Shaw QUALIFIED
Kaitlin F RutaSpainStephen Shaw PROPOSAL
James H OldroydArgentinaXuxue Feng QUALIFIED
Arvin X DoeRussiaStephen Shaw PROPOSAL
Emily G SchemmerFranceBernardo Dominic PROPOSAL
Adams U VocelkaBrazilElwin Sharvill UNQUALIFIED
Tony X ShinkoUnited KingdomBernardo Dominic UNQUALIFIED
Claire G MaletFranceIvan Magalhaes NEGOTIATION
Emily I CampainUnited KingdomAmy Elsner QUALIFIED
Salvatore I MorascaJapanAsiya Javayant NEGOTIATION
Johnson Z NestleRussiaAsiya Javayant RENEWAL
Leon Q WaycottJapanStephen Shaw UNQUALIFIED
Cody Q CaudyItalyAmy Elsner RENEWAL
Darci V WaycottArgentinaAsiya Javayant QUALIFIED
Jones M ButtRussiaElwin Sharvill PROPOSAL
Jeanfrancois Q PaprockiRussiaAmy Elsner NEGOTIATION
Greenwood S MorascaIndiaOnyama Limba NEW
Murillo T AlbaresItalyOnyama Limba QUALIFIED
Francesco I GarufiGermanyIoni Bowcher UNQUALIFIED
Morrow W RulapaughBrazilIvan Magalhaes QUALIFIED
Clifford R FigeroaSpainAmy Elsner RENEWAL
Jefferson T RimSpainStephen Shaw QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Stacey A PerinUnited KingdomElwin Sharvill NEW
James E KuskoSpainOnyama Limba NEGOTIATION
Ivar F VenereJapanAnna Fali NEW
Salvatore E GlickCanadaElwin Sharvill NEGOTIATION
Rodrigues S BriddickAustraliaOnyama Limba PROPOSAL
Aruna Z SlusarskiIndiaAmy Elsner NEW
Antonio K DilliardFranceAnna Fali RENEWAL
Kadeem H WieserJapanIoni Bowcher NEW
Smith D BologniaBrazilAmy Elsner PROPOSAL
Mayumi L BowleyItalyElwin Sharvill NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Arvin J CampainAustralia2026-09-11Printing Dimensions RENEWAL66Asiya Javayant
1001Ricardo A StockhamJapan2026-09-21Printing Dimensions QUALIFIED60Bernardo Dominic
1002Deepesh D PoquetteUnited Kingdom2026-09-13Rangoni Of Florence NEW82Elwin Sharvill
1003Wickens T RulapaughIndia2026-09-28Rousseaux, Michael Esq NEW70Onyama Limba
1004Morrow H WaycottRussia2026-09-28Dorl, James J Esq QUALIFIED29Stephen Shaw
1005Maria N MorascaArgentina2026-09-12Rousseaux, Michael Esq RENEWAL82Stephen Shaw
1006Stacey U VenereBrazil2026-09-25Printing Dimensions QUALIFIED79Anna Fali
1007Deepesh X CaldareraItaly2026-09-08Benton, John B Jr NEW74Amy Elsner
1008Claire F MaletJapan2026-09-07Morlong Associates QUALIFIED79Elwin Sharvill
1009Francesco U AlbaresGermany2026-09-25Morlong Associates NEW22Stephen Shaw
1010Ricardo A OstroskyIndia2026-09-22Chemel, James L Cpa NEGOTIATION94Ioni Bowcher
1011Jennifer N GlickSpain2026-09-02Rangoni Of Florence UNQUALIFIED57Ioni Bowcher
1012Leja Z MaletItaly2026-09-18Chapman, Ross E Esq PROPOSAL54Elwin Sharvill
1013Antonio Y VenereUnited Kingdom2026-09-23Chanay, Jeffrey A Esq UNQUALIFIED41Ivan Magalhaes
1014Jefferson L GlickFrance2026-09-01Commercial Press UNQUALIFIED86Ivan Magalhaes
1015Johnson J BologniaItaly2026-09-25Buckley Miller Wright RENEWAL76Asiya Javayant
1016Rodrigues R CampainJapan2026-09-27Rangoni Of Florence NEW71Stephen Shaw
1017Johnson E VenereSpain2026-09-08Benton, John B Jr NEGOTIATION68Anna Fali
1018Jennifer D PerinRussia2026-09-14Feiner Bros PROPOSAL9Anna Fali
1019David Y CampainJapan2026-09-04Rousseaux, Michael Esq NEW68Bernardo Dominic
1020Aika B GlickArgentina2026-09-10Buckley Miller Wright NEGOTIATION85Stephen Shaw
1021Adams T GauchoBrazil2026-09-24Truhlar And Truhlar Attys RENEWAL86Anna Fali
1022Jeanfrancois C InouyeAustralia2026-09-21Rangoni Of Florence UNQUALIFIED27Ioni Bowcher
1023Wickens K MaletJapan2026-09-13Printing Dimensions QUALIFIED13Xuxue Feng
1024Jones O InouyeRussia2026-09-06Truhlar And Truhlar Attys RENEWAL24Ioni Bowcher
1025Jefferson P InouyeRussia2026-09-19Morlong Associates PROPOSAL9Anna Fali
1026Wickens E TollnerGermany2026-09-08Truhlar And Truhlar Attys NEW71Amy Elsner
1027Deepesh D RutaSpain2026-09-27Feltz Printing Service NEGOTIATION61Ivan Magalhaes
1028Adams T RimArgentina2026-09-21Feiner Bros QUALIFIED50Ivan Magalhaes
1029Maria J KolmetzItaly2026-09-25Feltz Printing Service UNQUALIFIED26Bernardo Dominic
1030Murillo Z SchemmerCanada2026-09-23Benton, John B Jr PROPOSAL31Asiya Javayant
1031Isabel Z FlosiRussia2026-09-01Chapman, Ross E Esq PROPOSAL57Xuxue Feng
1032Tony F WaycottAustralia2026-09-19Rousseaux, Michael Esq PROPOSAL42Anna Fali
1033Mujtaba Z WaycottFrance2026-09-26King, Christopher A Esq UNQUALIFIED57Onyama Limba
1034Greenwood B ButtAustralia2026-09-16Commercial Press QUALIFIED19Ivan Magalhaes
1035Jefferson R SaylorsItaly2026-09-20Buckley Miller Wright UNQUALIFIED87Amy Elsner
1036Isabel L AmigonGermany2026-09-26Chemel, James L Cpa PROPOSAL59Elwin Sharvill
1037Emily V GlickRussia2026-09-01Benton, John B Jr PROPOSAL50Ivan Magalhaes
1038Antonio Z SchemmerJapan2026-09-15Chemel, James L Cpa QUALIFIED73Anna Fali
1039Deepesh S KolmetzGermany2026-09-24Rousseaux, Michael Esq QUALIFIED82Ivan Magalhaes
1040Ivar D NestleCanada2026-09-11Commercial Press RENEWAL24Asiya Javayant
1041Leja W FollerGermany2026-09-18Printing Dimensions QUALIFIED68Asiya Javayant
1042Maria Q CaldareraArgentina2026-09-10Benton, John B Jr NEW26Ivan Magalhaes
1043Jennifer E SchemmerRussia2026-09-06Morlong Associates UNQUALIFIED50Onyama Limba
1044Jefferson T KuskoGermany2026-09-22Chapman, Ross E Esq NEGOTIATION49Amy Elsner
1045Claire I ShinkoItaly2026-09-07Printing Dimensions UNQUALIFIED60Ivan Magalhaes
1046Clifford I WhobreyFrance2026-09-11Benton, John B Jr RENEWAL63Bernardo Dominic
1047Aruna Z MarrierIndia2026-09-10Truhlar And Truhlar Attys UNQUALIFIED36Ivan Magalhaes
1048Greenwood C NickaFrance2026-09-01Buckley Miller Wright QUALIFIED54Xuxue Feng
1049Juan B VocelkaBrazil2026-09-23Buckley Miller Wright PROPOSAL87Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Adams X KolmetzSpainAmy Elsner QUALIFIED
Kadeem T OldroydGermanyBernardo Dominic NEW
Kaitlin Z MacleadUnited KingdomElwin Sharvill NEW
Tony U VocelkaRussiaAmy Elsner QUALIFIED
Ivar N FlosiItalyAmy Elsner UNQUALIFIED
Adams J SlusarskiJapanAnna Fali UNQUALIFIED
Ivar Q MacleadRussiaStephen Shaw NEGOTIATION
Julie S KuskoIndiaElwin Sharvill PROPOSAL
Izzy T BowleyItalyAsiya Javayant PROPOSAL
Jennifer L FlosiRussiaIoni Bowcher UNQUALIFIED
Aika A MaletItalyAnna Fali QUALIFIED
Isabel I StensethFranceAsiya Javayant NEW
Jeanfrancois M OstroskyAustraliaElwin Sharvill QUALIFIED
Chavez J ChuiRussiaIoni Bowcher NEGOTIATION
Deepesh H BologniaAustraliaAsiya Javayant NEGOTIATION
Faith I ShinkoItalyStephen Shaw RENEWAL
Claire S AmigonItalyAmy Elsner PROPOSAL
Murillo L CaudySpainIoni Bowcher NEW
Alejandro C MorascaGermanyStephen Shaw NEW
Maisha T GillianUnited KingdomXuxue Feng UNQUALIFIED
Wickens X TollnerIndiaStephen Shaw RENEWAL
Nicolas P SchemmerFranceIvan Magalhaes RENEWAL
David D CampainIndiaAnna Fali UNQUALIFIED
Nicolas K CampainBrazilAsiya Javayant QUALIFIED
Alejandro P MacleadRussiaAnna Fali QUALIFIED
Leja T GlickRussiaAsiya Javayant NEW
Jennifer O WieserAustraliaAmy Elsner NEW
Maria S AlbaresRussiaIoni Bowcher NEW
Ricardo U CaudyIndiaAnna Fali UNQUALIFIED
Jennifer S DoeUnited KingdomOnyama Limba QUALIFIED
Kaitlin G FlosiRussiaStephen Shaw QUALIFIED
Silvio A MorascaItalyBernardo Dominic UNQUALIFIED
Stacey U FigeroaRussiaIvan Magalhaes UNQUALIFIED
Murillo H RulapaughBrazilAnna Fali NEW
Claire S WaycottJapanBernardo Dominic QUALIFIED
Leon S CaudyCanadaXuxue Feng NEW
Faith C AmigonFranceStephen Shaw PROPOSAL
Smith F BologniaRussiaOnyama Limba NEW
Julie Q FlosiUnited KingdomXuxue Feng NEGOTIATION
Morrow P SlusarskiIndiaAsiya Javayant NEW
Alejandro Y MorascaUnited KingdomAmy Elsner PROPOSAL
Jennifer E GarufiArgentinaElwin Sharvill NEW
Wickens U PaprockiJapanOnyama Limba NEW
Faith Q DarakjyRussiaBernardo Dominic RENEWAL
Maisha I PerinRussiaBernardo Dominic NEGOTIATION
Jefferson I SergiFranceIvan Magalhaes PROPOSAL
Juan C FlosiSpainAmy Elsner PROPOSAL
Smith M BowleyArgentinaIoni Bowcher PROPOSAL
Mayumi W StensethIndiaIvan Magalhaes QUALIFIED
Juan X IturbideJapanElwin Sharvill RENEWAL
Frozen Columns
Name
Jeanfrancois N Stockham
Adams I Oldroyd
Jennifer Q Poquette
Stacey V Gillian
Jennifer Y Figeroa
Wickens I Stockham
Nicolas H Rim
Mayumi Y Royster
Jennifer D Kolmetz
Aika O Whobrey
James W Gaucho
Juan P Slusarski
Izzy M Darakjy
Greenwood M Stenseth
David U Figeroa
Leon P Whobrey
Claire F Royster
Arvin I Briddick
Francesco W Whobrey
Ricardo M Glick
Ivar A Saylors
Wickens E Morasca
Mayumi G Perin
Jeanfrancois W Gaucho
Isabel I Inouye
Leon K Gillian
Julie M Garufi
Octavia C Oldroyd
Leja I Glick
Chavez A Maclead
Johnson R Darakjy
Mayumi A Schemmer
Izzy H Morasca
Jeanfrancois I Rulapaugh
Cody G Amigon
Kadeem Y Whobrey
Kaitlin X Stockham
Clifford S Figeroa
Aruna V Schemmer
Mayumi V Vocelka
Isabel X Chui
Mayumi P Ruta
Jennifer R Maclead
Kaitlin B Oldroyd
Francesco K Nicka
David R Iturbide
Izzy V Rulapaugh
Rodrigues P Darakjy
Jeanfrancois F Gillian
Misaki W Gillian
IdCountryDate
1000India2026-09-22
1001Russia2026-09-18
1002India2026-09-20
1003Japan2026-09-07
1004Brazil2026-09-27
1005Japan2026-09-01
1006Argentina2026-09-22
1007Australia2026-09-29
1008Canada2026-09-24
1009Australia2026-09-12
1010Japan2026-09-16
1011Canada2026-09-09
1012Germany2026-09-08
1013India2026-09-08
1014Germany2026-09-25
1015Canada2026-09-26
1016Australia2026-09-13
1017Australia2026-09-15
1018Brazil2026-09-26
1019France2026-09-23
1020Canada2026-09-14
1021Germany2026-09-09
1022Germany2026-09-21
1023India2026-09-16
1024France2026-09-12
1025Australia2026-09-18
1026Germany2026-09-26
1027Brazil2026-09-13
1028India2026-09-08
1029Spain2026-09-03
1030Canada2026-09-06
1031Brazil2026-09-30
1032Italy2026-09-16
1033Germany2026-09-12
1034France2026-09-15
1035Australia2026-09-07
1036Australia2026-09-29
1037France2026-09-24
1038Italy2026-09-14
1039Italy2026-09-13
1040Brazil2026-09-10
1041Australia2026-09-22
1042Brazil2026-09-01
1043Japan2026-09-12
1044France2026-09-06
1045Argentina2026-09-25
1046Argentina2026-09-20
1047France2026-09-03
1048Argentina2026-09-09
1049Canada2026-09-10

On-Demand Data

NameIdCountryDate
Kaitlin V Ferencz1000Brazil2026-09-24
Jeanfrancois J Morasca1001Canada2026-09-23
Mayumi P Chui1002Russia2026-09-04
Aditya M Ostrosky1003Argentina2026-09-19
Kadeem D Iturbide1004United Kingdom2026-09-09
Murillo W Ruta1005France2026-09-30
Rodrigues Q Oldroyd1006Japan2026-09-17
Juan U Kolmetz1007Canada2026-09-13
Darci I Gaucho1008Brazil2026-09-23
Smith J Campain1009Australia2026-09-17
Murillo N Paprocki1010Brazil2026-09-17
Clifford O Butt1011Spain2026-09-22
Chavez C Perin1012Germany2026-09-12
Adams Y Venere1013India2026-09-01
Deepesh X Schemmer1014Argentina2026-09-22
Octavia D Gaucho1015Japan2026-09-19
Smith G Wieser1016India2026-09-26
Jefferson Y Morasca1017Italy2026-09-13
Jeanfrancois L Inouye1018United Kingdom2026-09-11
Ivar O Doe1019Brazil2026-09-12
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maisha H DarakjyIndiaAnna Fali RENEWAL
Darci Y StensethArgentinaXuxue Feng PROPOSAL
Jones T BologniaGermanyXuxue Feng QUALIFIED
Francesco V BologniaItalyIoni Bowcher UNQUALIFIED
Munro X WaycottGermanyXuxue Feng PROPOSAL
Arvin J WaycottGermanyBernardo Dominic QUALIFIED
Alejandro X RulapaughFranceStephen Shaw PROPOSAL
Greenwood W SchemmerCanadaIoni Bowcher QUALIFIED
Jones H FerenczItalyElwin Sharvill PROPOSAL
David E GlickSpainIvan Magalhaes PROPOSAL
Arvin C SchemmerAustraliaIoni Bowcher UNQUALIFIED
David Z BriddickBrazilStephen Shaw NEW
Ashley R GlickBrazilXuxue Feng NEW
Izzy H RimBrazilAsiya Javayant NEGOTIATION
Kadeem W ShinkoCanadaBernardo Dominic NEW
Ricardo R MorascaItalyIvan Magalhaes UNQUALIFIED
Jones J GauchoUnited KingdomAmy Elsner UNQUALIFIED
Octavia V ButtUnited KingdomOnyama Limba PROPOSAL
Izzy I CampainGermanyXuxue Feng UNQUALIFIED
Maria H MacleadArgentinaXuxue Feng QUALIFIED
Juan J MacleadJapanBernardo Dominic PROPOSAL
Silvio I BowleyBrazilOnyama Limba PROPOSAL
Maisha U RutaItalyOnyama Limba NEGOTIATION
Silvio D SergiFranceStephen Shaw RENEWAL
Jefferson J WaycottItalyXuxue Feng NEGOTIATION
Greenwood X NickaIndiaAnna Fali NEGOTIATION
Murillo W AlbaresItalyXuxue Feng QUALIFIED
Wickens A CaudyItalyIvan Magalhaes PROPOSAL
Antonio M VocelkaGermanyAsiya Javayant PROPOSAL
Silvio K BologniaArgentinaAnna Fali UNQUALIFIED
Munro D FlosiFranceElwin Sharvill RENEWAL
Maisha K FigeroaJapanIoni Bowcher RENEWAL
Leja V VocelkaAustraliaXuxue Feng UNQUALIFIED
Mayumi L FollerGermanyXuxue Feng PROPOSAL
Adams T SaylorsIndiaOnyama Limba PROPOSAL
Murillo S TollnerCanadaIoni Bowcher NEW
Kaitlin Q PoquetteItalyBernardo Dominic PROPOSAL
Kadeem N DoeCanadaAsiya Javayant NEGOTIATION
Chavez S StensethJapanBernardo Dominic NEGOTIATION
Francesco I NestleCanadaXuxue Feng 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>