Header of the datatable can be fixed to keep it in viewport during scroll.
Documentation| Id | Year | Brand | Color |
|---|---|---|---|
| 43264b81 | 2005 | Ford | Black |
| 8418d35a | 1980 | Ford | White |
| 90fc46de | 1976 | Audi | Silver |
| c525fee3 | 1997 | Ford | Red |
| 6fd9fdfc | 2009 | Jaguar | Green |
| 6f0f203a | 1968 | Volvo | Black |
| d692f9a5 | 1977 | Fiat | Blue |
| 8cd714e2 | 1963 | Fiat | Green |
| 9acaab5e | 1981 | Honda | White |
| 435581af | 1987 | Volvo | White |
| 8716b6fe | 2001 | Mercedes | Yellow |
| 003e2f6b | 1979 | Fiat | White |
| e5471cfd | 1975 | Volvo | Maroon |
| 5e09cff6 | 2008 | Renault | Orange |
| 39002214 | 1964 | BMW | Maroon |
| b56c03c2 | 2000 | Audi | Silver |
| ba9f47b2 | 1983 | Renault | Yellow |
| 3df3c8e9 | 1974 | Mercedes | Green |
| 6dac0136 | 1963 | Volvo | Orange |
| ae01e43c | 1973 | Audi | Maroon |
| fce35a1c | 1975 | Fiat | Yellow |
| 3e0d59fc | 1968 | Mercedes | Orange |
| 5a0002ef | 2001 | Mercedes | Silver |
| 610e6441 | 1980 | Ford | Brown |
| 798ad899 | 1978 | Renault | Maroon |
| e98fe4af | 1979 | Audi | Red |
| 3e98e54f | 1971 | Renault | Green |
| 37c7cd6d | 1980 | Audi | Brown |
| 809fdd2f | 1960 | Mercedes | Brown |
| b484206f | 1969 | Jaguar | White |
| 236e081a | 1986 | Volkswagen | Maroon |
| cd46f8bc | 1989 | Volkswagen | Maroon |
| 2730422f | 1984 | Fiat | Yellow |
| 1461abe7 | 2007 | Volkswagen | White |
| b5fd3dd4 | 2009 | Fiat | Green |
| b6a11e10 | 1964 | Mercedes | Blue |
| 5a56e523 | 1966 | Renault | Green |
| dffc2df1 | 1976 | Audi | Maroon |
| a37394cf | 1970 | Audi | Blue |
| 1e168fb6 | 2004 | Volkswagen | Blue |
| daca4533 | 2007 | BMW | Silver |
| 9271ccf6 | 2008 | Volvo | White |
| a3865cfc | 2003 | Renault | Maroon |
| 8129aea6 | 1960 | Honda | Black |
| f4182669 | 1991 | Volkswagen | Red |
| 4f4ef1cb | 1971 | Jaguar | Blue |
| 3b48c181 | 1980 | Audi | Black |
| c8dd4d00 | 1981 | Volkswagen | Orange |
| c26b49a5 | 1964 | Volkswagen | Orange |
| 346e9a6a | 1995 | Mercedes | Orange |
<p:dataTable var="car" value="#{dtStickyView.cars}" stickyHeader="true" stickyTopAt=".layout-topbar">
<p:column headerText="Id">
<h:outputText value="#{car.id}" />
</p:column>
<p:column headerText="Year">
<h:outputText value="#{car.year}" />
</p:column>
<p:column headerText="Brand">
<h:outputText value="#{car.brand}" />
</p:column>
<p:column headerText="Color">
<h:outputText value="#{car.color}" />
</p:column>
</p:dataTable>@Named("dtStickyView")
@RequestScoped
public class StickyView implements Serializable {
private List<Car> cars;
@Inject
private CarService service;
@PostConstruct
public void init() {
cars = service.createCars(50);
}
public List<Car> getCars() {
return cars;
}
public void setService(CarService service) {
this.service = service;
}
}@Named
@ApplicationScoped
public class CarService {
private final static String[] colors;
private final static String[] brands;
static {
colors = new String[10];
colors[0] = "Black";
colors[1] = "White";
colors[2] = "Green";
colors[3] = "Red";
colors[4] = "Blue";
colors[5] = "Orange";
colors[6] = "Silver";
colors[7] = "Yellow";
colors[8] = "Brown";
colors[9] = "Maroon";
brands = new String[10];
brands[0] = "BMW";
brands[1] = "Mercedes";
brands[2] = "Volvo";
brands[3] = "Audi";
brands[4] = "Renault";
brands[5] = "Fiat";
brands[6] = "Volkswagen";
brands[7] = "Honda";
brands[8] = "Jaguar";
brands[9] = "Ford";
}
public List<Car> createCars(int size) {
List<Car> list = new ArrayList<Car>();
for(int i = 0 ; i < size ; i++) {
list.add(new Car(getRandomId(), getRandomBrand(), getRandomYear(), getRandomColor(), getRandomPrice(), getRandomSoldState()));
}
return list;
}
private String getRandomId() {
return UUID.randomUUID().toString().substring(0, 8);
}
private int getRandomYear() {
return (int) (Math.random() * 50 + 1960);
}
private String getRandomColor() {
return colors[(int) (Math.random() * 10)];
}
private String getRandomBrand() {
return brands[(int) (Math.random() * 10)];
}
private int getRandomPrice() {
return (int) (Math.random() * 100000);
}
private boolean getRandomSoldState() {
return (Math.random() > 0.5) ? true: false;
}
public List<String> getColors() {
return Arrays.asList(colors);
}
public List<String> getBrands() {
return Arrays.asList(brands);
}
}