html - 响应式数据表不适合表展开

Question

我正在尝试让我的数据表响应。我正在使用 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;
    }
}

问题是，当列被展开时，行会超出表格的 Angular 落并且没有响应。相反，当最小化浏览器和表格较小时，它是响应式的。就在展开表的时候。怎么了？

Answer 1

在您的 CSS 中添加以下类

#dataTable_wrapper
{
 overflow:auto;
}