Recently I read a question on LinkedIn and SCN on how to avoid scrollbars for tables (aka repeated data requests).

With a little bit of CSS styling you can achieve this quiet easily:

.TABSCROLL
{
HEIGHT: auto;
OVERFLOW-Y: visible;
}

.TABSCROLLARC
{
HEIGHT: auto;
OVERFLOW-Y: visible;
}

Note that the CSS attribute ‘OVERFLOW-Y’ is a CSS3 attribute and is only supported for MS Internet Explorer 9.0 and above. It also works with ‘OVERFLOW’ but then it also would loose the horizontal scrollbar which would be annoying for wide tables. Also note that if the table is wider than your screen the horizontal scrollbar is added by the browser without compensating for it in the height. This means that you either loos the column header or do not see the last line properly. Maybe in this case you might try to combine this with the solution to avoid the scrolling of the table column headers described in this post.

Either you include this in your custom CSS stylesheet to make it generally available or you could also include it on a recipe per recipe basis by including it as inline CSS coding in an HTML long text. I have attached an exported SXS which you can import to play around. As always this comes with no support or warranty and you have to test it very thoroughly on your system.

Here is how it would look like without (left) and with (right) the inline CSS coding: