Header of the datatable can be fixed to keep it in viewport during scroll.
Documentation| Id | Year | Brand | Color |
|---|---|---|---|
| bf2b0a13 | 1997 | Mercedes | Maroon |
| e65b673c | 1987 | Honda | Brown |
| 1188a3a1 | 2002 | Honda | Brown |
| 16b03b2f | 1994 | Volkswagen | Green |
| 2cd8dff8 | 1983 | Jaguar | Red |
| 711137ee | 1980 | Jaguar | White |
| 9172e9ff | 1995 | Ford | Yellow |
| 826605fe | 1988 | Ford | White |
| 9e33e712 | 1960 | Renault | Black |
| 6ea61ef3 | 1994 | Renault | Green |
| 46d3ebed | 1964 | BMW | Maroon |
| cbd82cae | 1983 | Fiat | Blue |
| 3a13a9df | 1993 | BMW | Green |
| a350af4f | 1998 | Fiat | Yellow |
| 781563f6 | 1987 | Jaguar | Red |
| d790acdc | 1961 | Volkswagen | Maroon |
| e450f9ce | 2007 | Fiat | Yellow |
| 8ae2d6e2 | 1995 | Volkswagen | Brown |
| 6cc7d2da | 1982 | BMW | Red |
| 5bd82832 | 1961 | Honda | Green |
| 719b9a06 | 1962 | Fiat | Green |
| 82932c34 | 1993 | Mercedes | Yellow |
| c1d63030 | 1964 | Jaguar | Maroon |
| c69116cf | 2007 | Fiat | Red |
| 98c32ff1 | 1984 | Renault | Brown |
| abb63f17 | 1970 | Volvo | Green |
| 7aeee5e8 | 2001 | Honda | Orange |
| 61012983 | 1993 | Fiat | Silver |
| b26e64ab | 1966 | BMW | White |
| e6aab2cb | 2003 | Fiat | Blue |
| 9f150150 | 2000 | Honda | Silver |
| 3bd9cabb | 1960 | Fiat | Orange |
| 0b9d687e | 1986 | Honda | Red |
| 53d7ef43 | 2001 | Volkswagen | Black |
| 18738384 | 1989 | Fiat | Orange |
| 49d03df1 | 1988 | Volkswagen | Blue |
| 5ecda199 | 1980 | Volkswagen | Orange |
| 7fd22aeb | 1984 | Jaguar | White |
| ba515339 | 1980 | Renault | Black |
| 8966e4ef | 1964 | Renault | Maroon |
| 2b9d4614 | 1962 | Ford | Orange |
| 5aab4e31 | 2002 | Mercedes | Blue |
| aece3b14 | 2002 | Renault | White |
| 5fa38517 | 1963 | Mercedes | Orange |
| 6ba6e9d0 | 1978 | Renault | Blue |
| aa7f94f4 | 1975 | Fiat | Red |
| fcb39728 | 1988 | Fiat | Maroon |
| a8962eb3 | 1991 | Honda | Yellow |
| 682175f9 | 1979 | Audi | Red |
| cd03f46e | 1967 | Mercedes | Maroon |
<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);
}
}