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
Ivar U VenereUnited KingdomAnna Fali NEW
Kadeem G DilliardJapanOnyama Limba NEW
Morrow H CaudyItalyBernardo Dominic NEW
Adams I PoquetteAustraliaAnna Fali RENEWAL
Aika S DarakjySpainIvan Magalhaes PROPOSAL
Wickens A MacleadIndiaAnna Fali NEW
Jennifer B AlbaresUnited KingdomIoni Bowcher NEGOTIATION
Clifford F ChuiArgentinaElwin Sharvill UNQUALIFIED
Leja H DoeUnited KingdomElwin Sharvill RENEWAL
Izzy P OldroydBrazilAsiya Javayant NEGOTIATION
Misaki B GarufiItalyAnna Fali NEW
Ashley U CaldareraSpainStephen Shaw RENEWAL
Mayumi N KuskoFranceXuxue Feng NEGOTIATION
Clifford G RutaBrazilBernardo Dominic NEW
Aika X SaylorsFranceElwin Sharvill UNQUALIFIED
Claire Z SaylorsIndiaAnna Fali NEGOTIATION
Octavia Q FlosiCanadaAnna Fali QUALIFIED
David T VenereBrazilAmy Elsner NEW
Emily N WhobreyBrazilAmy Elsner PROPOSAL
Jennifer O StockhamIndiaIvan Magalhaes RENEWAL
Jefferson D TollnerItalyAnna Fali NEW
Aditya J RimAustraliaAnna Fali QUALIFIED
Salvatore R ChuiCanadaAnna Fali NEW
Murillo V IturbideJapanIoni Bowcher QUALIFIED
Izzy E IturbideAustraliaXuxue Feng PROPOSAL
Costa P CaldareraJapanElwin Sharvill UNQUALIFIED
Wickens V WhobreyArgentinaAsiya Javayant NEW
Johnson E VocelkaAustraliaAsiya Javayant PROPOSAL
Ricardo O ShinkoSpainBernardo Dominic NEW
Aika W GillianIndiaXuxue Feng PROPOSAL
Murillo F BriddickJapanIoni Bowcher QUALIFIED
Silvio T WieserSpainIoni Bowcher RENEWAL
Faith V WieserSpainAmy Elsner QUALIFIED
Deepesh K BowleyGermanyOnyama Limba PROPOSAL
Kaitlin U BriddickUnited KingdomXuxue Feng NEW
Costa T OstroskyUnited KingdomElwin Sharvill NEW
Wickens H TollnerSpainAmy Elsner NEW
David Q WieserJapanOnyama Limba NEGOTIATION
Ivar C PerinUnited KingdomAsiya Javayant PROPOSAL
James N TollnerGermanyAmy Elsner RENEWAL
Alejandro J FlosiGermanyIvan Magalhaes NEGOTIATION
Munro F IturbideBrazilAnna Fali NEGOTIATION
Juan K AmigonBrazilOnyama Limba NEW
Octavia Z NickaIndiaAsiya Javayant PROPOSAL
Mayumi E RutaRussiaBernardo Dominic RENEWAL
Stacey O MarrierAustraliaXuxue Feng RENEWAL
Jennifer S FerenczBrazilAsiya Javayant NEGOTIATION
Deepesh E KolmetzFranceBernardo Dominic NEW
Silvio N VocelkaSpainElwin Sharvill RENEWAL
Julie X PerinBrazilIvan Magalhaes NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Faith S CampainRussiaIvan Magalhaes PROPOSAL
Juan H MorascaGermanyIvan Magalhaes NEW
Aruna F StockhamBrazilAnna Fali PROPOSAL
Maria F MarrierCanadaIvan Magalhaes UNQUALIFIED
Deepesh X DoeRussiaAmy Elsner NEW
Chavez Y MaletAustraliaXuxue Feng NEGOTIATION
Wickens O CaldareraJapanIoni Bowcher PROPOSAL
Ricardo L MacleadGermanyBernardo Dominic PROPOSAL
Claire A SaylorsRussiaAsiya Javayant NEGOTIATION
Aditya M GauchoAustraliaStephen Shaw QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aruna N DilliardAustralia2025-09-19Rousseaux, Michael Esq QUALIFIED15Bernardo Dominic
1001Jefferson P MarrierSpain2025-09-16Truhlar And Truhlar Attys RENEWAL23Xuxue Feng
1002Misaki W NestleJapan2025-09-21Chanay, Jeffrey A Esq NEW61Ivan Magalhaes
1003Stacey R KolmetzGermany2025-09-18Morlong Associates NEGOTIATION99Asiya Javayant
1004Juan X AlbaresAustralia2025-09-15Dorl, James J Esq NEGOTIATION30Amy Elsner
1005Ricardo H MarrierUnited Kingdom2025-09-12Morlong Associates QUALIFIED38Ivan Magalhaes
1006Izzy J IturbideGermany2025-09-06Chapman, Ross E Esq PROPOSAL32Bernardo Dominic
1007Darci N FlosiFrance2025-09-13Printing Dimensions NEGOTIATION44Xuxue Feng
1008Ashley T NickaCanada2025-09-30Feltz Printing Service QUALIFIED71Stephen Shaw
1009Mayumi C FollerSpain2025-09-10King, Christopher A Esq RENEWAL28Ioni Bowcher
1010Mayumi R AlbaresCanada2025-09-11Feiner Bros RENEWAL37Bernardo Dominic
1011Smith J ChuiSpain2025-09-29Rangoni Of Florence NEGOTIATION51Amy Elsner
1012Clifford E GauchoIndia2025-09-06Commercial Press RENEWAL77Ioni Bowcher
1013Cody E WieserUnited Kingdom2025-09-25Morlong Associates QUALIFIED6Bernardo Dominic
1014Kadeem S SaylorsGermany2025-09-26Chapman, Ross E Esq QUALIFIED99Ivan Magalhaes
1015Leon O FlosiBrazil2025-09-05Commercial Press PROPOSAL82Xuxue Feng
1016Leja S IturbideGermany2025-09-28Buckley Miller Wright NEW12Ioni Bowcher
1017Aruna P NickaRussia2025-10-01Truhlar And Truhlar Attys UNQUALIFIED14Asiya Javayant
1018Smith L GauchoItaly2025-09-03Buckley Miller Wright PROPOSAL31Asiya Javayant
1019Mayumi B SaylorsUnited Kingdom2025-09-15Morlong Associates NEW21Xuxue Feng
1020Octavia E FerenczItaly2025-09-23King, Christopher A Esq RENEWAL40Stephen Shaw
1021Adams Q CaldareraRussia2025-09-13Morlong Associates QUALIFIED97Elwin Sharvill
1022James W VenereIndia2025-09-15Feiner Bros RENEWAL16Ioni Bowcher
1023Leon S InouyeSpain2025-09-13Buckley Miller Wright NEGOTIATION16Asiya Javayant
1024Maria C ChuiArgentina2025-09-30Truhlar And Truhlar Attys NEGOTIATION10Ivan Magalhaes
1025Juan A InouyeRussia2025-09-27Morlong Associates PROPOSAL45Xuxue Feng
1026Jeanfrancois K DoeCanada2025-09-17Buckley Miller Wright NEGOTIATION67Stephen Shaw
1027Murillo G VenereBrazil2025-09-09Morlong Associates QUALIFIED21Ivan Magalhaes
1028Chavez D GlickJapan2025-09-14Buckley Miller Wright RENEWAL15Elwin Sharvill
1029Julie L FlosiJapan2025-10-02Chanay, Jeffrey A Esq NEGOTIATION0Asiya Javayant
1030Greenwood F FollerArgentina2025-09-06Truhlar And Truhlar Attys PROPOSAL52Xuxue Feng
1031Ricardo M FerenczJapan2025-09-16King, Christopher A Esq UNQUALIFIED75Asiya Javayant
1032Nicolas N NestleCanada2025-09-06Chapman, Ross E Esq RENEWAL97Xuxue Feng
1033Maisha S OldroydGermany2025-09-28Feltz Printing Service PROPOSAL55Anna Fali
1034Maria W CaudyArgentina2025-09-13Buckley Miller Wright PROPOSAL90Amy Elsner
1035Clifford S GillianJapan2025-09-11Buckley Miller Wright NEW86Ivan Magalhaes
1036Izzy I MaletAustralia2025-09-13Benton, John B Jr NEW78Asiya Javayant
1037Francesco K MaletAustralia2025-09-23Chapman, Ross E Esq NEW99Amy Elsner
1038Jennifer I NickaGermany2025-10-01Benton, John B Jr NEW51Asiya Javayant
1039Tony E RoysterUnited Kingdom2025-09-30Chanay, Jeffrey A Esq QUALIFIED87Ioni Bowcher
1040Claire Z NestleUnited Kingdom2025-09-12Printing Dimensions NEGOTIATION50Asiya Javayant
1041Rodrigues T FerenczCanada2025-09-22Buckley Miller Wright RENEWAL60Ivan Magalhaes
1042Misaki B ShinkoIndia2025-09-12King, Christopher A Esq QUALIFIED11Asiya Javayant
1043Rodrigues D SlusarskiRussia2025-09-03Printing Dimensions UNQUALIFIED12Bernardo Dominic
1044Darci E GauchoArgentina2025-09-11Chanay, Jeffrey A Esq QUALIFIED52Ivan Magalhaes
1045Jeanfrancois Z NickaJapan2025-09-13Chapman, Ross E Esq QUALIFIED85Xuxue Feng
1046Stacey L AlbaresRussia2025-09-09King, Christopher A Esq QUALIFIED49Xuxue Feng
1047Isabel X ShinkoFrance2025-09-23Feltz Printing Service RENEWAL79Ivan Magalhaes
1048Tony S BowleySpain2025-09-12Dorl, James J Esq NEW95Stephen Shaw
1049Faith P MorascaGermany2025-09-30Commercial Press QUALIFIED51Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Octavia C CampainCanadaXuxue Feng NEW
Munro X WaycottRussiaOnyama Limba QUALIFIED
Octavia C GarufiSpainOnyama Limba NEGOTIATION
David X MaletIndiaOnyama Limba UNQUALIFIED
Salvatore O MorascaAustraliaXuxue Feng QUALIFIED
Ivar P AmigonCanadaBernardo Dominic NEW
Octavia S InouyeItalyXuxue Feng RENEWAL
Murillo B CaldareraSpainIoni Bowcher UNQUALIFIED
Ashley O MorascaAustraliaIoni Bowcher NEW
Costa I MorascaUnited KingdomOnyama Limba QUALIFIED
Jones Z InouyeUnited KingdomXuxue Feng QUALIFIED
Greenwood V MacleadUnited KingdomElwin Sharvill RENEWAL
Izzy J WhobreySpainOnyama Limba QUALIFIED
Jefferson L WieserAustraliaBernardo Dominic UNQUALIFIED
Morrow V OstroskyJapanAmy Elsner UNQUALIFIED
Francesco U BologniaSpainStephen Shaw PROPOSAL
Izzy T MorascaFranceBernardo Dominic NEGOTIATION
Mayumi Z DoeUnited KingdomAnna Fali PROPOSAL
Isabel Q FerenczSpainIoni Bowcher QUALIFIED
Wickens M SlusarskiArgentinaIoni Bowcher UNQUALIFIED
Ricardo X MarrierSpainIoni Bowcher QUALIFIED
Silvio D WaycottItalyAsiya Javayant PROPOSAL
Misaki L SergiRussiaBernardo Dominic PROPOSAL
Murillo K NestleAustraliaStephen Shaw NEGOTIATION
Juan E BriddickAustraliaOnyama Limba NEW
Darci Y RutaRussiaXuxue Feng PROPOSAL
Silvio S RutaIndiaOnyama Limba UNQUALIFIED
Adams Y FlosiGermanyElwin Sharvill RENEWAL
Adams F DoeUnited KingdomOnyama Limba PROPOSAL
Isabel D FollerRussiaXuxue Feng QUALIFIED
Costa F GlickCanadaIoni Bowcher UNQUALIFIED
Isabel F CaldareraBrazilIoni Bowcher NEW
Jennifer G AlbaresSpainBernardo Dominic NEGOTIATION
Claire L InouyeIndiaElwin Sharvill QUALIFIED
Rodrigues F OldroydIndiaAsiya Javayant RENEWAL
Julie V GillianAustraliaAnna Fali NEW
Silvio B SaylorsJapanAsiya Javayant QUALIFIED
Antonio W RoysterFranceElwin Sharvill PROPOSAL
Alejandro H GauchoItalyAnna Fali RENEWAL
Sinclair M MacleadJapanXuxue Feng NEGOTIATION
Wickens Q MacleadSpainStephen Shaw NEW
Salvatore Y WhobreyBrazilStephen Shaw PROPOSAL
Jefferson T TollnerFranceAnna Fali PROPOSAL
Mujtaba L FigeroaJapanAmy Elsner NEGOTIATION
Salvatore F AlbaresFranceAnna Fali NEGOTIATION
Aika R GarufiUnited KingdomXuxue Feng UNQUALIFIED
Darci O VocelkaUnited KingdomOnyama Limba NEW
Jeanfrancois N VocelkaCanadaElwin Sharvill PROPOSAL
Stacey M ButtCanadaElwin Sharvill NEGOTIATION
Deepesh R MarrierGermanyAmy Elsner PROPOSAL
Frozen Columns
Name
Jefferson R Garufi
Izzy P Ferencz
Wickens H Garufi
David H Caldarera
Jones C Foller
Morrow H Caudy
Morrow Y Marrier
Ricardo O Inouye
Misaki Q Briddick
Ricardo Y Ruta
Salvatore F Bowley
Mujtaba D Saylors
Johnson K Stenseth
Greenwood Z Marrier
Greenwood V Stockham
Cody K Rulapaugh
Murillo D Campain
James E Wieser
Arvin D Waycott
Jeanfrancois N Morasca
Misaki R Poquette
Costa X Wieser
Greenwood O Chui
Ricardo T Vocelka
Smith B Darakjy
Johnson S Ferencz
Isabel W Schemmer
Wickens Z Dilliard
Rodrigues S Ferencz
Darci R Paprocki
Mujtaba F Ferencz
Munro J Ruta
James P Whobrey
Alejandro F Albares
Mujtaba L Caudy
Leja R Paprocki
Tony Q Sergi
Francesco Y Gillian
Mayumi M Wieser
Salvatore C Marrier
Clifford U Oldroyd
Rodrigues E Sergi
Leon T Gillian
Emily A Flosi
Francesco A Iturbide
Silvio N Kolmetz
Johnson B Glick
Deepesh X Darakjy
Smith J Chui
Emily E Morasca
IdCountryDate
1000Argentina2025-09-05
1001India2025-09-13
1002Canada2025-09-24
1003Spain2025-09-27
1004Australia2025-09-22
1005United Kingdom2025-09-18
1006France2025-09-13
1007France2025-09-20
1008Brazil2025-09-17
1009France2025-09-27
1010Australia2025-09-25
1011Germany2025-10-01
1012India2025-09-16
1013Germany2025-09-05
1014Germany2025-09-26
1015France2025-09-22
1016Russia2025-09-04
1017Germany2025-09-16
1018Brazil2025-09-27
1019France2025-09-21
1020Japan2025-09-16
1021Argentina2025-10-01
1022Argentina2025-10-02
1023Canada2025-09-20
1024Argentina2025-09-11
1025Spain2025-09-11
1026Japan2025-09-25
1027France2025-09-09
1028Italy2025-09-08
1029India2025-09-13
1030United Kingdom2025-09-09
1031France2025-09-26
1032Australia2025-09-27
1033Canada2025-09-20
1034Australia2025-09-12
1035Russia2025-09-11
1036Australia2025-10-01
1037Italy2025-09-23
1038Canada2025-09-21
1039Italy2025-09-08
1040United Kingdom2025-09-07
1041Brazil2025-09-16
1042United Kingdom2025-09-11
1043Italy2025-09-05
1044Canada2025-09-03
1045Australia2025-09-28
1046Spain2025-09-07
1047Italy2025-09-09
1048Brazil2025-09-24
1049Argentina2025-09-28

On-Demand Data

NameIdCountryDate
Maria H Perin1000Japan2025-09-22
Julie N Nicka1001Argentina2025-09-28
Kadeem G Nicka1002Japan2025-09-26
Izzy R Nicka1003Australia2025-09-11
Costa U Rim1004Canada2025-09-12
Leon B Dilliard1005United Kingdom2025-09-19
Leon X Campain1006India2025-09-22
Ivar A Malet1007Russia2025-09-03
Antonio R Rim1008Argentina2025-09-20
Faith P Paprocki1009Brazil2025-09-05
Ashley E Vocelka1010Spain2025-09-25
Adams B Ferencz1011United Kingdom2025-09-22
Munro K Kolmetz1012Japan2025-09-16
Faith Q Sergi1013France2025-09-08
David C Stenseth1014Spain2025-09-10
Aika E Chui1015Japan2025-09-04
Stacey F Nicka1016Australia2025-09-17
Adams C Garufi1017Australia2025-09-29
Arvin S Kolmetz1018Russia2025-09-28
Deepesh J Ferencz1019India2025-09-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Deepesh T FlosiRussiaElwin Sharvill QUALIFIED
Claire J InouyeIndiaXuxue Feng NEW
Costa T MaletUnited KingdomIoni Bowcher RENEWAL
Maria U InouyeSpainXuxue Feng NEGOTIATION
James R MaletCanadaAnna Fali UNQUALIFIED
Jennifer Q MaletGermanyIvan Magalhaes NEGOTIATION
Aika I ShinkoCanadaIvan Magalhaes PROPOSAL
David Z RoysterCanadaElwin Sharvill RENEWAL
Chavez Y DoeArgentinaBernardo Dominic UNQUALIFIED
Jones P VocelkaArgentinaStephen Shaw NEGOTIATION
Silvio P WieserUnited KingdomElwin Sharvill PROPOSAL
Izzy L WieserBrazilOnyama Limba PROPOSAL
Morrow K WaycottSpainXuxue Feng NEW
Smith B SchemmerArgentinaIoni Bowcher RENEWAL
Juan Y MaletFranceIvan Magalhaes NEGOTIATION
Chavez P MorascaJapanIoni Bowcher UNQUALIFIED
Kaitlin T PoquetteAustraliaElwin Sharvill NEW
Kaitlin O GillianCanadaStephen Shaw PROPOSAL
Chavez O ChuiUnited KingdomIoni Bowcher PROPOSAL
Tony B MarrierSpainOnyama Limba QUALIFIED
Darci U StockhamCanadaXuxue Feng RENEWAL
Costa T RulapaughGermanyAsiya Javayant UNQUALIFIED
Smith V CampainAustraliaOnyama Limba RENEWAL
Murillo Q ChuiGermanyAmy Elsner RENEWAL
Maria M MaletCanadaIoni Bowcher NEW
Cody C StensethItalyIoni Bowcher NEGOTIATION
Julie V SaylorsUnited KingdomOnyama Limba UNQUALIFIED
Rodrigues G AlbaresSpainBernardo Dominic PROPOSAL
Izzy N VocelkaGermanyAsiya Javayant NEW
Ashley K BowleyItalyIoni Bowcher NEW
Aika E MarrierRussiaElwin Sharvill UNQUALIFIED
Munro W SlusarskiBrazilStephen Shaw RENEWAL
Juan T FollerCanadaStephen Shaw RENEWAL
Johnson N ChuiArgentinaAnna Fali NEGOTIATION
Maisha J GlickJapanBernardo Dominic NEW
Nicolas C MarrierCanadaIoni Bowcher UNQUALIFIED
Jefferson R StensethAustraliaIoni Bowcher RENEWAL
Cody Z KolmetzJapanIvan Magalhaes PROPOSAL
Maisha U CaudyGermanyAmy Elsner NEW
Silvio V MaletFranceAmy Elsner QUALIFIED

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