Thanks for the report!

See also related to issue: Responsive tables #6159

@tassoman your screenshot is for Piwik 1.12 - do you still experience this issue in 2.7.0 ? if so would you mind posting a screenshot here?

Ok. The previous image was Piwik 2.3.0 using nostalgic 1.x template (users loves it 😨 ).

Now I was able to reproduce using 2.7.0 git tag

• this is the whole rendered area taken using browser's snapshot extension
• and this is a screenshot of the desktop

My expectation (and user's) was having the cell flowing text and no horizontal scrollbar in the browser

@mnapoli maybe this bug would also be solved with #7504 ?

Mmh I don't think so, the responsive thing should make one column go below the other when the window width is below a threshold. But in the case here it's a problem of overflow-x I guess (i.e. the table and its content span over the column width which is 50% of the screen). It might be easy to fix though, we could move it to 2.13 and I can give it a try?

I think however that #7504 will improve the situation in smaller screens which is where this bug must appear the most (i.e. when columns are collapsed on top of another).

I've temporally solved this issue using a customized Theme. Inside theme.less I've added this CSS code:

tr.level0 td.label {
  overflow: hidden;
  max-width: 1200px;
}
@media screen and (max-width: 1280px) {
  tr.level0 td.label {
    max-width: 700px;
  }
}
@media screen and (max-width: 1024px) {
  tr.level0 td.label {
    max-width: 350px;
  }
}

It tries to arbitrarily adapt cell with in different screen sizes.

I'll work on the custom theme further with @jdeyla then, if we reach a working solution, I'll go for a PR

Awesome 👍 looking forward to it. BTW: In Piwik 3 we will likely solve it by letting users scroll dataTables when they are too wide until we have completely responsive tables

In Piwik 3 we will likely solve it by letting users scroll dataTables when they are too wide until we have completely responsive tables

👍

Datatables are now scrollable when they are too wide: