Header of the datatable can be fixed to keep it in viewport during scroll.
Documentation| Id | Year | Brand | Color |
|---|---|---|---|
| 2d89c277 | 1976 | Volkswagen | Yellow |
| 77c93654 | 1991 | Jaguar | Orange |
| e29dedcb | 1969 | Fiat | Silver |
| fe499c1b | 1988 | Audi | Black |
| 3f6765d2 | 1974 | Fiat | Maroon |
| bef2fe35 | 1976 | Volkswagen | Maroon |
| 5fbb0eaa | 1969 | Renault | Brown |
| d1c950ec | 1989 | Mercedes | Red |
| 8ca02e8f | 1979 | BMW | Blue |
| 830a81f8 | 1998 | Volkswagen | White |
| ce248920 | 2007 | Fiat | White |
| dccb418e | 1976 | Renault | Yellow |
| d136738c | 2005 | Volvo | White |
| 88fe24dc | 1999 | Mercedes | Silver |
| 24562a16 | 1961 | Renault | Yellow |
| 8854e341 | 2007 | Fiat | Orange |
| b0494e1c | 1984 | Ford | Green |
| bd9ea813 | 1988 | Audi | Blue |
| 46bb1eef | 1984 | Volvo | Brown |
| c745fc4a | 1960 | Volvo | Red |
| 6e0d11c2 | 2006 | Audi | Black |
| b87b9e98 | 1960 | Fiat | Yellow |
| f1a320bd | 2001 | Mercedes | Silver |
| a40ae7ca | 2001 | Volvo | Red |
| 694549cf | 2006 | Ford | Maroon |
| b6913aaf | 1984 | Fiat | Green |
| 32df638a | 1993 | Volkswagen | Green |
| 0cee0c4f | 1974 | Audi | Maroon |
| 7d8db5fd | 1960 | Honda | Maroon |
| 59c655a8 | 1971 | Honda | Blue |
| 2130b41a | 2008 | Volkswagen | Black |
| e7e9f94f | 1990 | Volvo | White |
| 3a84b15a | 1976 | Fiat | Blue |
| 1b49e08b | 1962 | Jaguar | Red |
| 93643671 | 2001 | Fiat | Maroon |
| f4b0789f | 1969 | Volvo | Yellow |
| cb6d907c | 1967 | Ford | Red |
| b0af5ba8 | 1984 | Jaguar | White |
| 836961df | 1990 | Renault | Blue |
| b10b80d5 | 1999 | Volvo | Brown |
| b0f9c56e | 1997 | Volkswagen | Green |
| 6fc7b156 | 2000 | Jaguar | Black |
| cf2d8774 | 1974 | Audi | Orange |
| d28cfa4d | 2006 | Jaguar | Red |
| 23d2c6e3 | 2000 | BMW | White |
| 6348bb57 | 1997 | Honda | Silver |
| 19a15c05 | 2006 | Volvo | Blue |
| 4497854e | 1976 | Fiat | Brown |
| 2f88e384 | 1977 | Fiat | Red |
| befc14b2 | 1969 | Fiat | Brown |
<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);
}
}