It is at least not directly possible, but there are some Hacks to get the same Look and Feel.
One solution that I have applied more often now is to add the header WITHIN the templategrid items, and use css styling to only show theses headers for the first row in the templategrid.
Modeler:
how it looks
The main styling uses these two classes - you need to make some adjustments to match it to your actual styling.
* add the grid-inlineheader class to your grid
* add the grid-inlineheader-header class to the row containing the headers
* add the following to your custom css
.grid-inlineheader.mx-templategrid {
.mx-templategrid-row {
.grid-inlineheader-header {
display: none;
}
}
.mx-templategrid-row:first-child {
.grid-inlineheader-header {
display: inherit;
}
}
}
Hi Mendix, is there an updated solution for this now or is there a new workaround?
It works great.
The same is possible in a listview with
// header in listview
.grid-inlineheader.mx-listview {
.mx-listview-item {
.grid-inlineheader-header {
display: none;
}
}
.mx-listview-item:first-child {
.grid-inlineheader-header {
display: inherit;
}
}
}