Hi!
We have an AEM 6.4.1 form with repeating panels that have a table in them.
They look fine when larger than 760px width, but the headers disappear after the first table in smaller than 760 (phone).
Issue seems to be that in subsequent tables, the guide-data-header is empty.
In the first table of the phone width, the header cells have the following code:
<td rowspan="1" colspan="1" id="GUID1571429533720__guideContainer-rootPanel-instruction-pnPrivate-sectPrivate1-table-Row1-headerItem1564666229016___guide-item" headers="guideContainer-rootPanel-instruction-pnPrivate-sectPrivate1-table-HeaderRow-headerItem1564666228735___guide-item" data-guide-parent-id="GUID1571429533720__guideContainer-rootPanel-instruction-pnPrivate-sectPrivate1-table-Row1__" class="active" guide-data-header="Start Date" >
The ::before code (that displays the header text) has the CSS of:
@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px)
.headersLeft.nonIETable td:before {
content : attr(guide-data-header); }
The subsequent tables have the following code - note the guide-data-header value is empty:
<td rowspan="1" colspan="1" id="GUID1571429533721__guideContainer-rootPanel-instruction-pnPrivate-sectPrivate1-table-Row1-headerItem1564666229016___guide-item" headers="guideContainer-rootPanel-instruction-pnPrivate-sectPrivate1-table-HeaderRow-headerItem1564666228735___guide-item" data-guide-parent-id="GUID1571429533721__guideContainer-rootPanel-instruction-pnPrivate-sectPrivate1-table-Row1__" class="active" guide-data-header="" >
Any idea why this would be? Thanks!