Header of the datatable can be fixed to keep it in viewport during scroll.
| Code | Name | Category | Price | 
|---|---|---|---|
| waas1x2as | Headphones | Electronics | $175.00 | 
| cm230f032 | Gaming Set | Electronics | $299.00 | 
| 244wgerg2 | Blue T-Shirt | Clothing | $29.00 | 
| waas1x2as | Headphones | Electronics | $175.00 | 
| plb34234v | Gold Phone Case | Accessories | $24.00 | 
| cm230f032 | Gaming Set | Electronics | $299.00 | 
| lm2tny2k4 | Shoes | Clothing | $64.00 | 
| zz21cz3c1 | Blue Band | Fitness | $79.00 | 
| nbm5mv45n | Sneakers | Clothing | $78.00 | 
| vb34btbg5 | Light Green T-Shirt | Clothing | $49.00 | 
| 4920nnc2d | Green Earbuds | Electronics | $89.00 | 
| k8l6j58jl | Lime Band | Fitness | $79.00 | 
| 244wgerg2 | Blue T-Shirt | Clothing | $29.00 | 
| nvklal433 | Black Watch | Accessories | $72.00 | 
| tx125ck42 | Yoga Mat | Fitness | $20.00 | 
| acvx872gc | Yellow Earbuds | Electronics | $89.00 | 
| cm230f032 | Gaming Set | Electronics | $299.00 | 
| zx23zc42c | Teal T-Shirt | Clothing | $49.00 | 
| nvklal433 | Black Watch | Accessories | $72.00 | 
| fldsmn31b | Grey T-Shirt | Clothing | $48.00 | 
| acvx872gc | Yellow Earbuds | Electronics | $89.00 | 
| zx23zc42c | Teal T-Shirt | Clothing | $49.00 | 
| lm2tny2k4 | Shoes | Clothing | $64.00 | 
| 5k43kkk23 | Purple T-Shirt | Clothing | $49.00 | 
| tx125ck42 | Yoga Mat | Fitness | $20.00 | 
| plb34234v | Gold Phone Case | Accessories | $24.00 | 
| plb34234v | Gold Phone Case | Accessories | $24.00 | 
| h456wer53 | Bracelet | Accessories | $15.00 | 
| cm230f032 | Gaming Set | Electronics | $299.00 | 
| mbvjkgip5 | Galaxy Earrings | Accessories | $34.00 | 
| zz21cz3c1 | Blue Band | Fitness | $79.00 | 
| waas1x2as | Headphones | Electronics | $175.00 | 
| pxpzczo23 | Purple Band | Fitness | $79.00 | 
| vb34btbg5 | Light Green T-Shirt | Clothing | $49.00 | 
| plb34234v | Gold Phone Case | Accessories | $24.00 | 
| r23fwf2w3 | Pink Purse | Accessories | $110.00 | 
| mnb5mb2m5 | Pink Band | Fitness | $79.00 | 
| nvklal433 | Black Watch | Accessories | $72.00 | 
| zx23zc42c | Teal T-Shirt | Clothing | $49.00 | 
| zx23zc42c | Teal T-Shirt | Clothing | $49.00 | 
| nvklal433 | Black Watch | Accessories | $72.00 | 
| 250vm23cc | Green T-Shirt | Clothing | $49.00 | 
| k8l6j58jl | Lime Band | Fitness | $79.00 | 
| lm2tny2k4 | Shoes | Clothing | $64.00 | 
| mbvjkgip5 | Galaxy Earrings | Accessories | $34.00 | 
| 250vm23cc | Green T-Shirt | Clothing | $49.00 | 
| k8l6j58jl | Lime Band | Fitness | $79.00 | 
| vb34btbg5 | Light Green T-Shirt | Clothing | $49.00 | 
| r23fwf2w3 | Pink Purse | Accessories | $110.00 | 
| bib36pfvm | Chakra Bracelet | Accessories | $32.00 | 
<div class="card">
    <p:dataTable var="product" value="#{dtStickyView.products}" stickyHeader="true" stickyTopAt=".layout-topbar">
        <p:column headerText="Code">
            <h:outputText value="#{product.code}"/>
        </p:column>
        <p:column headerText="Name">
            <h:outputText value="#{product.name}"/>
        </p:column>
        <p:column headerText="Category">
            <h:outputText value="#{product.category}"/>
        </p:column>
        <p:column headerText="Price">
            <h:outputText value="#{product.price}">
                <f:convertNumber type="currency" currencySymbol="$"/>
            </h:outputText>
        </p:column>
    </p:dataTable>
</div>
package org.primefaces.showcase.view.data.datatable;
import jakarta.annotation.PostConstruct;
import jakarta.enterprise.context.RequestScoped;
import jakarta.inject.Inject;
import jakarta.inject.Named;
import java.io.Serializable;
import java.util.List;
import io.quarkus.runtime.annotations.RegisterForReflection;
import org.primefaces.showcase.domain.Product;
import org.primefaces.showcase.service.ProductService;
@Named("dtStickyView")
@RequestScoped
@RegisterForReflection(serialization = true)
public class StickyView implements Serializable {
    @Inject
    ProductService service;
    private List<Product> products;
    @PostConstruct
    public void init() {
        products = service.getProducts(50);
    }
    public List<Product> getProducts() {
        return products;
    }
    public void setService(ProductService service) {
        this.service = service;
    }
}
package org.primefaces.showcase.service;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
import java.util.UUID;
import jakarta.annotation.PostConstruct;
import jakarta.enterprise.context.ApplicationScoped;
import jakarta.inject.Named;
import org.primefaces.showcase.domain.InventoryStatus;
import org.primefaces.showcase.domain.Product;
@Named
@ApplicationScoped
public class ProductService {
    private List<Product> products;
    @PostConstruct
    public void init() {
        products = new ArrayList<>();
        products.add(new Product(1000, "f230fh0g3", "Bamboo Watch", "Product Description", "bamboo-watch.jpg", 65,
                "Accessories", 24, InventoryStatus.INSTOCK, 5));
        products.add(new Product(1001, "nvklal433", "Black Watch", "Product Description", "black-watch.jpg", 72,
                "Accessories", 61, InventoryStatus.INSTOCK, 4));
        products.add(new Product(1002, "zz21cz3c1", "Blue Band", "Product Description", "blue-band.jpg", 79,
                "Fitness", 2, InventoryStatus.LOWSTOCK, 3));
        products.add(new Product(1003, "244wgerg2", "Blue T-Shirt", "Product Description", "blue-t-shirt.jpg", 29,
                "Clothing", 25, InventoryStatus.INSTOCK, 5));
        products.add(new Product(1004, "h456wer53", "Bracelet", "Product Description", "bracelet.jpg", 15,
                "Accessories", 73, InventoryStatus.INSTOCK, 4));
        products.add(new Product(1005, "av2231fwg", "Brown Purse", "Product Description", "brown-purse.jpg", 120,
                "Accessories", 0, InventoryStatus.OUTOFSTOCK, 4));
        products.add(new Product(1006, "bib36pfvm", "Chakra Bracelet", "Product Description", "chakra-bracelet.jpg", 32,
                "Accessories", 5, InventoryStatus.LOWSTOCK, 3));
        products.add(new Product(1007, "mbvjkgip5", "Galaxy Earrings", "Product Description", "galaxy-earrings.jpg", 34,
                "Accessories", 23, InventoryStatus.INSTOCK, 5));
        products.add(new Product(1008, "vbb124btr", "Game Controller", "Product Description", "game-controller.jpg", 99,
                "Electronics", 2, InventoryStatus.LOWSTOCK, 4));
        products.add(new Product(1009, "cm230f032", "Gaming Set", "Product Description", "gaming-set.jpg", 299,
                "Electronics", 63, InventoryStatus.INSTOCK, 3));
        products.add(new Product(1010, "plb34234v", "Gold Phone Case", "Product Description", "gold-phone-case.jpg", 24,
                "Accessories", 0, InventoryStatus.OUTOFSTOCK, 4));
        products.add(new Product(1011, "4920nnc2d", "Green Earbuds", "Product Description", "green-earbuds.jpg", 89,
                "Electronics", 23, InventoryStatus.INSTOCK, 4));
        products.add(new Product(1012, "250vm23cc", "Green T-Shirt", "Product Description", "green-t-shirt.jpg", 49,
                "Clothing", 74, InventoryStatus.INSTOCK, 5));
        products.add(new Product(1013, "fldsmn31b", "Grey T-Shirt", "Product Description", "grey-t-shirt.jpg", 48,
                "Clothing", 0, InventoryStatus.OUTOFSTOCK, 3));
        products.add(new Product(1014, "waas1x2as", "Headphones", "Product Description", "headphones.jpg", 175,
                "Electronics", 8, InventoryStatus.LOWSTOCK, 5));
        products.add(new Product(1015, "vb34btbg5", "Light Green T-Shirt", "Product Description", "light-green-t-shirt.jpg", 49,
                "Clothing", 34, InventoryStatus.INSTOCK, 4));
        products.add(new Product(1016, "k8l6j58jl", "Lime Band", "Product Description", "lime-band.jpg", 79,
                "Fitness", 12, InventoryStatus.INSTOCK, 3));
        products.add(new Product(1017, "v435nn85n", "Mini Speakers", "Product Description", "mini-speakers.jpg", 85,
                "Clothing", 42, InventoryStatus.INSTOCK, 4));
        products.add(new Product(1018, "09zx9c0zc", "Painted Phone Case", "Product Description", "painted-phone-case.jpg", 56,
                "Accessories", 41, InventoryStatus.INSTOCK, 5));
        products.add(new Product(1019, "mnb5mb2m5", "Pink Band", "Product Description", "pink-band.jpg", 79,
                "Fitness", 63, InventoryStatus.INSTOCK, 4));
        products.add(new Product(1020, "r23fwf2w3", "Pink Purse", "Product Description", "pink-purse.jpg", 110,
                "Accessories", 0, InventoryStatus.OUTOFSTOCK, 4));
        products.add(new Product(1021, "pxpzczo23", "Purple Band", "Product Description", "purple-band.jpg", 79,
                "Fitness", 6, InventoryStatus.LOWSTOCK, 3));
        products.add(new Product(1022, "2c42cb5cb", "Purple Gemstone Necklace", "Product Description", "purple-gemstone-necklace.jpg", 45,
                "Accessories", 62, InventoryStatus.INSTOCK, 4));
        products.add(new Product(1023, "5k43kkk23", "Purple T-Shirt", "Product Description", "purple-t-shirt.jpg", 49,
                "Clothing", 2, InventoryStatus.LOWSTOCK, 5));
        products.add(new Product(1024, "lm2tny2k4", "Shoes", "Product Description", "shoes.jpg", 64,
                "Clothing", 0, InventoryStatus.INSTOCK, 4));
        products.add(new Product(1025, "nbm5mv45n", "Sneakers", "Product Description", "sneakers.jpg", 78,
                "Clothing", 52, InventoryStatus.INSTOCK, 4));
        products.add(new Product(1026, "zx23zc42c", "Teal T-Shirt", "Product Description", "teal-t-shirt.jpg", 49,
                "Clothing", 3, InventoryStatus.LOWSTOCK, 3));
        products.add(new Product(1027, "acvx872gc", "Yellow Earbuds", "Product Description", "yellow-earbuds.jpg", 89,
                "Electronics", 35, InventoryStatus.INSTOCK, 3));
        products.add(new Product(1028, "tx125ck42", "Yoga Mat", "Product Description", "yoga-mat.jpg", 20,
                "Fitness", 15, InventoryStatus.INSTOCK, 5));
        products.add(new Product(1029, "gwuby345v", "Yoga Set", "Product Description", "yoga-set.jpg", 20,
                "Fitness", 25, InventoryStatus.INSTOCK, 8));
    }
    public List<Product> getProducts() {
        return new ArrayList<>(products);
    }
    public List<Product> getProducts(int size) {
        if (size > products.size()) {
            Random rand = new Random();
            List<Product> randomList = new ArrayList<>();
            for (int i = 0; i < size; i++) {
                int randomIndex = rand.nextInt(products.size());
                randomList.add(products.get(randomIndex));
            }
            return randomList;
        }
        else {
            return new ArrayList<>(products.subList(0, size));
        }
    }
    public List<Product> getClonedProducts(int size) {
        List<Product> results = new ArrayList<>();
        List<Product> originals = getProducts(size);
        for (Product original : originals) {
            results.add(original.clone());
        }
        // make sure to have unique codes
        for (Product product : results) {
            product.setCode(UUID.randomUUID().toString().replace("-", "").substring(0, 8));
        }
        return results;
    }
}
package org.primefaces.showcase.domain;
import java.io.Serializable;
import java.util.List;
import java.util.Objects;
import io.quarkus.runtime.annotations.RegisterForReflection;
@RegisterForReflection
public class Product implements Serializable {
    private int id;
    private String code;
    private String name;
    private String description;
    private String image;
    private double price;
    private String category;
    private int quantity;
    private InventoryStatus inventoryStatus;
    private int rating;
    private List<Order> orders;
    public Product() {
    }
    public Product(int id, String code, String name, String description, String image, double price, String category, int quantity,
                   InventoryStatus inventoryStatus, int rating) {
        this.id = id;
        this.code = code;
        this.name = name;
        this.description = description;
        this.image = image;
        this.price = price;
        this.category = category;
        this.quantity = quantity;
        this.inventoryStatus = inventoryStatus;
        this.rating = rating;
    }
    @Override
    public Product clone() {
        return new Product(getId(), getCode(), getName(), getDescription(), getImage(), getPrice(), getCategory(), getQuantity(),
                getInventoryStatus(), getRating());
    }
    public int getId() {
        return id;
    }
    public void setId(int id) {
        this.id = id;
    }
    public String getCode() {
        return code;
    }
    public void setCode(String code) {
        this.code = code;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public String getDescription() {
        return description;
    }
    public void setDescription(String description) {
        this.description = description;
    }
    public String getImage() {
        return image;
    }
    public void setImage(String image) {
        this.image = image;
    }
    public double getPrice() {
        return price;
    }
    public void setPrice(double price) {
        this.price = price;
    }
    public String getCategory() {
        return category;
    }
    public void setCategory(String category) {
        this.category = category;
    }
    public int getQuantity() {
        return quantity;
    }
    public void setQuantity(int quantity) {
        this.quantity = quantity;
    }
    public InventoryStatus getInventoryStatus() {
        return inventoryStatus;
    }
    public void setInventoryStatus(InventoryStatus inventoryStatus) {
        this.inventoryStatus = inventoryStatus;
    }
    public int getRating() {
        return rating;
    }
    public void setRating(int rating) {
        this.rating = rating;
    }
    public List<Order> getOrders() {
        return this.orders;
    }
    public void setOrders(List<Order> orders) {
        this.orders = orders;
    }
    @Override
    public int hashCode() {
        return Objects.hashCode(code);
    }
    @Override
    public boolean equals(Object obj) {
        if (this == obj) {
            return true;
        }
        if (obj == null) {
            return false;
        }
        if (getClass() != obj.getClass()) {
            return false;
        }
        Product other = (Product) obj;
        return Objects.equals(getCode(), other.getCode());
    }
}
package org.primefaces.showcase.domain;
import java.util.Locale;
import io.quarkus.runtime.annotations.RegisterForReflection;
@RegisterForReflection
public enum InventoryStatus {
    INSTOCK("In Stock"),
    OUTOFSTOCK("Out of Stock"),
    LOWSTOCK("Low Stock");
    private final String text;
    InventoryStatus(String text) {
        this.text = text;
    }
    public String getText() {
        return text;
    }
    public String getStatusName() {
        return name().toLowerCase(Locale.ROOT);
    }
}
package org.primefaces.showcase.domain;
import io.quarkus.runtime.annotations.RegisterForReflection;
@RegisterForReflection
public class Order implements java.io.Serializable {
    private final int number;
    private final String imagePath;
    public Order(int number, String imagePath) {
        this.number = number;
        this.imagePath = imagePath;
    }
    public int getNumber() {
        return number;
    }
    public String getImagePath() {
        return imagePath;
    }
    @Override
    public boolean equals(Object o) {
        if (this == o) {
            return true;
        }
        if (o == null || getClass() != o.getClass()) {
            return false;
        }
        Order order = (Order) o;
        return number == order.number;
    }
    @Override
    public int hashCode() {
        return number;
    }
}