Summer Sale is here 🏖️ Get 50% off with code PRSM25 Learn More

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 V DarakjyRussiaIoni Bowcher NEW
Jefferson E BriddickRussiaStephen Shaw PROPOSAL
Munro L SlusarskiRussiaAsiya Javayant QUALIFIED
Chavez E GauchoBrazilStephen Shaw NEW
Morrow L MarrierRussiaBernardo Dominic PROPOSAL
Julie A GlickItalyXuxue Feng NEW
Salvatore M PaprockiIndiaAsiya Javayant NEGOTIATION
Ivar I ChuiRussiaBernardo Dominic UNQUALIFIED
Deepesh B DoeAustraliaAmy Elsner PROPOSAL
Ashley O BologniaJapanIoni Bowcher UNQUALIFIED
Jefferson V CampainFranceIvan Magalhaes NEGOTIATION
Mayumi H SchemmerRussiaBernardo Dominic NEW
Leja B WhobreyCanadaIvan Magalhaes RENEWAL
Deepesh K SergiJapanOnyama Limba PROPOSAL
Juan F KolmetzRussiaAsiya Javayant PROPOSAL
Leja V GarufiRussiaAsiya Javayant RENEWAL
Johnson E AlbaresSpainStephen Shaw UNQUALIFIED
Cody L SlusarskiUnited KingdomStephen Shaw QUALIFIED
Kaitlin M VocelkaBrazilAmy Elsner NEW
Julie Y MaletBrazilIoni Bowcher QUALIFIED
Claire W MaletUnited KingdomOnyama Limba PROPOSAL
Darci T StockhamFranceIoni Bowcher NEGOTIATION
Maria D PaprockiFranceBernardo Dominic NEW
Munro X OldroydSpainIvan Magalhaes QUALIFIED
Cody Z MaletAustraliaElwin Sharvill RENEWAL
Jefferson R ShinkoBrazilBernardo Dominic NEW
Chavez H MarrierIndiaIoni Bowcher RENEWAL
Leon K InouyeGermanyXuxue Feng PROPOSAL
Izzy L NestleFranceOnyama Limba PROPOSAL
Ashley B FigeroaJapanAmy Elsner QUALIFIED
Morrow H StensethBrazilAmy Elsner PROPOSAL
Salvatore K ButtJapanBernardo Dominic PROPOSAL
Leon A VocelkaAustraliaAmy Elsner NEGOTIATION
Misaki N DoeIndiaBernardo Dominic PROPOSAL
Mayumi J StockhamAustraliaStephen Shaw QUALIFIED
Clifford A DilliardAustraliaAmy Elsner PROPOSAL
Arvin X NickaUnited KingdomOnyama Limba PROPOSAL
Rodrigues D DilliardRussiaElwin Sharvill PROPOSAL
Ricardo M ChuiBrazilAsiya Javayant NEGOTIATION
Costa Z RulapaughIndiaBernardo Dominic QUALIFIED
James D CampainFranceBernardo Dominic PROPOSAL
Costa Y GlickRussiaIoni Bowcher NEW
Claire Q MarrierBrazilAsiya Javayant RENEWAL
Sinclair O SlusarskiGermanyAmy Elsner RENEWAL
Mujtaba W FerenczJapanStephen Shaw PROPOSAL
Greenwood W MaletSpainAsiya Javayant UNQUALIFIED
Emily U DilliardBrazilIoni Bowcher PROPOSAL
Francesco P WaycottJapanBernardo Dominic PROPOSAL
Tony U IturbideUnited KingdomIoni Bowcher PROPOSAL
Emily O FerenczGermanyBernardo Dominic UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Mujtaba A BriddickRussiaAmy Elsner RENEWAL
Morrow D VocelkaFranceBernardo Dominic PROPOSAL
Jefferson M FollerCanadaAsiya Javayant NEGOTIATION
Rodrigues M BowleyUnited KingdomAmy Elsner QUALIFIED
Ivar Z GauchoGermanyAsiya Javayant PROPOSAL
Ricardo Y PoquetteItalyStephen Shaw NEW
Isabel Q KolmetzIndiaXuxue Feng QUALIFIED
Alejandro G MaletIndiaIoni Bowcher NEGOTIATION
Salvatore F MacleadAustraliaAnna Fali PROPOSAL
Antonio C NickaArgentinaIoni Bowcher NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jones I VocelkaUnited Kingdom2025-07-30Rangoni Of Florence NEW21Bernardo Dominic
1001Munro D RulapaughJapan2025-08-12King, Christopher A Esq QUALIFIED48Anna Fali
1002Alejandro E CaldareraBrazil2025-07-19Commercial Press NEW61Bernardo Dominic
1003Jeanfrancois G GarufiRussia2025-08-04Chanay, Jeffrey A Esq QUALIFIED3Elwin Sharvill
1004Deepesh Z DarakjyItaly2025-07-15Feltz Printing Service QUALIFIED55Anna Fali
1005Arvin R FerenczJapan2025-07-19Chapman, Ross E Esq RENEWAL63Bernardo Dominic
1006Isabel V MacleadItaly2025-08-06Morlong Associates NEGOTIATION31Onyama Limba
1007Clifford H SaylorsUnited Kingdom2025-08-07King, Christopher A Esq QUALIFIED88Asiya Javayant
1008Jeanfrancois N RimFrance2025-07-24Chapman, Ross E Esq QUALIFIED18Ioni Bowcher
1009Ricardo P SergiRussia2025-08-05Benton, John B Jr PROPOSAL96Xuxue Feng
1010Johnson L BologniaIndia2025-07-19Chanay, Jeffrey A Esq NEW12Asiya Javayant
1011Wickens Q BologniaCanada2025-07-26Chapman, Ross E Esq NEGOTIATION65Stephen Shaw
1012Murillo X ShinkoUnited Kingdom2025-07-25Truhlar And Truhlar Attys NEW25Anna Fali
1013Tony Z BriddickAustralia2025-07-30Buckley Miller Wright QUALIFIED6Bernardo Dominic
1014Costa S SergiSpain2025-07-22Feltz Printing Service RENEWAL93Ioni Bowcher
1015Chavez W SchemmerArgentina2025-08-09Chapman, Ross E Esq NEW79Ivan Magalhaes
1016Ivar L ShinkoJapan2025-08-09Chapman, Ross E Esq NEW65Ivan Magalhaes
1017Chavez M StockhamItaly2025-08-11Chapman, Ross E Esq NEGOTIATION33Xuxue Feng
1018James S StensethJapan2025-07-18King, Christopher A Esq NEW53Bernardo Dominic
1019Leja O OldroydSpain2025-07-31Morlong Associates RENEWAL97Asiya Javayant
1020Juan P WhobreyGermany2025-07-16Buckley Miller Wright NEW62Stephen Shaw
1021Aditya C FerenczAustralia2025-08-02Printing Dimensions UNQUALIFIED83Bernardo Dominic
1022Alejandro T RutaRussia2025-07-26Dorl, James J Esq PROPOSAL30Stephen Shaw
1023Nicolas E PaprockiBrazil2025-07-16Rousseaux, Michael Esq NEW94Asiya Javayant
1024Alejandro U FollerAustralia2025-08-01King, Christopher A Esq PROPOSAL48Elwin Sharvill
1025Morrow O MarrierCanada2025-08-07Chapman, Ross E Esq NEGOTIATION89Stephen Shaw
1026Antonio M ChuiBrazil2025-08-03Chemel, James L Cpa QUALIFIED95Ivan Magalhaes
1027Munro J KuskoArgentina2025-07-23Truhlar And Truhlar Attys QUALIFIED16Amy Elsner
1028Aruna I BriddickBrazil2025-08-09Printing Dimensions QUALIFIED81Ivan Magalhaes
1029Mayumi O InouyeArgentina2025-08-11Feltz Printing Service NEW54Asiya Javayant
1030Chavez U SaylorsAustralia2025-07-26Chemel, James L Cpa UNQUALIFIED5Ioni Bowcher
1031Cody W WhobreyArgentina2025-08-12Chanay, Jeffrey A Esq NEGOTIATION33Ioni Bowcher
1032Clifford Q KuskoJapan2025-08-12Commercial Press UNQUALIFIED64Elwin Sharvill
1033Maisha G FerenczUnited Kingdom2025-07-22Chemel, James L Cpa UNQUALIFIED20Elwin Sharvill
1034Izzy U MaletCanada2025-08-12Morlong Associates NEW2Ivan Magalhaes
1035James X VocelkaGermany2025-08-05Chemel, James L Cpa NEW37Stephen Shaw
1036Leja I PerinAustralia2025-07-18Commercial Press RENEWAL57Amy Elsner
1037Stacey C OldroydRussia2025-08-03Buckley Miller Wright QUALIFIED54Bernardo Dominic
1038Mujtaba S NickaRussia2025-07-23Morlong Associates QUALIFIED51Amy Elsner
1039Aditya T SergiAustralia2025-07-29Rousseaux, Michael Esq QUALIFIED10Xuxue Feng
1040Jeanfrancois E WieserUnited Kingdom2025-07-22Buckley Miller Wright QUALIFIED10Bernardo Dominic
1041Leja V TollnerJapan2025-07-31Truhlar And Truhlar Attys UNQUALIFIED56Ioni Bowcher
1042Wickens P MaletAustralia2025-08-04King, Christopher A Esq PROPOSAL85Asiya Javayant
1043Salvatore G StockhamJapan2025-08-12Rousseaux, Michael Esq QUALIFIED59Stephen Shaw
1044Isabel O InouyeBrazil2025-08-10Feiner Bros RENEWAL66Stephen Shaw
1045Ashley J PoquetteIndia2025-07-17King, Christopher A Esq QUALIFIED9Amy Elsner
1046Leja F WaycottUnited Kingdom2025-08-07Feltz Printing Service UNQUALIFIED95Elwin Sharvill
1047Kadeem T VocelkaCanada2025-07-20Feltz Printing Service NEGOTIATION32Amy Elsner
1048Antonio P CaudyItaly2025-08-10Rousseaux, Michael Esq UNQUALIFIED45Asiya Javayant
1049Murillo F RoysterItaly2025-07-18Chanay, Jeffrey A Esq UNQUALIFIED34Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Cody P ShinkoCanadaAnna Fali PROPOSAL
Faith M CaldareraRussiaAmy Elsner NEW
Murillo W ChuiAustraliaElwin Sharvill PROPOSAL
Aditya T VocelkaIndiaAnna Fali PROPOSAL
Morrow S CaldareraIndiaXuxue Feng NEW
Jefferson V PerinSpainBernardo Dominic RENEWAL
Leja J NestleJapanIoni Bowcher RENEWAL
Johnson Y IturbideGermanyIoni Bowcher NEW
Emily L PoquetteIndiaIoni Bowcher RENEWAL
Izzy A ChuiAustraliaIoni Bowcher PROPOSAL
Smith Z ShinkoArgentinaAnna Fali NEGOTIATION
Leja Y FollerSpainAsiya Javayant PROPOSAL
Jennifer M StensethUnited KingdomBernardo Dominic NEGOTIATION
Juan V SchemmerRussiaAmy Elsner PROPOSAL
Octavia H MacleadCanadaBernardo Dominic NEW
Faith J ButtSpainOnyama Limba PROPOSAL
Leja I SergiIndiaElwin Sharvill NEW
Adams J GarufiBrazilAsiya Javayant RENEWAL
Kadeem W ShinkoIndiaBernardo Dominic NEGOTIATION
Johnson P BriddickFranceBernardo Dominic NEW
Alejandro A MaletItalyAmy Elsner RENEWAL
Francesco O MaletArgentinaBernardo Dominic UNQUALIFIED
Aditya O RulapaughCanadaIvan Magalhaes UNQUALIFIED
Smith S PaprockiFranceOnyama Limba NEGOTIATION
Leja J PaprockiRussiaAmy Elsner RENEWAL
Aika H MarrierFranceOnyama Limba QUALIFIED
Nicolas E MorascaBrazilAsiya Javayant PROPOSAL
Maisha I FigeroaRussiaElwin Sharvill RENEWAL
Adams E MaletRussiaIoni Bowcher NEW
Aditya O FerenczItalyOnyama Limba UNQUALIFIED
Greenwood C MaletUnited KingdomIoni Bowcher NEW
Alejandro N PerinItalyIoni Bowcher NEW
Leja X NickaUnited KingdomIoni Bowcher NEW
Clifford I VocelkaIndiaAsiya Javayant RENEWAL
Claire Z ChuiRussiaIoni Bowcher PROPOSAL
Sinclair Y KolmetzJapanXuxue Feng NEW
Ivar X PoquetteUnited KingdomAmy Elsner RENEWAL
Arvin R FollerFranceXuxue Feng PROPOSAL
Jennifer T MarrierGermanyIoni Bowcher RENEWAL
Francesco R BowleyCanadaAnna Fali NEGOTIATION
Ricardo X PerinBrazilIoni Bowcher QUALIFIED
James V WaycottItalyBernardo Dominic NEGOTIATION
Mujtaba K BriddickIndiaBernardo Dominic RENEWAL
Rodrigues U OldroydUnited KingdomXuxue Feng UNQUALIFIED
Leja V SergiIndiaOnyama Limba NEW
Misaki A MaletRussiaIoni Bowcher QUALIFIED
Darci O MacleadJapanBernardo Dominic NEW
David R DarakjyFranceAmy Elsner PROPOSAL
Maria B AlbaresBrazilIoni Bowcher QUALIFIED
Wickens U IturbideArgentinaOnyama Limba NEGOTIATION
Frozen Columns
Name
Octavia S Royster
Leon A Sergi
Rodrigues S Sergi
Faith S Bolognia
Clifford U Rim
Johnson R Garufi
Salvatore D Butt
James W Perin
Jeanfrancois W Darakjy
Darci O Perin
Kadeem V Inouye
Francesco E Vocelka
Kaitlin F Marrier
Murillo Q Maclead
Isabel G Schemmer
Leon F Ruta
Wickens Y Rulapaugh
Darci F Slusarski
Leja H Wieser
Johnson X Kolmetz
Smith K Malet
Antonio A Butt
Maria N Darakjy
Izzy B Stockham
Jefferson E Tollner
James Y Perin
Jefferson A Briddick
Greenwood Y Sergi
Clifford W Wieser
Clifford X Kolmetz
Octavia C Albares
Cody N Ostrosky
Mayumi V Ferencz
Julie P Doe
Ivar Q Malet
Jones P Maclead
Aika A Poquette
Ivar V Briddick
Johnson M Stenseth
Jones Z Gillian
Sinclair H Figeroa
Sinclair Q Maclead
Rodrigues H Darakjy
Arvin Z Caudy
Tony M Slusarski
Antonio M Briddick
Salvatore P Rim
Deepesh L Nicka
Sinclair K Sergi
Wickens W Stockham
IdCountryDate
1000Australia2025-08-03
1001France2025-07-26
1002Italy2025-07-16
1003France2025-07-30
1004Argentina2025-07-20
1005Italy2025-08-12
1006Japan2025-07-28
1007Argentina2025-08-04
1008United Kingdom2025-08-02
1009Italy2025-08-05
1010United Kingdom2025-07-19
1011United Kingdom2025-08-08
1012Argentina2025-08-02
1013France2025-08-08
1014France2025-07-30
1015Germany2025-07-16
1016Russia2025-07-20
1017India2025-07-21
1018Spain2025-07-27
1019United Kingdom2025-08-04
1020Spain2025-07-19
1021Australia2025-07-16
1022Brazil2025-07-22
1023Italy2025-07-22
1024Argentina2025-08-01
1025Russia2025-07-25
1026Canada2025-08-11
1027Japan2025-07-24
1028India2025-08-03
1029Canada2025-07-15
1030Japan2025-08-04
1031Spain2025-08-09
1032United Kingdom2025-07-15
1033Canada2025-07-20
1034Italy2025-07-25
1035France2025-08-08
1036India2025-07-25
1037United Kingdom2025-07-21
1038Japan2025-07-19
1039Spain2025-08-01
1040United Kingdom2025-07-30
1041India2025-07-29
1042Russia2025-08-04
1043Italy2025-07-27
1044France2025-07-24
1045Russia2025-08-12
1046Japan2025-07-24
1047Australia2025-07-27
1048United Kingdom2025-07-25
1049Spain2025-08-10

On-Demand Data

NameIdCountryDate
Faith O Flosi1000Australia2025-07-22
Nicolas C Figeroa1001Argentina2025-08-03
Isabel E Bolognia1002Germany2025-07-26
Julie S Marrier1003Japan2025-07-23
Maisha D Briddick1004Argentina2025-07-21
Kaitlin Z Stenseth1005Australia2025-08-03
Kaitlin A Slusarski1006Canada2025-07-18
Darci I Perin1007India2025-07-28
David E Morasca1008United Kingdom2025-07-27
Aika R Saylors1009Italy2025-08-06
Sinclair S Shinko1010India2025-08-09
Mayumi B Chui1011Canada2025-07-25
Misaki W Amigon1012United Kingdom2025-07-28
Francesco C Wieser1013Australia2025-08-05
Deepesh Y Slusarski1014Russia2025-07-28
Greenwood Q Nestle1015India2025-07-24
Ivar G Marrier1016Canada2025-07-29
Wickens X Inouye1017Japan2025-07-21
Costa Z Garufi1018Russia2025-08-10
Julie L Poquette1019Brazil2025-07-17
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maria I RutaFranceXuxue Feng UNQUALIFIED
Ivar I SlusarskiCanadaOnyama Limba PROPOSAL
Salvatore I WaycottBrazilElwin Sharvill UNQUALIFIED
Cody L ShinkoUnited KingdomAnna Fali UNQUALIFIED
Aruna S MacleadSpainAmy Elsner PROPOSAL
Francesco D FollerJapanIoni Bowcher NEW
Cody F BologniaFranceIvan Magalhaes QUALIFIED
Salvatore K MaletUnited KingdomAsiya Javayant RENEWAL
Leja D SlusarskiArgentinaXuxue Feng RENEWAL
Francesco V WieserJapanAnna Fali PROPOSAL
Ivar T KolmetzJapanElwin Sharvill NEW
Francesco X FollerGermanyIvan Magalhaes NEW
Izzy V VenereIndiaAmy Elsner NEW
Chavez C SergiItalyElwin Sharvill NEW
Deepesh R FigeroaFranceBernardo Dominic RENEWAL
Mujtaba N IturbideArgentinaAmy Elsner UNQUALIFIED
Jeanfrancois G TollnerRussiaAsiya Javayant UNQUALIFIED
Ivar X ShinkoGermanyAnna Fali NEW
Tony N RutaItalyElwin Sharvill NEW
David E RulapaughSpainAsiya Javayant NEW
Costa J AlbaresFranceElwin Sharvill UNQUALIFIED
Johnson O CampainIndiaBernardo Dominic UNQUALIFIED
Johnson Q InouyeAustraliaAnna Fali NEW
Morrow R ShinkoRussiaXuxue Feng PROPOSAL
Munro R SlusarskiAustraliaIvan Magalhaes NEGOTIATION
Faith X ButtItalyStephen Shaw RENEWAL
Maisha Y StensethGermanyIvan Magalhaes NEGOTIATION
Alejandro Z NestleUnited KingdomBernardo Dominic RENEWAL
Alejandro V WhobreyItalyAsiya Javayant PROPOSAL
Jeanfrancois B BowleyFranceAmy Elsner QUALIFIED
Julie E ChuiBrazilAmy Elsner UNQUALIFIED
Octavia Z StensethAustraliaAsiya Javayant NEGOTIATION
Jones R KolmetzAustraliaBernardo Dominic NEGOTIATION
Chavez I FollerCanadaAmy Elsner UNQUALIFIED
Deepesh J AmigonGermanyAnna Fali PROPOSAL
Alejandro P WieserJapanStephen Shaw NEW
Jefferson S ShinkoRussiaAmy Elsner NEW
Johnson D IturbideItalyElwin Sharvill NEGOTIATION
Aruna S FerenczSpainAnna Fali QUALIFIED
David J FigeroaGermanyAmy Elsner UNQUALIFIED

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