Wiki: Scrollbar in long markdown tables

Created on 16 Dec 2019  路  5Comments  路  Source: Requarks/wiki

I created the following test table in a .md file:

|Test1|Test2|Test3|Test4|Test5|Test6|Test7|
|-------------|-------------|---------|----------|-----------|---------|---------|
|Hello|code|code|code|code|code|longtextlongtextlongtextlongtextlonglongtextlongtextlongtextlongtextlong|

The contents of a row that expand beyond the current window are not viewable. There is also no way to scroll horizontally on the table to view the contents at the end of the row.

Any ideas how to get around this?

Thanks.

Most helpful comment

For me the following worked without overflow:

.contents table {
  width:90%;
  overflow-x:auto;
  display:block;
  white-space:nowrap;
  font-size:small;
}

All 5 comments

The same thing happens to me, would there be any solution to this problem?

Same here with Firefox 71.0 (64-bit) (Ubuntu Focal)
Happens in vertical scroll too. With two panes, sometimes the left edit pane have content that it's not visible on right preview pane because (I've guess) the view it's attached to the left pane and there's no way to scroll preview pane independently.
Anyway, great project. Big thanks you for your time.

You could add this to the CSS override in the Theme area in Administration. I'm still trying to remove padding and such.

tr:nth-child(even){background-color:#eee}tr:hover{background-color:#fff}table{width:100%;overflow-x:auto;display:block;white-space:nowrap;font-size:small;}

Thanks, it's works for me.

For me the following worked without overflow:

.contents table {
  width:90%;
  overflow-x:auto;
  display:block;
  white-space:nowrap;
  font-size:small;
}
Was this page helpful?
0 / 5 - 0 ratings

Related issues

bennycode picture bennycode  路  4Comments

ccolella-mdc picture ccolella-mdc  路  3Comments

p-se picture p-se  路  3Comments

SharkProgramming picture SharkProgramming  路  4Comments

sleepadru picture sleepadru  路  4Comments