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 T MarrierBrazilOnyama Limba NEW
Aruna M AmigonJapanIoni Bowcher NEGOTIATION
Greenwood V SchemmerUnited KingdomElwin Sharvill NEGOTIATION
Rodrigues J VenereFranceXuxue Feng PROPOSAL
Leja A MorascaFranceAsiya Javayant NEGOTIATION
Aika I MacleadAustraliaIvan Magalhaes UNQUALIFIED
Munro C SlusarskiItalyStephen Shaw QUALIFIED
Clifford Z ButtRussiaAnna Fali NEGOTIATION
Kaitlin L CaldareraCanadaAsiya Javayant RENEWAL
Smith X AlbaresGermanyAsiya Javayant QUALIFIED
Rodrigues H SaylorsCanadaStephen Shaw NEW
Leja G AlbaresAustraliaAsiya Javayant UNQUALIFIED
Arvin R NickaArgentinaIvan Magalhaes PROPOSAL
Cody S CaudyIndiaStephen Shaw RENEWAL
Isabel T MacleadAustraliaXuxue Feng UNQUALIFIED
Mujtaba W MacleadBrazilBernardo Dominic RENEWAL
Isabel Y MaletIndiaAnna Fali NEW
Maria H InouyeUnited KingdomIvan Magalhaes UNQUALIFIED
Adams T CampainUnited KingdomAmy Elsner UNQUALIFIED
Jennifer A RutaRussiaOnyama Limba NEGOTIATION
Faith O DarakjyFranceIvan Magalhaes NEGOTIATION
Jeanfrancois K BriddickArgentinaStephen Shaw NEGOTIATION
Octavia Z MorascaJapanAnna Fali UNQUALIFIED
Mujtaba J MorascaSpainStephen Shaw QUALIFIED
Alejandro Y InouyeJapanIvan Magalhaes UNQUALIFIED
Salvatore C FlosiUnited KingdomAnna Fali PROPOSAL
James V VocelkaGermanyAmy Elsner UNQUALIFIED
Kadeem I GarufiSpainStephen Shaw NEGOTIATION
Murillo W MacleadCanadaStephen Shaw PROPOSAL
Johnson Z IturbideArgentinaElwin Sharvill RENEWAL
Ashley B SaylorsItalyAnna Fali PROPOSAL
Smith Y FigeroaItalyXuxue Feng RENEWAL
Mayumi V KuskoFranceXuxue Feng NEGOTIATION
Octavia Y StockhamSpainIoni Bowcher NEGOTIATION
Jeanfrancois J NickaJapanAnna Fali QUALIFIED
Deepesh O VocelkaRussiaXuxue Feng QUALIFIED
Jennifer O FollerSpainAsiya Javayant UNQUALIFIED
Chavez K FollerAustraliaStephen Shaw UNQUALIFIED
Maria E FlosiArgentinaIvan Magalhaes RENEWAL
David H WhobreyFranceBernardo Dominic NEW
Costa G DarakjyCanadaIvan Magalhaes NEW
Emily W DoeIndiaIoni Bowcher RENEWAL
Ricardo O VenereAustraliaAsiya Javayant NEW
Cody G MaletArgentinaOnyama Limba UNQUALIFIED
Leon S StockhamGermanyIoni Bowcher NEW
Jones T TollnerItalyAsiya Javayant RENEWAL
Faith S WaycottUnited KingdomStephen Shaw PROPOSAL
Mayumi C MacleadAustraliaStephen Shaw NEW
Tony D CaudyArgentinaAmy Elsner PROPOSAL
Darci X PaprockiAustraliaIoni Bowcher UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Maria P SchemmerFranceIoni Bowcher NEW
Juan M OldroydBrazilElwin Sharvill QUALIFIED
Alejandro Y BologniaGermanyAnna Fali PROPOSAL
Silvio K FollerIndiaElwin Sharvill RENEWAL
Smith K MaletUnited KingdomIvan Magalhaes RENEWAL
Jones W GlickIndiaStephen Shaw NEGOTIATION
Adams L StockhamGermanyOnyama Limba NEGOTIATION
Tony J OstroskyFranceBernardo Dominic NEW
Kadeem A ShinkoItalyIoni Bowcher UNQUALIFIED
Juan A RoysterRussiaAnna Fali UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jefferson M IturbideUnited Kingdom2026-09-09Buckley Miller Wright PROPOSAL35Onyama Limba
1001Aruna R RoysterJapan2026-09-22Chapman, Ross E Esq RENEWAL40Asiya Javayant
1002Misaki M StockhamFrance2026-09-21Morlong Associates QUALIFIED87Ioni Bowcher
1003Darci Q MaletAustralia2026-09-22Rangoni Of Florence RENEWAL1Stephen Shaw
1004Mujtaba D TollnerCanada2026-09-07Morlong Associates NEGOTIATION49Onyama Limba
1005Ashley R SchemmerJapan2026-09-29Benton, John B Jr QUALIFIED3Amy Elsner
1006Adams G DilliardRussia2026-09-02Chemel, James L Cpa QUALIFIED74Bernardo Dominic
1007Salvatore H BologniaIndia2026-09-22Printing Dimensions NEGOTIATION50Stephen Shaw
1008Aditya J BriddickRussia2026-09-28Rangoni Of Florence QUALIFIED91Asiya Javayant
1009Deepesh R DarakjyCanada2026-09-01Dorl, James J Esq UNQUALIFIED83Asiya Javayant
1010David L NestleSpain2026-09-23Commercial Press NEW97Xuxue Feng
1011Deepesh M RimAustralia2026-09-04Commercial Press UNQUALIFIED63Ioni Bowcher
1012Francesco N BologniaFrance2026-09-08Benton, John B Jr NEGOTIATION25Bernardo Dominic
1013Jefferson K GillianJapan2026-09-19Chemel, James L Cpa NEW30Asiya Javayant
1014Rodrigues Z RutaAustralia2026-09-09Commercial Press QUALIFIED13Xuxue Feng
1015Francesco B MaletCanada2026-09-15Chemel, James L Cpa NEGOTIATION68Elwin Sharvill
1016Maria B FlosiItaly2026-09-04Printing Dimensions NEGOTIATION38Xuxue Feng
1017Aditya U PerinGermany2026-08-31Buckley Miller Wright QUALIFIED18Onyama Limba
1018Kaitlin I StockhamUnited Kingdom2026-09-15Feltz Printing Service RENEWAL35Bernardo Dominic
1019Jennifer K GillianRussia2026-09-13Chapman, Ross E Esq RENEWAL19Anna Fali
1020Octavia E VocelkaItaly2026-09-09Truhlar And Truhlar Attys UNQUALIFIED74Asiya Javayant
1021Johnson I NestleJapan2026-09-24Chapman, Ross E Esq PROPOSAL17Elwin Sharvill
1022David L FerenczGermany2026-09-07Printing Dimensions QUALIFIED43Amy Elsner
1023Ricardo N WhobreyFrance2026-08-31Chapman, Ross E Esq PROPOSAL43Bernardo Dominic
1024Stacey Y DoeAustralia2026-09-01Buckley Miller Wright PROPOSAL11Onyama Limba
1025Ashley A KolmetzCanada2026-08-31Chemel, James L Cpa UNQUALIFIED85Bernardo Dominic
1026Jeanfrancois Z PaprockiUnited Kingdom2026-09-08Feltz Printing Service UNQUALIFIED61Anna Fali
1027James V FlosiGermany2026-09-10Commercial Press PROPOSAL86Anna Fali
1028Salvatore N InouyeRussia2026-09-01Chanay, Jeffrey A Esq RENEWAL4Onyama Limba
1029Maisha L SchemmerIndia2026-09-28Rousseaux, Michael Esq RENEWAL58Anna Fali
1030Jones P OldroydAustralia2026-09-18Dorl, James J Esq UNQUALIFIED81Amy Elsner
1031Kaitlin B SaylorsGermany2026-09-02King, Christopher A Esq PROPOSAL30Amy Elsner
1032Ricardo L FerenczGermany2026-09-15Printing Dimensions RENEWAL71Asiya Javayant
1033Ashley W BriddickUnited Kingdom2026-09-18Benton, John B Jr UNQUALIFIED3Ivan Magalhaes
1034Nicolas L DilliardRussia2026-09-21Rangoni Of Florence PROPOSAL58Asiya Javayant
1035Alejandro S OstroskyRussia2026-09-18Morlong Associates NEGOTIATION55Anna Fali
1036Jennifer C SergiFrance2026-09-22Buckley Miller Wright UNQUALIFIED66Onyama Limba
1037Izzy F WieserBrazil2026-09-18Buckley Miller Wright RENEWAL25Onyama Limba
1038Aditya L RimFrance2026-09-25Truhlar And Truhlar Attys NEGOTIATION68Asiya Javayant
1039Kadeem G WaycottItaly2026-09-01Feiner Bros NEGOTIATION98Amy Elsner
1040Jennifer B NestleUnited Kingdom2026-09-06Feiner Bros NEGOTIATION24Stephen Shaw
1041Salvatore Y CaldareraIndia2026-08-31Commercial Press NEW35Onyama Limba
1042Morrow X GauchoBrazil2026-09-17Rousseaux, Michael Esq NEGOTIATION54Ivan Magalhaes
1043Mujtaba K InouyeAustralia2026-09-12Chemel, James L Cpa RENEWAL63Ivan Magalhaes
1044Isabel X BriddickJapan2026-09-26Morlong Associates NEW26Asiya Javayant
1045Kaitlin E GarufiSpain2026-09-20Dorl, James J Esq RENEWAL70Asiya Javayant
1046James A NestleRussia2026-09-23Chapman, Ross E Esq NEGOTIATION36Xuxue Feng
1047Clifford D WieserItaly2026-09-22Commercial Press PROPOSAL88Anna Fali
1048Rodrigues Y WhobreySpain2026-09-29Rousseaux, Michael Esq NEGOTIATION44Xuxue Feng
1049Jefferson R PaprockiUnited Kingdom2026-09-20Truhlar And Truhlar Attys QUALIFIED87Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Leon W ShinkoIndiaOnyama Limba RENEWAL
Maria A NestleBrazilXuxue Feng NEW
Kaitlin I SchemmerItalyXuxue Feng RENEWAL
Isabel W WieserItalyIvan Magalhaes QUALIFIED
Maria Q BriddickUnited KingdomElwin Sharvill PROPOSAL
Kadeem O RimRussiaIvan Magalhaes QUALIFIED
Cody B StensethSpainStephen Shaw NEW
Adams D RoysterItalyAmy Elsner NEGOTIATION
Aruna K DilliardIndiaAnna Fali PROPOSAL
Aika M MacleadGermanyIoni Bowcher RENEWAL
Leon W FerenczSpainAnna Fali NEW
Cody M AmigonAustraliaIoni Bowcher NEW
Emily P StensethIndiaIvan Magalhaes RENEWAL
Faith V DilliardIndiaXuxue Feng NEW
Clifford Q SchemmerFranceStephen Shaw RENEWAL
Morrow M FollerJapanIoni Bowcher NEGOTIATION
Aruna H WhobreyArgentinaBernardo Dominic PROPOSAL
Aditya O InouyeUnited KingdomStephen Shaw RENEWAL
Mayumi K AlbaresFranceAsiya Javayant UNQUALIFIED
Tony J InouyeFranceIvan Magalhaes QUALIFIED
Alejandro Q FigeroaUnited KingdomElwin Sharvill NEGOTIATION
Claire A GlickFranceIoni Bowcher PROPOSAL
Octavia N RoysterFranceOnyama Limba QUALIFIED
Francesco P IturbideRussiaXuxue Feng RENEWAL
Jones Z CaldareraGermanyIvan Magalhaes PROPOSAL
Cody B FerenczFranceAnna Fali UNQUALIFIED
Smith Z MarrierUnited KingdomOnyama Limba UNQUALIFIED
Chavez I BowleyUnited KingdomElwin Sharvill RENEWAL
Juan D ShinkoGermanyIvan Magalhaes NEW
David R FerenczFranceIoni Bowcher UNQUALIFIED
Salvatore S BriddickFranceElwin Sharvill QUALIFIED
Jones O CaldareraArgentinaBernardo Dominic RENEWAL
Isabel A MaletUnited KingdomAmy Elsner NEW
David K SchemmerCanadaAmy Elsner UNQUALIFIED
Aditya A StockhamUnited KingdomElwin Sharvill PROPOSAL
Aruna A GarufiArgentinaBernardo Dominic NEW
Chavez X NickaArgentinaStephen Shaw UNQUALIFIED
Claire Y AlbaresIndiaIvan Magalhaes NEW
Sinclair B RoysterGermanyXuxue Feng QUALIFIED
Izzy H MarrierJapanAsiya Javayant NEGOTIATION
Izzy I SergiJapanAmy Elsner QUALIFIED
Arvin Y BologniaBrazilIoni Bowcher QUALIFIED
Jennifer B GauchoAustraliaIoni Bowcher NEGOTIATION
Sinclair Q RimIndiaAsiya Javayant QUALIFIED
Aika U VenereCanadaIoni Bowcher QUALIFIED
Sinclair K MorascaGermanyBernardo Dominic NEW
Faith U RulapaughUnited KingdomXuxue Feng NEGOTIATION
Morrow I RutaCanadaXuxue Feng NEGOTIATION
Morrow L SaylorsUnited KingdomAmy Elsner NEW
Costa B FerenczItalyStephen Shaw NEW
Frozen Columns
Name
Arvin G Maclead
Alejandro K Gillian
Clifford N Kusko
Izzy Z Shinko
Leon X Campain
Claire M Gillian
Aika R Amigon
Misaki C Briddick
Isabel S Albares
Leja V Figeroa
Johnson T Albares
Leja D Bolognia
Maria B Rim
Leja J Ruta
Francesco U Shinko
Leon K Albares
Kaitlin E Bolognia
Salvatore V Maclead
Chavez R Poquette
Izzy A Caldarera
Morrow T Inouye
Greenwood M Caudy
Greenwood L Gillian
Aditya O Waycott
Izzy L Darakjy
Julie T Poquette
Munro O Paprocki
Costa M Campain
Munro P Sergi
Chavez P Royster
Leja L Caldarera
Kaitlin F Amigon
Juan J Gillian
Sinclair K Briddick
Arvin O Slusarski
Darci Z Stenseth
Kadeem X Marrier
Morrow X Caldarera
Jones I Ruta
Smith D Saylors
Nicolas T Caldarera
Alejandro R Glick
Deepesh V Rulapaugh
Maria N Ostrosky
Arvin C Flosi
Murillo D Garufi
Wickens P Ferencz
Julie J Whobrey
Salvatore J Caldarera
Kadeem J Inouye
IdCountryDate
1000Italy2026-09-26
1001Germany2026-09-19
1002France2026-09-19
1003Argentina2026-09-07
1004Brazil2026-09-08
1005Russia2026-09-10
1006France2026-09-11
1007Canada2026-09-02
1008France2026-09-15
1009Germany2026-09-24
1010India2026-09-13
1011Germany2026-09-24
1012Brazil2026-09-18
1013Russia2026-09-23
1014Italy2026-09-23
1015Brazil2026-09-21
1016Japan2026-08-31
1017Italy2026-09-25
1018Canada2026-09-19
1019Canada2026-09-01
1020Japan2026-09-14
1021Canada2026-09-16
1022Germany2026-09-16
1023India2026-09-04
1024United Kingdom2026-09-18
1025France2026-09-10
1026India2026-09-11
1027India2026-09-29
1028France2026-09-01
1029Japan2026-09-17
1030Brazil2026-09-10
1031Brazil2026-09-05
1032Brazil2026-09-23
1033Russia2026-09-05
1034Italy2026-09-07
1035Japan2026-09-07
1036Germany2026-09-26
1037Australia2026-09-19
1038Australia2026-09-25
1039United Kingdom2026-09-26
1040Argentina2026-09-10
1041Japan2026-09-14
1042Germany2026-09-08
1043Spain2026-09-15
1044Germany2026-09-11
1045Germany2026-09-24
1046Canada2026-09-04
1047Italy2026-09-26
1048Brazil2026-09-11
1049Argentina2026-09-06

On-Demand Data

NameIdCountryDate
Jefferson Z Caudy1000Canada2026-09-05
Octavia Y Foller1001Argentina2026-09-01
Izzy M Darakjy1002Spain2026-09-04
Greenwood A Waycott1003Spain2026-09-10
Ivar P Venere1004France2026-09-24
Juan F Royster1005Russia2026-09-19
Aruna C Slusarski1006Canada2026-09-16
James S Waycott1007Japan2026-09-28
Ivar C Rim1008United Kingdom2026-09-01
Aditya V Caldarera1009Germany2026-09-24
Chavez J Bowley1010Canada2026-09-08
Jones S Slusarski1011Australia2026-09-05
Adams Z Royster1012Australia2026-09-17
Juan R Rim1013Germany2026-09-23
Juan C Ruta1014Canada2026-09-03
Ricardo M Bolognia1015Japan2026-09-01
Nicolas S Oldroyd1016Brazil2026-09-12
Claire E Morasca1017France2026-09-15
Faith Q Marrier1018Japan2026-09-25
Leja S Amigon1019France2026-09-21
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Ashley V FerenczIndiaIoni Bowcher NEW
Mayumi P DoeArgentinaOnyama Limba QUALIFIED
Cody J RimIndiaXuxue Feng NEGOTIATION
Greenwood R GillianBrazilStephen Shaw QUALIFIED
James R FerenczItalyStephen Shaw NEW
Antonio D StensethFranceStephen Shaw PROPOSAL
Clifford L BowleyGermanyAnna Fali NEGOTIATION
Darci L RulapaughItalyOnyama Limba PROPOSAL
Octavia R SaylorsGermanyAsiya Javayant UNQUALIFIED
Juan R FlosiCanadaBernardo Dominic UNQUALIFIED
Maria L RoysterItalyAmy Elsner NEGOTIATION
Chavez D IturbideSpainIoni Bowcher PROPOSAL
Morrow M MacleadCanadaIoni Bowcher UNQUALIFIED
Alejandro X OldroydIndiaIvan Magalhaes PROPOSAL
Octavia R KuskoBrazilIoni Bowcher NEGOTIATION
Cody Y BowleyCanadaAmy Elsner PROPOSAL
Mujtaba J GlickJapanAsiya Javayant PROPOSAL
Mujtaba C DoeIndiaStephen Shaw QUALIFIED
Ricardo Q MarrierUnited KingdomIoni Bowcher PROPOSAL
Clifford V ButtItalyOnyama Limba RENEWAL
Ivar O GarufiAustraliaIoni Bowcher PROPOSAL
Julie T FerenczJapanXuxue Feng NEW
Munro R RoysterIndiaElwin Sharvill RENEWAL
Murillo Y SlusarskiCanadaStephen Shaw UNQUALIFIED
Emily H MaletUnited KingdomElwin Sharvill PROPOSAL
Silvio B FerenczItalyBernardo Dominic NEW
Nicolas M DoeUnited KingdomOnyama Limba PROPOSAL
Morrow T WaycottBrazilBernardo Dominic PROPOSAL
Costa E GauchoItalyBernardo Dominic UNQUALIFIED
Alejandro R BologniaAustraliaIvan Magalhaes UNQUALIFIED
Nicolas N InouyeJapanElwin Sharvill UNQUALIFIED
Alejandro M FollerGermanyAsiya Javayant UNQUALIFIED
Nicolas L VocelkaAustraliaXuxue Feng QUALIFIED
Aruna S OldroydBrazilXuxue Feng NEW
Isabel K GauchoCanadaOnyama Limba PROPOSAL
Leon B DarakjyItalyXuxue Feng QUALIFIED
Cody D CaudySpainAmy Elsner NEW
Jefferson W DilliardUnited KingdomOnyama Limba UNQUALIFIED
Ivar C RimRussiaElwin Sharvill UNQUALIFIED
Adams N PaprockiIndiaAsiya Javayant 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>