If you look at the image included, you see that the values come below the name of the column when displaying on a mobile phone, shouldn't the wrapped text be moved further to the right?
Regards,
BTJ
datatable writes value under column name on mobile layout
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Please try;
Code: Select all
//CSS
@media (max-width:640px) {
.ui-datatable-reflow .ui-datatable-data td[role="gridcell"].myCustomStyle {
padding-left: 30%;
margin-left: 1.6em;
}
.ui-datatable-reflow .ui-datatable-data td[role="gridcell"].myCustomStyle .ui-column-title {
position: absolute;
left: 60px;
}
}
//XHTML
....
<p:column headerText="Name" styleClass="myCustomStyle">
...
Github Profile: https://github.com/mertsincan
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Thanks for the update!
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 11 guests