响应式数据表不适合表扩展

Question

我正在尝试使我的dataTable响应。我正在使用HTML5，我在css中添加了这个：

#dataTable {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #bbb
}
#dataTable td,th {
    border-top: 1px solid #ddd; 
}
@media screen and (max-width: 900px) {
    table {
        overflow-x: auto;
        display: block;
    }
}

问题是，当扩展列时，行会从表的角落出来并且没有响应。相反，当最小化浏览器和表格较小时，它会响应。就在扩展表时。有什么问题？

Answer 1

在CSS中添加以下类

#dataTable_wrapper
{
 overflow:auto;
}