Header of the datatable can be fixed to keep it in viewport during scroll.
Documentation| Id | Year | Brand | Color |
|---|---|---|---|
| 593d0153 | 1982 | Audi | Blue |
| 5e1f2c28 | 1966 | Fiat | White |
| 5703735a | 1994 | Renault | Maroon |
| 61914738 | 2000 | Ford | Orange |
| ee57ddba | 1986 | Fiat | Orange |
| 640ff5e3 | 1978 | Renault | Maroon |
| c7a3ea37 | 1963 | Renault | Yellow |
| 57d1eb8a | 1973 | Renault | Red |
| bbf8c8fc | 1977 | Volkswagen | Yellow |
| 85d632ce | 1961 | Audi | Brown |
| 4150774a | 1997 | Honda | Brown |
| 1d1ed556 | 1994 | BMW | Brown |
| 7652d749 | 2009 | Mercedes | Orange |
| 97a201ea | 1988 | Volvo | Yellow |
| dc78483e | 1982 | Volvo | Green |
| 4cb80cda | 1967 | Fiat | Orange |
| 62d1696d | 1979 | Ford | Black |
| c7e06750 | 2004 | Volvo | Yellow |
| b77bd07a | 2001 | BMW | Yellow |
| 6f0a0431 | 2006 | Renault | Brown |
| ecccbffc | 1982 | Honda | Brown |
| 5f09a24a | 1970 | Jaguar | Orange |
| 182a2004 | 1975 | Jaguar | Brown |
| d41da952 | 1996 | Honda | Silver |
| 8aa731e4 | 1973 | Jaguar | Brown |
| 8a198b9b | 1998 | Audi | Yellow |
| ac46ad0f | 1967 | Mercedes | Maroon |
| fab2ea8b | 1980 | Mercedes | Red |
| 971d8709 | 1988 | Volvo | Blue |
| a1e1b64f | 1990 | Audi | Blue |
| 70874885 | 1983 | Volvo | Yellow |
| d8021dac | 1980 | Volvo | Orange |
| 958b31c5 | 1997 | BMW | Maroon |
| 0e584ead | 1979 | Mercedes | Silver |
| cf75e9c6 | 1991 | Jaguar | Red |
| 6e64229d | 2002 | Renault | Silver |
| fb1c7527 | 1965 | Honda | Orange |
| 6316943d | 1965 | Mercedes | Black |
| 6d77534c | 1976 | Audi | Silver |
| efafb822 | 1960 | Volvo | White |
| 98d36ec0 | 1996 | Honda | Green |
| e5b2a49f | 2001 | Fiat | Green |
| 0cbca42a | 1995 | Volkswagen | Maroon |
| 710dc76f | 1988 | Fiat | Silver |
| 8105559a | 1977 | Ford | Green |
| 2bed6846 | 2003 | Audi | Blue |
| efed5e43 | 1975 | Volkswagen | White |
| 704993ce | 1974 | Mercedes | Green |
| 079f4885 | 2001 | Audi | Black |
| 06b0a162 | 1997 | Renault | 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);
}
}