Header of the datatable can be fixed to keep it in viewport during scroll.
Documentation| Id | Year | Brand | Color |
|---|---|---|---|
| ffd2e4ba | 1973 | Volkswagen | Green |
| 52188584 | 1969 | Renault | Yellow |
| 49e81306 | 1999 | Honda | Blue |
| 386229b3 | 2006 | Honda | Maroon |
| 747ca1d5 | 1981 | BMW | Silver |
| 755a2d5d | 1970 | Honda | Maroon |
| 208d51c3 | 1969 | Audi | Orange |
| b3e219aa | 1976 | Audi | Green |
| 347590ac | 1990 | Jaguar | Yellow |
| c87f4782 | 2003 | Jaguar | Black |
| d5bcd325 | 2007 | BMW | White |
| a15ed25f | 1969 | Renault | Orange |
| 667bcc09 | 1972 | Audi | White |
| 6eba4315 | 1988 | Volkswagen | Brown |
| 96ab6b90 | 1965 | BMW | Brown |
| fa1fc0d1 | 1990 | BMW | Green |
| 11fde4bc | 1982 | Jaguar | Red |
| 826cee39 | 2002 | Ford | White |
| f9711e54 | 2006 | Mercedes | Red |
| b10ca21b | 1983 | Mercedes | White |
| 02a2baf1 | 2002 | Renault | Silver |
| 4fc74e3c | 1966 | Volkswagen | Blue |
| d360119e | 1990 | Audi | Black |
| 278d1c25 | 1977 | Audi | Black |
| 0600d655 | 1964 | Renault | Brown |
| 69e95ccd | 1967 | BMW | Green |
| dd94edbf | 1960 | Audi | Red |
| 4909c331 | 1994 | Ford | Maroon |
| d8eb20dd | 1987 | Volvo | Blue |
| 08ec145f | 1997 | Ford | Orange |
| ce6dd262 | 1982 | Mercedes | Silver |
| 50ba921d | 1978 | Jaguar | Yellow |
| a6848c2f | 1962 | Volvo | Orange |
| 2eade029 | 1972 | Renault | Maroon |
| 3fdd1e3b | 1980 | Fiat | Red |
| c1507b5d | 2002 | Volkswagen | White |
| 6dfc1e0b | 1991 | Ford | Red |
| 90e125a8 | 1965 | Audi | Red |
| 8e385318 | 1998 | Mercedes | Silver |
| 5b2351b9 | 1999 | Audi | Orange |
| 8ae2739a | 1991 | Volkswagen | Red |
| 28164cc1 | 2009 | Mercedes | Orange |
| 0aacf370 | 1980 | Audi | Silver |
| c4df8f62 | 1982 | Mercedes | Maroon |
| 27a7ec90 | 2000 | Renault | Green |
| 04fded25 | 1992 | Renault | White |
| b088c285 | 1964 | Honda | Brown |
| 689b4fb8 | 1975 | Honda | Yellow |
| f7004546 | 1979 | Mercedes | Brown |
| 7f6fb816 | 1969 | Audi | White |
<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);
}
}