我试图使用Datatables创建一个没有任何水平滚动的表.该表有一些长的数据行,我需要保持一行并隐藏溢出.

看起来我在这里缺少一些相当基本的数据表,但是当表获得垂直滚动条时,我似乎无法摆脱水平滚动条.

http://jsfiddle.net/FBpLA/3/

有两个表(相同的数据),都是非常简单的初始化.

$('#mytable').dataTable({
    bFilter: false,bInfo: false,bPaginate: false,});

$('#mytable2').dataTable({
    bFilter: false,sScrollY: '150px'
});

页面的样式相当简单

body {
     height:100%;
     color: #000000;
     font-family: Helvetica,Arial,Verdana,sans-serif;
     font-size: 10pt;
     background-color: #B4D4EC;
 }
 .main-panel {
     display:block;
     background:white;
     padding:20px;
     height: 100%;
     position:absolute;
     width: 700px;
     top: 139px;
     bottom: 110px;
 }
 th {
     text-align:left;
 }
 td {
     border-spacing:0;
     white-space:nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     -ms-text-overflow:ellipsis;
 }