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
Izzy N AmigonFranceElwin Sharvill UNQUALIFIED
Juan G MacleadArgentinaIvan Magalhaes NEGOTIATION
Kadeem A RutaArgentinaStephen Shaw NEW
Jennifer M NickaBrazilIoni Bowcher NEW
Mayumi V MorascaJapanIvan Magalhaes NEW
Rodrigues N OldroydBrazilAnna Fali UNQUALIFIED
Mayumi O WaycottCanadaAnna Fali QUALIFIED
Kadeem K GillianJapanElwin Sharvill NEGOTIATION
Misaki U GarufiCanadaAnna Fali QUALIFIED
Jones P IturbideFranceXuxue Feng NEW
Faith T TollnerArgentinaXuxue Feng NEGOTIATION
Claire W PaprockiArgentinaAsiya Javayant NEGOTIATION
Jones W BowleyUnited KingdomElwin Sharvill RENEWAL
Mayumi W PaprockiUnited KingdomAsiya Javayant NEGOTIATION
Silvio D RoysterUnited KingdomStephen Shaw QUALIFIED
Adams E StensethIndiaIoni Bowcher PROPOSAL
Morrow N DilliardFranceAmy Elsner UNQUALIFIED
Silvio F CaudyJapanElwin Sharvill PROPOSAL
Murillo U VenereIndiaOnyama Limba QUALIFIED
Leon X NestleIndiaXuxue Feng UNQUALIFIED
Aruna M SlusarskiArgentinaIvan Magalhaes NEW
Wickens E MorascaUnited KingdomStephen Shaw NEGOTIATION
Jeanfrancois Z CaudyAustraliaBernardo Dominic UNQUALIFIED
Murillo W StockhamGermanyStephen Shaw NEW
Arvin N GillianGermanyXuxue Feng NEW
Misaki Q RutaCanadaIvan Magalhaes RENEWAL
Salvatore C KolmetzIndiaAsiya Javayant NEW
Claire B ShinkoItalyIoni Bowcher RENEWAL
Leon D GlickJapanAmy Elsner QUALIFIED
Deepesh R FerenczItalyElwin Sharvill PROPOSAL
Arvin G OldroydCanadaAnna Fali UNQUALIFIED
Salvatore M PaprockiGermanyIoni Bowcher NEGOTIATION
Silvio Z RimSpainAnna Fali UNQUALIFIED
Morrow Q SaylorsGermanyOnyama Limba RENEWAL
David C BriddickSpainAnna Fali UNQUALIFIED
Wickens E FlosiRussiaBernardo Dominic NEGOTIATION
Tony E WieserFranceAsiya Javayant NEW
Juan G CaldareraGermanyIvan Magalhaes PROPOSAL
Adams G PoquetteUnited KingdomOnyama Limba UNQUALIFIED
Clifford Z ChuiUnited KingdomXuxue Feng PROPOSAL
Ricardo Z TollnerItalyStephen Shaw UNQUALIFIED
Francesco T BriddickJapanIvan Magalhaes NEW
Alejandro I MaletArgentinaBernardo Dominic NEGOTIATION
Julie B DilliardAustraliaBernardo Dominic QUALIFIED
Johnson P MaletBrazilIoni Bowcher UNQUALIFIED
Kaitlin G TollnerArgentinaAsiya Javayant PROPOSAL
Emily C KolmetzCanadaOnyama Limba NEGOTIATION
Mayumi R SlusarskiIndiaAsiya Javayant NEW
Izzy V CaldareraJapanOnyama Limba RENEWAL
Leon X WaycottItalyBernardo Dominic PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Antonio W CaudyItalyBernardo Dominic QUALIFIED
Aruna Z FollerIndiaBernardo Dominic PROPOSAL
Rodrigues S DarakjyRussiaAsiya Javayant NEW
Maria C OstroskyIndiaElwin Sharvill QUALIFIED
Leon I WhobreyGermanyAsiya Javayant NEW
Wickens L AmigonGermanyAmy Elsner PROPOSAL
Misaki V DarakjyUnited KingdomIoni Bowcher PROPOSAL
Misaki G PerinUnited KingdomIoni Bowcher QUALIFIED
Francesco B SchemmerRussiaXuxue Feng PROPOSAL
Aika C SlusarskiFranceBernardo Dominic NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jefferson O FerenczItaly2026-09-20Chemel, James L Cpa UNQUALIFIED5Xuxue Feng
1001Darci S GillianCanada2026-09-09Commercial Press QUALIFIED6Bernardo Dominic
1002Aika A PerinBrazil2026-09-13Chanay, Jeffrey A Esq UNQUALIFIED31Stephen Shaw
1003Maisha J SchemmerArgentina2026-09-13Chapman, Ross E Esq UNQUALIFIED59Amy Elsner
1004Jones B GillianUnited Kingdom2026-09-19King, Christopher A Esq NEW44Anna Fali
1005Octavia R FollerSpain2026-09-05Chemel, James L Cpa UNQUALIFIED40Stephen Shaw
1006Tony M BologniaGermany2026-09-23Feltz Printing Service QUALIFIED2Amy Elsner
1007James H KolmetzAustralia2026-09-16Rangoni Of Florence UNQUALIFIED49Elwin Sharvill
1008Leja B GarufiArgentina2026-09-06Chanay, Jeffrey A Esq RENEWAL62Onyama Limba
1009Adams G FollerGermany2026-09-19Benton, John B Jr UNQUALIFIED22Xuxue Feng
1010Izzy F TollnerUnited Kingdom2026-09-02Feiner Bros NEGOTIATION67Onyama Limba
1011Maisha C PaprockiFrance2026-09-23King, Christopher A Esq NEW2Amy Elsner
1012James I AlbaresRussia2026-09-01Chemel, James L Cpa NEGOTIATION58Stephen Shaw
1013Leja V StockhamBrazil2026-08-31Morlong Associates NEW87Asiya Javayant
1014Stacey A ChuiGermany2026-08-31Commercial Press RENEWAL34Stephen Shaw
1015Maria I FollerJapan2026-09-19Feltz Printing Service NEW0Ivan Magalhaes
1016Smith R MaletIndia2026-09-24Printing Dimensions PROPOSAL71Xuxue Feng
1017Greenwood W FlosiRussia2026-08-28Chemel, James L Cpa PROPOSAL75Ioni Bowcher
1018Wickens A OstroskyCanada2026-09-02Rangoni Of Florence NEW73Ivan Magalhaes
1019Tony F SergiBrazil2026-08-30Commercial Press NEW42Bernardo Dominic
1020Maisha J PerinItaly2026-08-30Rousseaux, Michael Esq QUALIFIED51Elwin Sharvill
1021Arvin P CaudyBrazil2026-09-05Chemel, James L Cpa NEGOTIATION40Amy Elsner
1022Aruna J MaletArgentina2026-09-25Dorl, James J Esq NEGOTIATION5Stephen Shaw
1023Jones I WieserIndia2026-09-17Benton, John B Jr QUALIFIED2Stephen Shaw
1024Jones G DilliardArgentina2026-08-30Chanay, Jeffrey A Esq QUALIFIED48Stephen Shaw
1025Aditya U WaycottGermany2026-09-19Morlong Associates NEW76Ioni Bowcher
1026James K GlickJapan2026-09-03Feiner Bros RENEWAL67Stephen Shaw
1027Maisha R VocelkaJapan2026-09-04Truhlar And Truhlar Attys QUALIFIED40Anna Fali
1028Julie P PoquetteIndia2026-09-09Rousseaux, Michael Esq RENEWAL7Amy Elsner
1029Darci H MorascaGermany2026-09-06Chanay, Jeffrey A Esq PROPOSAL14Onyama Limba
1030Jefferson D DarakjyJapan2026-08-27Rangoni Of Florence NEW92Asiya Javayant
1031Rodrigues R GlickBrazil2026-09-03Feiner Bros QUALIFIED76Stephen Shaw
1032Maria S OldroydUnited Kingdom2026-09-22Buckley Miller Wright PROPOSAL99Amy Elsner
1033Cody H PaprockiUnited Kingdom2026-09-13Dorl, James J Esq RENEWAL19Xuxue Feng
1034Octavia M CampainBrazil2026-09-11Chemel, James L Cpa QUALIFIED62Anna Fali
1035Arvin D BowleyItaly2026-09-06Buckley Miller Wright PROPOSAL6Ioni Bowcher
1036Costa C MacleadRussia2026-09-07King, Christopher A Esq NEW71Bernardo Dominic
1037Munro S FlosiAustralia2026-09-22Chanay, Jeffrey A Esq RENEWAL3Ivan Magalhaes
1038Darci R AmigonArgentina2026-09-11Chanay, Jeffrey A Esq UNQUALIFIED51Elwin Sharvill
1039Morrow Q MorascaArgentina2026-08-28Printing Dimensions UNQUALIFIED47Bernardo Dominic
1040Octavia L SaylorsIndia2026-09-20Feiner Bros RENEWAL49Ivan Magalhaes
1041Jeanfrancois Q BowleyJapan2026-09-11King, Christopher A Esq PROPOSAL47Asiya Javayant
1042Faith B DarakjyAustralia2026-09-24Buckley Miller Wright QUALIFIED63Amy Elsner
1043Izzy K InouyeAustralia2026-09-20Rousseaux, Michael Esq PROPOSAL50Amy Elsner
1044Murillo M ButtAustralia2026-09-09Feltz Printing Service NEGOTIATION86Amy Elsner
1045Silvio G RutaUnited Kingdom2026-08-30Feltz Printing Service PROPOSAL89Ioni Bowcher
1046Mujtaba G FerenczRussia2026-08-30Dorl, James J Esq PROPOSAL42Amy Elsner
1047Murillo I StockhamCanada2026-08-28Rangoni Of Florence QUALIFIED34Ioni Bowcher
1048Arvin G WaycottAustralia2026-08-29Morlong Associates RENEWAL27Stephen Shaw
1049Wickens U InouyeArgentina2026-09-18Rousseaux, Michael Esq PROPOSAL2Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Smith U CampainArgentinaElwin Sharvill QUALIFIED
Misaki F MacleadBrazilIvan Magalhaes NEGOTIATION
Smith I FigeroaCanadaIvan Magalhaes NEGOTIATION
Mayumi K OldroydRussiaXuxue Feng NEW
Johnson K RulapaughItalyStephen Shaw NEW
Juan M InouyeGermanyXuxue Feng QUALIFIED
Octavia Z BriddickArgentinaIvan Magalhaes NEGOTIATION
Kadeem Y SchemmerBrazilIvan Magalhaes PROPOSAL
Jeanfrancois R StockhamIndiaIoni Bowcher NEW
Misaki S RoysterCanadaAnna Fali UNQUALIFIED
Octavia M MaletAustraliaXuxue Feng NEGOTIATION
Kaitlin J AmigonUnited KingdomBernardo Dominic QUALIFIED
Aruna U AlbaresCanadaStephen Shaw NEGOTIATION
Kadeem J PerinRussiaIvan Magalhaes QUALIFIED
James S NickaArgentinaIvan Magalhaes NEGOTIATION
Salvatore X BologniaArgentinaAmy Elsner NEGOTIATION
Morrow W IturbideGermanyAmy Elsner RENEWAL
Murillo S ButtBrazilAmy Elsner NEW
Alejandro U VocelkaArgentinaIvan Magalhaes NEGOTIATION
Darci Z DarakjyBrazilIoni Bowcher PROPOSAL
Chavez X DilliardGermanyXuxue Feng PROPOSAL
Leon M PerinRussiaOnyama Limba UNQUALIFIED
Murillo H AmigonIndiaStephen Shaw PROPOSAL
Isabel Q TollnerJapanStephen Shaw PROPOSAL
Arvin C VocelkaJapanAmy Elsner PROPOSAL
Jeanfrancois J TollnerIndiaAsiya Javayant RENEWAL
Chavez O VocelkaSpainAnna Fali PROPOSAL
Juan M KolmetzJapanAsiya Javayant PROPOSAL
Adams I CaudyUnited KingdomIvan Magalhaes PROPOSAL
Aika Q FerenczSpainIoni Bowcher PROPOSAL
Salvatore B BologniaSpainIoni Bowcher UNQUALIFIED
Morrow H SergiIndiaXuxue Feng NEGOTIATION
Kadeem W OldroydItalyStephen Shaw NEW
Cody B MarrierRussiaStephen Shaw NEW
Julie I ButtUnited KingdomXuxue Feng PROPOSAL
Octavia H ChuiBrazilElwin Sharvill QUALIFIED
Mujtaba H AmigonRussiaStephen Shaw NEGOTIATION
Ashley Y RimJapanStephen Shaw PROPOSAL
Ricardo K TollnerJapanElwin Sharvill NEGOTIATION
Arvin P VocelkaItalyAmy Elsner RENEWAL
Salvatore Y OldroydSpainBernardo Dominic NEW
Ivar G RutaUnited KingdomStephen Shaw QUALIFIED
Francesco R ChuiIndiaIoni Bowcher QUALIFIED
Rodrigues S BologniaItalyElwin Sharvill UNQUALIFIED
Maria L FerenczIndiaAsiya Javayant NEGOTIATION
Faith N RulapaughItalyIvan Magalhaes NEGOTIATION
Emily W CaudyItalyAmy Elsner QUALIFIED
Jeanfrancois U AmigonCanadaIoni Bowcher PROPOSAL
James T FerenczUnited KingdomXuxue Feng NEW
Tony H OldroydArgentinaXuxue Feng RENEWAL
Frozen Columns
Name
David R Kolmetz
Costa L Kusko
Isabel L Figeroa
Julie D Briddick
Munro B Rim
Claire O Malet
Jennifer B Oldroyd
Maria C Garufi
Maisha A Bolognia
Morrow X Caldarera
Clifford A Garufi
Mayumi E Gaucho
Cody Y Poquette
Sinclair X Ruta
Jennifer V Sergi
Claire I Wieser
Silvio V Gillian
Aditya K Nicka
Kadeem A Amigon
Silvio G Iturbide
Octavia T Slusarski
Juan E Bolognia
Aruna V Stenseth
Kadeem Q Malet
Rodrigues Z Kolmetz
Juan J Foller
Emily I Gaucho
Leja V Poquette
Antonio K Briddick
Ashley W Chui
Arvin N Tollner
Kaitlin C Dilliard
Aditya U Kusko
Tony V Shinko
Deepesh O Figeroa
Jeanfrancois E Darakjy
Darci X Gaucho
Misaki U Ferencz
Jefferson H Stenseth
Jefferson H Maclead
Ashley E Maclead
Munro Y Paprocki
Clifford J Shinko
Tony K Butt
Jeanfrancois K Whobrey
Juan J Saylors
Greenwood M Glick
Juan Q Ruta
Cody A Kolmetz
Emily E Foller
IdCountryDate
1000India2026-08-27
1001Spain2026-09-03
1002Italy2026-09-20
1003India2026-09-04
1004Italy2026-09-04
1005India2026-08-31
1006Australia2026-09-25
1007Brazil2026-09-07
1008Canada2026-09-10
1009India2026-09-17
1010Canada2026-09-10
1011Russia2026-09-19
1012Spain2026-09-03
1013France2026-09-17
1014Russia2026-09-08
1015Japan2026-09-01
1016Spain2026-09-14
1017Australia2026-09-07
1018Spain2026-09-23
1019Spain2026-09-03
1020Russia2026-08-27
1021Spain2026-09-07
1022Russia2026-09-23
1023Italy2026-08-30
1024Russia2026-09-16
1025Germany2026-09-01
1026Italy2026-09-21
1027Argentina2026-09-25
1028Italy2026-09-07
1029India2026-09-11
1030Argentina2026-08-30
1031Japan2026-08-29
1032India2026-09-17
1033Australia2026-09-06
1034India2026-09-11
1035Spain2026-08-29
1036Germany2026-09-24
1037Spain2026-09-25
1038Argentina2026-09-14
1039Japan2026-09-11
1040Italy2026-08-30
1041Spain2026-09-02
1042Germany2026-08-28
1043India2026-09-06
1044Brazil2026-09-22
1045Brazil2026-09-10
1046United Kingdom2026-09-12
1047France2026-09-10
1048Italy2026-09-05
1049Germany2026-09-19

On-Demand Data

NameIdCountryDate
Maria W Whobrey1000United Kingdom2026-09-16
Maisha D Gillian1001Russia2026-08-31
Ricardo J Slusarski1002Canada2026-09-25
Aditya F Amigon1003India2026-09-17
Murillo X Figeroa1004Argentina2026-09-14
Isabel Y Perin1005Spain2026-09-05
Isabel O Gaucho1006Brazil2026-09-06
Arvin J Rulapaugh1007Germany2026-09-24
Greenwood N Whobrey1008Australia2026-09-20
Silvio I Darakjy1009Italy2026-09-18
Aruna W Whobrey1010Russia2026-09-21
Leja N Kusko1011Argentina2026-09-06
Sinclair W Saylors1012India2026-09-15
Jefferson K Rim1013Spain2026-09-25
Ricardo U Caudy1014France2026-08-29
Maisha K Perin1015Spain2026-09-07
Kadeem D Inouye1016Japan2026-09-09
Ashley C Foller1017Brazil2026-09-19
Aditya Z Waycott1018Spain2026-09-13
Costa R Maclead1019Italy2026-09-22
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Octavia I WaycottFranceIoni Bowcher QUALIFIED
Alejandro U PerinGermanyAmy Elsner NEW
Juan D BriddickSpainXuxue Feng RENEWAL
Salvatore A OldroydFranceXuxue Feng UNQUALIFIED
Nicolas Z OstroskyFranceStephen Shaw NEW
Alejandro F GauchoCanadaAsiya Javayant UNQUALIFIED
Isabel U PaprockiJapanXuxue Feng PROPOSAL
Ricardo J AlbaresFranceElwin Sharvill QUALIFIED
Rodrigues R BowleyGermanyStephen Shaw UNQUALIFIED
Leon D BowleyAustraliaIoni Bowcher NEW
Silvio D RimSpainAnna Fali NEW
James K FerenczGermanyAmy Elsner RENEWAL
Darci N MaletJapanOnyama Limba NEGOTIATION
Ashley Q WaycottArgentinaOnyama Limba QUALIFIED
Salvatore Z WieserIndiaBernardo Dominic RENEWAL
Alejandro J MacleadArgentinaIvan Magalhaes NEW
Francesco E RoysterFranceStephen Shaw PROPOSAL
Leon Y FigeroaCanadaXuxue Feng RENEWAL
Octavia B SlusarskiItalyOnyama Limba QUALIFIED
Murillo B BriddickSpainOnyama Limba PROPOSAL
Clifford D FlosiRussiaXuxue Feng UNQUALIFIED
Murillo M MacleadGermanyAnna Fali UNQUALIFIED
Misaki M TollnerAustraliaIvan Magalhaes QUALIFIED
Murillo Z DilliardAustraliaBernardo Dominic UNQUALIFIED
Leon M FollerArgentinaIvan Magalhaes NEGOTIATION
Aruna G CaudyRussiaAmy Elsner PROPOSAL
Wickens B RutaBrazilIvan Magalhaes NEW
Johnson Y MarrierIndiaXuxue Feng QUALIFIED
Faith T ChuiCanadaAmy Elsner NEW
Chavez V WaycottItalyXuxue Feng PROPOSAL
Tony Z TollnerArgentinaElwin Sharvill NEW
Octavia T KuskoItalyAmy Elsner QUALIFIED
Faith V RimArgentinaIoni Bowcher QUALIFIED
Jeanfrancois W CaudyCanadaAsiya Javayant RENEWAL
Jennifer I WhobreyJapanAsiya Javayant QUALIFIED
Ricardo B DarakjyJapanAsiya Javayant PROPOSAL
Munro T KuskoArgentinaStephen Shaw RENEWAL
David B BologniaRussiaAsiya Javayant NEGOTIATION
Jeanfrancois J SaylorsArgentinaOnyama Limba UNQUALIFIED
Nicolas A MorascaGermanyOnyama Limba 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>