Columns with width will look strange in responsive
Posted: 16 Jun 2017, 03:57
I am using modena template.
I am using a datatables with one of the column with a specific width (16px). Now when when you do click on a column it changes color and that is fine, until you put it on responsive look and field.
The column with a different width than the others will have only one part blank. So all the datatable will have color but the "different column" will only have some colored the rest is white.
To recreate:
- Datatable with multiple columns (reflow="true") and hover of a different color
- 1 column with a specific width (mine is 16px) <p:column style="width:16px">...
- Turn into mobile form (inspect page with F12 and choose mobile option)
I am using a datatables with one of the column with a specific width (16px). Now when when you do click on a column it changes color and that is fine, until you put it on responsive look and field.
The column with a different width than the others will have only one part blank. So all the datatable will have color but the "different column" will only have some colored the rest is white.
To recreate:
- Datatable with multiple columns (reflow="true") and hover of a different color
- 1 column with a specific width (mine is 16px) <p:column style="width:16px">...
- Turn into mobile form (inspect page with F12 and choose mobile option)