Display horizontal scrollbar on an oj-table

Content

We have a table where we allow users to dynamically add/remove columns they want to see in the table.  The number of columns can sometimes push the table off the right side of the page and the entire page is stretching to the width of table.  We would like the page width to remain as is regardless of the number of columns in the table.

We have tried using the style property on the table and setting width:300px; height:300px; as an example, but the horizontal scrollbar is not showing up.  We have also tried setting scroll-position.x="0" scroll-position.y="0" thinking that might force the scrollbar to appear as well.