无法将水平滚动条与表格一起添加

Question

我在页面中使用JSP和Html表标记，并且具有在我的jsp页面内执行Java代码的脚本。 我根据条件从数据库动态填充UI中的Table数据，几乎有15列。 [将来会添加更多列]

我希望根据浏览器的上下文大小表是固定的，并且表下方应该有一个水平滚动条以滚动其他列。

我关注了以下链接： Add horizontal scrollbar to html table

Table scroll with HTML and CSS

然后我用<div>来包装表格，并在下面的CSS代码中使用了

div .clsTableDiv
{
    width: 500px;
    height: 110px;
    overflow-x: scroll;
    overflow-x: auto;
    overflow-y: hidden;
}

我还尝试将overflow样式直接添加到表中，例如：

<table class="clsTable" cellspacing="1" cellpadding="3" border="0" style="overflow-x: scroll; display: block; width: 500px; height: 110px;">
</table>

但是以某种方式，滚动条根本无法工作。我不确定我是否在做错什么，还是我在JSp中用来在表中动态填充数据的scriplet阻止了它。请给我建议。