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.
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;
}
Most helpful comment
For me the following worked without overflow: